:root{--bg-dark:#070a12;--panel-bg:#0a0e18db;--cyan:#00e5ff;--blue:#06f;--pink:#ff2a85;--red:#ff1e38;--gold:#fc0;--green:#0f8;--text-main:#f4f8ff;--text-dim:#94a3b8;--font-title:"Black Han Sans", "Noto Sans KR", sans-serif;--font-body:"Noto Sans KR", sans-serif;--font-num:"Orbitron", "Black Han Sans", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background:var(--bg-dark);width:100%;height:100%;color:var(--text-main);font-family:var(--font-body);overflow:hidden}#canvas-container{z-index:1;position:fixed;inset:0}.hidden{display:none!important}.letterbox{z-index:25;pointer-events:none;background:#000;width:100%;height:0;transition:height .28s cubic-bezier(.16,1,.3,1);position:fixed;left:0}#letterbox-top{top:0}#letterbox-bottom{bottom:0}body.cinematic-active #letterbox-top,body.cinematic-active #letterbox-bottom{height:68px}#global-topbar{z-index:60;flex-wrap:wrap;gap:8px;display:flex;position:fixed;top:10px;right:16px}.top-pill{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1220e0;border:1px solid #00e5ff59;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.top-pill:hover{border-color:var(--cyan);background:#00e5ff2e;transform:translateY(-1px)}.top-pill.active{border-color:var(--cyan);color:#fff;background:linear-gradient(135deg,#00e5ff47,#0066ff59);box-shadow:0 0 12px #00e5ff59}.top-pill.danger-pill{background:#3c0c20d9;border-color:#ff2a858c}.top-pill.danger-pill:hover{background:#ff2a8559}.key-hint{color:var(--gold);margin-left:3px;font-size:11px}.screen-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 35%,#080c1852 0%,#050810e0 100%);flex-direction:column;justify-content:space-between;padding:14px 22px 16px;display:flex;position:fixed;inset:0}.select-header{justify-content:space-between;align-items:center;gap:14px;padding-right:490px;display:flex}.game-logo-badge{flex-direction:column;display:flex}.logo-sub{font-family:var(--font-num);letter-spacing:2.5px;color:var(--cyan);font-size:10px}.logo-title{font-family:var(--font-title);letter-spacing:1px;color:#fff;text-shadow:0 0 18px #00e5ff99,2px 3px #000;font-size:32px}.logo-title span{color:var(--pink);margin:0 2px}.mode-tabs{flex-wrap:wrap;gap:6px;display:flex}.mode-tab{color:#cbd5e1;cursor:pointer;background:#0f172ad9;border:1px solid #94a3b84d;border-radius:6px;padding:8px 13px;font-size:12.5px;font-weight:700;transition:all .15s;transform:skew(-10deg)}.mode-tab:hover{border-color:var(--cyan);color:#fff}.mode-tab.active{color:#040812;background:linear-gradient(135deg,#00d4ff,#05f);border-color:#fff;box-shadow:0 0 16px #00d4ff8c}.btn-instant-fight{color:#fff;font-family:var(--font-title);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff2a85,#ff6a00);border:2px solid #fff;border-radius:8px;padding:9px 18px;font-size:15px;animation:1.6s infinite alternate pulseGlow;transform:skew(-10deg);box-shadow:0 0 22px #ff2a85a6}.btn-instant-fight:hover{transform:skew(-10deg)scale(1.05)}@keyframes pulseGlow{0%{box-shadow:0 0 14px #ff2a8580}to{box-shadow:0 0 28px #ff6a00f2}}.select-body{flex:1;grid-template-columns:310px 1fr 310px;align-items:stretch;gap:18px;min-height:0;margin-top:10px;display:grid}.fighter-showcase{background:var(--panel-bg);border:1px solid #00e5ff59;border-radius:12px;flex-direction:column;justify-content:space-between;padding:12px;display:flex;box-shadow:0 12px 32px #000000a6}.p2-showcase{border-color:#ff2a8566}.player-tag{font-family:var(--font-num);border-radius:4px;justify-content:space-between;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:900;display:flex}.p1-tag{color:#030712;background:linear-gradient(90deg,#00d4ff,#00d4ff1a)}.p2-tag{color:#fff;background:linear-gradient(90deg,#ff2a85,#ff2a851a)}.portrait-frame{background:#0d1322;border:1px solid #ffffff2e;border-radius:8px;width:100%;height:235px;position:relative;overflow:hidden}.portrait-frame img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .35s}.fighter-showcase:hover .portrait-frame img{transform:scale(1.04)}.portrait-gradient{background:linear-gradient(#0000 0%,#06091233 45%,#060912f5 95%);position:absolute;inset:0}.portrait-titles{position:absolute;bottom:8px;left:10px;right:10px}.char-dept{color:var(--cyan);font-size:11px;font-weight:700}.char-name{font-family:var(--font-title);color:#fff;font-size:26px;line-height:1.1}.char-name small{font-family:var(--font-num);color:#94a3b8;margin-left:6px;font-size:11px}.char-title{color:var(--gold);font-size:12.5px;font-weight:700}.weapon-badge{border-left:3px solid var(--gold);color:#e2e8f0;background:#ffffff0f;border-radius:0 4px 4px 0;margin:8px 0;padding:6px 9px;font-size:11.5px}.stats-bars{flex-direction:column;gap:5px;display:flex}.stat-row{grid-template-columns:62px 1fr 28px;align-items:center;gap:6px;font-size:11px;display:grid}.stat-track{background:#ffffff1f;border-radius:3px;height:6px;overflow:hidden}.stat-fill{background:linear-gradient(90deg, var(--cyan), var(--pink));border-radius:3px;height:100%}.char-quote{color:#cbd5e1;background:#00000073;border-radius:6px;margin-top:8px;padding:7px 9px;font-size:11.5px;font-style:italic;line-height:1.35}.center-selector-panel{background:#090d18c7;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:space-between;padding:14px 18px;display:flex}.select-instruction{text-align:center;color:#e2e8f0;margin-bottom:8px;font-size:13px}.select-instruction strong{color:var(--cyan)}.select-instruction small{color:#94a3b8;margin-left:6px}.roster-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:10px;display:grid}.roster-slot{cursor:pointer;background:#111827;border:2px solid #fff3;border-radius:8px;height:155px;transition:all .16s;position:relative;overflow:hidden}.roster-slot img{object-fit:cover;object-position:center top;width:100%;height:100%}.roster-slot:hover{border-color:#fff;transform:translateY(-4px)}.roster-slot.selected-p1{border-color:var(--cyan);box-shadow:0 0 18px #00e5ffbf}.roster-slot.selected-p2{border-color:var(--pink);box-shadow:0 0 18px #ff2a85bf}.roster-slot.selected-p1.selected-p2{border-image:linear-gradient(90deg, var(--cyan), var(--pink)) 1}.slot-label{bottom:0;text-align:center;background:linear-gradient(#0000,#04070fa6,#04070ff2);padding:16px 6px 5px;position:absolute;inset-inline:0}.slot-name{font-family:var(--font-title);color:#fff;font-size:16px;display:block}.slot-role{color:var(--gold);font-size:10px;font-weight:700}.slot-badge-p1,.slot-badge-p2{font-family:var(--font-num);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:900;position:absolute;top:5px}.slot-badge-p1{background:var(--cyan);color:#000;left:5px}.slot-badge-p2{background:var(--pink);color:#fff;right:5px}.match-options-panel{background:#0006;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:1.35fr 1fr;gap:12px;padding:10px 12px;display:grid}.option-group label{color:var(--gold);margin-bottom:6px;font-size:11.5px;font-weight:900;display:block}.stage-pills,.diff-pills{flex-wrap:wrap;gap:6px;display:flex}.stage-pill,.diff-pill{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff29;border-radius:5px;flex:1;padding:6px 8px;font-size:11.5px;font-weight:700}.stage-pill.active,.diff-pill.active{border-color:var(--cyan);color:#fff;background:#00e5ff38}.stage-desc{color:#94a3b8;margin-top:5px;font-size:11px}.launch-Buttons-row{justify-content:center;margin-top:10px;display:flex}.btn-main-start{color:#fff;width:100%;font-family:var(--font-title);letter-spacing:1px;cursor:pointer;text-shadow:0 2px 6px #000c;background:linear-gradient(90deg,#00e5ff,#06f,#ff2a85);border:2px solid #fff;border-radius:8px;padding:12px 24px;font-size:21px;transition:transform .15s;box-shadow:0 6px 26px #00e5ff73}.btn-main-start:hover{transform:scale(1.015)}#screen-vs{background:radial-gradient(circle,#101830f0,#04060c);flex-direction:row;justify-content:space-between;align-items:center;padding:0 6%}.vs-panel{border:3px solid var(--cyan);border-radius:14px;width:38%;height:76%;position:relative;overflow:hidden;box-shadow:0 0 40px #00e5ff73}.vs-right{border-color:var(--pink);box-shadow:0 0 40px #ff2a8573}.vs-panel img{object-fit:cover;width:100%;height:100%}.vs-info{bottom:0;background:linear-gradient(#0000,#000000f2);padding:30px 24px 20px;position:absolute;inset-inline:0}.vs-dept{color:var(--cyan);font-size:13px;font-weight:700}.vs-info h2{font-family:var(--font-title);font-size:46px}.vs-info p{color:var(--gold);font-size:18px;font-weight:700}.vs-center-badge{text-align:center;z-index:2}.vs-text{font-family:var(--font-num);color:#fff;text-shadow:0 0 30px var(--pink), 4px 4px 0 #000;font-size:86px;font-style:italic;font-weight:900}.vs-stage{color:var(--cyan);margin-top:8px;font-size:15px;font-weight:700}.vs-arcade-badge{background:var(--gold);color:#000;border-radius:20px;margin-top:8px;padding:4px 12px;font-size:13px;font-weight:900;display:inline-block}.hud-overlay{z-index:20;pointer-events:none;flex-direction:column;justify-content:space-between;padding:46px 24px 14px;display:flex;position:fixed;inset:0}.hud-top{grid-template-columns:1fr 120px 1fr;align-items:start;gap:14px;display:grid}.fighter-hud{align-items:center;gap:12px;display:flex}.p2-hud{justify-content:flex-end}.hud-avatar-wrap{border:2px solid var(--cyan);background:#0f172a;border-radius:10px;flex-shrink:0;width:74px;height:74px;position:relative;overflow:hidden;box-shadow:0 0 16px #00e5ff73}.p2-hud .hud-avatar-wrap{border-color:var(--pink);box-shadow:0 0 16px #ff2a8573}.hud-avatar-wrap img{object-fit:cover;width:100%;height:100%}.rage-badge{bottom:0;color:#fff;text-align:center;background:#ff002b;padding:2px 0;font-size:9.5px;font-weight:900;animation:.35s infinite alternate ragePulse;position:absolute;inset-inline:0}@keyframes ragePulse{0%{background:#ff002b}to{background:#f90}}.hud-bars-col{flex-direction:column;flex:1;gap:5px;display:flex}.hud-name-row{align-items:center;gap:10px;display:flex}.p2-hud .hud-name-row{justify-content:flex-end}.hud-char-name{font-family:var(--font-title);color:#fff;text-shadow:2px 2px #000;font-size:22px}.hud-dept-tag{color:var(--gold);font-size:12px;font-weight:700}.round-orbs{gap:6px;margin-left:auto;display:flex}.p2-hud .round-orbs{margin-left:0;margin-right:auto}.orb{background:#ffffff26;border:2px solid #fff;border-radius:50%;width:14px;height:14px}.orb.won{background:var(--gold);box-shadow:0 0 10px var(--gold)}.hp-bar-outer{background:#0a0e18e0;border:2px solid #e2e8f0;height:26px;position:relative;overflow:hidden;transform:skew(-18deg);box-shadow:0 4px 16px #000000b3}.p2-bar-outer{transform:skew(18deg)}.hp-bar-recoverable{background:#ffffff8c;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.p2-bar-outer .hp-bar-recoverable,.p2-bar-outer .hp-bar-fill{left:auto;right:0}.hp-bar-fill{background:linear-gradient(90deg,#f90,#ffe600,#2f8);transition:width 80ms linear;position:absolute;top:0;bottom:0;left:0}.hp-bar-fill.rage-hp{background:linear-gradient(90deg,#f02,#f60);animation:.4s infinite alternate ragePulse}.heat-row{align-items:center;gap:8px;display:flex}.p2-heat-row{justify-content:flex-end}.heat-bar-outer{border:1px solid var(--cyan);background:#0f172ae6;width:210px;height:9px;overflow:hidden;transform:skew(-18deg)}.heat-bar-fill{height:100%;box-shadow:0 0 10px var(--cyan);background:linear-gradient(90deg,#06f,#0ff);transition:width .1s linear}.heat-status-text{font-family:var(--font-num);color:var(--cyan);font-size:10.5px;font-weight:900}.hud-center-timer{text-align:center;background:#080c16d9;border:2px solid #ffffff40;border-radius:10px;padding:4px 8px}.round-label{font-family:var(--font-num);color:var(--gold);font-size:11px;font-weight:900}.timer-digits{font-family:var(--font-num);color:#fff;text-shadow:0 0 14px #00e5ffb3;font-size:38px;font-weight:900;line-height:1}.mode-mini-tag{color:#94a3b8;letter-spacing:1px;font-size:9px}.caster-ticker-bar{background:#080d1ad9;border:1px solid #00e5ff66;border-radius:999px;align-self:center;align-items:center;gap:10px;margin-top:-6px;padding:5px 18px;font-size:13px;display:flex;box-shadow:0 4px 16px #00000080}.caster-badge{background:var(--red);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900}.combo-display{position:fixed;top:195px;transform:skew(-12deg)}.combo-left{left:32px}.combo-right{text-align:right;right:32px}.combo-num{font-family:var(--font-num);color:var(--gold);text-shadow:3px 3px #000,0 0 20px #fc0c;font-size:46px;font-weight:900;line-height:1}.combo-dmg{font-family:var(--font-num);color:#fff;border-left:3px solid var(--cyan);background:#000000b3;padding:2px 8px;font-size:15px;display:inline-block}.special-callout{text-align:center;z-index:28;animation:.18s cubic-bezier(.18,1.4,.4,1) popInCallout;position:fixed;top:265px;left:50%;transform:translate(-50%)skew(-10deg)}@keyframes popInCallout{0%{opacity:0;transform:translate(-50%)skew(-10deg)scale(.4)}to{opacity:1;transform:translate(-50%)skew(-10deg)scale(1)}}.callout-main{font-family:var(--font-title);color:#fff;text-shadow:0 0 24px var(--cyan), 4px 4px 0 #000;font-size:52px}.callout-sub{color:var(--gold);background:#000000d1;border-radius:4px;padding:3px 14px;font-size:14px;font-weight:700;display:inline-block}.center-splash{text-align:center;z-index:35;position:fixed;top:44%;left:50%;transform:translate(-50%,-50%)skew(-10deg)}.splash-main{font-family:var(--font-title);color:#fff;text-shadow:0 0 36px var(--pink), 5px 5px 0 #000;font-size:88px}.splash-sub{color:var(--gold);text-shadow:2px 2px #000;font-size:20px;font-weight:900}.rage-cinematic-banner{text-align:center;z-index:36;background:linear-gradient(90deg,#0000,#a0001ceb,#0000);padding:12px 60px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.rage-char-tag{font-family:var(--font-num);color:var(--gold);letter-spacing:3px;font-size:13px}.rage-quote-line{font-family:var(--font-title);color:#fff;text-shadow:2px 2px #000;font-size:32px}.hud-bottom-deck{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c16db;border:1px solid #ffffff29;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.controls-guide-box{flex-direction:column;gap:3px;display:flex}.guide-title{color:var(--cyan);font-size:11.5px;font-weight:900}.guide-keys{color:#cbd5e1;flex-wrap:wrap;gap:12px;font-size:11.5px;display:flex}.guide-keys b{color:var(--gold)}.quick-skill-buttons{flex-wrap:wrap;gap:6px;display:flex}.skill-btn{color:#fff;cursor:pointer;background:#141c30eb;border:1px solid #94a3b859;border-radius:6px;flex-direction:column;align-items:center;min-width:78px;padding:5px 9px;transition:all .12s;display:flex}.skill-btn:hover{border-color:var(--cyan);background:#00e5ff33;transform:translateY(-2px)}.skill-btn:active{transform:scale(.95)}.skill-key{font-family:var(--font-num);color:var(--gold);background:#ffffff24;border-radius:4px;margin-bottom:2px;padding:1px 6px;font-size:10.5px}.skill-name{font-size:11.5px;font-weight:900}.skill-btn small{color:#94a3b8;font-size:9.5px}.skill-btn.sig-btn{border-color:#00e5ff8c}.skill-btn.heat-btn{border-color:var(--cyan);background:#0078ff40}.skill-btn.rage-btn{border-color:var(--red);background:#b40a2859}.skill-btn.rage-btn.ready{box-shadow:0 0 16px var(--red);animation:.45s infinite alternate ragePulse}#screen-victory{background:#04070fd1;justify-content:center;align-items:center}.victory-card{border:2px solid var(--gold);text-align:center;background:#0c1222f5;border-radius:14px;width:min(640px,92vw);padding:28px;position:relative;box-shadow:0 20px 60px #000000d9}.victory-stamp{color:#f23;font-family:var(--font-title);border:4px solid #f23;margin-bottom:10px;padding:4px 16px;font-size:24px;display:inline-block;transform:rotate(-6deg)}.victory-card h2{font-family:var(--font-title);color:#fff;font-size:46px}.victory-sub{color:var(--cyan);margin-bottom:18px;font-size:16px}.victory-portrait-row{text-align:left;background:#00000073;border-radius:10px;align-items:center;gap:18px;margin-bottom:20px;padding:14px;display:flex}.victory-portrait-row img{object-fit:cover;border:2px solid var(--gold);border-radius:8px;width:110px;height:110px}.victory-portrait-row blockquote{color:#f1f5f9;font-size:15px;font-style:italic;line-height:1.45}.victory-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;padding:11px 18px;font-weight:700}.btn-secondary:hover{border-color:var(--cyan);background:#00e5ff33}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03060ed9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{border:1px solid var(--cyan);background:#0b1120;border-radius:12px;flex-direction:column;width:min(980px,94vw);max-height:84vh;display:flex;overflow:hidden}.modal-header{background:#111827;border-bottom:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-header h3{font-family:var(--font-title);color:var(--cyan);font-size:24px}.modal-sub{color:#94a3b8;font-size:12px}.modal-char-tabs{gap:6px;display:flex}.char-tab-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:700}.char-tab-btn.active{background:var(--cyan);color:#000}.btn-close-modal{color:#fff;border:1px solid var(--pink);cursor:pointer;background:#ff2a8540;border-radius:6px;padding:6px 12px;font-weight:700}.movelist-table-wrap{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:10px;padding:16px 20px;display:grid;overflow-y:auto}.move-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.move-card h4{color:#fff;margin-bottom:3px;font-size:15px}.move-cmd{font-family:var(--font-num);color:var(--gold);background:#ffcc001f;border-radius:4px;margin-right:6px;padding:2px 7px;font-size:12px}.move-meta{color:#94a3b8;margin-top:4px;font-size:11px}.badge-level{border-radius:3px;margin-right:4px;padding:1px 6px;font-size:10px;font-weight:900}.level-HIGH{color:#fff;background:#ef4444}.level-MID{color:#000;background:#eab308}.level-LOW{color:#fff;background:#3b82f6}.level-THROW{color:#fff;background:#a855f7}.btn-demo-move{color:#030712;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00e5ff,#06f);border:none;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:900}.btn-demo-move:hover{filter:brightness(1.15)}