:root{--font-arcade: "Press Start 2P", monospace;--font-main: "Rubik", -apple-system, BlinkMacSystemFont, sans-serif;--bg-dark: #0c0d14;--panel-bg: rgba(18, 20, 32, .88);--panel-border: rgba(255, 255, 255, .15);--p1-cyan: #00f0ff;--p1-cyan-glow: rgba(0, 240, 255, .4);--p2-pink: #ff0077;--p2-pink-glow: rgba(255, 0, 119, .4);--gold: #ffcc00;--gold-glow: rgba(255, 204, 0, .4);--danger-red: #ff3344;--boss-purple: #a855f7;--success-green: #00ff88}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:var(--font-main);color:#fff}.page-layout{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 12px;gap:8px;overflow:hidden}#app{position:relative;width:1280px;height:720px;max-width:100%;max-height:calc(100vh - 64px);aspect-ratio:16 / 9;background:#000;box-shadow:0 0 50px #000000e6,0 0 30px var(--p1-cyan-glow);border:2px solid #22263a;overflow:hidden;flex-shrink:1}.game-footer{width:100%;max-width:1280px;display:flex;justify-content:center;align-items:center;flex-shrink:0;z-index:10;padding:2px 8px}.footer-links-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;width:100%}.creator-card{display:inline-flex;align-items:center;gap:10px;padding:4px 12px;border-radius:12px;background:#0d111beb;border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 14px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s ease}.creator-p1{border-color:#00f0ff59;box-shadow:0 4px 14px #00000080,0 0 10px #00f0ff1a}.creator-p1:hover{border-color:var(--p1-cyan);box-shadow:0 4px 18px #000000a6,0 0 14px #00f0ff47}.creator-p2{border-color:#ff007759;box-shadow:0 4px 14px #00000080,0 0 10px #ff00771a}.creator-p2:hover{border-color:var(--p2-pink);box-shadow:0 4px 18px #000000a6,0 0 14px #ff007747}.creator-header{display:inline-flex;align-items:center;gap:6px}.creator-badge{font-family:var(--font-arcade);font-size:9px;line-height:1;padding:3px 5px;border-radius:4px;font-weight:700;letter-spacing:.5px}.p1-badge{background:#00f0ff29;color:var(--p1-cyan);border:1px solid rgba(0,240,255,.45)}.p2-badge{background:#ff007729;color:var(--p2-pink);border:1px solid rgba(255,0,119,.45)}.creator-title{font-family:var(--font-main);font-size:11px;font-weight:700;letter-spacing:.5px;color:#e2e8f0;white-space:nowrap}.creator-actions{display:inline-flex;align-items:center;gap:6px}.social-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:7px;font-family:var(--font-main);font-size:11px;font-weight:600;text-decoration:none;color:#cbd5e1;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.social-btn:hover{transform:translateY(-1px)}.footer-icon{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease,fill .2s ease}.boosty-btn{background:linear-gradient(135deg,#f15f2c33,#f7931e40);border:1px solid rgba(241,95,44,.45);color:#ffaa80;box-shadow:0 2px 6px #f15f2c26}.boosty-btn .boosty-icon{fill:#ff6b35}.boosty-btn:hover{background:linear-gradient(135deg,#f15f2c61,#f7931e73);border-color:#ff7e47;color:#fff;box-shadow:0 3px 12px #f15f2c73}.boosty-btn:hover .boosty-icon{fill:#ffd1b3;transform:scale(1.15)}.tg-btn.p1-tg{background:#00a8ff1f;border:1px solid rgba(0,240,255,.35);color:#7de8ff}.tg-btn.p1-tg .tg-icon{fill:#38bdf8}.tg-btn.p1-tg:hover{background:#00f0ff3d;border-color:var(--p1-cyan);color:#fff;box-shadow:0 3px 12px #00f0ff59}.tg-btn.p1-tg:hover .tg-icon{fill:#fff;transform:scale(1.15) rotate(-6deg)}.tg-btn.p2-tg{background:#ff00771f;border:1px solid rgba(255,0,119,.35);color:#ffa3cb}.tg-btn.p2-tg .tg-icon{fill:#f6a}.tg-btn.p2-tg:hover{background:#ff00773d;border-color:var(--p2-pink);color:#fff;box-shadow:0 3px 12px #ff007759}.tg-btn.p2-tg:hover .tg-icon{fill:#fff;transform:scale(1.15) rotate(-6deg)}.insta-btn{background:linear-gradient(135deg,#f094331f,#e1306c2e,#833ab429);border:1px solid rgba(225,48,108,.4);color:#ffb3d1;box-shadow:0 2px 6px #e1306c26}.insta-btn .insta-icon{fill:#e1306c}.insta-btn:hover{background:linear-gradient(135deg,#f0943347,#e1306c6b,#833ab461);border-color:#ff529a;color:#fff;box-shadow:0 3px 12px #e1306c73}.insta-btn:hover .insta-icon{fill:#fff;transform:scale(1.15) rotate(4deg)}.footer-center-block{display:flex;align-items:center}.game-tg-btn{background:#121826e6;border:1px solid rgba(255,204,0,.35);color:#e2e8f0;padding:4px 12px;border-radius:12px;box-shadow:0 2px 8px #0006}.game-tg-btn .tg-icon{fill:#facc15}.game-tg-btn:hover{border-color:var(--gold);color:#fff;box-shadow:0 3px 14px #ffcc0059}.game-tg-btn:hover .tg-icon{fill:#fff;transform:scale(1.15) rotate(-6deg)}.game-tg-text strong{color:var(--gold);font-weight:700}#game-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#game-container canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:crisp-edges}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.game-version-tag{position:absolute;bottom:8px;left:12px;font-family:var(--font-arcade);font-size:9px;color:#ffffff73;letter-spacing:1px;pointer-events:none;z-index:45;text-shadow:0 1px 3px rgba(0,0,0,.95);-webkit-user-select:none;user-select:none}.hidden{display:none!important}.hud-layer{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;background:linear-gradient(180deg,#000000bf,#0000);text-shadow:0 2px 4px rgba(0,0,0,.8)}.player-hud{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#0f172af5,#0a0f1dfa);padding:8px 14px;border-radius:12px;border:1.5px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:310px;box-shadow:0 8px 24px #000000b3}.p1-hud{border-left:4px solid var(--p1-cyan);box-shadow:0 8px 25px #000000b3,0 0 14px var(--p1-cyan-glow)}.p2-hud{border-right:4px solid var(--p2-pink);box-shadow:0 8px 25px #000000b3,0 0 14px var(--p2-pink-glow)}.hud-avatar{position:relative;width:48px;height:48px;border-radius:8px;background-size:cover;background-position:center;border:2px solid #fff;flex-shrink:0;box-shadow:0 4px 10px #0009;image-rendering:pixelated}.p1-avatar{background-image:url(/assets/sprites/common/portrait_shirokov.png);border-color:var(--p1-cyan);box-shadow:0 0 12px var(--p1-cyan-glow)}.p2-avatar{background-image:url(/assets/sprites/common/portrait_kolybelkin.png);border-color:var(--p2-pink);box-shadow:0 0 12px var(--p2-pink-glow)}.avatar-tag{position:absolute;bottom:-4px;right:-4px;font-family:var(--font-arcade);font-size:8px;font-weight:700;padding:1px 4px;border-radius:4px;background:#020617;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #000c}.hud-stats{display:flex;flex-direction:column;gap:5px;flex-grow:1}.hud-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1px}.character-name{font-family:var(--font-arcade);font-size:11px;letter-spacing:.8px}.p1-hud .character-name{color:var(--p1-cyan);text-shadow:0 0 8px rgba(0,240,255,.5)}.p2-hud .character-name{color:var(--p2-pink);text-shadow:0 0 8px rgba(255,0,119,.5)}.equip-badge{font-family:Rubik,sans-serif;font-size:11px;font-weight:700;background:#1e293be6;padding:2px 8px;border-radius:6px;border:1px solid rgba(250,204,21,.35);color:var(--gold);text-shadow:0 1px 2px #000;display:inline-flex;align-items:center;gap:4px}.bar-container{position:relative;width:100%;background:#060913;border:1.5px solid #1e293b;border-radius:5px;overflow:hidden;box-shadow:inset 0 2px 4px #000000e6}.bar-container.hp-bar{height:20px;border:2px solid #334155;border-radius:6px;padding:1.5px;background:linear-gradient(180deg,#111827,#030712);box-shadow:inset 0 2px 5px #000000f2,0 2px 6px #0006}.hp-fill{height:100%;border-radius:3px;transition:width .2s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#fde047,#eab308 45%,#ca8a04);box-shadow:0 0 10px #eab30866,inset 0 1px 1px #ffffffb3;position:relative}.hp-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(180deg,#ffffff80,#fff0);border-radius:3px 3px 0 0}.hp-fill.hp-mid{background:linear-gradient(180deg,#fdba74,#f97316 45%,#c2410c);box-shadow:0 0 10px #f9731680,inset 0 1px 1px #ffffffb3}.hp-fill.hp-low{background:linear-gradient(180deg,#fca5a5,#ef4444 45%,#991b1b);box-shadow:0 0 12px #ef4444cc,inset 0 1px 1px #fffc;animation:hpPulseDanger .5s infinite alternate}@keyframes hpPulseDanger{0%{opacity:.85;filter:brightness(1)}to{opacity:1;filter:brightness(1.3)}}.bar-container.super-bar{height:13px;border:1.5px solid #1e293b;border-radius:4px;padding:1px}.bar-fill{height:100%;transition:width .15s ease-out}.p1-hud .super-fill{background:linear-gradient(180deg,#38bdf8,#0284c7,#0369a1);border-radius:2px;box-shadow:0 0 8px #0284c799}.p2-hud .super-fill{background:linear-gradient(180deg,#f472b6,#db2777,#9d174d);border-radius:2px;box-shadow:0 0 8px #db277799}.bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-arcade);font-size:8px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 2px 4px rgba(0,0,0,.95);letter-spacing:.5px;pointer-events:none;z-index:5;white-space:nowrap}.super-bar .bar-text{font-size:7px;letter-spacing:.8px}.center-hud{display:flex;flex-direction:column;align-items:center;gap:4px}.stage-badge{font-family:var(--font-arcade);font-size:11px;color:var(--gold);background:#000000b3;padding:6px 14px;border-radius:6px;border:1px solid rgba(255,204,0,.3);letter-spacing:1px}.applause-counter{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#1e293b,#090d16);border:2px solid #f59e0b;border-radius:999px;padding:4px 14px 4px 6px;box-shadow:0 4px 12px #000c,0 0 10px #f59e0b40;font-family:var(--font-arcade);-webkit-user-select:none;user-select:none}.applause-badge-icon{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#facc15,#b45309);border:1.5px solid #fef08a;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 0 8px #facc1580;flex-shrink:0}.applause-badge-content{display:flex;align-items:baseline;gap:6px}.applause-counter span#hud-score{font-size:13px;color:#fef08a;text-shadow:0 0 8px rgba(250,204,21,.8),1px 1px 0 #000;letter-spacing:.5px}.applause-label{font-size:9px;color:#94a3b8;letter-spacing:1px}.btn-pause-hud{font-family:var(--font-arcade);font-size:10px;color:#00f0ff;background:#0f172ad9;border:1px solid rgba(0,240,255,.4);padding:4px 10px;border-radius:4px;cursor:pointer;pointer-events:auto;transition:all .2s ease}.btn-pause-hud:hover{background:#00f0ff;color:#020617;box-shadow:0 0 10px #00f0ff99;transform:scale(1.05)}.coop-combo{display:flex;align-items:center;gap:6px;animation:pulseCombo .4s infinite alternate}@keyframes pulseCombo{0%{transform:scale(1)}to{transform:scale(1.1)}}.combo-num{font-family:var(--font-arcade);font-size:14px;color:var(--gold);text-shadow:0 0 8px var(--gold)}.combo-text{font-size:11px;font-weight:900;color:#f36;letter-spacing:1px}.boss-hud-layer{position:absolute;top:75px;left:50%;transform:translate(-50%);width:620px;max-width:94vw;background:linear-gradient(180deg,#140a0ff5,#0a0408fa);padding:10px 16px 12px;border-radius:8px;border:2px solid #ef4444;box-shadow:0 0 25px #ef444473,0 8px 24px #000c,inset 0 1px 1px #ff64644d;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;max-height:280px;overflow-y:auto}.boss-hud-layer.multi-boss{width:660px;gap:8px;padding:8px 14px 10px}.boss-entry{display:flex;flex-direction:column;gap:5px;transition:opacity .3s ease,filter .3s ease}.boss-entry-card{display:flex;align-items:center;gap:12px;width:100%}.boss-avatar{width:48px;height:48px;border-radius:8px;border:2px solid #ef4444;box-shadow:0 0 14px #ef444473;background-color:#15090d;background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0;image-rendering:pixelated;transition:filter .3s ease,border-color .3s ease}.multi-boss .boss-avatar{width:40px;height:40px}.boss-entry.boss-defeated .boss-avatar{filter:grayscale(1) brightness(.6);border-color:#64748b;box-shadow:none}.boss-entry-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.boss-entry+.boss-entry{padding-top:6px;border-top:1px dashed rgba(239,68,68,.35)}.boss-entry.boss-defeated{opacity:.5;filter:grayscale(.85)}.boss-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.boss-title-left{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.boss-status{font-family:var(--font-arcade);font-size:9px;font-weight:800;letter-spacing:1px;color:#ef4444;text-shadow:0 0 6px rgba(239,68,68,.7);white-space:nowrap}.boss-entry.boss-defeated .boss-status{color:#9ca3af;text-shadow:none}.boss-warning{font-family:var(--font-arcade);font-size:11px;color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.8);white-space:nowrap;animation:hpPulseDanger .8s infinite alternate}.multi-boss .boss-warning{font-size:10px}.boss-name{font-family:var(--font-arcade);font-size:12px;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4),1px 1px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-boss .boss-name{font-size:11px}.boss-sub{font-family:Rubik,sans-serif;font-size:12px;color:#fca5a5;font-style:italic;white-space:nowrap;opacity:.9}.multi-boss .boss-sub{font-size:11px}.boss-hp-bar{position:relative;height:22px;background:linear-gradient(180deg,#180509,#0c0204);border:2px solid #ef4444;border-radius:6px;padding:2px;box-shadow:inset 0 2px 6px #000000f2,0 0 14px #ef44444d;overflow:hidden}.multi-boss .boss-hp-bar{height:19px}.boss-hp-fill{height:100%;border-radius:3px;background:linear-gradient(180deg,#ff6b6b,#ef4444 38%,#b91c1c 78%,#7f1d1d);box-shadow:0 0 14px #ef4444cc,inset 0 1px 1px #ffffffd9;transition:width .2s cubic-bezier(.4,0,.2,1);position:relative}.boss-hp-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:38%;background:linear-gradient(180deg,#fff9,#fff0);border-radius:3px 3px 0 0}.boss-hp-bar .bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-arcade);font-size:9px;font-weight:800;letter-spacing:1px;color:#fff;padding:2px 10px;border-radius:8px;background:#000000a6;border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px #000;box-shadow:0 2px 4px #000c;pointer-events:none;z-index:5;white-space:nowrap}.multi-boss .boss-hp-bar .bar-text{font-size:8px;padding:1px 8px}.dialogue-container{position:absolute;bottom:36px;left:50%;transform:translate(-50%);width:960px;max-width:94%;background:linear-gradient(180deg,#101424f5,#090b16fa);border:2px solid var(--portrait-accent, var(--gold));border-radius:14px;box-shadow:0 16px 48px #000000e6,0 0 24px var(--portrait-glow, rgba(234, 179, 8, .25)),inset 0 1px #ffffff1f;display:flex;flex-direction:column;padding:24px 34px 18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;cursor:pointer;z-index:50;animation:vnBoxSlideUp .22s ease-out;transition:border-color .25s ease,box-shadow .25s ease}@keyframes vnBoxSlideUp{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}.dialogue-portrait-wrapper{position:absolute;bottom:calc(100% - 8px);width:156px;height:156px;pointer-events:none;z-index:52;transition:left .25s cubic-bezier(.2,.8,.25,1),right .25s cubic-bezier(.2,.8,.25,1)}.dialogue-portrait-wrapper.side-left{left:36px;animation:vnPortraitPopLeft .26s cubic-bezier(.18,.89,.32,1.28)}.dialogue-portrait-wrapper.side-right{right:36px;animation:vnPortraitPopRight .26s cubic-bezier(.18,.89,.32,1.28)}@keyframes vnPortraitPopLeft{0%{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vnPortraitPopRight{0%{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.speaker-portrait{width:156px;height:156px;border-radius:16px 16px 4px 4px;border:3px solid var(--portrait-accent, #00f0ff);background-color:#121524;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 -8px 32px #000c,0 0 24px var(--portrait-glow, rgba(0, 240, 255, .45));image-rendering:pixelated;position:relative;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.speaker-portrait:after{content:"";position:absolute;bottom:0;left:0;right:0;height:26px;background:linear-gradient(to top,rgba(16,20,36,.9),transparent);pointer-events:none}.dialogue-nameplate{position:absolute;bottom:calc(100% - 2px);height:38px;padding:0 18px;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#141a30fa,#0a0d1afa);border:2px solid var(--portrait-accent, var(--gold));border-bottom:none;border-radius:10px 10px 0 0;box-shadow:0 -6px 20px #0009,0 0 16px var(--portrait-glow, rgba(234, 179, 8, .3));z-index:53;transition:all .25s ease}.dialogue-nameplate.side-left{left:206px;animation:vnNameplatePopLeft .25s ease-out}.dialogue-nameplate.side-right{right:206px;animation:vnNameplatePopRight .25s ease-out}@keyframes vnNameplatePopLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes vnNameplatePopRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.dialogue-speaker-badge{font-size:13px;color:var(--portrait-accent, var(--gold));text-shadow:0 0 8px var(--portrait-glow, var(--gold-glow))}.speaker-name{font-family:var(--font-arcade);font-size:13px;font-weight:900;letter-spacing:.06em;color:var(--portrait-accent, var(--gold));text-shadow:0 0 10px var(--portrait-glow, var(--gold-glow));text-transform:uppercase}.dialogue-content{width:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:80px;gap:12px}.dialogue-text{font-size:18px;line-height:1.55;color:#f8fafc;font-weight:500;letter-spacing:.015em;text-shadow:0 2px 4px rgba(0,0,0,.9);margin:0}.dialogue-prompt{font-family:var(--font-arcade);font-size:10px;color:var(--gold);align-self:flex-end;animation:blinkPrompt .8s infinite;letter-spacing:.05em;text-shadow:0 0 8px var(--gold-glow);margin-top:6px}@keyframes blinkPrompt{0%,to{opacity:1}50%{opacity:.3}}.controls-hint-bar{display:flex;justify-content:center;align-items:center;gap:18px;padding:8px 16px;background:#08090ed9;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#bbb}.ctrl-p1 strong{color:var(--p1-cyan)}.ctrl-p2 strong{color:var(--p2-pink)}.ctrl-divider{color:#444}.green-room-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0a0c16e0,#080a12f0),url(/assets/ui/bg_title_stage.png);background-size:cover;background-position:center;pointer-events:auto;padding:16px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;z-index:100;overflow-y:hidden}.green-room-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.15);padding-bottom:10px}.green-room-title{font-family:var(--font-arcade);font-size:18px;color:var(--gold);text-shadow:0 0 10px var(--gold-glow)}.mode-badge-readonly{font-family:var(--font-arcade);font-size:11px;padding:7px 14px;border-radius:6px;border:1px solid var(--panel-border);color:#fff;letter-spacing:.5px}.applause-bank{font-size:15px;font-weight:700;background:#ffcc0026;border:1px solid var(--gold);padding:5px 14px;border-radius:20px;color:var(--gold)}.green-room-debug-bar{display:flex;align-items:center;gap:8px;margin-left:4px}.btn-debug-reset-progress{font-family:var(--font-arcade);font-size:8px;background:#ef444426;border:1px solid #ef4444;color:#fca5a5;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px;letter-spacing:.5px}.btn-debug-reset-progress:hover{background:#ef444459;color:#fff;box-shadow:0 0 10px #ef444466}.btn-debug-reset-progress.confirming{background:#ef44448c;color:#fff;border-color:#f87171;box-shadow:0 0 14px #ef4444cc}.btn-debug-toggle-stages{font-family:var(--font-arcade);font-size:8px;background:#0ea5e926;border:1px solid #0ea5e9;color:#7dd3fc;padding:6px 9px;border-radius:6px;cursor:pointer;transition:all .15s ease;letter-spacing:.5px}.btn-debug-toggle-stages:hover{background:#0ea5e959;color:#fff;box-shadow:0 0 10px #0ea5e966}.btn-debug-add-applause{font-family:var(--font-arcade);font-size:8px;background:#eab30826;border:1px solid #eab308;color:#fde047;padding:6px 9px;border-radius:6px;cursor:pointer;transition:all .15s ease;letter-spacing:.5px}.btn-debug-add-applause:hover{background:#eab30859;color:#fff;box-shadow:0 0 10px #eab30866}.green-room-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex-grow:1;align-items:center}.roster-card{background:#161826e6;border:1px solid var(--panel-border);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 20px #00000080}.roster-card.p1-card{border-top:4px solid var(--p1-cyan)}.roster-card.p2-card{border-top:4px solid var(--p2-pink)}.roster-header{display:flex;justify-content:space-between;align-items:center}.roster-name{font-size:18px;font-weight:900;letter-spacing:.5px}.p1-card .roster-name{color:var(--p1-cyan)}.p2-card .roster-name{color:var(--p2-pink)}.roster-hp-badge{font-family:var(--font-arcade);font-size:10px;color:#cbd5e1;background:#0006;padding:4px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.roster-card-content{display:flex;gap:14px;align-items:center}.char-motion-row{display:flex;align-items:center;gap:8px}.char-nav-btn{background-color:transparent;background-image:url(/assets/ui/nav_arrow.png);background-position:center;background-repeat:no-repeat;background-size:34px 34px;border:none;color:transparent;font-size:0;width:36px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));-webkit-user-select:none;user-select:none}.char-nav-btn.char-nav-prev{transform:rotate(-90deg)}.char-nav-btn.char-nav-next{transform:rotate(90deg)}.char-nav-btn.char-nav-prev:hover{transform:scale(1.15) rotate(-90deg);filter:drop-shadow(0 0 10px #ffcc00) brightness(1.2)}.char-nav-btn.char-nav-next:hover{transform:scale(1.15) rotate(90deg);filter:drop-shadow(0 0 10px #ffcc00) brightness(1.2)}.char-nav-btn:active{transform:scale(.95)}.char-motion-block{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e293b,#0b0f19);border:2px solid rgba(255,255,255,.15);border-radius:8px;padding:4px;width:124px;min-width:124px;height:146px;position:relative;box-shadow:inset 0 0 16px #000c;overflow:hidden}.p1-card .char-motion-block{border-color:#00f0ff66;box-shadow:inset 0 0 16px #000c,0 0 10px #00f0ff26}.p2-card .char-motion-block{border-color:#f076;box-shadow:inset 0 0 16px #000c,0 0 10px #ff007726}.char-motion-sprite{image-rendering:pixelated;width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 6px 4px rgba(0,0,0,.7))}.stats-section{flex:1;display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;justify-content:space-between;align-items:center;background:#00000059;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.stat-label{font-size:11px;font-weight:700;color:#cbd5e1;width:140px}.stat-pips{display:flex;gap:4px;align-items:center}.stat-pip{width:12px;height:14px;border-radius:2px;background:#1e293b;border:1px solid #334155;transition:all .2s}.p1-card .stat-pip.filled{background:var(--p1-cyan);border-color:#67e8f9;box-shadow:0 0 6px var(--p1-cyan-glow)}.p2-card .stat-pip.filled{background:var(--p2-pink);border-color:#f472b6;box-shadow:0 0 6px var(--p2-pink-glow)}.btn-upgrade{background:#2a2d45;color:#fff;border:1px solid #444a6e;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s}.btn-upgrade:hover:not(:disabled){background:var(--gold);color:#000;border-color:var(--gold)}.btn-upgrade:disabled{opacity:.35;cursor:not-allowed}.equip-section{display:flex;flex-direction:column;gap:6px;background:#00000040;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.equip-section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#8f96b2}.equip-square-row{display:flex;gap:12px;align-items:center}.char-select-compact-container{display:flex;flex-direction:column;gap:12px;width:100%;max-width:1040px;margin:0 auto}.char-compact-topbar{display:flex;justify-content:space-between;align-items:center;background:#0e121ed9;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 14px}.char-compact-mode-info{font-family:var(--font-arcade);font-size:10px;color:#cbd5e1;letter-spacing:.5px}.badge-accent-1p{color:var(--p1-cyan);text-shadow:0 0 8px var(--p1-cyan-glow)}.badge-accent-2p{color:#fc0;text-shadow:0 0 8px var(--gold-glow)}.btn-compact-p2-toggle{display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:6px;font-family:var(--font-arcade);font-size:9px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn-compact-p2-toggle.active{background:#f073;border:1px solid var(--p2-pink);color:#fff;box-shadow:0 0 10px #ff007759}.btn-compact-p2-toggle.active:hover{background:#f076}.btn-compact-p2-toggle:not(.active){background:#1e293b;border:1px solid #475569;color:#94a3b8}.btn-compact-p2-toggle:not(.active):hover{background:#334155;color:#fff;border-color:#64748b}.btn-compact-p2-toggle .sub-key{font-size:8px;opacity:.8}.char-compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;align-items:stretch}.char-compact-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;background:#101422f2;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;box-shadow:0 4px 20px #0009;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-user-select:none;user-select:none}.char-compact-card.card-shirokov{border-top:4px solid var(--p1-cyan)}.char-compact-card.card-kolybelkin{border-top:4px solid var(--p2-pink)}.char-compact-card.card-kotelnikova{border-top:4px solid #f59e0b}.char-compact-card:not(.is-locked):hover{transform:translateY(-3px);border-color:#ffffff59}.char-compact-card.is-p1{box-shadow:0 0 18px #00f0ff4d,inset 0 0 12px #00f0ff14;border-color:var(--p1-cyan)}.char-compact-card.is-p2{box-shadow:0 0 18px #ff00774d,inset 0 0 12px #ff007714;border-color:var(--p2-pink)}.char-compact-card.is-p1.is-p2{box-shadow:0 0 20px #fc06,inset 0 0 12px #ffcc001a;border-color:#fc0}.char-compact-card.is-locked{cursor:not-allowed;border-top-color:#64748b;background:#0c0f18eb}.compact-card-header{display:flex;flex-direction:column;gap:4px}.compact-badges-row{display:flex;justify-content:space-between;align-items:center;gap:6px}.compact-status-pill{font-family:var(--font-arcade);font-size:8.5px;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.compact-status-pill.pill-p1{background:#00f0ff33;border:1px solid var(--p1-cyan);color:var(--p1-cyan);box-shadow:0 0 8px #00f0ff4d}.compact-status-pill.pill-p2{background:#f073;border:1px solid var(--p2-pink);color:var(--p2-pink);box-shadow:0 0 8px #ff00774d}.compact-status-pill.pill-both{background:#ffcc0040;border:1px solid #ffcc00;color:#fc0;box-shadow:0 0 8px #fc06}.compact-status-pill.pill-free{background:#94a3b81a;border:1px solid #475569;color:#94a3b8}.compact-status-pill.pill-locked{background:#64748b26;border:1px solid #64748b;color:#cbd5e1}.compact-hp-badge{font-family:var(--font-arcade);font-size:8.5px;color:#cbd5e1;background:#00000080;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.08)}.compact-hero-name{font-family:var(--font-arcade);font-size:13px;font-weight:700;margin-top:4px;letter-spacing:.5px}.card-shirokov .compact-hero-name{color:var(--p1-cyan);text-shadow:0 0 8px var(--p1-cyan-glow)}.card-kolybelkin .compact-hero-name{color:var(--p2-pink);text-shadow:0 0 8px var(--p2-pink-glow)}.card-kotelnikova .compact-hero-name{color:#f59e0b;text-shadow:0 0 8px rgba(245,158,11,.6)}.compact-hero-sub{font-size:11px;color:#94a3b8;font-family:Rubik,sans-serif}.compact-portrait-wrap{display:flex;justify-content:center;align-items:center;margin:4px 0}.compact-portrait-img{width:96px;height:96px;border-radius:8px;object-fit:contain;image-rendering:pixelated;background:radial-gradient(circle,#ffffff14,#00000080);border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 10px #00000080;transition:transform .2s ease,border-color .2s ease}.card-shirokov .compact-portrait-img{border-color:#00f0ff80}.card-kolybelkin .compact-portrait-img{border-color:#ff007780}.card-kotelnikova .compact-portrait-img{border-color:#f59e0b80}.char-compact-card:hover .compact-portrait-img{transform:scale(1.04)}.compact-equip-box{display:flex;align-items:center;gap:12px;background:#0a0d16a6;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px}.compact-equip-icon{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6))}.compact-equip-text{display:flex;flex-direction:column;gap:4px;min-width:0}.compact-equip-title{font-family:var(--font-arcade);font-size:10px;font-weight:700;letter-spacing:.5px}.card-shirokov .compact-equip-title{color:#38bdf8}.card-kolybelkin .compact-equip-title{color:#f472b6}.card-kotelnikova .compact-equip-title{color:#fbbf24}.compact-equip-desc{font-size:10.5px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-stats-box{display:flex;flex-direction:column;gap:4px;background:#0a0d16a6;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 8px}.compact-stat-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.compact-stat-label{font-family:var(--font-arcade);font-size:8px;color:#cbd5e1;width:66px;flex-shrink:0;letter-spacing:.4px}.compact-stat-pips{display:flex;gap:3px;align-items:center;flex:1}.compact-pip{width:10px;height:9px;border-radius:2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.06)}.compact-pip.filled.pip-shirokov{background:var(--p1-cyan);box-shadow:0 0 5px var(--p1-cyan)}.compact-pip.filled.pip-kolybelkin{background:var(--p2-pink);box-shadow:0 0 5px var(--p2-pink)}.compact-pip.filled.pip-kotelnikova{background:#f59e0b;box-shadow:0 0 5px #f59e0b}.btn-compact-upgrade{font-family:var(--font-arcade);font-size:7.5px;padding:2px 5px;border-radius:4px;border:1px solid var(--gold);background:#ffcc0026;color:var(--gold);cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-compact-upgrade:hover:not(:disabled){background:var(--gold);color:#000;box-shadow:0 0 8px var(--gold)}.btn-compact-upgrade:disabled{opacity:.35;cursor:not-allowed;border-color:#475569;color:#94a3b8;background:transparent}.compact-actions-box{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:2px}.btn-compact-select{font-family:var(--font-arcade);font-size:8.5px;padding:7px 4px;border-radius:6px;cursor:pointer;text-align:center;border:1px solid rgba(255,255,255,.15);transition:all .15s ease}.btn-compact-select.btn-p1{background:#00f0ff1a;color:#00f0ff;border-color:#00f0ff4d}.btn-compact-select.btn-p1:hover:not(:disabled){background:#00f0ff40;border-color:#00f0ff;color:#fff}.btn-compact-select.btn-p1.is-active{background:#00f0ff;color:#000;border-color:#00f0ff;font-weight:700;box-shadow:0 0 12px #00f0ff80}.btn-compact-select.btn-p2{background:#ff00771a;color:#f07;border-color:#ff00774d}.btn-compact-select.btn-p2:hover:not(:disabled){background:#ff007740;border-color:#f07;color:#fff}.btn-compact-select.btn-p2.is-active{background:#f07;color:#fff;border-color:#f07;font-weight:700;box-shadow:0 0 12px #ff007780}.btn-compact-select:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.8)}.compact-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#0a0d18e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;gap:8px;z-index:10;border:1px dashed rgba(245,158,11,.5)}.lock-glyph{font-size:30px;filter:drop-shadow(0 0 10px rgba(245,158,11,.8))}.lock-title{font-family:var(--font-arcade);font-size:9px;color:#f59e0b;letter-spacing:.5px}.lock-name{font-family:var(--font-arcade);font-size:12px;color:#fff;text-shadow:0 0 8px rgba(245,158,11,.8)}.lock-hint{font-size:11px;color:#94a3b8;line-height:1.35;max-width:200px}.stage-selector-container{grid-column:span 2;background:#0e101af2;border:2px solid rgba(0,240,255,.35);box-shadow:0 10px 30px #000000d9,inset 0 0 25px #00f0ff0d;border-radius:12px;padding:18px 24px;display:flex;flex-direction:column;gap:14px;max-width:1080px;margin:0 auto;width:100%}.stage-selector-header{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px}.stage-selector-title-badge{font-family:var(--font-arcade);font-size:15px;color:var(--gold);text-shadow:0 0 12px var(--gold-glow);letter-spacing:1.5px}.stage-selector-subtitle{font-family:Rubik,sans-serif;font-size:12px;color:#94a3b8}.stages-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:1200px){.stages-grid{grid-template-columns:repeat(3,1fr)}}.stage-card{background:#121422;border:2px solid #282c44;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0009}.stage-card.unlocked{cursor:pointer}.stage-card.unlocked:hover{border-color:#00f0ff;transform:translateY(-5px);box-shadow:0 10px 25px #00f0ff59}.stage-card.active-stage{border-color:#0f8;background:#00ff880a;box-shadow:0 0 20px #0f86,0 4px 12px #000c}.stage-card.locked{opacity:.55;cursor:not-allowed;filter:grayscale(.8)}.stage-thumb-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#090a12;border-bottom:2px solid rgba(255,255,255,.1)}.stage-thumb-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;transition:transform .3s ease}.stage-card.unlocked:hover .stage-thumb-img{transform:scale(1.08)}.stage-thumb-badge{position:absolute;top:6px;left:6px;font-family:var(--font-arcade);font-size:8px;background:#000c;color:#00f0ff;border:1px solid rgba(0,240,255,.5);padding:3px 6px;border-radius:3px;letter-spacing:.5px;pointer-events:none}.stage-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0c16d1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}.stage-lock-icon{width:38px;height:38px;image-rendering:pixelated;filter:drop-shadow(0 3px 6px rgba(0,0,0,.9))}.stage-lock-text{font-family:var(--font-arcade);font-size:8px;color:#f57;letter-spacing:1px}.stage-info-box{padding:12px 10px 14px;display:flex;flex-direction:column;gap:10px;flex-grow:1;justify-content:space-between;align-items:center;text-align:center}.stage-name{font-family:Rubik,sans-serif;font-size:14px;font-weight:800;color:#fff;line-height:1.25;text-shadow:0 2px 4px rgba(0,0,0,.8)}.stage-status-tag{font-family:var(--font-arcade);font-size:9px;text-align:center;width:100%;padding:6px 8px;border-radius:4px;letter-spacing:.5px;transition:all .15s ease}.stage-status-tag.active{background:#0f83;border:1px solid #00ff88;color:#0f8;text-shadow:0 0 6px rgba(0,255,136,.6)}.stage-status-tag.unlocked{background:#00f0ff1f;border:1px solid rgba(0,240,255,.4);color:#00f0ff}.stage-card.unlocked:hover .stage-status-tag.unlocked{background:#00f0ff;color:#0b0f19;font-weight:900}.stage-status-tag.locked{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#64748b}.green-room-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);width:100%}.btn-back-stage{font-family:var(--font-arcade);font-size:11px;padding:14px 22px;background:#1e2438;color:#94a3b8;border:1px solid #334155;border-radius:6px;cursor:pointer;transition:all .15s ease;letter-spacing:.5px}.btn-back-stage:hover{background:#334155;color:#fff;border-color:#00f0ff;box-shadow:0 0 12px #00f0ff4d}.btn-start-stage{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#e11d48,#be123c 60%,#881337);border:2px solid #ff4d6d;border-radius:8px;padding:10px 28px 10px 18px;cursor:pointer;box-shadow:0 4px #4c0519,0 8px 24px #e11d4873;transition:all .15s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-start-stage:hover{transform:translateY(-2px);border-color:#ff758f;box-shadow:0 6px #4c0519,0 12px 30px #e11d48b3;filter:brightness(1.1)}.btn-start-stage:active{transform:translateY(2px);box-shadow:0 2px #4c0519,0 4px 12px #e11d4880}.btn-start-arcade-icon{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8));flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.btn-start-stage:hover .btn-start-arcade-icon{transform:scale(1.12) rotate(-3deg)}.btn-start-stage:active .btn-start-arcade-icon{transform:scale(.92)}.btn-start-text-col{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}.btn-start-main-text{font-family:var(--font-arcade);font-size:14px;color:#fff;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,77,109,.6)}.btn-start-sub-text{font-family:Rubik,sans-serif;font-size:11px;font-weight:700;color:#fecdd3;letter-spacing:.5px;opacity:.95}.pause-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#050814e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;display:flex;align-items:center;justify-content:center;z-index:200}.pause-dialog{background:#0f172afa;border:3px solid #00f0ff;border-radius:12px;box-shadow:0 0 35px #00f0ff73,inset 0 0 20px #00f0ff1a;padding:32px 36px;width:580px;max-width:92%;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;animation:pausePop .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes pausePop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.pause-title{font-family:var(--font-arcade);font-size:28px;color:#00f0ff;text-shadow:0 0 14px rgba(0,240,255,.8),2px 2px 0 #000;margin:0;letter-spacing:2px}.pause-subtitle{font-family:Rubik,sans-serif;font-size:14px;font-weight:700;color:#cbd5e1;background:#1e293bcc;padding:8px 18px;border-radius:6px;border:1px solid rgba(203,213,225,.25);width:100%}.pause-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:6px}.pause-btn{font-family:var(--font-arcade);font-size:12px;color:#fff;border:none;border-radius:6px;padding:14px 20px;cursor:pointer;pointer-events:auto;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-shadow:1px 1px 0 #000;outline:none;-webkit-user-select:none;user-select:none}.pause-btn-resume{background:#059669;box-shadow:0 4px #047857}.pause-btn-resume:hover{background:#10b981;transform:translateY(-2px);box-shadow:0 6px 14px #10b98173}.pause-btn-retry{background:#e11d48;box-shadow:0 4px #be123c}.pause-btn-retry:hover{background:#f43f5e;transform:translateY(-2px);box-shadow:0 6px 14px #f43f5e73}.pause-btn-greenroom{background:#0284c7;box-shadow:0 4px #0369a1}.pause-btn-greenroom:hover{background:#38bdf8;transform:translateY(-2px);box-shadow:0 6px 14px #38bdf873}.pause-btn-menu{background:#334155;box-shadow:0 4px #1e293b}.pause-btn-menu:hover{background:#475569;transform:translateY(-2px);box-shadow:0 6px 14px #47556973}.pause-btn:active{transform:translateY(2px)!important;box-shadow:none!important}.pause-btn.keyboard-focused,.pause-btn:focus-visible{outline:3px solid #facc15!important;outline-offset:3px;transform:translateY(-2px) scale(1.03);box-shadow:0 0 16px #facc15b3,0 6px 14px #00000080!important}.pause-audio-row{display:flex;gap:10px;width:100%;margin-bottom:6px}.pause-audio-btn{flex:1;font-family:var(--font-arcade);font-size:11px;color:#fff;background:#1e293b;border:2px solid #334155;border-radius:6px;padding:10px 12px;cursor:pointer;pointer-events:auto;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-shadow:1px 1px 0 #000;box-shadow:0 3px #0f172a}.pause-audio-btn:hover{background:#334155;border-color:var(--color-cyan);transform:translateY(-2px);box-shadow:0 5px 12px #00f0ff40}.pause-audio-btn.muted{color:#94a3b8;background:#0f172a;border-color:#475569;opacity:.75}.pause-audio-btn:active{transform:translateY(2px);box-shadow:none}.btn-debug-hud{position:absolute;top:14px;left:16px;background:#0f172aeb;color:#38bdf8;border:2px solid #00f0ff;border-radius:6px;font-family:"Press Start 2P",monospace;font-size:10px;padding:8px 12px;cursor:pointer;pointer-events:auto;z-index:100;display:flex;align-items:center;gap:6px;box-shadow:0 0 15px #00f0ff59,inset 0 0 8px #00f0ff26;transition:all .15s ease;text-shadow:1px 1px 0 #000}.btn-debug-hud:hover{background:#0284c759;color:#fff;border-color:#facc15;box-shadow:0 0 25px #facc158c;transform:scale(1.05)}.debug-key-hint{color:#facc15;font-size:8px}.debug-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#040712eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;display:flex;align-items:center;justify-content:center;z-index:250;animation:debugFadeIn .2s ease}@keyframes debugFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.debug-dialog{background:#090e1c;border:3px solid #00f0ff;border-radius:12px;box-shadow:0 0 45px #00f0ff73,inset 0 0 25px #00f0ff1a;padding:24px 28px;width:860px;max-width:95%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;color:#e2e8f0}.debug-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(0,240,255,.25);padding-bottom:12px}.debug-title-row{display:flex;align-items:center;gap:12px}.debug-badge{background:#f05;color:#fff;font-family:"Press Start 2P",monospace;font-size:9px;padding:4px 8px;border-radius:4px;box-shadow:0 0 10px #f059}.debug-title{font-family:"Press Start 2P",monospace;font-size:16px;color:#facc15;text-shadow:2px 2px 0 #000,0 0 12px rgba(250,204,21,.5);margin:0}.debug-close-btn{background:transparent;border:2px solid #ef4444;color:#ef4444;font-family:"Press Start 2P",monospace;font-size:14px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.debug-close-btn:hover{background:#ef4444;color:#fff;box-shadow:0 0 16px #ef444499}.debug-stage-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.debug-stage-tab{background:#0f172ad9;border:2px solid #334155;border-radius:8px;padding:10px 8px;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:4px;transition:all .15s ease}.debug-stage-tab .tab-num{font-family:"Press Start 2P",monospace;font-size:9px;color:#38bdf8}.debug-stage-tab .tab-name{font-family:Rubik,sans-serif;font-size:11px;font-weight:700;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-stage-tab:hover{border-color:#00f0ff;background:#0284c733;transform:translateY(-2px)}.debug-stage-tab.active{border-color:#facc15;background:#facc1526;box-shadow:0 0 15px #facc1559}.debug-stage-tab.active .tab-name{color:#fff}.debug-stage-tab.current-stage{border-left:4px solid #00f0ff}.debug-section-container{background:#0f172ab3;border:2px solid rgba(0,240,255,.2);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px}.debug-section-header{display:flex;justify-content:space-between;align-items:center;font-family:Rubik,sans-serif;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.stage-info-title{font-family:"Press Start 2P",monospace;font-size:11px;color:#38bdf8}.stage-info-boss{font-size:12px;color:#fca5a5}.stage-info-boss strong{color:#f87171}.debug-sections-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.debug-loc-card{background:#0f172a;border:2px solid #334155;border-radius:8px;padding:12px 10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left;transition:all .15s ease;position:relative}.debug-loc-card:hover{border-color:#00f0ff;background:#1e293b;transform:translateY(-3px);box-shadow:0 6px 18px #00f0ff40}.debug-loc-card.active-loc{border-color:#4ade80;box-shadow:0 0 15px #4ade8066}.debug-loc-card.boss-card{border-color:#ef4444;background:#ef444414}.debug-loc-card.boss-card:hover{border-color:#f87171;box-shadow:0 6px 20px #ef444473}.loc-badge-row{display:flex;justify-content:space-between;align-items:center;font-family:"Press Start 2P",monospace;font-size:7px}.loc-number{color:#94a3b8}.loc-boss-badge{color:#ef4444;font-weight:700}.loc-current-badge{color:#4ade80}.loc-name{font-family:Rubik,sans-serif;font-size:12px;font-weight:700;color:#fff;min-height:28px}.loc-desc{font-family:Rubik,sans-serif;font-size:10px;color:#64748b;line-height:1.2}.loc-warp-prompt{font-family:"Press Start 2P",monospace;font-size:8px;color:#facc15;margin-top:6px;opacity:0;transition:opacity .15s ease}.debug-loc-card:hover .loc-warp-prompt{opacity:1}.debug-quick-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;border-top:2px solid rgba(0,240,255,.2);padding-top:14px}.debug-action-btn{background:#1e293b;color:#f8fafc;border:2px solid #475569;border-radius:6px;font-family:"Press Start 2P",monospace;font-size:9px;padding:8px 12px;cursor:pointer;transition:all .15s ease}.debug-action-btn:hover{background:#334155;border-color:#00f0ff;color:#00f0ff;transform:translateY(-2px)}.debug-action-btn.boss-action{border-color:#ef4444;color:#fca5a5}.debug-action-btn.boss-action:hover{background:#ef4444;color:#fff}.debug-action-btn.clear-action{border-color:#facc15;color:#fde047}.debug-action-btn.clear-action:hover{background:#facc15;color:#0f172a}.debug-action-btn.heal-action{border-color:#22c55e;color:#86efac}.debug-action-btn.heal-action:hover{background:#22c55e;color:#fff}.debug-hotkey-hints{font-family:"Press Start 2P",monospace;font-size:8px;color:#64748b;text-align:center;line-height:1.6}.debug-hotkey-hints strong{color:#38bdf8}.pause-btn-debug{background:#0284c7!important;border-color:#38bdf8!important;color:#fff!important}.pause-btn-debug:hover{background:#0369a1!important;box-shadow:0 0 20px #38bdf880!important}