:root{--bg: #0b0c10;--panel: #14161f;--panel-border: #3a3f52;--text: #d8dae5;--dim: #8a8fa3;--accent: #e8d44d;--red: #d9534f;--blue: #5a8ad0;--green: #7ee787;--hp: #d9534f;--mp: #5a8ad0;font-size:16px}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dim)}::-webkit-scrollbar-corner{background:transparent}html,body{overflow:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Courier New,ui-monospace,monospace;display:flex;justify-content:center;align-items:center;min-height:100vh;user-select:none}#game{position:relative;width:960px;height:640px;background:var(--bg);outline:2px solid var(--panel-border)}#dungeon-canvas{display:block;image-rendering:pixelated}#hud{position:absolute;bottom:0;left:0;right:0;height:80px;background:var(--panel);border-top:2px solid var(--panel-border);display:flex;align-items:stretch;gap:4px;padding:6px}.hud-member{flex:1;padding:4px 8px;border:1px solid var(--panel-border);background:#0f1118;font-size:12px;line-height:1.5}.hud-member.dead{opacity:.45}.hud-member .nm{display:flex;justify-content:space-between}.hud-member .ail{color:var(--accent)}.hud-floor{width:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--panel-border);background:#0f1118}.hud-floor .fl{font-size:22px;color:var(--accent)}.hud-floor .sub{font-size:10px;color:var(--dim)}.bar{height:6px;background:#22242e;margin-top:2px;position:relative}.bar>div{position:absolute;inset:0 auto 0 0;transition:width .25s}.bar.hp>div{background:var(--hp)}.bar.mp>div{background:var(--mp)}.bar.hp.low>div{background:#e8a33d}#toasts{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:30}.toast{background:#0f1118eb;border:1px solid var(--panel-border);padding:6px 12px;font-size:13px;animation:toast-in .15s ease-out}.toast.blue{border-color:var(--blue);color:#aecbf0}.toast.gold{border-color:var(--accent);color:var(--accent)}@keyframes toast-in{0%{transform:translate(-12px);opacity:0}to{transform:none;opacity:1}}#overlay{position:absolute;inset:0;z-index:50;pointer-events:none}#overlay>*{pointer-events:auto}.screen{position:absolute;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px}.screen h1{color:var(--accent);font-size:42px;letter-spacing:6px;margin:0;text-shadow:0 0 24px rgba(232,212,77,.35)}.screen h2{margin:0;font-size:22px}.screen .sub{color:var(--dim);font-size:13px}.screen .desc{color:var(--dim);font-size:12px;max-width:420px;min-height:30px;text-align:center}.screen.cutscene{position:fixed;justify-content:center;gap:14px;cursor:pointer;padding:16px}.cutscene .scene-art{image-rendering:pixelated;border:2px solid var(--panel-border);transition:opacity .2s ease;max-height:min(384px,calc(100vh - 220px));width:auto}.cutscene .text-box{min-height:110px;display:flex;flex-direction:column;gap:10px;align-items:center}.cutscene .line{max-width:520px;font-size:14px;line-height:1.6;text-align:center}.cutscene .line.old{opacity:.45}.gate-hint{color:var(--dim);font-size:13px;letter-spacing:2px;animation:gate-pulse 1.6s ease-in-out infinite}@keyframes gate-pulse{50%{opacity:.3}}.menu{display:flex;flex-direction:column;min-width:260px;position:relative}.menu button{all:unset;cursor:pointer;padding:8px 18px;font:inherit;font-size:15px;color:var(--text);border:1px solid transparent}.menu button.sel,.menu button:hover{border-color:var(--accent);background:#e8d44d14;color:var(--accent)}.menu button.disabled{color:#555a6e}.menu button .hint{float:right;color:var(--dim);font-size:12px;margin-left:24px}.inv-tabs{display:flex;gap:12px;font-size:12px;color:var(--dim);margin:0 0 8px;letter-spacing:.5px}.inv-tabs .on{color:var(--accent);border-bottom:1px solid var(--accent)}.compare{min-height:36px}.delta-up{color:var(--green)}.delta-down{color:var(--red)}.panel{position:absolute;background:var(--panel);border:2px solid var(--panel-border);padding:14px;box-shadow:0 8px 40px #0009}.panel h3{margin:0 0 8px;font-size:14px;color:var(--accent);letter-spacing:1px}.panel.center{left:50%;top:45%;transform:translate(-50%,-50%);width:480px;max-height:480px;display:flex;flex-direction:column;overflow:hidden}.panel h3,.panel.center>.desc{flex:none}.panel-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.panel-body>*{flex:none}.panel-body>.menu{max-height:300px;overflow-y:auto;scrollbar-gutter:stable}.panel .desc{color:var(--dim);font-size:12px;max-width:420px;min-height:30px;margin-top:8px}.panel.center>.desc{margin-top:10px;padding-top:8px;border-top:1px solid var(--panel-border)}.battle{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#1a1d29,#0b0c10 75%);display:flex;flex-direction:column}.battle-enemies{flex:1;display:flex;align-items:center;justify-content:center;gap:42px;padding-top:30px}.b-enemy{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.b-enemy canvas{image-rendering:pixelated}.b-enemy .enm{font-size:12px;color:var(--dim)}.buff-chips{display:flex;gap:3px;min-height:12px;flex-wrap:wrap;justify-content:center}.buff-chip{font-size:9px;line-height:1;padding:1px 3px;border-radius:2px;letter-spacing:.5px}.buff-chip.up{color:#9ae6b4;background:#5cb85c29;border:1px solid rgba(92,184,92,.45)}.buff-chip.down{color:#e88b88;background:#d9534f24;border:1px solid rgba(217,83,79,.45)}.buff-chip.expiring{animation:chip-blink .7s step-end infinite}@keyframes chip-blink{50%{opacity:.25}}.companion-header{display:flex;gap:16px;align-items:center;padding:8px 4px 12px}.companion-header canvas{image-rendering:pixelated}.pips{display:flex;gap:3px;margin-top:4px}.pip{width:8px;height:8px;border:1px solid #4a4a58;background:#22242e}.pip.on{background:var(--accent);border-color:var(--accent)}.pip.pop{animation:pip-pop .22s ease-out}@keyframes pip-pop{0%{transform:scale(2.1)}to{transform:scale(1)}}.pips.flash .pip{animation:pip-flash .16s step-end 3}@keyframes pip-flash{0%{background:#fff;border-color:#fff}50%{background:var(--accent);border-color:var(--accent)}}.omega-pulse{animation:omega-pulse 1.4s ease-in-out infinite}@keyframes omega-pulse{50%{filter:drop-shadow(0 0 6px #ffe36b) drop-shadow(0 0 14px rgba(255,227,107,.5)) brightness(1.25)}}.b-enemy.dead{visibility:hidden}.b-enemy.targetable{cursor:pointer}.b-enemy.targeted:after{content:"▼";position:absolute;top:-22px;color:var(--accent);animation:bounce .5s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(4px)}}.b-enemy.flash canvas{filter:brightness(3) saturate(0)}.b-enemy.shake{animation:shake .25s}@keyframes shake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.b-enemy.lunge{animation:lunge .22s}@keyframes lunge{0%,to{transform:none}45%{transform:scale(1.12) translateY(6px)}}.b-enemy.goobert-evaporate{animation:goobert-evaporate 2.5s ease-out forwards}@keyframes goobert-evaporate{to{opacity:0;transform:translateY(-24px) scale(1.15);filter:blur(4px)}}.battle-fx{position:absolute;inset:0;pointer-events:none;z-index:50}.battle.screen-shake{animation:screen-shake .25s}@keyframes screen-shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.battle-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px 40px #d9534f8c;animation:vignette-fade .32s forwards;z-index:55}@keyframes vignette-fade{0%{opacity:1}to{opacity:0}}.battle-log{height:96px;overflow-y:auto;scrollbar-gutter:stable;padding:6px 16px;font-size:14px;line-height:1.6;border-top:2px solid var(--panel-border);background:#0f1118e6;display:flex;flex-direction:column}.battle-log>div:first-child{margin-top:auto}.battle-log .dmg{color:var(--red)}.battle-log .healln{color:var(--green)}.battle-log .mphealln{color:var(--mp)}.battle-log .crit{color:var(--accent);font-weight:700}.battle-bottom{display:flex;height:240px;border-top:2px solid var(--panel-border);background:var(--panel)}.battle-menu-slot{width:300px;border-right:2px solid var(--panel-border);display:flex;flex-direction:column;overflow:hidden}.battle-menu-slot h3{flex:none;margin:6px 12px 2px;font-size:13px;color:var(--accent);letter-spacing:1px}.battle-menu-slot .menu{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.battle-menu-slot .menu button{padding:5px 14px;font-size:14px}.battle-menu-slot .desc{flex:none;margin:0 12px;padding:6px 0;border-top:1px solid var(--panel-border);color:var(--dim);font-size:12px;line-height:1.4}.battle-party{flex:1;display:flex;flex-direction:column;justify-content:space-around;padding:6px 12px}.bp-row{display:flex;align-items:center;gap:10px;font-size:13px}.bp-row .who{width:90px}.bp-row.active .who{color:var(--accent)}.bp-row.dead{opacity:.4}.bp-row .bar{width:130px;height:8px;margin:0}.bp-row .nums{width:90px;color:var(--dim);font-size:11px}.bp-row .ail{color:var(--accent);font-size:11px}.bp-row.hitflash{animation:rowflash .3s}@keyframes rowflash{50%{background:#d9534f59}}.dmg-float{position:absolute;font-size:20px;font-weight:700;color:#fff;text-shadow:2px 2px 0 #000;animation:dmg-rise .8s forwards;pointer-events:none;z-index:60}.dmg-float.heal-c{color:var(--green)}.dmg-float.mpheal-c{color:var(--mp)}.dmg-float.crit-c{color:var(--accent);font-size:26px}@keyframes dmg-rise{0%{transform:translateY(0);opacity:1}to{transform:translateY(-34px);opacity:0}}.item-row{display:flex;justify-content:space-between;gap:18px;width:100%}.item-row .qty{color:var(--dim)}.rarity-blue{color:#a9cbff}.rarity-super{color:var(--accent)}.rarity-fragment{color:#d8a0f0}.menu button.rarity-blue{color:#a9cbff;background:#5a8ad021;box-shadow:inset 3px 0 0 var(--blue)}.menu button.rarity-super{color:var(--accent)}.menu button.rarity-fragment{color:#d8a0f0;background:#b06fd824;box-shadow:inset 3px 0 #b06fd8}.menu button.rarity-blue.sel,.menu button.rarity-blue:hover,.menu button.rarity-fragment.sel,.menu button.rarity-fragment:hover{background:#e8d44d24}.vault-grid{display:flex;flex-wrap:wrap;gap:6px;max-width:640px;justify-content:center}.vault-chip{border:1px solid var(--panel-border);padding:4px 10px;font-size:12px;background:#0f1118}kbd{border:1px solid var(--panel-border);border-bottom-width:2px;padding:0 5px;font-size:11px;background:#0f1118;border-radius:3px}