: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}.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-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}.equip-square-btn{width:52px;height:52px;background:#0f172a;border:2px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:all .15s ease-in-out}.equip-square-btn:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 0 10px var(--gold-glow)}.equip-square-btn.selected{border-color:var(--gold);background:#ffcc0026;box-shadow:0 0 14px var(--gold-glow)}.equip-square-img{width:40px;height:40px;image-rendering:pixelated;object-fit:contain}.equip-active-desc{font-size:11px;color:#cbd5e1;line-height:1.3;font-weight:500}.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(5,1fr);gap:14px}.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}