*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}.char-grid.queue-locked{pointer-events:none;opacity:.68}.char-grid.queue-locked .char-slot{filter:saturate(.55)}html,body,#app{width:100%;height:100%;overflow:hidden;background-color:#03050c;font-family:Outfit,sans-serif;color:#fff}#renderCanvas{width:100%;height:100%;display:block;position:absolute;z-index:5}.damage-popups-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:18;overflow:hidden}.dmg-popup{position:absolute;font-weight:900;font-size:26px;font-style:italic;letter-spacing:-1px;text-shadow:0 0 10px rgba(0,0,0,.9),0 3px 6px rgba(0,0,0,.8);pointer-events:none;animation:floatPop .65s cubic-bezier(.18,.89,.32,1.28) forwards;transform-origin:center center}.dmg-popup.p1-hit{color:#f36;text-shadow:0 0 12px rgba(255,51,102,.8),0 4px 10px #000}.dmg-popup.p2-hit{color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.8),0 4px 10px #000}.dmg-popup.critical{color:#fbbf24;font-size:36px;text-shadow:0 0 18px rgba(251,191,36,.9),0 4px 12px #000}.dmg-popup.blocked{color:#94a3b8;font-size:20px}@keyframes floatPop{0%{transform:translate(-50%) scale(.4) rotate(-6deg);opacity:0}20%{transform:translate(-50%,-18px) scale(1.3) rotate(3deg);opacity:1}70%{transform:translate(-50%,-42px) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-60px) scale(.8);opacity:0}}.announcement-banner{position:absolute;top:15%;left:50%;transform:translate(-50%);font-size:clamp(28px,4vw,54px);font-weight:900;font-style:italic;color:#f05;text-shadow:0 0 20px rgba(255,0,85,.8),0 0 40px rgba(255,0,85,.4),0 4px 8px #000;letter-spacing:4px;z-index:22;pointer-events:none;animation:announceAnim .75s ease-out forwards}@keyframes announceAnim{0%{transform:translate(-50%,-30px) scale(1.8);opacity:0;filter:blur(8px)}20%{transform:translate(-50%) scale(1);opacity:1;filter:blur(0)}75%{transform:translate(-50%) scale(1.05);opacity:1}to{transform:translate(-50%,20px) scale(.9);opacity:0;filter:blur(4px)}}.hidden{display:none!important}.wallet-gate{z-index:1200;display:grid;place-items:center;padding:20px;background:linear-gradient(90deg,#23000cad,#03051257 48%,#001a3ead),url(/images/heroselection.png) center / cover no-repeat,#03040b}.wallet-card{position:relative;overflow:hidden;width:min(440px,calc(100vw - 32px));padding:34px 28px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:linear-gradient(110deg,#1f0311f7,#050712fa 48%,#02142df7);box-shadow:-18px 0 55px #ff005540,18px 0 55px #009dff40,0 22px 80px #000c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wallet-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f05,#ff2d78 45%,#f8fafc,#25b9ff 55%,#07f);box-shadow:0 0 18px #f05c,0 0 25px #009dffa6}.phantom-mark{font-size:54px;filter:drop-shadow(-6px 0 14px #ff0055) drop-shadow(6px 0 14px #009dff)}.wallet-card>small{color:#ff3b75;font-weight:900;letter-spacing:2px;text-shadow:0 0 12px rgba(255,0,85,.7)}.wallet-card h1{margin:8px 0;font-size:clamp(28px,7vw,46px);font-style:italic;background:linear-gradient(90deg,#ff2f6d,#fff 48%,#27bfff);-webkit-background-clip:text;background-clip:text;color:transparent}.wallet-card p{color:#cbd5e1;line-height:1.5}.wallet-connect-btn,.wallet-install-link{display:block;width:100%;box-sizing:border-box;margin-top:20px;padding:15px 18px;border:1px solid #ff8caf;border-radius:12px;color:#fff;background:linear-gradient(90deg,#f05,#d90049 52%,#075fc9);box-shadow:-8px 6px 25px #f056,8px 6px 25px #0077ff47;font:900 15px/1 Outfit,sans-serif;letter-spacing:1px;text-decoration:none;cursor:pointer}.wallet-connect-btn:hover{filter:brightness(1.18);transform:translateY(-1px)}.wallet-connect-btn.connected{background:linear-gradient(90deg,#f05,#07f);border-color:#7dd3fc}.wallet-connect-btn:disabled{opacity:.65;cursor:wait}.wallet-install-link{margin-top:10px;background:linear-gradient(90deg,#ff00552e,#0077ff2e);border-color:#7dd3fc99}.wallet-status{min-height:18px;margin-top:14px;color:#7dd3fc;font-size:12px;text-shadow:0 0 10px rgba(0,157,255,.5)}.profile-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}.stat-box{padding:7px 10px;border:1px solid rgba(125,211,252,.3);background:#030816b8;color:#cbd5e1;font-size:12px}.match-history-panel{max-width:720px;margin:6px auto 12px;padding:10px;border:1px solid rgba(255,0,85,.25);background:#030816a6;color:#cbd5e1}.match-history-panel>small{color:#7dd3fc;font-weight:900;letter-spacing:1.5px}.history-row{display:flex;justify-content:space-between;gap:14px;padding:7px 2px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.history-row small,.history-empty{color:#94a3b8}.main-menu{z-index:1100;display:flex;justify-content:center;align-items:center;padding:clamp(8px,2vh,20px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,#28000d99,#02051038,#001b419e),url(/images/heroselection.png) center / cover no-repeat}.main-menu-shell{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 16px);display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1.2vh,16px)}.menu-profile{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:0;border:1px solid rgba(125,211,252,.45);background:#030714e6;box-shadow:0 12px 35px #0000008c}.profile-avatar{font-size:24px;filter:drop-shadow(0 0 10px #38bdf8)}.menu-profile div:nth-child(2){flex:1;display:flex;flex-direction:column}.menu-profile small{color:#7dd3fc;font-size:8px;letter-spacing:1.5px}.menu-profile strong{color:#fff;font-size:13px}.menu-signout-btn{padding:7px 11px;border:1px solid #ff6b98;color:#fff;background:#ff00552e;font:900 10px Outfit;cursor:pointer}.menu-heading{text-align:center;color:#fff}.menu-heading small{color:#f43f72;font-weight:900;letter-spacing:2px;font-size:10px}.menu-heading h1{margin:2px 0 clamp(4px,1vh,14px);font-size:clamp(26px,6vw,54px);font-style:italic;line-height:1.05}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vw,16px)}.mode-card{min-height:clamp(76px,13vh,140px);padding:clamp(10px,1.8vh,18px);display:flex;align-items:center;gap:12px;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.3);cursor:pointer;font-family:Outfit;border-radius:6px}.mode-card>span{font-size:clamp(24px,4vw,36px);font-weight:900;opacity:.3}.mode-card div{flex:1;display:flex;flex-direction:column}.mode-card strong{font-size:clamp(16px,2.8vw,24px);font-style:italic}.mode-card small{color:#cbd5e1;font-size:11px}.mode-card b{font-size:9px;letter-spacing:1px}.classic-mode{background:linear-gradient(135deg,#ff0055d6,#370419f0);box-shadow:0 0 30px #ff005547}.classic-mode:hover{transform:translateY(-2px);filter:brightness(1.15)}.ranked-mode{background:linear-gradient(135deg,#0077ff6b,#020f27f0)}.practice-mode{background:linear-gradient(135deg,#5a2db470,#020f27f0)}.menu-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}.guide-open-btn{width:100%;padding:clamp(8px,1.2vh,12px);border:1px solid #38bdf8;color:#fff;background:#00193ce0;font:900 11px Outfit;letter-spacing:1px;cursor:pointer;border-radius:4px}.credits-open-btn{border-color:#ff4d82;background:#3c0016e0}.guide-overlay{z-index:1400;display:grid;place-items:center;padding:12px;background:#01030ae0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guide-panel{position:relative;width:min(820px,calc(100vw - 20px));max-height:calc(100vh - 24px);overflow-y:auto;padding:20px;color:#fff;border:1px solid #38bdf8;background:linear-gradient(120deg,#200511,#050914 50%,#031a36)}.guide-panel>small{color:#ff3b75;font-weight:900;letter-spacing:2px}.guide-panel h2{margin:4px 0 14px;font-size:24px;font-style:italic}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-grid section{padding:12px;border:1px solid rgba(255,255,255,.15);background:#00000059}.guide-grid h3{margin:0 0 8px;color:#38bdf8;font-size:13px}.guide-grid p{margin:5px 0;color:#dbeafe;font-size:11px}.guide-grid kbd{padding:2px 5px;border:1px solid #ff5d8e;border-radius:3px;background:#210713;color:#fff;font-size:10px}.guide-close-btn{position:absolute;top:8px;right:10px;border:0;color:#fff;background:transparent;font-size:28px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.credits-list{display:grid;gap:8px}.credits-list article{padding:10px 12px;border-left:3px solid #ff2f6d;background:#00000061}.credits-list article:nth-child(2n){border-left-color:#27bfff}.credits-list a{color:#7dd3fc;font-weight:900;text-decoration:none;font-size:12px}.credits-list a:hover{color:#fff;text-decoration:underline}.credits-list p{margin:3px 0 0;color:#cbd5e1;font-size:11px}.credits-list strong{color:#fff}.selection-menu-btn{position:absolute;top:clamp(8px,1.5vh,16px);left:clamp(8px,2vw,18px);z-index:35;padding:6px 12px;border:1px solid #ff4d82;color:#fff;background:#0a040fd9;font:900 10px Outfit;cursor:pointer;pointer-events:auto;border-radius:4px}@media(max-width:650px){.mode-grid{grid-template-columns:1fr;gap:8px}.guide-grid,.menu-secondary-actions{grid-template-columns:1fr}.mode-card{min-height:68px;padding:10px 14px}}.fight-hud{position:absolute;top:16px;left:clamp(12px,2vw,36px);right:clamp(12px,2vw,36px);display:flex;justify-content:space-between;align-items:center;gap:clamp(10px,1.5vw,24px);z-index:10;pointer-events:none}.fighter-bar{flex:1;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#282828f2,#0f0f0ff2);border:2px solid #555;border-bottom:4px solid #333;border-radius:4px;padding:6px 14px;box-shadow:0 10px 25px #000c,inset 0 2px 3px #ffffff26;transform:skew(-12deg)}.fighter-bar>*{transform:skew(12deg)}.p1{border-color:#666;box-shadow:-4px 0 20px #00000080,0 10px 30px #000c}.p2{border-color:#666;box-shadow:4px 0 20px #00000080,0 10px 30px #000c}.fighter-portrait{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 10px #ffffff1a;flex-shrink:0;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.p1-portrait{border-color:#f05;background:#ff005526;color:#f05;font-weight:900;font-size:13px}.p2-portrait{border-color:#f05;background:#00e5ff26;color:#f05;font-weight:900;font-size:13px}.bar-content{flex:1;display:flex;flex-direction:column;gap:5px}.fighter-bar .meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;letter-spacing:1.5px;color:#e2e8f0}.p1 .meta .name{color:#ff5277;text-shadow:0 0 8px rgba(255,82,119,.5)}.p2 .meta .name{color:#38bdf8;text-shadow:0 0 8px rgba(56,189,248,.5)}.hp-val{font-size:11px;font-weight:900;color:#fbbf24}.bar-bg{position:relative;height:22px;background:#1a0000;border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.9);box-shadow:inset 0 3px 6px #000000f2}.bar-fill{position:absolute;top:0;bottom:0;left:0;height:100%;border-radius:2px;transition:width .15s ease-out}.p1-fill,.p2-fill{background:linear-gradient(180deg,#fff0aa,#fa0 35%,#f50 75%,#c20);box-shadow:inset 0 -2px 6px #ffffff80,inset 0 2px 2px #ffffff4d,0 0 12px #ffaa00b3;z-index:2;border-right:2px solid rgba(255,255,255,.8)}.p1-lag-fill,.p2-lag-fill{background:#8b0000;transition:width .8s cubic-bezier(.25,1,.5,1);box-shadow:inset 0 -2px 5px #00000080;z-index:1}.fighter-bar.danger{animation:dangerPulse .8s infinite alternate}@keyframes dangerPulse{0%{border-color:#f006;box-shadow:0 0 10px #f006}to{border-color:red;box-shadow:0 0 25px #ff0000e6}}.center-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172af2,#1e293bf2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid #fbbf24;border-radius:12px;padding:6px 18px;min-width:78px;box-shadow:0 0 20px #fbbf2466,inset 0 0 10px #fbbf2433;transform:skew(-8deg)}.center-timer>*{transform:skew(8deg)}.vs-label{font-size:10px;font-weight:900;color:#f36;letter-spacing:2px}.center-timer strong{font-size:32px;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 12px rgba(255,255,255,.6)}.combo-banner{position:absolute;top:100px;left:clamp(20px,4vw,80px);font-weight:900;color:#fbbf24;font-style:italic;text-shadow:0 0 20px rgba(251,191,36,.8),0 4px 12px #000;z-index:20;padding:10px 22px;border-left:5px solid #ff0055;background:linear-gradient(90deg,rgba(255,0,85,.25),transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;animation:popBounce .25s cubic-bezier(.175,.885,.32,1.275)}.combo-banner small{display:block;color:#fff;font-size:11px;font-style:normal;letter-spacing:3px;margin-bottom:4px}.combo-banner #comboCount{font-size:42px;color:#f05;text-shadow:0 0 15px rgba(255,0,85,.9)}@keyframes popBounce{0%{transform:scale(.6) rotate(-5deg);opacity:0}80%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.impact-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.6),rgba(255,0,85,.2) 30%,transparent 70%)}.impact-flash.active{animation:impactFlash .18s ease-out}@keyframes impactFlash{0%{opacity:.9}to{opacity:0}}.control-hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:20;padding:6px 16px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:#080e1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:2px;pointer-events:none;box-shadow:0 4px 15px #00000080}.control-hint kbd{color:#f05;font:inherit}.touch-overlay{position:absolute;bottom:clamp(14px,2.5vh,28px);left:0;right:0;padding:0 clamp(16px,3vw,44px);display:flex;justify-content:space-between;align-items:flex-end;z-index:25}.dpad-container{display:flex;flex-direction:column;align-items:center;gap:8px}.dpad-mid{display:flex;gap:8px}.touch-btn{background:linear-gradient(135deg,#0f172ae6,#1e293be6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.25);color:#fff;font-weight:900;font-size:12px;border-radius:14px;cursor:pointer;touch-action:manipulation;box-shadow:0 8px 20px #0009,inset 0 1px 1px #ffffff4d;transition:transform .1s ease,filter .1s ease,box-shadow .1s ease}.touch-btn kbd{display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 4px;margin-right:4px;border:1px solid rgba(255,255,255,.4);border-bottom-width:2px;border-radius:4px;background:#0000004d;color:#fff;font:800 9px/1 Outfit,sans-serif}.btn-special kbd{min-width:36px;font-size:7px}.touch-btn:active{transform:scale(.92);filter:brightness(1.3);box-shadow:0 2px 10px #000c}.btn-up,.btn-left,.btn-right,.btn-roll{width:64px;height:58px}.actions-container{display:flex;flex-direction:column;gap:10px}.actions-top,.actions-bottom{display:flex;gap:10px}.action-btn{width:82px;height:60px;font-size:12px}.btn-punch{background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#fca5a5;box-shadow:0 6px 20px #ef444480}.btn-kick{background:linear-gradient(135deg,#f59e0b,#b45309);border-color:#fde68a;box-shadow:0 6px 20px #f59e0b80}.charge-attack-btn{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.charge-attack-btn small{font-size:7px;color:#dbeafe;letter-spacing:.55px;white-space:nowrap}.charge-attack-track{display:block;width:calc(100% - 12px);height:5px;border-radius:999px;overflow:hidden;background:#00000080;border:1px solid rgba(255,255,255,.28)}.charge-attack-track b{display:block;width:0;height:100%;background:linear-gradient(90deg,#168cff,#67e8ff);box-shadow:0 0 8px #38bdf8;transition:width .08s linear}.charge-attack-btn.charging{border-color:#67e8ff;box-shadow:0 0 22px #38bdf8e6}.charge-attack-btn.charge-ready{background:linear-gradient(135deg,#fbbf24,#b45309);border-color:#fff3a3;box-shadow:0 0 28px #ffd447f2;animation:charge-ready-pulse .48s ease-in-out infinite alternate}.charge-attack-btn.charge-ready small{color:#fffbd1}.charge-attack-btn.charge-ready .charge-attack-track b{background:#ffd447;box-shadow:0 0 10px #fff4a3}@keyframes charge-ready-pulse{to{transform:scale(1.06);filter:brightness(1.28)}}.btn-block{background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#7dd3fc;box-shadow:0 6px 20px #0284c780}.btn-special{--charge: 100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(90deg,#a855f7 var(--charge),#1e1b4b var(--charge));border-color:#c084fc;box-shadow:0 6px 20px #a855f780}.btn-special small{font-size:8px;margin-top:2px;color:#fef08a;letter-spacing:1px}.btn-special.cooling{filter:saturate(.3);opacity:.7;cursor:not-allowed}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#030712d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;z-index:100}.card.glass{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid #fbbf24;border-radius:24px;padding:40px;width:90%;max-width:380px;text-align:center;box-shadow:0 20px 60px #000c,0 0 30px #fbbf244d}.card h1{font-size:64px;font-weight:900;color:#f05;letter-spacing:4px;text-shadow:0 0 30px rgba(255,0,85,.8),0 4px 20px #000}.card p{color:#e2e8f0;font-size:16px;margin-top:8px;margin-bottom:28px;font-weight:800;letter-spacing:1px}.btn-rematch{width:100%;padding:16px;background:linear-gradient(135deg,#fbbf24,#d97706);border:none;border-radius:16px;color:#0f172a;font-weight:900;font-size:18px;letter-spacing:2px;cursor:pointer;box-shadow:0 8px 25px #f59e0b80;transition:transform .1s ease}.btn-rematch:active{transform:scale(.96)}@media(max-width:760px){.fight-hud{top:6px;left:6px;right:6px;gap:4px}.fighter-bar{padding:4px 8px;gap:6px}.fighter-portrait{width:28px;height:28px;font-size:13px;border-radius:4px}.fighter-bar .meta{font-size:8.5px;letter-spacing:0}.hp-val{font-size:8.5px}.bar-bg{height:12px}.center-timer{min-width:48px;padding:2px 8px;border-radius:8px}.center-timer strong{font-size:20px}.vs-label{font-size:8px;letter-spacing:1px}.round-orbs .orb{width:10px;height:10px}.btn-up,.btn-left,.btn-right,.btn-roll{width:48px;height:44px;font-size:10px}.action-btn{width:62px;height:46px;font-size:10.5px}.charge-attack-btn small{font-size:6.5px}.touch-overlay{padding:0 8px;bottom:max(8px,env(safe-area-inset-bottom))}.dpad-mid,.actions-top,.actions-bottom{gap:5px}.combo-banner{top:70px;left:10px;padding:6px 14px}.combo-banner #comboCount{font-size:28px}.control-hint{display:none!important}}@media(max-width:480px){.fighter-bar .meta .name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-up,.btn-left,.btn-right,.btn-roll{width:42px;height:40px}.action-btn{width:56px;height:42px}}.audio-toggle-btn{background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fbbf24;color:#fbbf24;font-family:Outfit,sans-serif;font-weight:900;font-size:10px;padding:6px 12px;border-radius:8px;cursor:pointer;pointer-events:auto;box-shadow:0 4px 12px #00000080;transition:transform .1s ease,filter .1s ease}.audio-toggle-btn:active{transform:scale(.92)}.audio-toggle-btn.muted{border-color:#64748b;color:#94a3b8;filter:saturate(.5)}.round-orbs{display:flex;gap:6px;align-items:center;padding:0 4px}.orb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#1e293b,#0f172a);border:1.5px solid rgba(255,255,255,.25);box-shadow:inset 0 2px 4px #000c;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.orb.won{background:radial-gradient(circle,#fff7ed,#fbbf24 60%,#d97706);border-color:#fef08a;box-shadow:0 0 12px #fbbf24e6,0 0 20px #f59e0b99,inset 0 0 6px #fff;transform:scale(1.15)}.center-timer-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.round-splash{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;pointer-events:none;text-align:center;background:radial-gradient(circle,rgba(0,0,0,.65),transparent 70%);padding:30px 60px;border-radius:30px;transition:opacity .4s ease-out,transform .4s ease-out;opacity:1}.round-splash.fade-out{opacity:0!important;transform:translate(-50%,-60%) scale(1.1)!important}#roundSplashTitle{font-size:clamp(56px,8vw,110px);font-weight:900;font-style:italic;color:#fbbf24;text-shadow:0 0 35px rgba(251,191,36,.95),0 0 60px rgba(245,158,11,.6),0 8px 24px #000;letter-spacing:6px;line-height:1;animation:splashBounce .3s cubic-bezier(.175,.885,.32,1.275)}#roundSplashSub{font-size:clamp(24px,3.5vw,46px);font-weight:900;font-style:italic;color:#f05;text-shadow:0 0 30px rgba(255,0,85,.9),0 4px 16px #000;letter-spacing:8px;margin-top:8px}@keyframes splashBounce{0%{transform:scale(.4) rotate(-5deg);opacity:0;filter:blur(10px)}80%{transform:scale(1.12) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}}.flow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s ease-out}.splash-bg{background:radial-gradient(circle,#1a0000,#000 70%)}.splash-logo{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0}#splashScreen .splash-prompt{position:relative;z-index:1;background:#00000080;padding:10px 30px;border-radius:20px;bottom:-30vh}.splash-prompt{font-size:24px;font-weight:900;letter-spacing:4px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);margin-top:20px}.pulse{animation:slowPulse 1.5s infinite alternate}@keyframes slowPulse{0%{opacity:.4}to{opacity:1}}#characterSelectScreen{background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 10px clamp(12px,2.5vh,28px);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.char-select-top{position:absolute;top:clamp(8px,1.5vh,16px);left:0;right:0;width:100%;text-align:center;z-index:30}.char-select-title{font-size:clamp(20px,4.2vw,34px);font-style:italic;font-weight:900;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.9),0 0 20px rgba(255,255,255,.3);letter-spacing:clamp(2px,.8vw,6px);background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.char-display-layer{position:absolute;top:clamp(46px,8vh,75px);left:clamp(10px,2.5vw,35px);right:clamp(10px,2.5vw,35px);pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;z-index:20}.char-display.p1-side{align-items:flex-start}.char-display.p2-side{align-items:flex-end;text-align:right}.char-display{display:flex;flex-direction:column;gap:clamp(6px,1.2vh,14px);max-width:min(240px,36vw)}.char-display.hidden{display:none!important}.char-display .char-name{font-size:clamp(18px,3.5vw,36px);font-weight:900;font-style:italic;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.9);line-height:1;letter-spacing:1px}.char-display.p1-side .char-name{color:#f36;text-shadow:0 0 20px rgba(255,51,102,.6),0 4px 10px #000}.char-display.p2-side .char-name{color:#38bdf8;text-shadow:0 0 20px rgba(56,189,248,.6),0 4px 10px #000}.char-stats{background:#000000ad;padding:clamp(6px,1.2vh,12px) clamp(8px,1.5vw,14px);border-left:3px solid #ff0055;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;width:fit-content;box-shadow:0 4px 15px #00000080}.p2-side .char-stats{border-left-color:#00e5ff;border-left-width:3px;border-style:solid}.char-stats p{display:flex;flex-direction:column;margin-bottom:4px;font-size:clamp(10px,1.6vw,13px);font-weight:700;line-height:1.2}.char-stats p:last-child{margin-bottom:0}.char-stats p span{font-size:8px;color:#f05;text-transform:uppercase;letter-spacing:.8px}.p2-side .char-stats p span{color:#00e5ff}.char-grid-wrapper{background:#000000a6;padding:clamp(8px,1.4vh,16px) clamp(10px,2vw,24px);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #000000b3;border:1px solid rgba(255,255,255,.15);margin-bottom:clamp(8px,1.5vh,16px);z-index:25;max-width:min(720px,calc(100vw - 16px))}.char-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1vw,10px)}.char-slot{width:clamp(48px,11vw,92px);height:clamp(66px,13vh,116px);background:#ffffff0d;border:2px solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:900;color:#ffffff4d;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;border-radius:6px}.char-slot.roster-character{flex-direction:column;gap:3px;background:linear-gradient(145deg,#121b32f5,#040814f5);border-color:color-mix(in srgb,var(--fighter-accent) 55%,#ffffff 15%)}.char-slot.roster-character:after{content:none}.char-slot-avatar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background:radial-gradient(circle at 50% 35%,#24447059,#030712f5 72%);z-index:1;transition:transform .2s ease,filter .2s ease}.char-slot-fallback{color:var(--fighter-accent);font-size:20px;font-style:italic}.char-slot small{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:3px 1px;color:#fff;background:linear-gradient(transparent,#000000f2);font-size:clamp(6.5px,1.1vw,8.5px);letter-spacing:.5px;text-align:center;text-shadow:0 1px 3px #000;font-weight:900}.char-slot.roster-character:hover .char-slot-avatar{transform:scale(1.08);filter:brightness(1.12)}.char-slot.roster-character:hover{box-shadow:0 0 20px color-mix(in srgb,var(--fighter-accent) 55%,transparent)}.char-slot:after{content:"?"}.char-slot:hover{background:#fff3;transform:scale(1.04)}.char-slot.active-p1{border-color:#f05;box-shadow:0 0 15px #ff0055b3,inset 0 0 10px #f056}.char-slot.active-p1:before{content:"1P";position:absolute;top:0;left:0;background:#f05;font-size:9px;font-weight:900;padding:2px 4px;border-radius:0 0 4px;z-index:3}.char-slot.active-p2{border-color:#00e5ff;box-shadow:0 0 15px #00e5ffb3,inset 0 0 10px #00e5ff66}.char-slot.active-p2:before{content:"2P";position:absolute;top:0;right:0;background:#00e5ff;color:#000;font-size:9px;font-weight:900;padding:2px 4px;border-radius:0 0 0 4px;z-index:3}.btn-start-fight{background:linear-gradient(90deg,#f05,#a30036);border:2px solid #ff7da5;color:#fff;font-family:Outfit,sans-serif;font-size:clamp(16px,3.2vw,24px);font-weight:900;font-style:italic;padding:clamp(9px,1.6vh,14px) clamp(24px,5vw,48px);border-radius:8px;cursor:pointer;box-shadow:0 10px 20px #0009,0 0 30px #f056;position:relative;z-index:999;pointer-events:auto!important;transition:transform .1s;letter-spacing:1px}.btn-start-fight:active{transform:scale(.95)}.btn-start-fight:disabled{opacity:.55;cursor:wait;filter:grayscale(.5)}#characterSelectScreen:after{content:"NOW SELECTING " attr(data-selecting);position:absolute;top:clamp(38px,6vh,52px);left:50%;transform:translate(-50%);color:#fbbf24;font-size:clamp(9px,1.5vw,11px);font-weight:900;letter-spacing:2px;text-shadow:0 2px 8px #000;background:#00000080;padding:2px 8px;border-radius:10px;border:1px solid rgba(251,191,36,.4);z-index:30}@media(max-width:860px){.char-display-layer{top:clamp(40px,6.5vh,60px);padding:0 10px}.char-stats{padding:5px 8px;background:#000000bf;max-width:130px}.char-stats p{font-size:10px;margin-bottom:2px}.char-stats p span{font-size:7px}.char-grid-wrapper{padding:8px 12px;margin-bottom:10px}.char-slot{width:clamp(44px,12vw,68px);height:clamp(60px,11vh,90px)}}@media(max-width:600px){.char-display .char-name{font-size:16px}.char-stats{display:none}.char-grid{gap:4px}.char-slot{width:clamp(40px,13vw,56px);height:clamp(56px,10vh,76px)}.char-grid-wrapper{padding:6px 8px;margin-bottom:8px}.btn-start-fight{padding:8px 20px;font-size:15px}}@media(max-height:520px){.char-select-title{font-size:18px;letter-spacing:2px}.char-display-layer{top:32px}.char-stats{padding:4px 8px}.char-stats p{font-size:9px;margin-bottom:1px}.char-grid-wrapper{padding:4px 8px;margin-bottom:6px}.char-slot{height:58px;width:48px}.btn-start-fight{padding:6px 18px;font-size:14px}}