:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0e1210;color:#f3ebd5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 72% 15%,rgba(133,162,88,.09),transparent 28rem),linear-gradient(145deg,#171d19,#090c0a 70%)}.desktop{width:min(1280px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:24px 0;display:flex;flex-direction:column;justify-content:center;gap:44px}.game-shell{overflow:hidden;border:1px solid #4a4b3e;border-radius:7px;background:#171913;box-shadow:0 24px 80px #000a,inset 0 1px #ffffff12}.game-header,.hud{display:flex;align-items:center}.game-header{min-height:52px;padding:0 18px;justify-content:space-between;border-bottom:1px solid #4a4b3e;background:linear-gradient(#29291f,#1c1d17)}.game-header div:first-child{display:flex;align-items:baseline;gap:14px}.game-header strong{font:600 16px Georgia,serif}.game-header small{color:#d0b86f;font:700 9px monospace;text-transform:uppercase}.game-header div>span{color:#969b8f;font-size:12px}.header-meta,.stage-map,.phase-selector{display:flex;align-items:center}.header-meta{gap:20px}.stage-map,.phase-selector{gap:8px}.stage-map>span,.phase-selector>span{color:#777d72;font:700 8px monospace;letter-spacing:.14em}.phase-map{display:flex;align-items:center;gap:7px}.map-node{position:relative;min-width:18px;width:18px;height:18px;padding:0;border:1px solid #515348;border-radius:2px;background:#181914;color:#777c72;font:700 8px monospace}.map-node+.map-node:before{content:"";position:absolute;width:7px;height:1px;top:7px;left:-8px;background:#515348}.map-node.completed{border-color:#60764d;background:#35452d;color:#c6d7b4}.map-node.active{border-color:#d1b35d;background:#81692f;color:#fff2bd;box-shadow:0 0 8px #c8a84c55}.map-node:disabled{cursor:not-allowed;opacity:.38}.minimap{height:46px;display:flex;flex-direction:column;justify-content:space-between}.map-block{position:relative;width:16px;height:6px;border:1px solid #4b4d41;background:#151611}.map-block.completed{border-color:#596d48;background:#35422d}.map-block.active{border-color:#d1b35d;background:#8a7132;box-shadow:0 0 7px #c8a84c66}.map-block.active:after{content:"";position:absolute;width:3px;height:3px;top:1px;left:5px;background:#fff4c2}.map-block.boss{border-color:#76503d}.map-block.boss.active{border-color:#df895d;background:#843e2d}.wave{display:flex;align-items:center;gap:8px}.wave span{font:700 9px monospace;letter-spacing:.15em}.wave strong{color:#d4bd75;font:700 13px monospace}#game{display:block;width:100%;height:auto;image-rendering:pixelated;background:#25271c}.scene{position:relative;overflow:hidden;background:#080a08}.equipment-panel,.inventory-panel{position:absolute;z-index:10;width:260px;min-height:292px;padding:10px;border:1px solid #62604d;border-radius:4px;background:#151712f2;box-shadow:0 12px 35px #000b,inset 0 1px #ffffff0c;opacity:0;pointer-events:none;transition:opacity .18s ease}.inventory-panel{width:300px}.equipment-panel.open,.inventory-panel.open{opacity:1;pointer-events:auto}.equipment-panel>header,.inventory-panel>header{display:flex;align-items:center;justify-content:space-between}.equipment-panel>header>div,.inventory-panel>header>div:first-child{display:grid;gap:2px}.equipment-panel>header span,.inventory-panel>header span{color:#858a7f;font:700 8px monospace;letter-spacing:.14em}.equipment-panel>header strong,.inventory-panel>header strong{font:600 15px Georgia,serif}.equipment-panel>header button,.inventory-panel>header button{min-width:25px;width:25px;height:25px;padding:0}.inventory-actions{display:flex;align-items:center;gap:8px}.inventory-actions b{color:#aaa68e;font:700 9px monospace}.equipment-grid{width:156px;margin:10px auto;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(4,43px);gap:3px 6px}.equipment-slot{position:relative;min-width:48px;width:48px;height:43px;padding:4px;overflow:visible;border:1px solid #494b40;border-radius:2px;background:#20221b}.equipment-slot:hover,.equipment-slot.filled{border-color:#696a55}.equipment-slot small{position:absolute;left:3px;bottom:2px;color:#74796f;font:700 6px monospace;text-transform:uppercase}.item-crop{width:32px;height:32px;margin:0 auto;overflow:hidden;image-rendering:pixelated}.item-crop img{display:block;width:auto;height:32px;max-width:none;image-rendering:pixelated}.item-details{min-height:38px;padding:6px 7px;border:1px solid #3e4037;background:#10110e;color:#92978e;font:9px/1.35 monospace}.item-details strong{color:#ded5ba;text-transform:capitalize}.equipment-totals{display:flex;justify-content:space-between;padding-top:8px;color:#8e9388;font:8px monospace}.equipment-totals b{color:#d8c98f}.outfit-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-top:8px;border-top:1px solid #3e4037;margin-top:8px}.outfit-color-slot{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.outfit-color-swatch{position:relative;width:36px;height:20px;border:1px solid #494b40;border-radius:2px;overflow:hidden;cursor:pointer;transition:border-color .12s}.outfit-color-swatch:hover{border-color:#8e8c6e}.outfit-color-swatch input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:none}.outfit-color-slot small{color:#74796f;font:700 6px monospace;text-transform:uppercase}.slot-head{grid-column:2;grid-row:1}.slot-necklace{grid-column:1;grid-row:2}.slot-backpack{grid-column:3;grid-row:2}.slot-hand{grid-column:1;grid-row:3}.slot-armor{grid-column:2;grid-row:2}.slot-shield{grid-column:3;grid-row:3}.slot-ring{grid-column:1;grid-row:4}.slot-legs{grid-column:2;grid-row:3}.slot-ammo{grid-column:3;grid-row:4}.slot-feet{grid-column:2;grid-row:4}.inventory-grid{margin:12px 0 10px;display:grid;grid-template-columns:repeat(6,40px);gap:4px;max-height:190px;overflow-y:auto}.inventory-slot{position:relative;min-width:40px;width:40px;height:40px;padding:3px;border:1px solid #45473d;border-radius:2px;background:#1e201a}.inventory-slot.filled:hover,.inventory-slot.filled:focus{border-color:#b19a5a;background:#29291f}.inventory-slot.empty{cursor:default;opacity:.48}.inventory-slot .item-crop{pointer-events:none}.chest-dock{position:absolute;z-index:2;left:10px;bottom:10px;display:flex;gap:5px;padding:5px;border:1px solid #4d4f43;border-radius:3px;background:#11130ed9;box-shadow:0 5px 18px #0009}.chest-slot{position:relative;min-width:48px;width:48px;height:49px;padding:2px 3px 10px;border-color:#5d5342;background:#202119}.chest-slot img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.chest-slot span{position:absolute;top:2px;right:3px;min-width:14px;padding:1px 3px;border-radius:7px;background:#090a08e8;color:#f1dfa6;font:700 8px monospace}.chest-slot small{position:absolute;left:0;right:0;bottom:2px;color:#898d82;font:700 6px monospace;text-transform:uppercase}.chest-slot.miniboss{border-color:#8c7540}.chest-slot.boss{border-color:#c2993f}.chest-slot:disabled{opacity:.45;cursor:default}.chest-slot.received{animation:chest-received .4s ease-out}@keyframes chest-received{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.16);filter:brightness(1.8)}to{transform:scale(1);filter:brightness(1)}}.scene-banner{position:absolute;z-index:4;top:50%;left:50%;width:100%;padding:13px 20px;translate:-50% -50%;transform:scaleY(.7);border-top:1px solid transparent;border-bottom:1px solid transparent;background:linear-gradient(90deg,transparent,#080a08e8 18%,#080a08e8 82%,transparent);opacity:0;pointer-events:none;text-align:center;transition:opacity .18s ease,transform .22s ease}.scene-banner span{font:700 clamp(22px,4vw,42px)/1 Georgia,serif;letter-spacing:.18em;text-shadow:0 2px 8px #000}.scene-banner.visible{opacity:1;transform:scaleY(1)}.scene-banner.dead{border-color:#8c3328;color:#df6c59}.scene-banner.finished{border-color:#8a743c;color:#e1c472}.scene-fade{position:absolute;inset:0;z-index:3;pointer-events:none;background:#070907;opacity:0;transition:opacity .32s ease-in-out}.scene-fade.visible{opacity:1}.hud{min-height:76px;gap:12px;padding:11px 14px;border-top:1px solid #4a4b3e;background:#1a1b16}.bar{position:relative;height:11px;overflow:hidden;border:1px solid #090a08;background:#080908}.bar i{display:block;width:100%;height:100%;transition:width .18s linear}.bar span{position:absolute;inset:0;text-align:center;color:#fff;font:700 8px/10px monospace;text-shadow:1px 1px #000}.hp i{background:linear-gradient(90deg,#7d251c,#c74935)}.xp i{width:0;background:linear-gradient(90deg,#866925,#d0aa42)}.stats{display:flex;gap:20px;margin-left:auto;color:#81867d;font-size:10px;text-transform:uppercase}.stats span{display:grid;gap:3px}.stats strong{color:#e4dcc7;font:700 15px monospace}.party-frames{display:flex;gap:6px;align-items:stretch}.party-frame{width:64px;min-height:52px;padding:4px 5px 5px;border:1px solid #4d4f43;border-radius:3px;background:#202119;display:flex;flex-direction:column;gap:3px;cursor:grab;-webkit-user-select:none;user-select:none}.party-frame.leader{background:#2c3320}.party-frame.active{border-color:#e6c873}.party-frame.dead{opacity:.4}.pf-label{color:#d6d2c7;font:700 8px monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button{min-width:82px;height:34px;border:1px solid #5f604e;border-radius:3px;background:#292a21;color:#d9d6ca;cursor:pointer}button:hover{background:#34362a}@media(max-width:650px){.desktop{width:calc(100% - 16px);padding-top:28px}.intro p,.game-header div>span,.stats{display:none}.game-header{min-height:44px}}.wheel-panel{position:absolute;z-index:10;width:560px;min-height:560px;padding:10px;border:1px solid #62604d;border-radius:4px;background:#151712f2;box-shadow:0 12px 35px #000b,inset 0 1px #ffffff0c;display:flex;flex-direction:column;gap:8px;opacity:0;pointer-events:none;transition:opacity .18s ease}.wheel-panel.open{opacity:1;pointer-events:auto}.wheel-panel>header{display:flex;justify-content:space-between;align-items:center}.wheel-actions{display:flex;align-items:center;gap:10px}.wheel-stage{flex:1;display:flex;justify-content:center;align-items:center;min-height:0}.wheel-stage svg{width:100%;height:100%;max-height:480px}.wheel-footer{display:flex;justify-content:flex-end}.wheel-node{cursor:pointer;transition:fill-opacity .12s ease}.wheel-node:hover{fill:#fff;fill-opacity:.18}.wheel-node.locked{cursor:default}.vocation-select{display:flex;gap:6px;flex-wrap:wrap}.vocation-select button{background:#1b2230;color:#cdd6e4;border:1px solid #4a4b3e;border-radius:5px;padding:4px 9px;font:700 11px monospace;cursor:pointer}.vocation-select button:hover{border-color:#8a6f2c}.vocation-select button.active{background:#8a6f2c;color:#fff;border-color:#f2c84b}@keyframes gem-pop{0%{opacity:0}to{opacity:1}}.gem-pop{animation:gem-pop .26s ease-out}@keyframes slot-pop{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:scale(1.7)}}.slot-pop{transform-box:fill-box;transform-origin:center;animation:slot-pop .46s ease-out forwards}#accountPanel .wheel-node{cursor:pointer}#accountPanel .wheel-node.locked{cursor:default}