*{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.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-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 .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)}}#hud-stamina{position:fixed;right:16px;bottom:96px;display:flex;flex-direction:row-reverse;gap:6px;z-index:25;pointer-events:none}#hud-stamina .stamina-dot{width:14px;height:14px;border-radius:50%;background:#1a1530;border:1px solid #444;box-shadow:inset 0 0 4px #0009;transition:background .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}#hud-stamina .stamina-dot.on{background:radial-gradient(circle at 35% 35%,#afc,#2bff8a 60%,#007a3a);border-color:#2bff8a;box-shadow:0 0 6px #2bff8ad9,inset 0 0 4px #fff6}#hud-stamina.stamina-blocked{animation:stamina-shake .28s ease-out}@keyframes stamina-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px);filter:drop-shadow(0 0 6px #ff4060)}50%{transform:translate(4px);filter:drop-shadow(0 0 6px #ff4060)}75%{transform:translate(-2px)}}@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-stamina{bottom:130px}#hud-stamina .stamina-dot{width:12px;height:12px}}#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}}