@font-face{font-family:"Press Start 2P";src:url(/pixelheim/assets/press-start-2p-ClsvrIBJ.woff2)format("woff2");font-display:swap}:root{--bg:#14151c;--bg-panel:#1d1f2a;--bg-panel-2:#242736;--border:#3a3f55;--text:#d8dce8;--text-dim:#8a90a8;--accent:#e8c34a;--accent-dim:#a8892a;--hp:#e64a5f;--mp:#4a6be6;--en:#d8a038;--xp:#4ec04e;--danger:#c23b3b;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);image-rendering:pixelated;margin:0;font-family:Courier New,Courier,monospace;font-weight:700;line-height:1.45}#root{min-height:100vh}.crt{min-height:100vh;position:relative}.crt:after{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(#0000 0 2px,#0000001f 2px 4px);position:fixed;inset:0}.screen{max-width:900px;margin:0 auto;padding:24px 16px 48px}.screen-title{color:var(--accent);text-transform:uppercase;letter-spacing:2px;font-family:"Press Start 2P",Courier New,monospace;font-size:15px}.panel{background:var(--bg-panel);border:2px solid var(--border);padding:12px;box-shadow:4px 4px #0006}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-panel)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--bg-panel);border-left:2px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--border);border:3px solid var(--bg-panel);border-radius:0;box-shadow:inset -2px -2px #00000059,inset 2px 2px #ffffff1f}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-corner{background:var(--bg-panel)}.panel-body{overscroll-behavior:contain;flex-direction:column;gap:10px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.btn{font:inherit;color:var(--text);background:var(--bg-panel-2);border:2px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:1px;padding:8px 16px;box-shadow:3px 3px #0006}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #0006}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-dim);border-color:var(--accent);color:#1a1608}.btn-primary:hover:not(:disabled){background:var(--accent);color:#1a1608}.btn-danger{border-color:var(--danger)}.btn-small{align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:inline-flex}.title-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.tagline{color:var(--text-dim);max-width:480px;margin:0}.menu{flex-direction:column;gap:12px;width:220px;display:flex}.import-panel{flex-direction:column;gap:10px;width:380px;max-width:100%;display:flex}.import-input{font:inherit;color:var(--text);border:2px solid var(--border);resize:vertical;word-break:break-all;background:#0d0e13;outline:none;padding:8px;font-size:11px}.import-input:focus{border-color:var(--accent)}.create-screen{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:24px 16px;display:flex}.create-eyebrow{color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;margin:0;font-size:11px}.create-layout{align-items:stretch;gap:16px;width:min(720px,94vw);display:flex}.role-list{flex-direction:column;flex-shrink:0;gap:8px;width:220px;display:flex}.role-card-text{text-align:left;flex-direction:column;gap:2px;display:flex}.role-pitch{color:var(--text-dim);font-size:11px}.role-portrait{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:132px;padding-top:8px;display:flex}.role-portrait-art{width:96px;height:96px;image-rendering:pixelated;background-repeat:no-repeat;animation:.8s steps(4,end) infinite portrait-march}@keyframes portrait-march{to{background-position-x:-384px}}.look-row{gap:5px;display:flex}.look-swatch{font:inherit;border:2px solid var(--border);cursor:pointer;background:#0d0e13;padding:3px;line-height:0}.look-swatch.selected{border-color:var(--accent)}.role-portrait-name{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:124px;overflow:hidden}.role-portrait-class{color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;font-size:11px}.role-sheet{text-align:left;flex-direction:column;flex:1;gap:10px;display:flex}.role-blurb{margin:0}.role-bars{flex-direction:column;gap:5px;display:flex}.role-bar-row{grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;display:grid}.role-bar-label{color:var(--text-dim);font-size:11px}.role-bar-track{border:1px solid var(--border);background:#0d0e13;height:8px}.role-bar-fill{background:linear-gradient(90deg, #8a6238, var(--accent));height:100%;transition:width .25s;display:block}.role-bar-value{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.create-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(720px,94vw);display:flex}@media (width<=760px){.create-layout{flex-direction:column}.role-list{flex-flow:wrap;width:100%}.role-list .role-card{flex:45%}.role-details{flex-direction:column;align-items:center}}.reduce-motion .role-portrait-art{animation:none}@media (prefers-reduced-motion:reduce){.role-portrait-art{animation:none}}.name-field{align-items:center;gap:12px;display:flex}.name-field input{font:inherit;color:var(--text);background:var(--bg-panel);border:2px solid var(--border);outline:none;width:240px;padding:8px 12px}.name-field input:focus{border-color:var(--accent)}.role-card{font:inherit;color:var(--text);background:var(--bg-panel);border:2px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,transform .12s;display:flex}.role-card:hover{transform:translate(2px)}.role-card.selected{border-color:var(--accent);background:var(--bg-panel-2);box-shadow:inset 3px 0 0 var(--accent)}.role-name{text-transform:uppercase;letter-spacing:1px}.role-details{flex:1;gap:16px;padding:16px;display:flex}.skill-line{color:var(--text-dim)}.statbar{grid-template-columns:28px 1fr 64px;align-items:center;gap:8px;margin:4px 0;font-size:12px;display:grid}.statbar-track{border:1px solid var(--border);background:#0d0e13;height:12px}.statbar-fill{height:100%;transition:width .25s steps(8,end)}.statbar-value{text-align:right;color:var(--text-dim)}.hub-screen{grid-template-columns:280px 1fr;align-items:start;gap:20px;display:grid}@media (width<=720px){.hub-screen{grid-template-columns:1fr}}.hero-panel{flex-direction:column;gap:8px;display:flex;position:sticky;top:16px}.hero-head{align-items:center;gap:12px;display:flex}.hero-name{color:var(--accent);font-size:16px}.hero-role{color:var(--text-dim);font-size:12px}.hero-stats,.hero-meta{color:var(--text-dim);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.gold-line{color:var(--accent);align-items:center;gap:4px;display:inline-flex}.weight-over{color:var(--danger)}.hub-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.warning{color:var(--danger);font-size:12px}.level-list{flex-direction:column;gap:10px;display:flex}.undermountain-title{color:var(--mp);margin:18px 0 4px}.level-card{font:inherit;color:var(--text);text-align:left;background:var(--bg-panel);border:2px solid var(--border);cursor:pointer;align-items:center;gap:14px;padding:10px 14px;display:flex}.level-card:hover:not(:disabled){border-color:var(--accent)}.level-card:disabled{cursor:not-allowed;opacity:.55}.level-card.cleared{border-color:var(--xp)}.level-num{color:var(--accent);text-align:center;flex-shrink:0;width:32px;font-size:22px}.level-info{flex-direction:column;flex:1;display:flex}.level-name{text-transform:uppercase;letter-spacing:1px}.cleared-tag{color:var(--xp);font-size:11px}.level-desc{color:var(--text-dim);font-size:12px}.dungeon-select{flex-direction:column;gap:14px;max-width:640px;display:flex}.battle-screen{flex-direction:column;gap:16px;max-width:720px;animation:.35s steps(4,end) battle-in;display:flex}@keyframes battle-in{0%{filter:brightness(3)contrast(.6);transform:scale(1.02)}to{filter:none;transform:none}}.battle-wild{animation:.35s steps(4,end) battle-in,.5s steps(2,end) ambush-shake}@keyframes ambush-shake{0%{transform:translate(0)}20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}to{transform:translate(0)}}.combatant-lunge{animation:.45s steps(5,end) monster-lunge}@keyframes monster-lunge{0%{opacity:0;transform:translate(140px)}60%{opacity:1;transform:translate(-12px)}to{transform:translate(0)}}.combatant{position:relative}.ambush-mark{color:var(--danger);text-shadow:2px 2px #0009;opacity:0;pointer-events:none;font-size:34px;font-weight:700;animation:1.2s steps(3,end) ambush-mark;position:absolute;top:-34px;left:50%;transform:translate(-50%)}@keyframes ambush-mark{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.6)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1.15)}75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)}}.battle-header{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;font-size:12px;display:flex}.battle-arena{background:var(--bg-panel);border:2px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:24px 16px;display:grid}.battle-flash{z-index:90;pointer-events:none;background:#05060a;animation:.45s steps(6,end) forwards battle-blink;position:fixed;inset:0}@keyframes battle-blink{0%{opacity:0}35%{opacity:1}to{opacity:0}}.battle-stage{background:var(--bg-panel);border:2px solid var(--border);border-bottom:none;justify-content:center;display:flex}.battle-scene-host canvas{display:block}.battle-arena-bars{padding:10px 16px}.combatant{flex-direction:column;align-items:center;gap:6px;display:flex}.combatant .statbar{width:100%}.combatant-name{text-transform:uppercase;letter-spacing:1px;font-size:13px}.vs{color:var(--accent);font-size:20px}.effect-badges{align-items:center;gap:6px;min-height:20px;display:flex}.effect-badge{color:var(--text-dim);border:1px solid var(--border);background:#0d0e13;align-items:center;gap:3px;padding:1px 5px;font-size:11px;display:inline-flex}.fallen{filter:grayscale()brightness(.6);transition:all .4s steps(6,end);transform:rotate(90deg)}.battle-log{border:2px solid var(--border);background:#0d0e13;height:130px;padding:10px 12px;font-size:13px;overflow-y:auto}.log-line{margin:2px 0}.log-line:last-child{color:var(--accent)}.battle-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.battle-cleared{flex-direction:column;align-items:center}.reward-panel{text-align:center}.reward-title{color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.reward-list{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.reward-item{align-items:center;gap:6px;display:inline-flex}.overlay{z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.inventory-panel{flex-direction:column;gap:10px;width:700px;max-width:100%;max-height:85vh;display:flex}.inventory-header{align-items:center;gap:16px;display:flex}.inventory-header h2{color:var(--accent);text-transform:uppercase;letter-spacing:1px;flex:1;margin:0;font-family:"Press Start 2P",Courier New,monospace;font-size:13px}.inventory-body{flex:1;gap:14px;min-height:0;display:flex}.inventory-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.doll-column{flex-direction:column;flex-shrink:0;gap:10px;width:fit-content;display:flex}.doll{background:var(--bg-panel-2);border:2px solid var(--border);grid-template-columns:52px 76px 52px;grid-template-areas:"head portrait weapon""neck portrait offhand""body portrait ring1""hands feet ring2";gap:6px;padding:10px;display:grid}.doll-portrait{border:1px solid var(--border);background:radial-gradient(at 50% 80%,#e8c34a1a,#0000 65%),#0d0e13;grid-area:portrait;justify-content:center;align-items:center;display:flex}.doll-slot{font:inherit;border:1px solid var(--border);width:100%;min-width:0;height:44px;color:var(--text-dim);cursor:pointer;background:#0d0e13;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.doll-slot:disabled{cursor:default}.doll-filled{border-color:#e8c34a80}.doll-filled:hover{border-color:var(--danger)}.doll-head{grid-area:head}.doll-neck{grid-area:neck}.doll-body{grid-area:body}.doll-hands{grid-area:hands}.doll-weapon{grid-area:weapon}.doll-offhand{grid-area:offhand}.doll-ring1{grid-area:ring1}.doll-ring2{grid-area:ring2}.doll-feet{grid-area:feet}.doll-slot-label{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:8px}.doll-stats{background:var(--bg-panel-2);border:2px solid var(--border);flex-direction:column;align-self:stretch;gap:4px;padding:10px;font-size:12px;display:flex}.doll-stat-row{justify-content:space-between;display:flex}.doll-stat-row span{color:var(--text-dim)}.doll-stat-row strong{font-variant-numeric:tabular-nums}.doll-granted{color:var(--accent);font-style:normal}@media (width<=760px){.inventory-body{flex-direction:column}.doll-column{flex-flow:wrap;justify-content:center;width:100%}.doll-stats{align-self:auto;width:148px}}.station-banner{color:#8ae68a;background:#4ec04e14;border:1px solid #4ec04e59;margin:0;padding:6px 10px;font-size:12px}.station-travel{border:1px solid var(--border);background:var(--bg-panel-2);justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.points-chip{color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;padding:3px 8px;font-size:11px}.points-chip-live{color:var(--accent);background:#e8c34a14;border-color:#e8c34a8c}.sheet-identity{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sheet-identity h2{flex:none}.sheet-identity-text{flex-direction:column;gap:1px;display:flex}.stat-sheet .inventory-header{flex-wrap:wrap}.sheet-role{white-space:nowrap;color:var(--text-dim);font-size:11px}.rankup-overlay{pointer-events:none;z-index:90;background:radial-gradient(#e8c34a29,#05060a8c 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:4.2s ease-out forwards rankup-fade;display:flex;position:fixed;inset:0;overflow:hidden}.rankup-bar{background:#05060a;height:11vh;position:absolute;left:0;right:0}.rankup-bar-top{animation:.45s ease-out bar-drop;top:0}.rankup-bar-bottom{animation:.45s ease-out bar-rise;bottom:0}@keyframes bar-drop{0%{transform:translateY(-100%)}}@keyframes bar-rise{0%{transform:translateY(100%)}}.rankup-rays{background:conic-gradient(#e8c34a29 0deg,#0000 24deg,#e8c34a29 48deg,#0000 72deg,#e8c34a29 96deg,#0000 120deg,#e8c34a29 144deg,#0000 168deg,#e8c34a29 192deg,#0000 216deg,#e8c34a29 240deg,#0000 264deg,#e8c34a29 288deg,#0000 312deg,#e8c34a29 336deg,#0000 360deg);border-radius:50%;width:420px;height:420px;animation:10s linear infinite rays-turn;position:absolute}@keyframes rays-turn{to{transform:rotate(360deg)}}.rankup-hero{width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(0 0 12px #e8c34aa6);background-repeat:no-repeat;background-size:384px 96px;animation:.7s cubic-bezier(.2,1.3,.4,1) rankup-hero-rise,.6s steps(4,end) infinite rankup-march;position:relative}@keyframes rankup-march{to{background-position-x:-384px}}@keyframes rankup-hero-rise{0%{opacity:0;transform:translateY(30px)scale(.7)}}.rankup-card{animation-delay:.5s;animation-fill-mode:backwards}.reduce-motion .rankup-bar,.reduce-motion .rankup-rays,.reduce-motion .rankup-hero,.reduce-motion .rankup-card{animation:none}@media (prefers-reduced-motion:reduce){.rankup-bar,.rankup-rays,.rankup-hero,.rankup-card{animation:none}}.rankup-card{border:2px solid var(--accent);background:#0a0b10e6;flex-direction:column;align-items:center;gap:8px;padding:22px 44px;animation:.5s cubic-bezier(.2,1.4,.4,1) rankup-rise;display:flex;box-shadow:0 0 40px #e8c34a59}.rankup-eyebrow{letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;font-size:10px}.rankup-title{color:var(--accent);text-shadow:0 0 18px #e8c34a80;font-family:"Press Start 2P",Courier New,monospace;font-size:22px}.rankup-note{color:var(--xp);font-size:11px}@keyframes rankup-rise{0%{opacity:0;transform:translateY(16px)scale(.94)}}@keyframes rankup-fade{0%,75%{opacity:1}to{opacity:0}}.reduce-motion .rankup-overlay{animation:none}.world-hero[data-rank="1"]{filter:drop-shadow(0 0 4px #9ab0d8b3)}.world-hero[data-rank="2"]{filter:drop-shadow(0 0 5px #e8c34abf)}.world-hero[data-rank="3"]{filter:drop-shadow(0 0 7px #4ae6c8cc)}.spec-section{flex-direction:column;gap:8px;display:flex}.spec-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.spec-card{background:#e8c34a0d;border:2px solid #e8c34a8c;flex-direction:column;gap:5px;padding:10px;display:flex}.spec-name{color:var(--accent);font-family:"Press Start 2P",Courier New,monospace;font-size:10px}.spec-chosen{border:1px solid #e8c34a66;align-items:baseline;gap:10px;padding:8px 10px;display:flex}.path-graph{grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,1fr);gap:14px 40px;display:grid;position:relative}.path-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.path-edge{stroke:#e8c34a40;stroke-width:1.5px;vector-effect:non-scaling-stroke}.path-edge-walked{stroke:var(--accent);stroke-width:2.5px}.path-node{z-index:1;background:var(--bg-panel);position:relative}.path-node-head{align-items:center;gap:8px;display:flex}.path-node-head .skill-node-tier{margin-left:auto}.path-node-locked{opacity:.45;border-color:var(--border)}.path-node-walked{background:#e8c34a0f;border-color:#e8c34acc}.path-node-current{border-color:var(--accent);background:#e8c34a1f;box-shadow:0 0 14px #e8c34a40}.path-node-claimable{border-color:var(--xp)}.rankup-overlay.rankup-choosing{animation:none}.rankup-paths{pointer-events:auto;flex-direction:column;align-items:center;gap:10px;animation:.5s cubic-bezier(.2,1.4,.4,1) .8s backwards rankup-rise;display:flex}.reduce-motion .rankup-paths{animation:none}.rankup-path-cards{gap:14px;display:flex}.rankup-path-card{width:210px;color:var(--text);font:inherit;cursor:pointer;text-align:center;background:#0a0b10eb;border:2px solid #e8c34a8c;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;display:flex}.rankup-path-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 22px #e8c34a59}.rankup-path-blurb{color:var(--text-dim);font-size:11px}.rankup-later{opacity:.8}.renderer-select{background:var(--bg-panel);color:var(--text);border:2px solid var(--border);font:inherit;cursor:pointer;padding:4px 8px;font-size:12px}.renderer-select:hover{border-color:var(--accent)}.hall-panel{flex-direction:column;gap:10px;width:520px;max-width:96vw;display:flex}.hall-track{gap:6px;display:flex}.hall-age{text-align:center;letter-spacing:1px;border:1px solid var(--border);color:var(--text-dim);flex:1;padding:5px 0;font-family:"Press Start 2P",Courier New,monospace;font-size:8px}.hall-age-past{color:#e8c34a99;border-color:#e8c34a66}.hall-age-now{border-color:var(--accent);color:var(--accent);background:#e8c34a14}.hall-age-locked{opacity:.55}.hall-perks{color:var(--text-dim);margin:4px 0 0;padding-left:18px;font-size:12px}.hall-next{align-items:flex-start}.hall-next-body{flex-direction:column;flex:1;gap:4px;display:flex}.codex-panel{flex-direction:column;gap:10px;width:560px;max-width:96vw;max-height:85vh;display:flex}.mastery-row{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:8px 0;display:flex}.mastery-track{border:1px solid var(--border);background:#0d0e13;height:8px}.mastery-fill{background:linear-gradient(90deg, #8a6238, var(--accent));height:100%;transition:width .25s}.worn-item{pointer-events:none;filter:drop-shadow(0 1px #00000080);position:absolute}.world-hero .worn-item{z-index:1}.storage-panel{flex-direction:column;gap:10px;width:620px;max-width:96vw;max-height:85vh;display:flex}.storage-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid;overflow-y:auto}.storage-column{flex-direction:column;gap:6px;display:flex}.storage-item{align-items:center;gap:6px;font-size:12px;display:inline-flex}.storage-actions{gap:4px;display:inline-flex}.doll-portrait-stage{line-height:0;display:inline-block;position:relative}.merchant-line{color:var(--text-dim);margin:0;font-size:12px;font-style:italic}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tab{font:inherit;color:var(--text-dim);border:2px solid #0000;border-bottom-color:var(--border);cursor:pointer;text-transform:uppercase;background:0 0;padding:4px 10px;font-size:12px}.tab.active{color:var(--accent);border-color:var(--border);border-bottom-color:var(--bg-panel)}.item-list{overscroll-behavior:contain;flex-direction:column;gap:8px;display:flex;overflow-y:auto}.changelog-page{flex-direction:column;gap:12px;max-width:720px;height:100vh;margin:0 auto;padding:24px 16px;display:flex}.changelog-page-header{align-items:center;gap:16px;display:flex}.changelog-page-header h1{margin:0;font-size:22px}.changelog-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:18px;padding-right:8px;display:flex;overflow-y:auto}.item-row{background:var(--bg-panel-2);border:1px solid var(--border);align-items:center;gap:12px;padding:8px 10px;display:flex}.item-info{flex-direction:column;flex:1;display:flex}.item-name{font-size:13px}.item-count{color:var(--accent)}.rarity-common{color:inherit}.rarity-fine{color:#4a9be6}.rarity-epic{color:#b45ae6}.equipped-tag{color:var(--xp);letter-spacing:1px;font-size:10px}.item-stats{color:var(--accent);white-space:pre;font-size:11px}.item-desc{color:var(--text-dim);font-size:11px}.item-actions{gap:6px;display:flex}.empty-note{color:var(--text-dim);text-align:center}.world-screen{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.controls-legend{background:var(--bg-panel);border:2px solid var(--border);z-index:5;flex-direction:column;gap:5px;padding:10px 12px;font-size:11px;display:flex;position:fixed;top:170px;right:12px}.controls-legend-title{letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;margin:0 0 2px;font-family:"Press Start 2P",Courier New,monospace;font-size:8px}.legend-row{justify-content:space-between;gap:12px;display:flex}.legend-key{color:var(--accent);font-variant-numeric:tabular-nums}.legend-note{color:var(--text-dim);font-size:10px;font-style:italic}@media (width<=1100px){.controls-legend{display:none}}.world-loading-standalone{position:relative}.world-loading{z-index:2;background:#0d0e13;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.world-loading-text{color:var(--accent);text-shadow:0 0 14px #e8c34a59;font-family:"Press Start 2P",Courier New,monospace;font-size:20px}.loading-dots:after{content:".";text-align:left;width:3ch;animation:1.05s step-end infinite loading-dots;display:inline-block}@keyframes loading-dots{0%{content:"."}33%{content:".."}66%{content:"..."}}.reduce-motion .loading-dots:after{content:"...";animation:none}.world-hud{z-index:40;opacity:.94;flex-direction:column;gap:4px;width:230px;display:flex;position:fixed;top:10px;left:10px}.hud-top{align-items:center;gap:8px;display:flex}.hud-id{flex-direction:column;flex:1;line-height:1.2;display:flex}.world-message{color:var(--accent)}.hud-actions{flex-wrap:wrap;gap:6px;display:flex}.stat-sheet{flex-direction:column;gap:8px;width:320px;max-height:min(85vh,700px);display:flex;overflow:hidden}.stat-points{color:var(--accent);margin:0;font-size:13px}.skill-tree{flex-direction:column;gap:10px;width:720px;max-width:96vw;max-height:88vh;display:flex;overflow-y:auto}.skill-branches{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.skill-branch{flex-direction:column;gap:14px;display:flex;position:relative}.skill-branch .skill-node:not(:nth-child(2)):before{content:"";background:var(--border);width:2px;height:14px;position:absolute;top:-14px;left:50%}.skill-branch-title{letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;text-align:center;border-bottom:1px solid var(--border);margin:0;padding-bottom:2px;font-family:"Press Start 2P",Courier New,monospace;font-size:9px}.skill-node{border:2px solid var(--border);background:var(--bg-panel-2);flex-direction:column;gap:4px;padding:8px;font-size:12px;display:flex;position:relative}.skill-node.owned{border-color:var(--xp)}.skill-node.buyable{border-color:var(--accent);animation:2.2s ease-in-out infinite node-glow}@keyframes node-glow{0%,to{box-shadow:0 0 #e8c34a00}50%{box-shadow:0 0 12px #e8c34a59}}.reduce-motion .skill-node.buyable{animation:none}@media (prefers-reduced-motion:reduce){.skill-node.buyable{animation:none}}.skill-node.locked{opacity:.55}.skill-node-head{align-items:center;gap:6px;display:flex}.skill-node-tier{text-align:center;min-width:18px;color:var(--accent);border:1px solid #e8c34a66;flex-shrink:0;padding:1px 2px;font-size:9px}.skill-node-name{flex:1}.skill-node-numbers{color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-size:10px}.kind-active{color:var(--hp)}.kind-upgrade{color:var(--mp)}.kind-passive{color:var(--xp)}.skill-node-name{color:var(--text);text-transform:uppercase;letter-spacing:1px}.skill-node-kind{color:var(--text-dim);font-size:10px}.skill-node-desc{color:var(--text-dim);margin:0;font-size:11px}.skill-node-locked{color:var(--text-dim);font-size:10px;font-style:italic}.intro-panel{text-align:center;flex-direction:column;gap:10px;max-width:460px;font-size:13px;display:flex}.world-viewport{border:2px solid var(--border);background:#0d0e13;position:relative;overflow:hidden;box-shadow:4px 4px #0006}.world-map{transition:transform .14s linear;position:absolute}.world-tile{image-rendering:pixelated;position:absolute}.world-hero{z-index:2;pointer-events:none;transition:left .14s linear,top .14s linear;position:absolute}.world-hero.facing-left img{transform:scaleX(-1)}.map-panel{flex-direction:column;gap:10px;width:440px;max-width:94vw;display:flex}.map-canvas{width:100%;image-rendering:pixelated;border:2px solid var(--border)}.map-waypoints{flex-direction:column;gap:6px;display:flex}.mini-map{z-index:5;image-rendering:pixelated;border:2px solid var(--border);opacity:.9;pointer-events:none;position:absolute;top:56px;right:10px}.world-mirror,.world-mirror div{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.npc-prompt{z-index:3;pointer-events:none;text-align:center;color:#ffd469;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;font-family:inherit;font-weight:700;animation:.8s ease-in-out infinite prompt-bob;position:absolute}@keyframes prompt-bob{50%{transform:translateY(-4px)}}.reduce-motion .npc-prompt{animation:none}.world-npc{z-index:1;pointer-events:none;transition:left .3s linear,top .3s linear;position:absolute}.world-stage{position:relative}.dialogue-box{z-index:12;align-items:center;gap:12px;width:520px;max-width:calc(100% - 24px);display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dialogue-body{flex-direction:column;flex:1;gap:2px;display:flex}.dialogue-name{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:12px}.dialogue-text{margin:0;font-size:13px}.world-hint{color:var(--text-dim);font-size:12px}.corner-buttons{z-index:60;gap:6px;display:flex;position:fixed;top:10px;right:10px}.mute-btn{background:var(--bg-panel);border:2px solid var(--border);cursor:pointer;padding:4px 8px;font-size:18px;line-height:1}.mute-btn:hover{border-color:var(--accent)}.pause-panel{text-align:center;flex-direction:column;gap:14px;width:300px;display:flex}.pause-actions{flex-direction:column;gap:10px;display:flex}.stat-row{border-bottom:1px solid var(--border);padding-bottom:6px}.stat-row .options-row{padding:0}.stat-blurb{color:var(--text-dim);margin:2px 0 0;font-size:11px}.stat-derived{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:11px}.item-locked{color:var(--en);font-size:11px}.stat-next{color:var(--accent)}.stat-arrow{color:var(--text-dim)}.options-panel{flex-direction:column;gap:10px;width:460px;max-height:min(84vh,720px);display:flex;overflow:hidden}.options-section{border-bottom:1px solid var(--border);padding-bottom:10px}.options-title{color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin:4px 0 8px;font-size:13px}.options-row{justify-content:space-between;align-items:center;gap:12px;margin:6px 0;font-size:13px;display:flex}.options-row input[type=range]{width:180px;accent-color:var(--accent)}.options-actions{flex-wrap:wrap;justify-content:flex-start}.key-btn{min-width:96px}.key-listening{border-color:var(--accent);animation:.9s ease-in-out infinite key-pulse}@keyframes key-pulse{50%{opacity:.55}}.options-note{color:var(--text-dim);font-size:11px}.options-footer{color:var(--text-dim);text-align:center;margin:4px 0 0;font-size:11px}.no-scanlines .crt:after{display:none}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition:none!important;animation:none!important}.changelog-link{font:inherit;color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-top:24px;font-size:11px;display:inline-flex}.changelog-link:hover{color:var(--accent)}.new-badge{background:var(--danger);color:#fff;letter-spacing:1px;padding:1px 5px;font-size:10px}.changelog-list{padding-right:4px}.release-title{color:var(--accent);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;gap:12px;margin:8px 0 4px;font-size:14px;display:flex}.release-date{color:var(--text-dim);text-transform:none;letter-spacing:0;font-size:11px}.release-notes{color:var(--text-dim);margin:0 0 10px;padding-left:18px;font-size:12px}.release-notes li{margin:2px 0}.victory-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.skill-tree{overscroll-behavior:contain}@media (width<=760px){.mini-map{display:none}.world-hud{max-width:200px;font-size:12px}.hud-actions{flex-wrap:wrap}.inventory-panel,.options-panel,.skill-tree,.map-panel,.stat-sheet{width:94vw}.corner-buttons{top:6px;right:6px}.battle-arena{gap:8px;padding:12px 8px}}@media (height<=620px){.mini-map{display:none}.world-hud .statbar{height:10px}}.title-scene{pointer-events:none;z-index:0;background:linear-gradient(#04050c 0%,#0a0e1c 45%,#141a2e 66%,#1d1724 78%,#0a0b10 100%);position:fixed;inset:0;overflow:hidden}.title-screen>:not(.title-scene){z-index:1;position:relative}.title-star{background:#d8dce8;animation:4.5s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.12}50%{opacity:.9}}.title-moon{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:#e9e5cf;width:52px;height:52px;position:absolute;top:9%;right:12%;box-shadow:inset -12px -8px #cdc6a8,0 0 42px #e9e5cf40}.title-dragon-flight{width:96px;height:96px;image-rendering:pixelated;opacity:.45;filter:brightness(.5);background-repeat:no-repeat;background-size:192px 96px;animation:52s linear infinite dragon-cross,1.1s steps(2,end) infinite title-step;position:absolute;top:15%;left:-140px}@keyframes dragon-cross{to{transform:translate(calc(100vw + 300px))translateY(-4vh)}}.title-ridge{position:absolute;left:0;right:0}.title-ridge-far{clip-path:polygon(0% 100%,0% 62%,8% 44%,15% 58%,24% 30%,34% 52%,43% 36%,50% 6%,57% 32%,66% 18%,74% 46%,83% 28%,92% 52%,100% 38%,100% 100%);background:#222a42;height:34%;bottom:18%}.title-ridge-mid{clip-path:polygon(0% 100%,0% 40%,10% 62%,19% 34%,30% 58%,41% 26%,52% 54%,62% 38%,72% 60%,81% 30%,90% 54%,100% 44%,100% 100%);background:#151a2b;height:28%;bottom:12%}.title-ridge-mid:after{content:"";background:radial-gradient(#e87a2a4d,#0000 70%);width:100px;height:70px;position:absolute;top:-34px;left:44%}.title-ridge-near{clip-path:polygon(0% 100%,0% 52%,9% 66%,18% 42%,28% 64%,39% 46%,49% 68%,60% 40%,70% 62%,80% 46%,90% 66%,100% 50%,100% 100%);background:#0c0f18;height:22%;bottom:7%}.title-fog{background:linear-gradient(90deg,#0000,#96a0be12 20%,#96a0be21 50%,#96a0be12 80%,#0000);width:200%;height:12%;animation:60s linear infinite alternate fog-drift;position:absolute;bottom:22%;left:-50%}@keyframes fog-drift{to{transform:translate(14%)}}.title-ember{opacity:0;background:#e87a2a;width:3px;height:3px;animation:11s linear infinite ember-rise;position:absolute;bottom:26%}@keyframes ember-rise{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.85}60%{opacity:.5;transform:translateY(-34vh)translate(14px)}to{opacity:0;transform:translateY(-58vh)translate(-8px)}}.title-ground{height:8%;image-rendering:pixelated;filter:brightness(.4)saturate(.8);background-repeat:repeat;background-size:48px 48px;border-top:2px solid #05060a;position:absolute;bottom:0;left:0;right:0}.title-parade{height:64px;position:absolute;bottom:8%;left:0;right:0}.title-walker{animation-name:walker-cross;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:0;left:-80px}.title-walker-flip{animation-direction:reverse}@keyframes walker-cross{to{transform:translate(calc(100vw + 200px))}}.title-walker-art{width:100%;height:100%;image-rendering:pixelated;background-repeat:no-repeat;animation:.9s steps(2,end) infinite title-step;display:block}.title-walker-flip .title-walker-art{transform:scaleX(-1)}@keyframes title-step{to{background-position-x:-200%}}.title-card{background:radial-gradient(#04050abf 30%,#0000 72%);flex-direction:column;align-items:center;gap:14px;padding:36px 72px;display:flex}.game-title{letter-spacing:8px;color:var(--accent);margin:0;font-family:"Press Start 2P",Courier New,monospace;font-size:40px;display:flex}.title-letter{text-shadow:0 4px #4f371f,0 8px #00000073;animation:.5s cubic-bezier(.2,1.6,.4,1) backwards letter-drop,3.6s ease-in-out infinite letter-glow;display:inline-block}@keyframes letter-drop{0%{opacity:0;transform:translateY(-26px)}}@keyframes letter-glow{0%,to{text-shadow:0 4px #4f371f,0 8px #00000073}50%{text-shadow:0 4px #4f371f,0 8px #00000073,0 0 22px #e8c34a73}}.title-rule{background:linear-gradient(90deg,#0000,#e8c34a99,#0000);width:300px;max-width:70vw;height:2px;position:relative}.title-rule-gem{background:var(--accent);width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 10px #e8c34a99}.title-card .tagline{animation:.45s ease-out .5s backwards rise-in}.title-card .menu .btn{transition:transform .12s;animation:.45s ease-out backwards rise-in;position:relative}.title-card .menu .btn:first-child{animation-delay:.6s}.title-card .menu .btn:nth-child(2){animation-delay:.7s}.title-card .menu .btn:nth-child(3){animation-delay:.8s}.title-card .menu .btn:hover,.title-card .menu .btn:focus-visible{transform:translate(3px)}.title-card .menu .btn:hover:before,.title-card .menu .btn:focus-visible:before{content:"▶" / "";color:var(--accent);position:absolute;left:-18px}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=640px){.game-title{letter-spacing:4px;font-size:22px}.title-card{padding:24px 20px}.title-moon{width:36px;height:36px}}.reduce-motion .title-star,.reduce-motion .title-dragon-flight,.reduce-motion .title-fog,.reduce-motion .title-ember,.reduce-motion .title-walker,.reduce-motion .title-walker-art,.reduce-motion .title-letter,.reduce-motion .title-card .tagline,.reduce-motion .title-card .menu .btn{animation:none}@media (prefers-reduced-motion:reduce){.title-star,.title-dragon-flight,.title-fog,.title-ember,.title-walker,.title-walker-art,.title-letter,.title-card .tagline,.title-card .menu .btn{animation:none}}.door-sign{letter-spacing:1px;color:var(--accent);pointer-events:none;white-space:nowrap;background:#0a0b10bf;border:1px solid #e8c34a59;padding:1px 5px;font-size:10px;position:absolute;transform:translate(-50%,-115%)}