*{margin:0;padding:0;box-sizing:border-box}:root{--gold:#d4a843;--bg:#0f1f0a;--panel:#1a2e12;--text:#fdf6e3;--ui-scale:1;--text-scale:1;--touch-surface:rgba(8,18,8,.82);--touch-surface-active:rgba(39,66,23,.94);--touch-border:rgba(212,168,67,.62);--touch-shadow:rgba(0,0,0,.38);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-14:56px;--space-18:72px}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}#app{width:100vw;height:100vh;position:relative;font-size:calc(16px * var(--ui-scale) * var(--text-scale))}html[data-contrast=high]{--gold:#ffd84d;--bg:#000;--panel:#080808;--text:#fff}html[data-contrast=high] .overlay,html[data-contrast=high] .panel{border-color:#fff}#global-notifs{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:min(92vw,420px)}#global-notifs .notif{background:#0c1808f0;border:1px solid var(--gold);border-radius:6px;padding:9px 14px;color:var(--text);font-size:13px;text-align:center;box-shadow:0 4px 18px #00000059}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.screen.active{display:flex}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f1f0a;z-index:100;color:var(--gold)}.btn{background:#fdf6e314;border:1px solid rgba(212,168,67,.3);color:var(--text);padding:8px 14px;border-radius:6px;cursor:pointer}.btn.primary{background:var(--gold);color:#000;font-weight:700}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.small{padding:2px 8px;font-size:12px}.panel{background:var(--panel);border:1px solid rgba(212,168,67,.2);border-radius:12px;padding:20px;max-width:520px;max-height:94vh;overflow:auto;margin:auto;display:flex;flex-direction:column;gap:10px}.panel label{display:flex;flex-direction:column;gap:4px;font-size:13px}.panel input,.panel select{padding:6px;border-radius:6px;border:1px solid #555;background:#0f1f0a;color:var(--text)}#menu{flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1e3a15,#0a1a05 70%);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}#menu-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.72}.menu-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background:repeating-linear-gradient(90deg,transparent 0 40px,rgba(212,168,67,.1) 40px 42px)}.menu-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;max-height:100%;overflow:auto;padding:24px 16px}.logo{font-size:64px;letter-spacing:8px;color:var(--gold);text-shadow:0 4px 24px rgba(0,0,0,.6)}.subtitle{font-size:18px;letter-spacing:6px;opacity:.8}.tagline{font-style:italic;opacity:.6;font-size:14px;margin-bottom:12px}.menu-nav{display:flex;flex-direction:column;gap:8px;min-width:240px}.menu-footer{margin-top:24px;font-size:11px;opacity:.4}#char-creation{align-items:center;justify-content:center;background:#000000b3}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#game-canvas{width:100%;height:100%;display:block}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:10px;--hud-top-offset:58px}#hud-top{display:flex;gap:12px;flex-wrap:wrap;background:#0009;padding:6px 10px;border-radius:8px;pointer-events:auto;font-size:12px;position:relative;z-index:6;flex-shrink:0}.hud-group{display:flex;align-items:center;gap:6px}.hud-item{background:#fdf6e314;padding:2px 6px;border-radius:4px}.bar{width:80px;height:8px;background:#0006;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold);transition:width .2s}.bar.stamina i{background:#2ecc71}.bar.boss i{background:#e74c3c}#hud-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;pointer-events:none;flex:1 1 auto;min-height:0;padding-top:8px}#crosshair{display:none}#prompt{background:#080c08d1;border:1px solid rgba(212,168,67,.35);padding:5px 12px;border-radius:14px;font-size:12px;font-weight:600;letter-spacing:.02em;box-shadow:0 4px 14px #00000059;max-width:min(320px,70vw);text-align:center}#prompt:empty,#prompt[hidden]{display:none}#prompt:not(:empty){display:block}#objective-tracker,.mission-tracker{position:absolute;left:max(10px,env(safe-area-inset-left,0px));top:max(var(--hud-top-offset),calc(env(safe-area-inset-top,0px) + var(--hud-top-offset)));z-index:5;width:min(300px,calc(100vw - 24px));max-width:min(300px,42vw);background:#080c08c7;border:1px solid rgba(212,168,67,.28);border-left:3px solid var(--gold);border-radius:8px;padding:6px 8px 6px 10px;text-align:left;font-size:12px;line-height:1.35;color:var(--text);pointer-events:auto;box-shadow:0 4px 14px #00000059;transform:none;margin:0}.mission-tracker__head{display:flex;align-items:center;gap:6px;min-height:18px}.mission-tracker__icon{flex:0 0 auto;font-size:12px;line-height:1;opacity:.9}.mission-tracker__title{flex:1 1 auto;min-width:0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-tracker__toggle{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:4px;border:1px solid rgba(212,168,67,.35);background:#fdf6e30f;color:var(--text);font-size:14px;font-weight:700;line-height:1;cursor:pointer;pointer-events:auto;padding:0}.mission-tracker__toggle:hover{background:#d4a8432e;border-color:var(--gold)}.mission-tracker__toggle:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.mission-tracker__body{margin-top:4px}.mission-tracker__objective{margin:0;font-size:12px;font-weight:500;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mission-tracker__objective.is-flash{animation:mission-obj-flash .45s ease}.mission-tracker__progress{display:inline-block;margin-top:3px;font-size:10px;font-variant-numeric:tabular-nums;opacity:.75;background:#d4a8431f;border:1px solid rgba(212,168,67,.25);border-radius:4px;padding:1px 6px}.mission-tracker.is-collapsed .mission-tracker__body{display:none}.mission-tracker.is-collapsed{padding:5px 8px}.mission-tracker.is-empty{opacity:.72}.mission-tracker.is-done .mission-tracker__title{color:#8fd68a}#mission-toast{position:absolute;left:50%;top:18%;transform:translate(-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:min(360px,86vw)}.mission-toast{background:#080c08e0;border:1px solid rgba(212,168,67,.45);border-radius:10px;padding:10px 16px;text-align:center;box-shadow:0 8px 24px #0006;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .22s ease,transform .22s ease}.mission-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}.mission-toast.is-leaving{opacity:0;transform:translateY(-6px) scale(.98)}.mission-toast__label{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--gold);margin-bottom:4px}.mission-toast__title{display:block;font-size:14px;font-weight:600;color:var(--text)}.mission-toast--complete{border-color:#8fd68a8c}.mission-toast--complete .mission-toast__label{color:#8fd68a}@keyframes mission-obj-flash{0%{color:var(--gold);text-shadow:0 0 10px rgba(212,168,67,.55)}to{color:var(--text);text-shadow:none}}@media (prefers-reduced-motion:reduce){.mission-toast,.mission-tracker__objective.is-flash{animation:none;transition:opacity .15s ease}}#boss-bar{background:#000c;padding:6px 12px;border-radius:8px;text-align:center;min-width:min(300px,80vw);border:1px solid #e74c3c;margin-top:auto}#boss-name{font-weight:700;letter-spacing:2px;font-size:12px}#hud-bottom{pointer-events:auto}#notifs{position:absolute;right:10px;bottom:40px;display:flex;flex-direction:column;gap:4px}#hotbar{display:flex;justify-content:center;gap:5px;margin:8px auto 4px;pointer-events:auto}.hotbar-slot{position:relative;width:46px;height:46px;padding:3px;background:#080c07d9;border:1px solid rgba(253,246,227,.28);border-radius:6px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.hotbar-slot b{position:absolute;left:4px;top:2px;font-size:10px;opacity:.7}.hotbar-slot span{font-size:20px;line-height:20px}.hotbar-slot small{font-size:10px;min-height:11px}.hotbar-slot.selected{border-color:var(--gold);box-shadow:0 0 12px #d4a843a6;transform:translateY(-3px)}.hotbar-slot.drag-over{border-color:var(--gold);background:#d4a8432e;box-shadow:0 0 14px #d4a84373}.hotbar-slot[draggable=true]{cursor:grab}.hotbar-slot[draggable=true]:active{cursor:grabbing}.notif{background:#000c;border:1px solid var(--gold);padding:4px 10px;border-radius:12px;font-size:12px;animation:fade 2.5s forwards}@keyframes fade{0%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.controls-hint{font-size:10px;opacity:.5;text-align:center}.overlay{position:absolute;background:#141e0ff5;border:1px solid rgba(212,168,67,.2);border-radius:12px;padding:12px;display:none;pointer-events:auto;max-height:90vh;overflow:auto}.overlay.active{display:block}.overlay.centered{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}#pause-menu{min-width:260px}#profile-panel{right:10px;top:60px;width:420px;max-height:75vh}#profile-content{font-size:12px;line-height:1.65;white-space:pre-line}#death-screen{position:fixed;right:0;bottom:0;left:0;top:0;transform:none;width:100%;height:100%;background:#280000e6;border:1px solid #e74c3c;border-radius:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:80}#death-screen h2{font-size:clamp(22px,4vw,38px);color:#ffb4a8}#death-screen p{opacity:.8}#cutscene{inset:auto;bottom:20px;left:50%;transform:translate(-50%);width:80%;max-width:600px;background:#000000d9}#train-dashboard{display:none;position:absolute;right:14px;bottom:78px;gap:8px;flex-wrap:wrap;max-width:440px;background:#090e12e6;border:1px solid #668a9d;border-radius:8px;padding:8px;font-family:monospace;font-size:11px}#train-dashboard.active{display:flex}#train-dashboard b{width:100%;color:#8ed7ff}#train-dashboard i{color:#ffe072;font-style:normal}#chat{display:none;position:absolute;left:12px;bottom:75px;width:310px;background:#07100ddd;padding:6px;pointer-events:auto}#chat.active{display:grid;grid-template-columns:95px 1fr auto;gap:4px}#chat-log{grid-column:1/-1;max-height:90px;overflow:auto;font-size:10px}#chat input,#chat select{min-width:0;background:#101b16;color:#fff;border:1px solid #496052}.inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}.inv-grid .slot,.slot{background:#0000004d;border:1px solid rgba(253,246,227,.1);border-radius:6px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;position:relative}.slot small{font-size:9px;opacity:.6}.slot.output{border-color:var(--gold)}.crafting-grid{display:flex;align-items:center;gap:12px;margin:12px 0}.craft-arrow{font-size:20px}#recipe-list{max-height:120px;overflow:auto;font-size:12px;margin-top:8px}.recipe{padding:4px 6px;border:1px solid transparent;border-radius:6px;cursor:pointer}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;z-index:10}.touch-controls[hidden],#hud.touch-input .controls-hint{display:none}.touch-direction-pad{position:absolute;left:max(var(--space-4),env(safe-area-inset-left));bottom:max(calc(var(--space-5) + env(safe-area-inset-bottom)),88px);display:grid;grid-template-columns:repeat(3,var(--space-14));gap:var(--space-2);pointer-events:auto}.touch-control-spacer{width:var(--space-14);height:var(--space-14)}.touch-control-button,.touch-interaction-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--touch-border);background:var(--touch-surface);color:var(--text);box-shadow:0 8px 20px var(--touch-shadow),inset 0 1px #fdf6e31f;font:inherit;cursor:pointer;touch-action:none;transition:transform .12s ease-out,background-color .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}.touch-control-button{width:var(--space-14);height:var(--space-14);border-radius:var(--space-3);font-size:1.5rem;font-weight:700;line-height:1}.touch-interaction-button{position:absolute;right:max(var(--space-4),env(safe-area-inset-right));bottom:max(calc(var(--space-5) + env(safe-area-inset-bottom)),88px);min-width:var(--space-18);min-height:var(--space-18);border-radius:50%;padding:var(--space-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);font-size:.75rem;font-weight:700;line-height:1.2;letter-spacing:.04em;pointer-events:auto}.touch-interaction-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))}.touch-control-button.active,.touch-control-button:active,.touch-interaction-button.active,.touch-interaction-button:active{background:var(--touch-surface-active);border-color:var(--gold);box-shadow:0 4px 10px var(--touch-shadow),0 0 16px #d4a8434d;transform:scale(.94)}.touch-control-button:focus-visible,.touch-interaction-button:focus-visible{outline:var(--space-1) solid var(--gold);outline-offset:var(--space-1)}@media (max-width:420px){.touch-direction-pad,.touch-interaction-button{bottom:max(calc(var(--space-4) + env(safe-area-inset-bottom)),80px)}#objective-tracker,.mission-tracker{width:min(220px,calc(100vw - 20px));max-width:min(220px,58vw);top:max(52px,calc(env(safe-area-inset-top,0px) + 48px));padding:4px 6px 4px 8px;font-size:11px}.mission-tracker__title{font-size:10px}.mission-tracker__objective{font-size:11px;-webkit-line-clamp:1}#mission-toast{top:14%}.mission-toast{padding:8px 12px}.mission-toast__title{font-size:13px}}@media (max-width:900px) and (min-width:421px){#objective-tracker,.mission-tracker{max-width:min(280px,38vw)}}@media (prefers-reduced-motion:reduce){.touch-control-button,.touch-interaction-button{transition:background-color .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}.touch-control-button.active,.touch-control-button:active,.touch-interaction-button.active,.touch-interaction-button:active{transform:none}}#game.active{display:block}#game-canvas{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;outline:none;image-rendering:auto;cursor:crosshair;background:#17351d}#game:after{content:"2D";position:absolute;right:14px;bottom:78px;z-index:5;padding:3px 7px;border:1px solid rgba(212,168,67,.45);border-radius:4px;color:#ffe6a6b8;background:#0812089e;font:700 10px/1 system-ui;letter-spacing:2px;pointer-events:none}#config.active{display:flex;align-items:center;justify-content:center;background:#000c}.transition{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,#1a2e12,#000 75%);display:none;align-items:center;justify-content:center;z-index:50;pointer-events:auto}.transition.active{display:flex;animation:fadeIn .4s ease}.transition-content{text-align:center;max-width:420px;padding:20px}.transition-icon{font-size:48px;animation:chug .8s ease-in-out infinite}.transition-content h2{color:var(--gold);letter-spacing:2px;margin:12px 0 6px;font-size:18px}.transition-content p{opacity:.7;font-size:12px;margin:4px 0}.transition-bar{width:260px;height:10px;margin:14px auto;background:#ffffff1a;border-radius:5px;overflow:hidden}.transition-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#fff);width:0%;transition:width .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes chug{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.inv-grid .slot{background:#0000004d;border:1px solid rgba(253,246,227,.1);border-radius:6px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center}#inventory-panel{left:10px;top:60px;width:360px}#inv-weight{font-size:11px;opacity:.6}.inv-grid .slot{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:element}.inv-grid .slot:active{cursor:grabbing}.inv-grid .slot.dragging{opacity:.55;outline:1px dashed var(--gold)}.durability{position:absolute;left:4px;right:4px;bottom:2px;height:3px;background:linear-gradient(90deg,#45d483 var(--durability),#5a2020 var(--durability));border-radius:2px}.crafting-grid{display:flex;align-items:center;gap:12px}.craft-slots{display:grid;grid-template-columns:repeat(3,56px);gap:4px}.craft-arrow{font-size:20px;color:var(--gold)}.slot.output{border-color:var(--gold);background:#d4a84326}#recipe-list{max-height:120px;overflow:auto}.recipe{padding:4px 6px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:12px}.recipe:hover{background:#d4a8431a;border-color:var(--gold)}#crafting-panel{left:50%;top:50%;transform:translate(-50%,-50%);width:520px}#furnace-panel{left:50%;top:50%;transform:translate(-50%,-50%);width:360px}#map-panel{right:10px;top:60px;width:340px}#map-canvas{border:1px solid rgba(212,168,67,.2);border-radius:6px;background:#0a1a05}#map-content{font-size:12px;line-height:1.6;opacity:.8}#cutscene{bottom:20px;left:50%;transform:translate(-50%);width:80%;max-width:600px;background:#000000e0;border:1px solid var(--gold);border-radius:12px;padding:14px}#cutscene-text{font-size:14px;line-height:1.5;min-height:40px}#btn-skip{position:absolute;top:8px;right:8px}#quests-panel{left:10px;top:60px;width:360px;max-height:50vh}#quest-list .quest{background:#d4a8431a;border:1px solid rgba(212,168,67,.2);border-radius:8px;padding:8px;margin:6px 0;font-size:12px}#quests-panel h3,#quest-list b{color:var(--gold)}