*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#05050a;color:#e6faff;font-family:Courier New,monospace;touch-action:none}#game-canvas{display:block;width:100vw;height:100vh}#hud{position:fixed;top:16px;left:16px;z-index:10;padding:10px 14px;background:#05050f8c;border:1px solid #00eaff;border-radius:4px;box-shadow:0 0 12px #00eaff59;pointer-events:none}#hud-title{font-size:14px;font-weight:700;color:#00eaff;letter-spacing:2px}#hud-hint{font-size:12px;color:#b8f4ff;margin-top:4px}#hud-scene{font-size:12px;color:#ff00c8;margin-top:4px;letter-spacing:1px}#hud-level{font-size:12px;color:#fc0;margin-top:4px;letter-spacing:1px}#hud-score{font-size:13px;color:#ffd84d;margin-top:4px;letter-spacing:2px;font-weight:700;text-shadow:0 0 8px rgba(255,216,77,.6)}.hud-bar{position:relative;margin-top:6px;width:200px;height:14px;border-radius:3px;background:#0000008c;border:1px solid rgba(255,255,255,.18);overflow:hidden;box-shadow:inset 0 0 6px #0009}.hud-bar-fill{position:absolute;inset:0;width:100%;transform-origin:left center;transition:width .18s ease-out}.hud-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;font-size:11px;font-weight:700;letter-spacing:1px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.95);pointer-events:none}.hud-bar-hp .hud-bar-fill{background:linear-gradient(90deg,#f24,#f56,#f89);box-shadow:0 0 10px #ff3366a6,inset 0 0 6px #ffc8c873}.hud-bar-mp .hud-bar-fill{background:linear-gradient(90deg,#1a4dcc,#47f,#8af);box-shadow:0 0 10px #5599ffa6,inset 0 0 6px #aac8ff73}.hud-bar-exp .hud-bar-fill{background:linear-gradient(90deg,#f80,#fa3,#fc6);box-shadow:0 0 8px #ffaa338c,inset 0 0 5px #ffdc9666}.hud-bar-stamina .hud-bar-fill{background:linear-gradient(90deg,#3f7,#6f5,#8f4);box-shadow:0 0 9px #6f59,inset 0 0 5px #b4ffc873}.hud-bar.hud-bar-blocked .hud-bar-fill{animation:hud-bar-stamina-blocked .3s ease-out}@keyframes hud-bar-stamina-blocked{0%{background:linear-gradient(90deg,#f34,#f56,#f78);filter:brightness(1.3)}}.hud-bar.hud-bar-low .hud-bar-fill{animation:hud-bar-low-pulse .7s ease-in-out infinite alternate}@keyframes hud-bar-low-pulse{0%{filter:brightness(.95)}to{filter:brightness(1.4)}}#hud-floor{position:fixed;top:16px;right:24px;z-index:10;font-size:48px;font-weight:700;font-family:Courier New,monospace;color:#00eaff;text-shadow:0 0 10px #00eaff,0 0 20px #00eaff,0 0 40px #0088cc,0 0 60px #005588;pointer-events:none}#death-overlay{display:none;position:fixed;inset:0;z-index:100;justify-content:center;align-items:center;background:#140000d9}.death-box{text-align:center;padding:40px 50px;background:#1e0505f2;border:2px solid #ff2244;border-radius:12px;box-shadow:0 0 40px #ff224480}.death-title{font-size:40px;font-weight:700;color:#f24;text-shadow:0 0 30px #ff2244;margin-bottom:8px}.death-subtitle{font-size:18px;color:#f89;margin-bottom:24px}.death-btn{display:block;width:100%;padding:16px 32px;margin:12px 0;border:none;border-radius:8px;font-family:Courier New,monospace;font-size:20px;font-weight:700;cursor:pointer;background:#f36;color:#fff;box-shadow:0 0 20px #ff336680;transition:transform .1s,box-shadow .1s}.death-btn:active{transform:scale(.96)}#levelup-overlay{display:none;position:fixed;inset:0;z-index:100;justify-content:center;align-items:center;background:#0009}.levelup-box{text-align:center;padding:30px 40px;background:#0a0a1ef2;border:2px solid #ffcc00;border-radius:12px;box-shadow:0 0 40px #fc06}.levelup-title{font-size:36px;font-weight:700;color:#fc0;text-shadow:0 0 20px #ffcc00;margin-bottom:8px}.levelup-subtitle{font-size:16px;color:#b8f4ff;margin-bottom:20px}.levelup-choices{display:flex;gap:16px;justify-content:center}.levelup-btn{padding:18px 24px;border:none;border-radius:8px;font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:0 0 15px #fff3}.levelup-btn:active{transform:scale(.94)}.levelup-btn:hover{box-shadow:0 0 25px #ffffff80}.levelup-compass{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:10px;width:420px;height:340px;margin:10px auto 16px}.lv-slot{border:2px solid #3a3f5a;border-radius:8px;background:#0e1220e6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;position:relative;overflow:hidden;user-select:none;cursor:pointer;transition:transform .1s,border-color .1s,box-shadow .1s}.lv-slot-w{grid-column:2;grid-row:1;border-color:#f36;color:#f36}.lv-slot-a{grid-column:1;grid-row:2;border-color:#a855f7;color:#a855f7}.lv-slot-d{grid-column:3;grid-row:2;border-color:#00eaff;color:#00eaff}.lv-slot-s{grid-column:2;grid-row:3;border-color:#59f;color:#59f}.lv-center{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#b8f4ff;font-size:13px;font-family:"Press Start 2P",monospace;text-align:center;gap:6px;line-height:1.4}.lv-center #lv-first-tap{font-size:18px;color:#fc0;letter-spacing:3px}.lv-key{font-family:"Press Start 2P",monospace;font-size:24px;margin-bottom:4px;text-shadow:0 0 10px currentColor}.lv-name{font-weight:700;font-size:14px;color:#fff;margin-bottom:2px}.lv-desc{font-size:11px;color:#ccd6ff}.lv-slot.lv-primed{transform:scale(1.04);box-shadow:0 0 24px currentColor,inset 0 0 18px #fc03;border-width:3px}.lv-slot.lv-primed .lv-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#fc0;transform-origin:left center;animation:lv-progress-decay .5s linear forwards}@keyframes lv-progress-decay{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.levelup-hint{font-size:12px;color:#8a91b4;margin-top:6px}.levelup-hint .kbd{display:inline-block;padding:1px 6px;border:1px solid #3a3f5a;border-radius:3px;background:#0006;color:#fc0;font-family:monospace}@media (pointer: coarse),(max-width: 768px){.levelup-compass{width:320px;height:260px;gap:6px}.lv-name{font-size:12px}.lv-desc{font-size:10px}.lv-key{font-size:20px}}#fade-overlay{display:none;position:fixed;inset:0;z-index:90;background:#000;opacity:0;pointer-events:none}.mobile-only{display:none}@media (pointer: coarse),(max-width: 768px){.mobile-only{display:block}}#joystick-container{position:fixed;left:28px;bottom:28px;z-index:30;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none}#joystick-base{position:relative;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#001e328c,#05050fa6);border:2px solid #00eaff;box-shadow:0 0 18px #00eaff73,inset 0 0 18px #00eaff40;pointer-events:auto;touch-action:none}#joystick-knob{position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 12px #fff9;transform:translate(-50%,-50%);pointer-events:none;transition:transform .08s ease-out}#action-buttons{position:fixed;right:24px;bottom:28px;z-index:30;display:none;gap:16px;align-items:flex-end;user-select:none;-webkit-user-select:none;touch-action:none}@media (pointer: coarse),(max-width: 768px){#action-buttons{display:flex}}#action-buttons button{width:80px;height:80px;border-radius:50%;font-family:Courier New,monospace;font-size:32px;font-weight:700;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .08s,box-shadow .08s,background .08s}#btn-attack{border:3px solid #ff3366;background:#ff336647;color:#f57;box-shadow:0 0 18px #ff33668c,inset 0 0 12px #f366}#btn-attack:active{transform:scale(.92);background:#ff33668c;box-shadow:0 0 28px #ff3366e6,inset 0 0 18px #ff3366b3}#btn-dodge{width:64px;height:64px;font-size:26px;border:3px solid #ffcc00;background:#ffcc0038;color:#fd4;box-shadow:0 0 14px #ffcc0080,inset 0 0 10px #ffcc0059}#btn-dodge:active{transform:scale(.92);background:#ffcc0080;box-shadow:0 0 24px #ffcc00d9,inset 0 0 16px #fc09}#skill-slots{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:30;display:flex;gap:14px;user-select:none;-webkit-user-select:none;touch-action:none}.skill-slot{position:relative;width:72px;height:72px;border-radius:50%;border:3px solid #00eaff;background:#05050f8c;color:#00eaff;font-family:Courier New,monospace;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s,box-shadow .08s,background .08s;overflow:hidden;display:flex;align-items:center;justify-content:center}.skill-slot:active{transform:scale(.94)}.skill-slot .skill-label{font-size:30px;letter-spacing:1px;z-index:2;pointer-events:none;text-shadow:0 0 6px currentColor}.skill-slot .skill-hotkey{position:absolute;top:-3px;right:-3px;width:22px;height:22px;border-radius:50%;background:#000000d9;border:1px solid currentColor;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3}.skill-slot .skill-cooldown-arc{position:absolute;inset:0;border-radius:50%;background:transparent;pointer-events:none;z-index:1}.skill-slot .skill-cooldown-text{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:11px;color:#fff;text-shadow:0 0 4px #000;pointer-events:none;z-index:4}.skill-slot.on-cooldown{filter:grayscale(.6) brightness(.75)}.skill-slot.flash-cast{animation:skill-cast-flash .35s ease-out}.skill-slot.flash-blocked{animation:skill-blocked-shake .35s ease-out}@keyframes skill-cast-flash{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor}40%{transform:scale(1.18);box-shadow:0 0 30px currentColor,inset 0 0 18px currentColor}to{transform:scale(1)}}@keyframes skill-blocked-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (pointer: coarse),(max-width: 768px){#skill-slots{bottom:120px;gap:12px}.skill-slot{width:64px;height:64px}.skill-slot .skill-label{font-size:26px}}.hud-inventory{position:fixed;top:16px;right:16px;width:240px;padding:10px 12px;background:#0a0c16d1;border:2px solid #3a3f5a;border-radius:6px;font-family:Noto Sans JP,sans-serif;color:#ccd6ff;z-index:40;backdrop-filter:blur(4px)}.hud-inventory .inv-title{font-family:"Press Start 2P",monospace;font-size:11px;color:#7affc0;margin-bottom:6px;letter-spacing:1px}.hud-inventory .inv-empty{font-size:12px;color:#565a78;text-align:center;padding:6px 0}.hud-inventory .inv-row{display:flex;align-items:center;gap:8px;padding:4px 6px;margin-bottom:4px;border:1px solid;border-radius:3px;background:#00000059;font-size:12px}.hud-inventory .inv-row:last-child{margin-bottom:0}.hud-inventory .inv-label{font-family:"Press Start 2P",monospace;font-size:10px;min-width:42px}.hud-inventory .inv-name{flex:1;color:#ccd6ff}.hud-inventory .inv-count{font-weight:700;color:#fff}@media (pointer: coarse),(max-width: 768px){.hud-inventory{top:8px;right:8px;width:180px;padding:6px 8px}}.hud-equip{position:fixed;top:320px;right:16px;width:240px;padding:10px 12px;background:#0a0c16d1;border:2px solid #3a3f5a;border-radius:6px;font-family:Noto Sans JP,sans-serif;color:#ccd6ff;z-index:40;backdrop-filter:blur(4px)}.hud-equip .eq-title{font-family:"Press Start 2P",monospace;font-size:11px;color:#ffd36a;margin-bottom:6px;letter-spacing:1px}.hud-equip .eq-row{display:flex;align-items:center;gap:8px;padding:3px 6px;margin-bottom:3px;border:1px solid;border-radius:3px;background:#00000059;font-size:11px}.hud-equip .eq-row:last-child{margin-bottom:0}.hud-equip .eq-row.eq-empty{border-color:#2a2e44;color:#565a78;background:#0003}.hud-equip .eq-slot{font-family:"Press Start 2P",monospace;font-size:9px;min-width:50px;text-transform:uppercase}.hud-equip .eq-name{flex:1;color:#ccd6ff}.hud-equip .eq-stats{font-size:10px;color:#aab1cf}@media (pointer: coarse),(max-width: 768px){.hud-equip{top:220px;right:8px;width:180px;padding:6px 8px}}.hud-skills{position:fixed;top:540px;right:16px;width:240px;padding:10px 12px;background:#0a0c16d9;border:2px solid #5560a0;border-radius:6px;font-family:Noto Sans JP,sans-serif;color:#ccd6ff;z-index:40;backdrop-filter:blur(4px)}.hud-skills .sk-title{font-family:"Press Start 2P",monospace;font-size:11px;color:#8cf;margin-bottom:6px;letter-spacing:1px}.hud-skills .sk-row{display:flex;align-items:center;gap:6px;padding:4px 6px;margin-bottom:3px;border:1px solid #2a2e44;border-radius:3px;background:#00000059;font-size:11px;cursor:pointer;transition:border-color .15s ease-out,background .15s ease-out}.hud-skills .sk-row:last-child{margin-bottom:0}.hud-skills .sk-row:hover{border-color:#8cf;background:#28508c73}.hud-skills .sk-key{font-family:"Press Start 2P",monospace;font-size:10px;color:#ffd36a;min-width:14px;text-align:center}.hud-skills .sk-cat{font-family:"Press Start 2P",monospace;font-size:8px;color:#888fae;min-width:50px;letter-spacing:.5px}.hud-skills .sk-name{flex:1;color:#ccd6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-skills .sk-edit{font-family:"Press Start 2P",monospace;font-size:8px;color:#5fffa9;letter-spacing:1px}@media (pointer: coarse),(max-width: 768px){.hud-skills{top:380px;right:8px;width:180px;padding:6px 8px}}.hud-skill-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:80;min-width:320px;max-width:480px;padding:18px 22px;background:#080a16f5;border:2px solid #5fffa9;border-radius:6px;box-shadow:0 0 24px #5fffa973;font-family:Noto Sans JP,sans-serif;color:#ccd6ff;pointer-events:auto}.hud-skill-popup .sp-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;padding-bottom:8px;margin-bottom:10px}.hud-skill-popup .sp-title{font-family:"Press Start 2P",monospace;font-size:13px;color:#5fffa9;letter-spacing:1px}.hud-skill-popup .sp-close{background:transparent;border:1px solid #555;color:#ccd6ff;font-size:18px;width:28px;height:28px;cursor:pointer;border-radius:3px}.hud-skill-popup .sp-close:hover{border-color:#f56;color:#f89}.hud-skill-popup .sp-meta{display:flex;gap:8px;align-items:center;margin-bottom:12px;font-size:11px}.hud-skill-popup .sp-slot-label,.hud-skill-popup .sp-cat-label{font-family:"Press Start 2P",monospace;font-size:9px;color:#888fae;letter-spacing:1px}.hud-skill-popup .sp-slot-value,.hud-skill-popup .sp-cat-value{font-family:"Press Start 2P",monospace;font-size:11px;color:#ffd36a;letter-spacing:1px;margin-right:8px}.hud-skill-popup .sp-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.hud-skill-popup .sp-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #3a3f5a;border-radius:4px;background:#00000059;cursor:pointer;transition:border-color .15s ease-out,background .15s ease-out;font-size:12px;color:#ccd6ff;text-align:left;font-family:inherit}.hud-skill-popup .sp-item:hover{background:#3c64a066}.hud-skill-popup .sp-item.is-equipped{border-color:#ffd36a;background:#7850144d}.hud-skill-popup .sp-item-label{font-family:"Press Start 2P",monospace;font-size:12px;min-width:22px;text-align:center}.hud-skill-popup .sp-item-name{flex:1;font-weight:700}.hud-skill-popup .sp-item-stats{font-size:10px;color:#aab1cf;white-space:nowrap}.hud-skill-popup .sp-item-equipped-tag{font-family:"Press Start 2P",monospace;font-size:8px;color:#ffd36a;letter-spacing:1px;margin-left:4px}.hud-skill-popup .sp-empty{padding:12px;text-align:center;font-size:12px;color:#888fae}.hud-toast{position:fixed;left:50%;bottom:200px;transform:translate(-50%);padding:8px 16px;background:#080a14eb;border:1px solid #4488ff;border-radius:4px;font-family:Noto Sans JP,sans-serif;font-size:13px;color:#ccd6ff;box-shadow:0 0 18px #4488ff73;pointer-events:none;z-index:60;white-space:nowrap;animation:hud-toast-pop 2.5s ease-out forwards}.hud-toast .toast-name{font-weight:700;margin-right:6px}.hud-toast .toast-stats{color:#aab1cf;font-size:11px}@keyframes hud-toast-pop{0%{opacity:0;transform:translate(-50%,12px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.hud-combo{position:fixed;left:50%;bottom:130px;transform:translate(-50%);display:flex;gap:10px;padding:6px 12px;background:#080a14d1;border:1px solid #ffaa33;border-radius:20px;font-family:"Press Start 2P",monospace;font-size:11px;color:#ffd36a;box-shadow:0 0 18px #ffaa3380;pointer-events:none;z-index:35;animation:combo-pulse .6s ease-out infinite alternate}.hud-combo .combo-count{color:#ffe08a}.hud-combo .combo-mult{color:#fff}#hud-combo-bar{position:fixed;left:50%;bottom:150px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 14px;background:#080a14a6;border:1px solid #ff5566;border-radius:14px;font-family:"Press Start 2P",monospace;font-size:9px;color:#faa;pointer-events:none;z-index:35;box-shadow:0 0 14px #f566}#hud-combo-bar .cb-label{letter-spacing:2px}#hud-combo-bar .cb-dots{display:flex;gap:6px}#hud-combo-bar .cb-dot{width:12px;height:12px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3)}#hud-combo-bar .cb-dot.cb-on{background:linear-gradient(180deg,#fa4,#f48);box-shadow:0 0 10px #f56;border-color:#feb}#hud-combo-bar .cb-dot.cb-finish{background:linear-gradient(180deg,#fe6,#f4a);box-shadow:0 0 18px #feb}.hud-combo .combo-chain-arrow,.hud-combo .combo-chain-label{font-weight:700;letter-spacing:1px}.hud-combo .combo-chain-name{letter-spacing:.5px}.hud-combo.chain-active{animation:combo-chain-pulse .4s ease-out}@keyframes combo-chain-pulse{0%{transform:translate(-50%) scale(1.25)}to{transform:translate(-50%) scale(1)}}@keyframes combo-pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.04)}}@media (pointer: coarse),(max-width: 768px){.hud-combo{bottom:200px}}.hud-interact{position:fixed;left:50%;bottom:22%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 14px;background:#080a14c7;border:1px solid #4f46e5;border-radius:8px;font-family:"Press Start 2P",monospace;font-size:11px;color:#ddd;box-shadow:0 0 24px #4f46e573;pointer-events:none;z-index:40;animation:ix-fade .2s ease-out}.hud-interact .kbd{display:inline-block;min-width:22px;padding:3px 6px;text-align:center;background:#1e1b4b;color:#fff;border:1px solid #7c7afc;border-radius:4px;box-shadow:0 2px #4c1d95}.hud-interact .ix-label{font-weight:700}.hud-interact .ix-name{color:#fff}.hud-interact .ix-hint{color:#aab}@keyframes ix-fade{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}#title-screen{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0a25,#02020a 70%,#000);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}#title-screen.hidden{pointer-events:none;opacity:0;transition:opacity .4s ease-out}.title-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,234,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(0,234,255,.18) 1px,transparent 1px);background-size:60px 60px;background-position:center;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);animation:title-grid-drift 12s linear infinite}.title-bg-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(255,0,200,.18),transparent 35%),radial-gradient(circle at 70% 60%,rgba(0,234,255,.2),transparent 40%);pointer-events:none;animation:title-glow-pulse 4s ease-in-out infinite alternate}@keyframes title-grid-drift{0%{background-position:0 0,0 0}to{background-position:60px 0,0 60px}}@keyframes title-glow-pulse{0%{opacity:.7}to{opacity:1}}.title-content{position:relative;text-align:center;z-index:1}.title-main{font-family:"Press Start 2P",Courier New,monospace;font-size:64px;font-weight:700;color:#00eaff;letter-spacing:8px;margin:0;text-shadow:0 0 12px #00eaff,0 0 24px #00eaff,0 0 48px #0088cc,0 0 80px #ff00c8;animation:title-flicker 5s linear infinite}@keyframes title-flicker{0%,96%,to{opacity:1}97%{opacity:.85}98%{opacity:1}98.5%{opacity:.7}99%{opacity:1}}.title-sub{font-family:"Press Start 2P",Courier New,monospace;font-size:14px;color:#ff00c8;letter-spacing:6px;margin-top:18px;text-shadow:0 0 8px #ff00c8}.title-press-start{font-family:"Press Start 2P",Courier New,monospace;font-size:16px;color:#ffe08a;letter-spacing:4px;margin-top:80px;text-shadow:0 0 8px #ffaa33;animation:title-press-blink 1.1s ease-in-out infinite}@keyframes title-press-blink{0%,to{opacity:1}50%{opacity:.25}}@media (pointer: coarse),(max-width: 768px){.title-main{font-size:38px;letter-spacing:4px}.title-sub{font-size:11px;letter-spacing:3px}.title-press-start{font-size:12px;margin-top:50px;letter-spacing:2px}.title-bg-grid{background-size:40px 40px}}#result-screen{display:none;position:fixed;inset:0;z-index:110;justify-content:center;align-items:center;background:#02040ce0;backdrop-filter:blur(2px)}.result-box{position:relative;min-width:360px;max-width:90vw;padding:32px 40px;background:#0a0e1cf5;border:2px solid #00eaff;border-radius:12px;box-shadow:0 0 40px #00eaff73,inset 0 0 22px #00eaff2e;text-align:center;font-family:Courier New,monospace}.result-box.is-clear{border-color:#fc0;box-shadow:0 0 50px #ffcc008c,inset 0 0 22px #fc03}.result-box.is-death{border-color:#f24;box-shadow:0 0 50px #ff224480,inset 0 0 22px #ff22442e}.result-title{font-family:"Press Start 2P",Courier New,monospace;font-size:28px;color:#00eaff;letter-spacing:6px;margin-bottom:6px;text-shadow:0 0 12px currentColor}.result-box.is-clear .result-title{color:#fc0}.result-box.is-death .result-title{color:#f57}.result-best-badge{display:inline-block;margin:4px 0 12px;padding:4px 14px;font-family:"Press Start 2P",Courier New,monospace;font-size:11px;letter-spacing:2px;color:#fff;background:linear-gradient(90deg,#f80,#fc0);border-radius:14px;box-shadow:0 0 14px #ffcc00b3;animation:result-best-pulse .9s ease-in-out infinite alternate}@keyframes result-best-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.result-stats{margin:18px 0 24px;text-align:left;display:grid;grid-template-columns:1fr;gap:6px}.result-row{display:flex;justify-content:space-between;padding:6px 10px;background:#00000059;border-radius:4px;font-size:14px}.result-row .result-label{color:#b8f4ff;letter-spacing:1px}.result-row .result-value{color:#fff;font-weight:700;letter-spacing:1px}.result-row-score{background:#00eaff1f;border:1px solid rgba(0,234,255,.45)}.result-row-score .result-label,.result-row-score .result-value{color:#ffe08a;font-size:16px}.result-row-best .result-label,.result-row-best .result-value{color:#8df}.result-buttons{display:flex;gap:12px;justify-content:center}.result-btn{flex:1;padding:12px 18px;border:2px solid #00eaff;border-radius:6px;background:#00eaff1f;color:#00eaff;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:transform .1s,box-shadow .1s,background .1s}.result-btn:hover{background:#00eaff47;box-shadow:0 0 14px #00eaff80}.result-btn:active{transform:scale(.96)}.result-btn-primary{background:#00eaff;color:#02020a}.result-btn-primary:hover{background:#44f0ff;box-shadow:0 0 18px #00eaffb3}@media (pointer: coarse),(max-width: 768px){.result-box{min-width:0;padding:22px}.result-title{font-size:20px;letter-spacing:3px}.result-row{font-size:12px;padding:5px 8px}.result-row-score .result-label,.result-row-score .result-value{font-size:13px}.result-buttons{flex-direction:column}}#settings-toggle{position:fixed;right:20px;bottom:20px;z-index:50;width:44px;height:44px;border-radius:50%;border:2px solid #00eaff;background:#05050fd9;color:#00eaff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #00eaff80;transition:transform .15s,box-shadow .15s,background .15s}#settings-toggle:hover{background:#00eaff2e;box-shadow:0 0 18px #00eaffcc;transform:rotate(30deg)}#settings-toggle:active{transform:rotate(60deg) scale(.94)}#settings-toggle svg{display:block}@media (pointer: coarse),(max-width: 768px){#settings-toggle{right:12px;bottom:auto;top:12px;width:38px;height:38px}}#settings-panel{display:none;position:fixed;inset:0;z-index:120;justify-content:center;align-items:center;background:#02040cc7;backdrop-filter:blur(2px)}.settings-box{width:420px;max-width:92vw;padding:22px 26px;background:#0a0e1cf7;border:2px solid #00eaff;border-radius:10px;box-shadow:0 0 30px #00eaff66,inset 0 0 18px #00eaff1f;font-family:Courier New,monospace;color:#ccd6ff}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;border-bottom:1px solid rgba(0,234,255,.35);padding-bottom:8px}.settings-title{font-family:"Press Start 2P",Courier New,monospace;font-size:14px;color:#00eaff;letter-spacing:3px;text-shadow:0 0 8px #00eaff}.settings-close{background:transparent;border:1px solid #00eaff;border-radius:4px;color:#00eaff;width:28px;height:28px;font-size:18px;font-weight:700;cursor:pointer;line-height:1}.settings-close:hover{background:#00eaff33}.settings-section{margin-bottom:18px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-family:"Press Start 2P",Courier New,monospace;font-size:11px;color:#ff00c8;letter-spacing:2px;margin-bottom:8px}.settings-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}.settings-row .settings-label{flex:0 0 110px;color:#b8f4ff}.settings-row input[type=range]{flex:1;accent-color:#00eaff}.settings-row .settings-val{flex:0 0 44px;text-align:right;font-weight:700;color:#fff}.settings-row input[type=checkbox]{width:18px;height:18px;accent-color:#00eaff;cursor:pointer}.settings-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:12px;color:#ccd6ff}.settings-controls>div{display:flex;align-items:center;gap:4px;padding:4px 0}.settings-controls .kbd{display:inline-block;min-width:22px;padding:2px 6px;margin-right:2px;text-align:center;font-family:Courier New,monospace;font-size:11px;font-weight:700;background:#1e1b4b;color:#fff;border:1px solid #7c7afc;border-radius:3px;box-shadow:0 1px #4c1d95}@media (pointer: coarse),(max-width: 768px){.settings-box{padding:16px 18px}.settings-controls{grid-template-columns:1fr}.settings-row .settings-label{flex:0 0 80px;font-size:12px}}#hud-block-ring{position:fixed;left:50%;top:55%;width:140px;height:140px;margin-left:-70px;margin-top:-70px;border-radius:50%;border:2px solid rgba(120,230,255,.85);box-shadow:inset 0 0 18px #78e6ff73,0 0 18px #78e6ff8c;background:radial-gradient(circle,#78e6ff14,#78e6ff00 70%);pointer-events:none;z-index:30;animation:hud-block-pulse .9s ease-in-out infinite}@keyframes hud-block-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.06);opacity:.7}}#hud-parry{position:fixed;left:50%;top:32%;transform:translate(-50%,-50%) scale(.6);font-family:Orbitron,Rajdhani,system-ui,sans-serif;font-weight:900;font-size:56px;letter-spacing:6px;color:#fff;text-shadow:0 0 18px #00eaff,0 0 32px #00eaff,0 0 6px #fff;opacity:0;pointer-events:none;z-index:60}#hud-parry.parry-show{animation:parry-flash .7s ease-out forwards}@keyframes parry-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}@media (pointer: coarse),(max-width: 768px){#hud-block-ring{width:110px;height:110px;margin-left:-55px;margin-top:-55px}#hud-parry{font-size:40px;letter-spacing:4px;top:28%}}#hud-objective{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:11;padding:8px 16px;background:#050814b3;border:1px solid #ffcc00;border-radius:4px;box-shadow:0 0 12px #ffcc0059;font-family:Courier New,monospace;font-size:13px;color:#ffe680;letter-spacing:1px;text-shadow:0 0 6px rgba(255,204,0,.7);max-width:min(80vw,720px);text-align:center;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud-objective .hud-objective-icon{color:#ff00c8;margin-right:8px;font-weight:700;text-shadow:0 0 6px #ff00c8}@media (pointer: coarse),(max-width: 768px){#hud-objective{font-size:11px;padding:6px 10px;top:8px;max-width:92vw;white-space:normal}}#portal-hint{position:fixed;left:50%;bottom:18%;transform:translate(-50%);z-index:30;padding:8px 18px;background:#050814c7;border:1px solid #00eaff;border-radius:999px;box-shadow:0 0 14px #00eaff73;font-family:"Press Start 2P",Courier New,monospace;font-size:12px;color:#b8f4ff;letter-spacing:3px;text-shadow:0 0 6px rgba(0,234,255,.8);pointer-events:none;animation:portal-hint-pulse 1.6s ease-in-out infinite}#portal-hint #portal-hint-name{color:#ff7af0;text-shadow:0 0 8px #ff00c8}#portal-hint #portal-hint-target{color:#ffe680;text-shadow:0 0 8px #ffaa33}#portal-hint .portal-hint-arrow{margin:0 8px;color:#00eaff}@keyframes portal-hint-pulse{0%,to{opacity:1;box-shadow:0 0 14px #00eaff73}50%{opacity:.85;box-shadow:0 0 22px #00eaffb3}}@media (pointer: coarse),(max-width: 768px){#portal-hint{font-size:10px;bottom:24%;padding:6px 14px;letter-spacing:2px}}#tutorial-overlay{position:fixed;inset:0;z-index:130;justify-content:center;align-items:center;background:#02040cd1;backdrop-filter:blur(2px)}.tutorial-box{width:460px;max-width:92vw;max-height:88vh;overflow-y:auto;padding:24px 28px;background:#0a0e1cf7;border:2px solid #00eaff;border-radius:10px;box-shadow:0 0 30px #00eaff73,inset 0 0 18px #00eaff1f;font-family:Courier New,monospace;color:#ccd6ff}.tutorial-header{text-align:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(0,234,255,.35)}.tutorial-title{font-family:"Press Start 2P",Courier New,monospace;font-size:18px;color:#00eaff;letter-spacing:4px;text-shadow:0 0 10px #00eaff}.tutorial-subtitle{font-size:12px;color:#ff00c8;letter-spacing:2px;margin-top:6px;text-shadow:0 0 6px #ff00c8}.tutorial-section{margin-bottom:14px}.tutorial-section-title{font-family:"Press Start 2P",Courier New,monospace;font-size:11px;color:#fc0;letter-spacing:3px;margin-bottom:8px;text-shadow:0 0 6px rgba(255,204,0,.6)}.tutorial-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:12px;color:#b8f4ff}.tutorial-controls>div{line-height:1.8}.tutorial-objective{font-size:12px;color:#ffe680;line-height:1.7}.tutorial-objective>div{margin-bottom:4px}.tutorial-btn{display:block;width:60%;margin:18px auto 4px;padding:10px 0;background:#00eaff2e;border:1px solid #00eaff;border-radius:6px;color:#00eaff;font-family:"Press Start 2P",Courier New,monospace;font-size:14px;letter-spacing:4px;cursor:pointer;text-shadow:0 0 6px rgba(0,234,255,.8);box-shadow:0 0 12px #00eaff59;transition:background .15s ease,transform .1s ease}.tutorial-btn:hover{background:#00eaff52}.tutorial-btn:active{transform:scale(.97)}@media (pointer: coarse),(max-width: 768px){.tutorial-box{padding:18px}.tutorial-title{font-size:14px;letter-spacing:3px}.tutorial-controls{grid-template-columns:1fr}.tutorial-btn{font-size:12px}}#equipment-screen{display:none;position:fixed;inset:0;z-index:130;justify-content:center;align-items:center;background:#02040cdb;backdrop-filter:blur(3px)}.eqs-box{width:880px;max-width:96vw;max-height:92vh;padding:22px 24px 18px;background:#0a0e1cf7;border:2px solid #ff00c8;border-radius:12px;box-shadow:0 0 32px #ff00c873,inset 0 0 22px #ff00c81f;font-family:Courier New,monospace;color:#ccd6ff;display:flex;flex-direction:column;overflow:hidden}.eqs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;border-bottom:1px solid rgba(255,0,200,.45);padding-bottom:10px}.eqs-title{font-family:"Press Start 2P",Courier New,monospace;font-size:16px;color:#ff66e0;letter-spacing:4px;text-shadow:0 0 10px #ff00c8}.eqs-close{background:transparent;border:1px solid #ff00c8;border-radius:4px;color:#ff66e0;width:30px;height:30px;font-size:20px;font-weight:700;cursor:pointer;line-height:1}.eqs-close:hover{background:#ff00c838}.eqs-body{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:14px;overflow:auto;flex:1 1 auto}.eqs-col{background:#00000059;border:1px solid rgba(255,0,200,.22);border-radius:8px;padding:10px 12px;min-height:320px}.eqs-col-title{font-family:"Press Start 2P",Courier New,monospace;font-size:10px;color:#ff66e0;letter-spacing:2px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px dashed rgba(255,0,200,.35)}.eqs-slots{display:flex;flex-direction:column;gap:6px}.eqs-slot{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(140,150,200,.22);border-radius:4px;font-size:12px;background:#ffffff05}.eqs-slot.is-empty{color:#6c7396;opacity:.65}.eqs-slot-label{font-family:"Press Start 2P",Courier New,monospace;font-size:9px;letter-spacing:1px;color:inherit}.eqs-slot-content{display:flex;flex-direction:column;gap:2px}.eqs-slot-name{font-weight:700;font-size:12px}.eqs-slot-stats{font-size:11px;color:#b8f4ff}.eqs-stats{display:flex;flex-direction:column;gap:6px}.eqs-stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border:1px solid rgba(0,234,255,.25);border-radius:4px;background:#00eaff0d;font-size:13px}.eqs-stat-label{font-family:"Press Start 2P",Courier New,monospace;font-size:9px;color:#b8f4ff;letter-spacing:1px}.eqs-stat-value{font-weight:700;color:#fff;font-size:14px}.eqs-bag{display:flex;flex-direction:column;gap:6px}.eqs-bag-empty{font-style:italic;color:#6c7396;text-align:center;padding:18px 8px;font-size:12px}.eqs-bag-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:8px 10px;border:1px solid rgba(140,150,200,.22);border-radius:4px;background:#ffffff05;cursor:pointer;transition:background .15s ease,transform .08s ease;font-size:12px}.eqs-bag-row:hover{background:#ffffff12}.eqs-bag-row:active{transform:scale(.98)}.eqs-bag-row .eqs-bag-name{font-weight:700}.eqs-bag-row .eqs-bag-count{font-family:"Press Start 2P",Courier New,monospace;font-size:10px;color:#fff;background:#0006;padding:2px 6px;border-radius:3px}.eqs-bag-row .eqs-bag-hint{grid-column:1 / -1;font-size:10px;color:#b8f4ff;opacity:.85}.eqs-hint{margin-top:12px;padding-top:8px;border-top:1px dashed rgba(255,0,200,.25);text-align:center;font-size:11px;color:#b8f4ff}.eqs-hint .kbd{display:inline-block;min-width:22px;padding:2px 6px;margin:0 2px;text-align:center;font-family:Courier New,monospace;font-size:11px;font-weight:700;background:#1e1b4b;color:#fff;border:1px solid #7c7afc;border-radius:3px;box-shadow:0 1px #4c1d95}@media (pointer: coarse),(max-width: 768px){.eqs-box{padding:14px 14px 12px}.eqs-title{font-size:13px;letter-spacing:2px}.eqs-body{grid-template-columns:1fr;gap:10px}.eqs-col{min-height:auto}.eqs-slot{grid-template-columns:60px 1fr}}.eqs-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.eqs-tab{background:#00000059;border:1px solid rgba(255,0,200,.32);color:#ffb8eb;font-family:"Press Start 2P",Courier New,monospace;font-size:10px;letter-spacing:1.5px;padding:8px 14px;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.eqs-tab:hover{background:#ff00c81f;color:#fff}.eqs-tab.is-active{background:#ff00c838;color:#fff;border-color:#ff00c8;box-shadow:0 0 8px #ff00c88c}.eqs-pane{display:none;flex:1 1 auto;min-height:0;overflow:auto}.eqs-pane.is-active{display:block}.eqs-items-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.eqs-items-tab{background:#00000059;border:1px solid rgba(0,234,255,.32);color:#b8f4ff;font-family:"Press Start 2P",Courier New,monospace;font-size:9px;letter-spacing:1px;padding:6px 10px;border-radius:3px;cursor:pointer;transition:background .15s ease,color .15s ease}.eqs-items-tab:hover{background:#00eaff1f;color:#fff}.eqs-items-tab.is-active{background:#00eaff38;color:#fff;border-color:#00eaff;box-shadow:0 0 6px #00eaff73}.eqs-items-body{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;min-height:320px}.eqs-items-grid{background:#00000059;border:1px solid rgba(0,234,255,.22);border-radius:8px;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-auto-rows:64px;gap:6px;align-content:start;overflow-y:auto}.eqs-items-grid-empty{grid-column:1 / -1;text-align:center;font-style:italic;color:#6c7396;padding:24px 8px;font-size:12px}.eqs-items-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(140,150,200,.32);background:#ffffff08;border-radius:4px;cursor:pointer;user-select:none;transition:background .12s ease,transform .08s ease,border-color .12s ease;font-family:Courier New,monospace;padding:4px}.eqs-items-cell:hover{background:#ffffff1a}.eqs-items-cell:active{transform:scale(.96)}.eqs-items-cell.is-selected{border-color:#00eaff;background:#00eaff2e;box-shadow:0 0 8px #00eaff8c}.eqs-items-cell.is-locked{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.eqs-items-cell-label{font-family:"Press Start 2P",Courier New,monospace;font-size:9px;letter-spacing:.5px;color:inherit;text-align:center;line-height:1.1}.eqs-items-cell-count{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;color:#fff;background:#0009;padding:0 4px;border-radius:2px}.eqs-items-cell-lock{font-size:16px;color:#aaa}.eqs-items-detail{background:#00000059;border:1px solid rgba(0,234,255,.22);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto}.eqs-items-name{font-family:"Press Start 2P",Courier New,monospace;font-size:12px;letter-spacing:1px;color:#fff;text-shadow:0 0 6px rgba(0,234,255,.4)}.eqs-items-desc{font-size:12px;color:#b8f4ff;line-height:1.5}.eqs-items-params{margin-top:4px;display:flex;flex-direction:column;gap:4px}.eqs-items-param-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border:1px solid rgba(0,234,255,.22);background:#00eaff0d;border-radius:3px;font-size:11px}.eqs-items-param-label{font-family:"Press Start 2P",Courier New,monospace;font-size:9px;letter-spacing:1px;color:#b8f4ff}.eqs-items-param-value{font-weight:700;color:#fff;font-size:12px}.eqs-skills-body{background:#00000059;border:1px solid rgba(255,0,200,.22);border-radius:8px;padding:12px 14px;min-height:320px}.eqs-skills-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.eqs-skill-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(140,150,200,.32);border-radius:6px;background:#ffffff05;transition:background .15s ease}.eqs-skill-row:hover{background:#ffffff0d}.eqs-skill-key{font-family:"Press Start 2P",Courier New,monospace;font-size:14px;color:#fff;text-align:center;background:#00000080;border:1px solid #7c7afc;border-radius:4px;padding:6px 0;letter-spacing:1px}.eqs-skill-info{display:flex;flex-direction:column;gap:2px}.eqs-skill-cat{font-family:"Press Start 2P",Courier New,monospace;font-size:9px;color:#b8f4ff;letter-spacing:1.5px}.eqs-skill-name{font-weight:700;font-size:13px;color:#fff}.eqs-skill-stats{font-size:11px;color:#b8f4ff;opacity:.9}.eqs-skill-change{background:#ff00c826;border:1px solid #ff00c8;color:#ffb8eb;font-family:"Press Start 2P",Courier New,monospace;font-size:10px;letter-spacing:1px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease}.eqs-skill-change:hover{background:#ff00c852;color:#fff}.eqs-skill-change:disabled{opacity:.4;cursor:not-allowed;border-color:#8c96c852;color:#6c7396;background:#ffffff05}@media (pointer: coarse),(max-width: 768px){.eqs-items-body{grid-template-columns:1fr}.eqs-items-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-auto-rows:56px}.eqs-skill-row{grid-template-columns:44px 1fr auto}}#storage-screen{display:none;position:fixed;inset:0;z-index:130;justify-content:center;align-items:center;background:#02040cdb;backdrop-filter:blur(3px)}.sts-box{width:1040px;max-width:96vw;max-height:92vh;padding:22px 24px 18px;background:#0a0e1cf7;border:2px solid #00eaff;border-radius:12px;box-shadow:0 0 32px #00eaff59,inset 0 0 22px #00eaff1a;font-family:Courier New,monospace;color:#ccd6ff;display:flex;flex-direction:column;overflow:hidden}.sts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid rgba(0,234,255,.45);padding-bottom:10px}.sts-title{font-family:"Press Start 2P",Courier New,monospace;font-size:16px;color:#66f5ff;letter-spacing:4px;text-shadow:0 0 10px #00eaff}.sts-close{background:transparent;border:1px solid #00eaff;border-radius:4px;color:#66f5ff;width:30px;height:30px;font-size:20px;font-weight:700;cursor:pointer;line-height:1}.sts-close:hover{background:#00eaff38}.sts-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.sts-tab{background:#00000059;border:1px solid rgba(0,234,255,.32);color:#b8f4ff;font-family:"Press Start 2P",Courier New,monospace;font-size:10px;letter-spacing:1.5px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease}.sts-tab:hover{background:#00eaff1f;color:#fff}.sts-tab.is-active{background:#00eaff38;color:#fff;border-color:#00eaff;box-shadow:0 0 8px #00eaff8c}.sts-body{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;overflow:hidden;flex:1 1 auto;min-height:0}.sts-grid{order:2;background:#00000059;border:1px solid rgba(0,234,255,.22);border-radius:8px;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-auto-rows:64px;gap:6px;overflow-y:auto;align-content:start}.sts-detail{order:1;background:#00000059;border:1px solid rgba(0,234,255,.22);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:10px;min-height:360px}.sts-preview-wrap{flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#00eaff1a,#0000 70%);border:1px solid rgba(0,234,255,.22);border-radius:6px;padding:6px;align-self:center}#storage-preview{display:block;width:280px;height:280px;max-width:100%;background:#0000008c;border-radius:4px}.sts-info{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;min-height:0}.sts-info-name{font-family:"Press Start 2P",Courier New,monospace;font-size:12px;letter-spacing:1px;color:#fff;text-shadow:0 0 6px rgba(0,234,255,.4)}.sts-info-desc{font-size:12px;color:#b8f4ff;line-height:1.5}.sts-params{margin-top:6px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sts-param-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border:1px solid rgba(0,234,255,.22);background:#00eaff0d;border-radius:3px;font-size:11px}.sts-param-label{font-family:"Press Start 2P",Courier New,monospace;font-size:9px;letter-spacing:1px;color:#b8f4ff}.sts-param-value{font-weight:700;color:#fff;font-size:12px}.sts-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(140,150,200,.32);background:#ffffff08;border-radius:4px;cursor:pointer;user-select:none;transition:background .12s ease,transform .08s ease,border-color .12s ease;font-family:Courier New,monospace;padding:4px}.sts-cell:hover{background:#ffffff1a}.sts-cell:active{transform:scale(.96)}.sts-cell.is-selected{border-color:#00eaff;background:#00eaff2e;box-shadow:0 0 8px #00eaff8c}.sts-cell.is-locked{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.sts-cell-label{font-family:"Press Start 2P",Courier New,monospace;font-size:9px;letter-spacing:.5px;color:inherit;text-align:center;line-height:1.1}.sts-cell-count{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;color:#fff;background:#0009;padding:0 4px;border-radius:2px}.sts-cell-lock{font-size:16px;color:#aaa}.sts-grid-empty{grid-column:1 / -1;text-align:center;font-style:italic;color:#6c7396;padding:24px 8px;font-size:12px}.sts-hint{margin-top:12px;padding-top:8px;border-top:1px dashed rgba(0,234,255,.28);text-align:center;font-size:11px;color:#b8f4ff}.sts-hint .kbd{display:inline-block;min-width:22px;padding:2px 6px;margin:0 2px;text-align:center;font-family:Courier New,monospace;font-size:11px;font-weight:700;background:#1e1b4b;color:#fff;border:1px solid #7c7afc;border-radius:3px;box-shadow:0 1px #4c1d95}@media (pointer: coarse),(max-width: 768px){.sts-box{padding:14px 14px 12px}.sts-title{font-size:13px;letter-spacing:2px}.sts-body{grid-template-columns:1fr;gap:10px}.sts-detail{min-height:auto}#storage-preview{width:220px;height:220px}.sts-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));grid-auto-rows:56px}}#hud-mobile-header,#mobile-menu-toggle,#mobile-menu,#mobile-actions,#mobile-touch-area{display:none}@media (pointer: coarse),(max-width: 768px){#hud,#hud-objective,#hud-floor,#hud-equip,#hud-skills,#hud-combo,#hud-stamina,#skill-slots,#action-buttons,.hud-inventory,#joystick-container,#settings-toggle{display:none!important}#hud-mobile-header{display:flex;position:fixed;top:0;left:0;right:0;z-index:25;height:40px;padding:4px 8px;align-items:center;gap:6px;background:linear-gradient(180deg,#05050feb,#05050fc7);border-bottom:1px solid rgba(0,234,255,.45);box-shadow:0 2px 12px #00eaff40;pointer-events:none;font-family:Courier New,monospace}#hud-mobile-header .mh-bar{position:relative;flex:1;height:14px;border-radius:2px;background:#0000008c;border:1px solid rgba(255,255,255,.18);overflow:hidden}#hud-mobile-header .mh-fill{position:absolute;inset:0;width:100%;transform-origin:left center;transition:width .18s ease-out}#hud-mobile-header .mh-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.5px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.95)}#hud-mobile-header .mh-hp .mh-fill{background:linear-gradient(90deg,#f24,#f56 60%,#f89)}#hud-mobile-header .mh-mp .mh-fill{background:linear-gradient(90deg,#1a4dcc,#47f 60%,#8af)}#hud-mobile-header .mh-exp .mh-fill{background:linear-gradient(90deg,#f80,#fa3 60%,#fc6)}#hud-mobile-header .mh-score{flex:0 0 auto;min-width:60px;padding:0 6px;font-size:12px;font-weight:700;letter-spacing:1px;color:#ffd84d;text-align:right;text-shadow:0 0 6px rgba(255,216,77,.6)}#hud-objective{display:none!important}#mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;position:fixed;top:48px;right:8px;z-index:35;width:44px;height:44px;padding:0;border-radius:8px;border:2px solid #00eaff;background:#05050fc7;color:#00eaff;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 0 12px #00eaff73,inset 0 0 8px #00eaff33;touch-action:manipulation}#mobile-menu-toggle .mm-bar{display:block;width:22px;height:2px;background:#00eaff;border-radius:2px;box-shadow:0 0 6px #00eaffb3}#mobile-menu-toggle:active{transform:scale(.94)}#mobile-menu{display:block;position:fixed;inset:0;z-index:80;pointer-events:none}#mobile-menu[aria-hidden=false]{pointer-events:auto}#mobile-menu .mm-backdrop{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .18s ease-out}#mobile-menu[aria-hidden=false] .mm-backdrop{opacity:1}#mobile-menu .mm-sheet{position:absolute;left:0;right:0;bottom:0;max-height:78vh;overflow-y:auto;padding:14px 14px 24px;background:linear-gradient(180deg,#0a0c16fa,#05050ffa);border-top:2px solid #00eaff;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px #00eaff59;transform:translateY(100%);transition:transform .22s ease-out}#mobile-menu[aria-hidden=false] .mm-sheet{transform:translateY(0)}#mobile-menu .mm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,234,255,.35)}#mobile-menu .mm-title{font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:3px;color:#00eaff;text-shadow:0 0 6px rgba(0,234,255,.55)}#mobile-menu .mm-close{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#00000080;color:#fff;font-size:22px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}#mobile-menu .mm-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}#mobile-menu .mm-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;border-radius:8px;border:2px solid rgba(0,234,255,.5);background:#00eaff14;color:#b8f4ff;font-family:Courier New,monospace;font-size:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#mobile-menu .mm-action:active{transform:scale(.96)}#mobile-menu .mm-action-icon{font-size:22px;line-height:1;color:#00eaff;text-shadow:0 0 6px rgba(0,234,255,.6)}#mobile-menu .mm-action-label{font-weight:700;letter-spacing:1px}#mobile-menu .mm-action-set{border-color:#ffcc008c}#mobile-menu .mm-action-set .mm-action-icon{color:#fc0;text-shadow:0 0 6px rgba(255,204,0,.6)}#mobile-menu .mm-action-codex{border-color:#ff00c88c}#mobile-menu .mm-action-codex .mm-action-icon{color:#ff00c8;text-shadow:0 0 6px rgba(255,0,200,.6)}#mobile-menu .mm-info{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 10px;margin-bottom:12px;padding:8px 10px;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:Courier New,monospace;font-size:11px}#mobile-menu .mm-info-row{display:flex;justify-content:space-between;gap:6px}#mobile-menu .mm-info-label{color:#7a9eaf;letter-spacing:1px}#mobile-menu .mm-info-value{color:#e6faff;font-weight:700;text-align:right}#mobile-menu .mm-section{margin-top:10px;padding:8px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:4px}#mobile-menu .mm-section-title{font-family:Courier New,monospace;font-size:10px;font-weight:700;letter-spacing:2px;color:#00eaff;margin-bottom:6px;opacity:.85}#mobile-menu .mm-info-equip,#mobile-menu .mm-codex-summary{font-family:Courier New,monospace;font-size:11px;line-height:1.5;color:#b8f4ff;word-break:break-word}#mobile-menu .mm-codex-summary .codex-pill{display:inline-block;margin:1px 3px 1px 0;padding:1px 6px;background:#ff00c82e;border:1px solid rgba(255,0,200,.45);border-radius:3px;font-size:10px;color:#ffb3e6}#mobile-actions{display:grid;grid-template-rows:repeat(2,auto);gap:8px;position:fixed;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 60px);z-index:30;user-select:none;-webkit-user-select:none;touch-action:none}#result-startfloor-row{margin:8px 0}.result-startfloor-controls{display:flex;align-items:center;justify-content:center;gap:12px}.result-startfloor-val{min-width:80px;text-align:center;font-family:"Press Start 2P",monospace;font-size:16px;color:#ffd84d;text-shadow:0 0 8px rgba(255,216,77,.6)}#mobile-actions .ma-row{display:grid;grid-template-columns:repeat(3,64px);gap:8px}#mobile-actions .ma-btn{position:relative;width:64px;height:64px;padding:0;border-radius:12px;border:2px solid;background:#05050fb3;font-family:Courier New,monospace;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .06s ease-out,box-shadow .08s,background .08s;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}#mobile-actions .ma-btn:active{transform:scale(.92)}#mobile-actions .ma-key{font-size:10px;font-weight:700;letter-spacing:1px;opacity:.9}#mobile-actions .ma-label{font-size:12px;font-weight:700;letter-spacing:1px}#mobile-actions .ma-physical{border-color:#f57;background:#ff336638;box-shadow:0 0 10px #ff336680,inset 0 0 8px #ff33664d;color:#f89}#mobile-actions .ma-magic{border-color:#00eaff;background:#00eaff2e;box-shadow:0 0 10px #00eaff80,inset 0 0 8px #00eaff4d;color:#b8f4ff}#mobile-actions .ma-heal{border-color:#4f8;background:#44ff882e;box-shadow:0 0 10px #44ff8880,inset 0 0 8px #44ff884d;color:#afc}#mobile-actions .ma-attack{border-color:#ffd84d;background:#ffd84d38;box-shadow:0 0 10px #ffd84d80,inset 0 0 8px #ffd84d4d;color:#ffe88a}#mobile-actions .ma-dodge{border-color:#f80;background:#ff880038;box-shadow:0 0 10px #ff880080,inset 0 0 8px #ff88004d;color:#fa5}#mobile-actions .ma-buff{border-color:#ff00c8;background:#ff00c82e;box-shadow:0 0 10px #ff00c880,inset 0 0 8px #ff00c84d;color:#ffaade}#mobile-actions .ma-arrow-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:18px;padding:0 4px;border-radius:9px;background:#000000d9;border:1px solid #00eaff;font-size:10px;font-weight:700;line-height:16px;color:#fff;text-align:center;pointer-events:none;box-shadow:0 0 6px #00eaff80}#mobile-actions .ma-arrow-count.empty{color:#f57;border-color:#f36;box-shadow:0 0 6px #ff3366b3}#mobile-touch-area{display:block;position:fixed;top:0;left:0;width:50vw;height:100vh;z-index:5;background:transparent;touch-action:none;-webkit-tap-highlight-color:transparent;pointer-events:auto}#joystick-container.mobile-touch-active{display:block!important;position:fixed!important;z-index:6!important;pointer-events:none}#joystick-container.mobile-touch-active #joystick-base{width:100px;height:100px;background:radial-gradient(circle at 50% 50%,#001e3266,#05050f66);border-color:#00eaffb3;box-shadow:0 0 12px #00eaff66,inset 0 0 10px #00eaff33}#joystick-container.mobile-touch-active #joystick-knob{width:44px;height:44px}}