:root{--color-obsidian-bg:#09080c;--color-panel-glass:#0e0c16eb;--color-panel-border:#ffffff1f;--color-gold-championship:gold;--color-red-corner:#ef4444;--color-blue-corner:#3b82f6;--color-steel-chrome:#94a3b8;--color-steel-dark:#475569;--font-hud:"Orbitron", sans-serif;--font-main:"Outfit", sans-serif;--color-text-primary:#fff;--color-text-secondary:#ffffffa6;--color-text-muted:#ffffff73;--neon-blue:var(--color-blue-corner);--neon-red:var(--color-red-corner);--neon-orange:var(--color-gold-championship);--neon-green:#4ade80;--dark-bg:var(--color-obsidian-bg);--panel-bg:var(--color-panel-glass);--glass-border:var(--color-panel-border)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{background-color:var(--dark-bg);width:100%;height:100%;font-family:var(--font-main);color:#fff;overflow:hidden}#game-canvas{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}body.preview-turnable #game-canvas,body.preview-turnable .screen.active{cursor:grab}body.preview-turning #game-canvas,body.preview-turning .screen.active{cursor:grabbing}body.preview-turnable .screen.active>:not(button),body.preview-turning .screen.active>:not(button){cursor:default}.screen{z-index:10;opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s,visibility .4s;display:flex;position:absolute;top:0;left:0}.screen.active{opacity:1;pointer-events:auto;visibility:visible}:root{--pg-banner-inset:0px}body.pg-advanced-banner,body.pg-sticky-banner{--pg-banner-inset:10%}body.pg-sticky-banner-fixed{--pg-banner-inset:max(64px, 10%)}body{--app-h:calc(100dvh - var(--pg-banner-inset))}.screen{height:calc(100% - var(--pg-banner-inset))}.glass{border:1px solid var(--glass-border);background:#0e0a08f2;border-radius:12px;box-shadow:0 10px 30px #00000080}#loading-screen{background-color:var(--dark-bg);z-index:100}.loading-content{text-align:center;font-family:var(--font-hud);letter-spacing:2px}.loader{border:5px solid #ffffff1a;border-top:5px solid var(--neon-blue);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#main-menu{z-index:20;box-sizing:border-box;background:radial-gradient(circle,#0000000d 0%,#050408b3 100%);flex-direction:column;justify-content:space-between;padding:24px 36px 32px;display:flex;overflow:hidden}.menu-top-bar{z-index:25;justify-content:space-between;align-items:flex-start;gap:clamp(8px,2vw,28px);width:100%;display:flex}.menu-brand{flex-direction:column;flex:0 auto;min-width:0;display:flex}.game-title{font-family:var(--font-hud);white-space:nowrap;letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:0 0 20px #fff6,0 4px 12px #000000e6;margin-bottom:6px;font-size:clamp(1.5rem,5.6vmin,3.8rem);font-style:italic;font-weight:900;line-height:1;transform:skew(-10deg)}.game-title .highlight{color:#f03;text-shadow:0 0 15px #ff0033e6,0 0 35px #f039,0 0 60px #f036}.game-title .title-3d{vertical-align:.55em;letter-spacing:1px;color:#ffffffe6;text-shadow:none;border:1px solid #ffffff73;border-radius:5px;margin-left:8px;padding:2px 7px;font-size:.28em;font-style:normal;display:inline-block}.game-subtitle{font-family:var(--font-hud);letter-spacing:5px;color:#ffffff8c;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:600}.lang-toggle{isolation:isolate;filter:drop-shadow(0 0 10px #94a3b866);background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:6px 14px;display:flex;position:relative}.lang-toggle:before{content:"";background:var(--color-steel-chrome);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);z-index:-2;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.lang-toggle:after{content:"";clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);z-index:-1;background:linear-gradient(135deg,#10141ef2 0%,#0a0810f7 100%);transition:all .25s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.lang-btn{font-family:var(--font-hud);color:var(--color-steel-chrome);cursor:pointer;letter-spacing:1.5px;z-index:3;background:0 0;border:none;outline:none;padding:4px 8px;font-size:.9rem;font-weight:800;transition:all .2s;position:relative}.lang-btn:hover{color:#fff;text-shadow:0 0 8px #ffffffb3}.lang-btn.active{color:var(--color-gold-championship);text-shadow:0 0 12px #ffd700d9}.lang-divider{color:var(--color-steel-dark);-webkit-user-select:none;user-select:none;z-index:3;font-size:.85rem;font-weight:300;position:relative}.player-card{isolation:isolate;filter:drop-shadow(0 0 10px #00a3ff73);background:0 0;border:none;flex:0 auto;align-items:center;gap:clamp(8px,1.4vw,14px);min-width:0;max-width:min(52%,420px);padding:clamp(6px,1vw,10px) clamp(10px,1.6vw,18px);transition:all .3s;display:flex;position:relative}.player-card:before{content:"";clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-2;background:#00a3ff;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.player-card:after{content:"";clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);z-index:-1;background:linear-gradient(135deg,#0e1420f0 0%,#0a0810f5 100%);transition:all .3s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.player-card>*{z-index:3;position:relative}.player-card:hover{filter:drop-shadow(0 0 16px #00a3ffb3)}.player-avatar-badge{clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);filter:drop-shadow(0 0 8px #00a3ff80);background:#0e121cd9;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;box-shadow:inset 0 0 10px #00a3ff33}.player-avatar-canvas{object-fit:cover;width:100%;height:100%;display:block}.player-card-details{flex-direction:column;flex:auto;min-width:0;display:flex}.player-card-name{font-family:var(--font-main);color:#fff;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:900;line-height:1.1;overflow:hidden}.player-card-level{font-family:var(--font-main);color:gold;text-shadow:0 0 8px #ffd70066;letter-spacing:.5px;margin-top:2px;font-size:.82rem;font-weight:700}.player-xp-row{align-items:center;gap:clamp(6px,1vw,10px);min-width:0;margin-top:6px;display:flex}.player-xp-container{background:#ffffff1f;border-radius:4px;flex:0 auto;width:clamp(52px,8vw,110px);height:7px;overflow:hidden}.player-xp-bar{background:linear-gradient(90deg,#00a3ff 0%,#00e5ff 100%);height:100%;transition:width .4s;box-shadow:0 0 10px #00a3ffcc}.player-xp-text{font-family:var(--font-main);letter-spacing:.5px;color:#00a3ff;font-size:.82rem;font-weight:700;font-family:var(--font-hud);letter-spacing:.5px;font-size:.72rem;font-weight:700}.menu-columns-container{z-index:25;flex:auto;justify-content:space-between;align-items:center;width:100%;min-height:0;margin-top:10px;display:flex}.menu-column{flex-direction:column;flex:0 auto;justify-content:center;width:clamp(150px,22.5%,340px);min-width:0;min-height:0;max-height:100%;display:flex}.menu-column-left{gap:14px}.menu-column-right{gap:10px}.menu-center-viewport{pointer-events:none;flex:auto;min-width:22%;height:100%}.main-menu-item{isolation:isolate;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;filter:drop-shadow(0 0 10px var(--btn-glow-color));background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;position:relative;transform:none}.main-menu-item:before{content:"";background:var(--btn-border-color);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);z-index:-2;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.main-menu-item:after{content:"";background:var(--btn-bg-gradient);clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);z-index:-1;transition:all .25s;position:absolute;top:2px;bottom:2px;left:2px;right:2px}.main-menu-item>*{z-index:3;position:relative}.main-menu-item{min-height:0;overflow:hidden}.mode-card{flex:0 auto;height:clamp(64px,12vmin,105px);padding:clamp(8px,1.4vmin,14px) clamp(10px,2vmin,22px)}.right-grid-2x2{flex:0 auto;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,clamp(66px,12.5vmin,112px));gap:clamp(6px,1.2vmin,12px);width:100%;min-width:0;min-height:0;display:grid}.square-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;padding:12px 6px}.square-card .menu-item-icon{width:clamp(26px,5vmin,44px);height:clamp(26px,5vmin,44px);margin:0 0 4px;font-size:clamp(1.1rem,2.6vmin,1.85rem)}.square-card .menu-item-text{text-align:center;justify-content:center;align-items:center;gap:2px;width:100%;min-width:0;margin:0}.square-card .menu-item-title{letter-spacing:1px;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(.62rem,1.3vmin,.88rem);overflow:hidden}.square-card .menu-item-desc{opacity:.65;white-space:nowrap;text-align:center;font-size:clamp(.5rem,1vmin,.68rem)}.controls-card{flex:0 auto;width:100%;height:clamp(46px,8vmin,72px);margin-top:clamp(6px,1.2vmin,12px);padding:clamp(6px,1.2vmin,10px) clamp(10px,1.8vmin,18px)}.menu-item-icon{width:clamp(28px,5.4vmin,48px);height:clamp(28px,5.4vmin,48px);box-shadow:none;filter:drop-shadow(0 0 10px var(--btn-border-color));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(1.1rem,2.7vmin,1.85rem);transition:transform .25s,filter .25s;display:flex}.sub-card .menu-item-icon{width:38px;height:38px;font-size:1.45rem}.menu-item-text{flex-direction:column;flex:1;gap:3px;min-width:0;margin:0 clamp(6px,1.4vmin,14px);display:flex}.menu-item-title{font-family:var(--font-hud);letter-spacing:1.5px;text-transform:uppercase;color:#fff;font-size:clamp(.76rem,1.7vmin,1.15rem);font-weight:900;transition:color .2s}.sub-card .menu-item-title{letter-spacing:1.2px;font-size:.95rem}.menu-item-desc{color:#ffffff8c;letter-spacing:.3px;font-size:clamp(.56rem,1.15vmin,.76rem);line-height:1.25}.sub-card .menu-item-desc{color:#ffffff7a;font-size:.71rem}.menu-item-arrow{font-family:var(--font-hud);color:var(--btn-border-color);filter:drop-shadow(0 0 6px var(--btn-border-color));flex-shrink:0;font-size:clamp(1rem,2.2vmin,1.5rem);font-weight:800;transition:transform .25s,filter .25s}.sub-card .menu-item-arrow{font-size:1.25rem}.card-career{--btn-border-color:gold;--btn-glow-color:#ffd700bf;--btn-bg-gradient:linear-gradient(135deg, #2a2008f2 0%, #0c0a10f5 100%)}.card-quick{--btn-border-color:#3b82f6;--btn-glow-color:#3b82f6bf;--btn-bg-gradient:linear-gradient(135deg, #0c1c30f2 0%, #0a0810f5 100%)}.card-survival{--btn-border-color:#ef4444;--btn-glow-color:#ef4444bf;--btn-bg-gradient:linear-gradient(135deg, #2c0c14f2 0%, #0a0810f5 100%)}.card-tutorial{--btn-border-color:#6366f1;--btn-glow-color:#6366f1bf;--btn-bg-gradient:linear-gradient(135deg, #14102af2 0%, #0a0810f5 100%)}.square-card{--btn-border-color:#64748b;--btn-glow-color:#64748b59;--btn-bg-gradient:linear-gradient(135deg, #141620f2 0%, #0a0810f5 100%)}.square-card:hover{--btn-border-color:gold;--btn-glow-color:#ffd700a6;--btn-bg-gradient:linear-gradient(135deg, #241c0cf2 0%, #0a0810fa 100%)}.square-card:focus-visible{--btn-border-color:gold;--btn-glow-color:#ffd700a6;--btn-bg-gradient:linear-gradient(135deg, #241c0cf2 0%, #0a0810fa 100%)}.card-controls{--btn-border-color:#00bfff;--btn-glow-color:#00bfffa6;--btn-bg-gradient:linear-gradient(135deg, #0a1820f2 0%, #0a0810f5 100%)}.card-settings{--btn-border-color:#94a3b8;--btn-glow-color:#94a3b880;--btn-bg-gradient:linear-gradient(135deg, #141820f2 0%, #0a0810f5 100%)}.main-menu-item:hover{filter:drop-shadow(0 0 16px var(--btn-glow-color));transform:scale(1.025)}.main-menu-item:focus-visible{filter:drop-shadow(0 0 16px var(--btn-glow-color));transform:scale(1.025)}.main-menu-item:hover .menu-item-arrow{filter:drop-shadow(0 0 10px var(--btn-border-color));transform:translate(6px)}.main-menu-item:focus-visible .menu-item-arrow{filter:drop-shadow(0 0 10px var(--btn-border-color));transform:translate(6px)}.main-menu-item:hover .menu-item-icon{filter:drop-shadow(0 0 14px var(--btn-border-color));transform:scale(1.12)}.main-menu-item:focus-visible .menu-item-icon{filter:drop-shadow(0 0 14px var(--btn-border-color));transform:scale(1.12)}.main-menu-item:focus-visible{outline:2px solid var(--btn-border-color);outline-offset:4px}@media (max-height:800px){#main-menu{padding:16px 24px 20px}.game-title{font-size:3.2rem}.mode-card{height:92px;padding:10px 16px}.sub-card{height:72px;padding:8px 14px}.menu-column-left{gap:10px}.menu-column-right{gap:8px}}@media (max-aspect-ratio:7/5){.menu-column{width:clamp(150px,29%,340px)}.menu-center-viewport{min-width:12%}}@media (max-width:900px){.menu-center-viewport{min-width:20%}}.menu-sections{grid-template-columns:1fr 1fr;gap:30px;width:100%;margin-bottom:50px;display:grid}.menu-card{text-align:left;padding:30px}.menu-card h3{font-family:var(--font-hud);letter-spacing:2px;color:#fff;border-bottom:2px solid #ffffff1a;margin-bottom:20px;padding-bottom:10px;font-size:1.2rem}.control-group{margin-bottom:20px}.control-group label{color:#ffffffb3;margin-bottom:10px;font-size:.9rem;display:block}.color-picker{gap:15px;display:flex}.color-option{cursor:pointer;border:3px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .2s,border-color .2s}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 10px #ffffff80}.difficulty-picker{gap:10px;display:flex}.diff-btn{color:#fff9;font-family:var(--font-hud);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:10px;font-size:.8rem;transition:all .2s}.diff-btn:hover{color:#fff;background:#ffffff1a}.diff-btn.active{background:var(--neon-blue);color:#000;border-color:var(--neon-blue);font-weight:700;box-shadow:0 0 15px #00f0ff66}.controls-list{list-style:none}.controls-list li{align-items:center;margin-bottom:12px;font-size:.95rem;display:flex}.key{isolation:isolate;font-family:var(--font-hud);color:#00bfff;filter:drop-shadow(0 0 6px #00bfff66);background:0 0;border:none;justify-content:center;align-items:center;margin-right:8px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex;position:relative}.key:before{content:"";clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);z-index:-2;background:#00bfff;position:absolute;top:0;bottom:0;left:0;right:0}.key:after{content:"";clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);z-index:-1;background:#0a1420f2;position:absolute;top:1.2px;bottom:1.2px;left:1.2px;right:1.2px}#tutorial-coach{filter:drop-shadow(0 0 24px #6366f159);text-align:center;pointer-events:none;opacity:0;visibility:hidden;z-index:15;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:min(480px,90vw);padding:10px 16px 12px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)translateY(20px)}#tutorial-coach:before{content:"";clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);z-index:1;background:#6366f1;position:absolute;top:0;bottom:0;left:0;right:0}#tutorial-coach:after{content:"";clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);z-index:2;background:linear-gradient(#0e0c1cf5 0%,#080710fa 100%);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}#tutorial-coach>*{z-index:3;position:relative}#tutorial-coach.active{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (orientation:portrait){body.mobile-on #tutorial-coach{bottom:calc(env(safe-area-inset-bottom,0px) + 10% + 132px)}#tutorial-coach #tutorial-skip-btn{margin:10px auto 0;padding:6px 12px;display:block;position:relative;top:auto;right:auto}}.tc-step{font-family:var(--font-hud);letter-spacing:2px;color:var(--neon-blue);margin:0;font-size:.68rem}.tc-headline{font-family:var(--font-hud);letter-spacing:1.5px;color:#fff;text-shadow:0 0 14px #00f0ff66;margin:0;font-size:1.1rem;font-weight:900}.tc-hint{color:#ffffffd9;margin:0;font-size:.8rem;line-height:1.35}.tc-done{font-family:var(--font-hud);letter-spacing:2px;color:var(--neon-green,#39ff88);text-shadow:0 0 16px #39ff8899;font-size:1.15rem;font-weight:900;display:none}#tutorial-coach.cleared{border-color:#39ff888c;box-shadow:0 0 34px #39ff8847}#tutorial-coach.cleared .tc-headline,#tutorial-coach.cleared .tc-hint{display:none}#tutorial-coach.cleared .tc-done{display:block}#tutorial-skip-btn{color:#ffffff80;letter-spacing:1px;cursor:pointer;pointer-events:auto;background:0 0;border:none;font-size:.68rem;transition:color .2s;position:absolute;top:8px;right:12px}#tutorial-skip-btn:hover{color:var(--neon-red)}#tutorial-coach.cleared #tutorial-skip-btn{display:none}#ctut{z-index:45;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s;position:fixed;top:0;bottom:0;left:0;right:0}#ctut.active{opacity:1;visibility:visible}#ctut-spot{border:2px solid var(--color-gold-championship);pointer-events:none;animation:1.5s ease-in-out infinite ctut-pulse;position:fixed;box-shadow:0 0 0 3px #ffd7001f,0 0 22px #ffd70073}@keyframes ctut-pulse{0%,to{box-shadow:0 0 0 3px #ffd7001a,0 0 16px #ffd70052}50%{box-shadow:0 0 0 5px #ffd7002e,0 0 30px #ffd70099}}#ctut-panel{filter:drop-shadow(0 0 22px #6366f159);pointer-events:none;width:min(340px,86vw);padding:14px 18px;position:fixed}#ctut-panel:before,#ctut-panel:after{content:"";z-index:1;position:absolute}#ctut-panel:before{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:#6366f1;top:0;bottom:0;left:0;right:0}#ctut-panel:after{clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);z-index:2;background:linear-gradient(#0e0c1cf7 0%,#080710fc 100%);top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}#ctut-panel>*{z-index:3;position:relative}.ctut-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.ctut-who{font-family:var(--font-hud);letter-spacing:2px;color:var(--color-gold-championship);font-size:.7rem}.ctut-step{font-family:var(--font-hud);letter-spacing:2px;color:#ffffff73;font-size:.66rem}.ctut-title{font-family:var(--font-hud);letter-spacing:1.5px;color:#fff;margin-bottom:6px;font-size:1.02rem;font-weight:900}.ctut-text{color:#ffffffd1;font-size:.86rem;line-height:1.5}.ctut-done{font-family:var(--font-hud);letter-spacing:2px;color:var(--neon-green,#39ff88);text-shadow:0 0 16px #39ff888c;font-size:1.05rem;font-weight:900;display:none}#ctut-panel.cleared .ctut-title,#ctut-panel.cleared .ctut-text,#ctut-panel.cleared .ctut-actions{display:none}#ctut-panel.cleared .ctut-done{display:block}.ctut-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.ctut-next{pointer-events:auto;cursor:pointer;color:#fff;font-family:var(--font-hud);letter-spacing:1.5px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:#6366f129;border:1px solid #6366f1e6;padding:7px 16px;font-size:.72rem;font-weight:700;transition:background .18s,color .18s}.ctut-next:hover{background:#6366f157}.ctut-skip{pointer-events:auto;cursor:pointer;color:#ffffff73;letter-spacing:1px;background:0 0;border:none;font-size:.7rem;transition:color .18s}.ctut-skip:hover{color:var(--neon-red)}.glow-btn{isolation:isolate;font-family:var(--font-hud);letter-spacing:2.5px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;text-transform:uppercase;--btn-border-color:gold;--btn-glow-color:#ffd700b3;--btn-bg-gradient:linear-gradient(135deg, #2d2208f2 0%, #0c0a10f5 100%);filter:drop-shadow(0 0 14px var(--btn-glow-color));background:0 0;border:none;justify-content:center;align-items:center;padding:14px 36px;font-size:1.15rem;font-weight:900;transition:all .25s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative}.glow-btn:before{content:"";background:var(--btn-border-color);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-2;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.glow-btn:after{content:"";background:var(--btn-bg-gradient);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);z-index:-1;transition:all .25s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.glow-btn>*{z-index:3;position:relative}.glow-btn:hover{filter:drop-shadow(0 0 20px var(--btn-glow-color));transform:scale(1.03)}.glow-btn:active{transform:scale(.98)}#game-hud{pointer-events:none;flex-direction:row;place-content:flex-start space-between;align-items:flex-start;gap:clamp(6px,1.2vw,16px);padding:clamp(10px,2.4vmin,30px) clamp(12px,3vw,40px)}#pause-btn{bottom:calc(env(safe-area-inset-bottom,0px) + 16px);pointer-events:auto;-webkit-tap-highlight-color:transparent;color:#f4ece0;cursor:pointer;z-index:30;background:linear-gradient(160deg,#ffffff0f 0%,#0000 42%),linear-gradient(135deg,#1e1814e0 0%,#0b0907f5 100%);border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000080}#pause-btn svg{width:22px;height:22px}body.tutorial-card #pause-btn{display:none!important}#pause-btn:hover{border-color:#ffffff59;box-shadow:0 6px 18px #0009}#pause-btn:active{transform:translate(-50%)scale(.92)}.status-panel{pointer-events:auto;isolation:isolate;filter:drop-shadow(0 0 12px #000000d9);background:0 0;border:none;flex:0 auto;width:clamp(132px,26vw,320px);min-width:0;padding:clamp(7px,1.4vw,16px) clamp(9px,1.9vw,22px);position:relative}.status-panel:before{content:"";background:var(--panel-border-color,#ffffff26);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-2;position:absolute;top:0;bottom:0;left:0;right:0}.status-panel:after{content:"";clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);z-index:-1;background:linear-gradient(#0e0c16f0 0%,#08070ef5 100%);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.status-panel>*{z-index:3;position:relative}.player-panel{--panel-border-color:#3b82f680;filter:drop-shadow(0 0 12px #3b82f659)}.opponent-panel{--panel-border-color:#ef444480;filter:drop-shadow(0 0 12px #ef444459)}.fighter-info{font-family:var(--font-hud);justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.fighter-name{letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:clamp(.72rem,1.7vw,1.1rem);font-weight:700;overflow:hidden}.opponent-panel .fighter-name{text-align:right}.player-panel .fighter-name{color:var(--neon-blue);text-shadow:0 0 5px #00f0ff4d}.opponent-panel .fighter-name{color:var(--neon-red);text-shadow:0 0 5px #ff00554d}.stamina-percent{color:#fff9;flex:none;font-size:clamp(.58rem,1.2vw,.85rem)}.bar-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;height:clamp(11px,2.2vw,20px);margin-bottom:clamp(5px,1vw,10px);position:relative;overflow:hidden}.bar-container.stamina-container{height:8px;margin-bottom:0}.bar{transform-origin:0;width:100%;height:100%;transition:width .1s ease-out}.health-bar{background:linear-gradient(90deg,#7da35a,#4e7a38);box-shadow:0 0 10px #7da35a59}.health-bar.opponent{background:linear-gradient(90deg, #d1502e, var(--neon-red));box-shadow:0 0 10px #c22a2a59}.stamina-bar,.stamina-bar.opponent{background:linear-gradient(90deg,gold 0%,orange 100%);box-shadow:0 0 8px #ffd70099}.stamina-burn{pointer-events:none;background:repeating-linear-gradient(-45deg,#781414d9,#781414d9 3px,#280808d9 3px 6px);width:0;height:100%;transition:width .2s ease-out;position:absolute;top:0;right:0}.opponent-panel .stamina-burn{left:0;right:auto}.opponent-panel .bar{transform-origin:100%;float:right}.match-info{text-align:center;width:clamp(108px,19vw,220px);min-width:0;font-family:var(--font-hud);pointer-events:auto;isolation:isolate;filter:drop-shadow(0 0 14px #ffd7004d);background:0 0;border:none;flex:0 auto;padding:clamp(6px,1.2vw,14px) clamp(8px,1.6vw,18px);position:relative}.match-info:before{content:"";clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);z-index:-2;background:#ffd70066;position:absolute;top:0;bottom:0;left:0;right:0}.match-info:after{content:"";clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);z-index:-1;background:linear-gradient(#100e18f0 0%,#08070ef5 100%);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.match-info>*{z-index:3;position:relative}.round-indicator{letter-spacing:clamp(1px,.3vw,2px);color:#ffffffb3;margin-bottom:5px;font-size:clamp(.6rem,1.25vw,.9rem)}.timer{letter-spacing:1px;color:#fff;font-size:clamp(1.2rem,3vw,2.2rem);font-weight:900}.hud-message{letter-spacing:clamp(.5px,.2vw,1.5px);color:var(--neon-green);text-transform:uppercase;word-break:break-word;white-space:normal;margin-top:4px;font-size:clamp(.5rem,.95vw,.75rem);animation:1s infinite alternate flash}@keyframes flash{0%{opacity:.3}to{opacity:1}}#screen-flash{pointer-events:none;z-index:5;opacity:0;width:100%;height:100%;transition:opacity 50ms ease-out;position:absolute;top:0;left:0}#screen-flash.damage{opacity:1;background-color:#ff005540}#screen-flash.block{opacity:1;background-color:#00f0ff1a}#screen-flash.counter{opacity:1;background-color:#39ff1426}#combo-display{font-family:var(--font-hud);letter-spacing:2px;opacity:0;pointer-events:none;padding:10px 25px;font-size:1.5rem;font-weight:700;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s;position:absolute;bottom:78px;left:50%;transform:translate(-50%)scale(.8)}#combo-display.active{opacity:1;transform:translate(-50%)scale(1)}#combo-count{color:var(--neon-orange);text-shadow:0 0 10px #ffaa0080}#pause-screen,#game-over-screen{z-index:30;background:#030308cc}#pause-screen h2,#game-over-screen h2{font-family:var(--font-hud);letter-spacing:4px;text-align:center;margin-bottom:20px;font-size:3rem;font-weight:900}#pause-screen h2{color:#fff;text-shadow:0 0 10px #ffffff4d}#game-over-screen h2{color:var(--neon-green);text-shadow:0 0 15px #39ff1466}#game-over-screen h2.lose{color:var(--neon-red);text-shadow:0 0 15px #f056}#game-over-screen h2.draw{color:var(--neon-orange);text-shadow:0 0 15px #fa06}#game-over-screen p{color:#ffffffb3;text-align:center;margin-bottom:30px;font-size:1.1rem}.button-group{flex-direction:column;gap:15px;width:280px;display:flex}.menu-btn{isolation:isolate;font-family:var(--font-hud);letter-spacing:2px;color:var(--color-steel-chrome);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;text-transform:uppercase;--btn-border-color:#64748b;--btn-glow-color:#94a3b859;--btn-bg-gradient:linear-gradient(135deg, #141620f2 0%, #0a0810f5 100%);filter:drop-shadow(0 0 8px var(--btn-glow-color));background:0 0;border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:.95rem;font-weight:800;transition:all .25s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative}.menu-btn:before{content:"";background:var(--btn-border-color);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);z-index:-2;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.menu-btn:after{content:"";background:var(--btn-bg-gradient);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);z-index:-1;transition:all .25s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.menu-btn>*{z-index:3;position:relative}.menu-btn:hover{color:#fff;--btn-border-color:gold;--btn-glow-color:#ffd70099;--btn-bg-gradient:linear-gradient(135deg, #261e0af2 0%, #0a0810fa 100%);transform:translateY(-2px)scale(1.02)}.menu-btn.quit:hover{color:#fff;--btn-border-color:#ef4444;--btn-glow-color:#ef4444a6;--btn-bg-gradient:linear-gradient(135deg, #300e12f2 0%, #0a0810fa 100%)}.stats-summary{flex-direction:column;gap:12px;width:100%;max-width:400px;margin-bottom:35px;display:flex}.stat-item{isolation:isolate;filter:drop-shadow(0 0 6px #00000080);background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:relative}.stat-item:before{content:"";clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);z-index:-2;background:#475569;position:absolute;top:0;bottom:0;left:0;right:0}.stat-item:after{content:"";clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);z-index:-1;background:linear-gradient(135deg,#12141cf0 0%,#0a0810f5 100%);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.stat-item>*{z-index:3;position:relative}.stat-label{color:#fff9}.stat-value{font-family:var(--font-hud);color:#fff;font-weight:700}@keyframes pulse-glow{0%{text-shadow:0 0 10px #fff3,0 0 20px #00f0ff66,0 0 30px #00f0ff33}to{text-shadow:0 0 15px #fff6,0 0 35px #00f0ffb3,0 0 50px #00f0ff66}}.menu-actions{align-items:center;gap:18px;display:flex}.shop-slots::-webkit-scrollbar{width:6px}.ladder-list::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar{width:6px}.shop-slots::-webkit-scrollbar-track{background:0 0}.ladder-list::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-track{background:0 0}.shop-slots::-webkit-scrollbar-thumb{background:#d9a44140;border-radius:10px}.ladder-list::-webkit-scrollbar-thumb{background:#d9a44140;border-radius:10px}.sidebar-content::-webkit-scrollbar-thumb{background:#d9a44140;border-radius:10px}.shop-slots::-webkit-scrollbar-thumb:hover{background:#d9a44180}.ladder-list::-webkit-scrollbar-thumb:hover{background:#d9a44180}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#d9a44180}#creator-screen,#career-screen{z-index:25;background:radial-gradient(circle,#0a0a1e59 0%,#030308e6 100%);justify-content:flex-start;align-items:flex-start}.creator-sidebar{z-index:20;background:linear-gradient(#100c0aeb 0%,#0a0806f5 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:min(430px,100% - 32px);display:flex;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 20px 50px #000000a6,inset 0 0 20px #ffffff05}.career-left-panel,.career-right-panel{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);filter:drop-shadow(0 0 20px #000000d9)drop-shadow(0 0 10px #ffd70026);z-index:20;background:linear-gradient(#100e18f5 0%,#08070efa 100%);flex-direction:column;width:360px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.career-left-panel:before,.career-right-panel:before{content:"";clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);z-index:1;pointer-events:none;background:linear-gradient(#ffd70059 0%,#ffd70014 100%);position:absolute;top:0;bottom:0;left:0;right:0}.career-left-panel:after,.career-right-panel:after{content:"";clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);z-index:2;pointer-events:none;background:linear-gradient(#0e0c16f5 0%,#08070cfa 100%);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.career-left-panel>*,.career-right-panel>*{z-index:3;position:relative}.career-left-panel{left:32px}.career-right-panel{right:32px}.career-left-panel,.career-right-panel{max-height:calc(100% - 76px)}.career-left-panel .sidebar-content,.career-right-panel .sidebar-content{min-height:0;max-height:none;overflow-y:auto}.sidebar-header{background:#ffd70005;border-bottom:1px solid #ffd70026;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sidebar-header .creator-title{font-family:var(--font-hud);letter-spacing:2px;color:gold;text-shadow:0 0 12px #ffd70066;margin:0;font-size:1.25rem;font-weight:900}.sidebar-header .creator-sub{color:var(--color-text-secondary);margin:4px 0 0;font-size:.72rem;line-height:1.3}.profile-meta{align-items:center;gap:12px;min-width:0;display:flex}.profile-meta>div{min-width:0}.profile-badge{filter:drop-shadow(0 0 10px gold);justify-content:center;align-items:center;width:44px;height:44px;font-size:2rem;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.profile-name{font-family:var(--font-hud);letter-spacing:1.5px;color:gold;text-shadow:0 0 14px #ffd70080;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;font-weight:900;overflow:hidden}.profile-record{color:var(--color-text-secondary);font-size:.76rem;font-family:var(--font-main);margin-top:2px}.profile-money{text-align:right}.money-label{font-family:var(--font-hud);letter-spacing:2px;color:var(--color-steel-chrome);margin-bottom:2px;font-size:.6rem;display:block}.money-value{font-family:var(--font-hud);color:gold;text-shadow:0 0 15px #ffd70099;font-size:1.6rem;font-weight:900;line-height:1}.sidebar-content{flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;display:flex}.section-title{font-family:var(--font-hud);letter-spacing:2px;color:gold;text-transform:uppercase;text-shadow:0 0 8px #ffd7004d;border-bottom:1px solid #ffd70026;margin-bottom:12px;padding-bottom:6px;font-size:.82rem;font-weight:700}.energy-container{margin-top:14px;margin-bottom:12px}.energy-label{color:var(--color-steel-chrome);letter-spacing:1px;text-transform:uppercase;font-size:.7rem;font-family:var(--font-hud);margin-bottom:6px}.energy-container .bar-container{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#ffffff0f;height:10px;overflow:hidden}.energy-bar{background:linear-gradient(90deg,gold 0%,orange 100%);height:100%;box-shadow:0 0 12px #ffd70099}.stats-list{flex-direction:column;gap:10px;display:flex}.stat-row{margin-bottom:2px}.stat-row-label{color:var(--color-text-primary);font-size:.76rem;font-family:var(--font-hud);letter-spacing:1px;justify-content:space-between;margin-bottom:5px;display:flex}.stat-row-label span:last-child{color:gold;font-weight:700}.stat-track{clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);background:#ffffff0f;height:8px;overflow:hidden}.stat-fill{background:linear-gradient(90deg,#3b82f6 0%,gold 100%);height:100%;transition:width .4s;box-shadow:0 0 8px #ffd70080}.fighter-actions-row{gap:10px;margin-top:12px;display:flex}.sidebar-action-btn{isolation:isolate;cursor:pointer;min-width:0;filter:drop-shadow(0 0 8px var(--btn-glow-color,#ffd7004d));-webkit-user-select:none;user-select:none;background:0 0;border:none;flex:1 1 0;align-items:center;gap:clamp(6px,1.2vw,10px);padding:10px clamp(8px,1.4vw,12px);transition:all .25s;display:flex;position:relative}.sidebar-action-btn:before{content:"";background:var(--btn-border-color,gold);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);z-index:-2;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.sidebar-action-btn:after{content:"";background:var(--btn-bg-gradient,linear-gradient(135deg, #261e0af2 0%, #0c0a10f5 100%));clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);z-index:-1;transition:all .25s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.sidebar-action-btn>*{z-index:3;position:relative}.sidebar-action-btn.train-btn{--btn-border-color:gold;--btn-glow-color:#ffd70080;--btn-bg-gradient:linear-gradient(135deg, #2a2008f2 0%, #0c0a10f5 100%)}.sidebar-action-btn.appearance-btn{--btn-border-color:#94a3b8;--btn-glow-color:#94a3b866;--btn-bg-gradient:linear-gradient(135deg, #181c24f2 0%, #0c0a10f5 100%)}.sidebar-action-btn:hover{filter:drop-shadow(0 0 14px var(--btn-glow-color));transform:translateY(-2px)scale(1.02)}.sidebar-action-btn.appearance-btn:hover{--btn-border-color:gold;--btn-glow-color:#ffd70099;--btn-bg-gradient:linear-gradient(135deg, #2a2008f2 0%, #0c0a10f5 100%)}.sidebar-action-btn .btn-icon{width:32px;height:32px;filter:drop-shadow(0 0 8px var(--btn-border-color));flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.sidebar-action-btn .btn-text{flex-direction:column;min-width:0;display:flex}.sidebar-action-btn .btn-title{font-family:var(--font-hud);letter-spacing:.5px;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:700;overflow:hidden}.sidebar-action-btn .btn-subtitle{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.62rem;overflow:hidden}.sidebar-action-btn .btn-cost{font-family:var(--font-hud);color:gold;margin-top:2px;font-size:.8rem;font-weight:900}.sidebar-action-btn.unaffordable .btn-cost{color:var(--color-red-corner)}.sidebar-action-btn.unaffordable{opacity:.55;cursor:not-allowed}.sidebar-action-btn.unaffordable:hover{filter:drop-shadow(0 0 8px var(--btn-glow-color));transform:none}.sidebar-action-btn.shake{animation:.3s shopShake}.opponent-card-container{isolation:isolate;filter:drop-shadow(0 0 10px #ef444440);background:0 0;border:none;margin-bottom:12px;padding:14px;position:relative}.opponent-card-container:before{content:"";clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-2;pointer-events:none;background:linear-gradient(135deg,#ef444473 0%,#ffd70040 100%);position:absolute;top:0;bottom:0;left:0;right:0}.opponent-card-container:after{content:"";clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);z-index:-1;pointer-events:none;background:linear-gradient(#140a0ef2 0%,#0a080cfa 100%);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.opponent-card-container>*{z-index:3;position:relative}.opp-head{text-align:left;align-items:center;gap:12px;display:flex}.opp-mini-portrait{clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:#ef444433;flex-shrink:0;width:52px;height:52px;position:relative;box-shadow:0 0 10px #ef444466}.opp-head-text{flex:1;min-width:0}.opp-rank{font-family:var(--font-hud);color:gold;letter-spacing:2px;font-size:.68rem;font-weight:800}.opp-name{font-family:var(--font-hud);color:#ef4444;text-shadow:0 0 10px #ef444480;white-space:nowrap;text-overflow:ellipsis;margin:1px 0;font-size:1.2rem;font-weight:900;overflow:hidden}.opp-diff{color:var(--color-text-secondary);letter-spacing:1px;font-size:.68rem}.opp-vitals{grid-template-columns:1fr 1fr;gap:6px;margin:4px 0;display:grid}.opp-vital{clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:linear-gradient(135deg,#14101cd9 0%,#0a080ef2 100%);flex-direction:column;justify-content:center;padding:4px 8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.opp-vital-hp{border-left:2px solid #ef4444}.opp-vital-stm{border-left:2px solid gold}.opp-vital-row{align-items:center;gap:4px;width:100%;display:flex}.opp-vital-ico{font-size:.75rem;line-height:1}.opp-vital-num{font-family:var(--font-hud);color:#fff;font-size:.85rem;font-weight:900;line-height:1}.opp-vital-lbl{letter-spacing:.5px;color:var(--color-steel-chrome,#94a3b8);text-transform:uppercase;white-space:nowrap;margin-left:auto;font-size:.46rem;font-weight:700;line-height:1}.opp-stats{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.opp-stat{align-items:center;gap:8px;display:flex}.opp-stat-name{font-family:var(--font-hud);letter-spacing:1px;color:var(--color-text-secondary);flex:0 0 80px;width:80px;font-size:.58rem}.opp-stat-track{clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%);background:#ffffff0d;flex:1;height:6px;overflow:hidden}.opp-stat-fill{background:linear-gradient(90deg,#ef4444 0%,#f97316 100%);height:100%;transition:width .4s;box-shadow:0 0 8px #ef444480}.opp-style{border-left:3px solid var(--color-accent,#f97316);font-family:var(--font-main);background:#ffffff0a;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:.72rem;line-height:1.35}.opp-style b{color:var(--color-accent,#f97316);font-family:var(--font-hud);letter-spacing:.04em;font-size:.8rem;display:block}.opp-style span{color:var(--color-text-secondary)}.opp-purse{text-align:center;color:var(--color-text-secondary);font-size:.78rem;font-family:var(--font-main);margin-top:10px}.opp-purse b,.gold-text{font-family:var(--font-hud);text-shadow:0 0 8px #ffd70080;font-size:.95rem;color:gold!important}.fight-btn,#career-fight-btn{isolation:isolate;cursor:pointer;width:max(200px,82%);font-family:var(--font-hud);letter-spacing:1.5px;color:#fff;text-shadow:0 0 10px #ef4444cc;filter:drop-shadow(0 0 14px #ef4444bf);-webkit-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:8px;margin:6px auto 0;padding:8px 16px;font-size:.92rem;font-weight:900;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;position:relative}#career-fight-btn:before{content:"";clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-2;background:#ef4444;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}#career-fight-btn:after{content:"";clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);z-index:-1;background:linear-gradient(135deg,#501016f5 0%,#18080cfa 100%);transition:all .25s;position:absolute;top:2px;bottom:2px;left:2px;right:2px}#career-fight-btn>*{z-index:3;position:relative}#career-fight-btn:hover{filter:drop-shadow(0 0 22px #ef4444f2);transform:scale(1.025)}#career-fight-btn:hover:after{background:linear-gradient(135deg,#78181ef5 0%,#240a10fa 100%)}.creator-sidebar .text-input{color:#fff;width:100%;font-family:var(--font-hud);letter-spacing:1px;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px;font-size:.95rem}.creator-sidebar .text-input:focus{border-color:var(--neon-blue);outline:none;box-shadow:0 0 10px #d9a44140}.creator-sidebar .opt-row,.creator-sidebar .swatch-row{flex-wrap:wrap;gap:8px;display:flex}.creator-sidebar .opt-chip{isolation:isolate;color:#fff;cursor:pointer;font-family:var(--font-hud);letter-spacing:1px;filter:drop-shadow(0 0 4px #94a3b840);background:0 0;border:none;justify-content:center;align-items:center;padding:8px 16px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.creator-sidebar .opt-chip:before{content:"";clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);z-index:-2;background:#475569;transition:all .2s;position:absolute;top:0;bottom:0;left:0;right:0}.creator-sidebar .opt-chip:after{content:"";clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);z-index:-1;background:linear-gradient(135deg,#141620eb 0%,#0a0810f5 100%);transition:all .2s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.creator-sidebar .opt-chip>*{z-index:3;position:relative}.creator-sidebar .opt-chip:hover{color:gold;filter:drop-shadow(0 0 8px #ffd70080)}.creator-sidebar .opt-chip:hover:before{background:gold}.creator-sidebar .opt-chip.active{color:gold;filter:drop-shadow(0 0 10px #ffd700bf);font-weight:900}.creator-sidebar .opt-chip.active:before{background:gold}.creator-sidebar .opt-chip.active:after{background:linear-gradient(135deg,#2d2208f2 0%,#100c14fa 100%)}.creator-sidebar .swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .15s,border-color .15s}.creator-sidebar .swatch:hover{transform:scale(1.1)}.creator-sidebar .swatch.active{border-color:#fff;transform:scale(1.12);box-shadow:0 0 8px #fff6}.career-center-zone{z-index:12;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.career-fighter-tag{font-family:var(--font-hud);letter-spacing:3px;color:gold;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);filter:drop-shadow(0 0 10px #ffd70066);background:#0e0c16d9;border:none;padding:6px 18px;font-size:.68rem;font-weight:700;box-shadow:inset 0 0 0 1.5px #ffd70066}.career-bottom-nav{z-index:20;gap:14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.career-bottom-nav .nav-btn{color:var(--color-steel-chrome);font-family:var(--font-hud);letter-spacing:1.5px;cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 10px var(--btn-glow-color,#94a3b84d));background:0 0;border:none;align-items:center;gap:8px;padding:10px 22px;font-size:.82rem;font-weight:700;transition:all .25s;display:flex;position:relative}.career-bottom-nav .nav-btn:before{content:"";background:var(--btn-border-color,#64748b);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:1;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.career-bottom-nav .nav-btn:after{content:"";background:var(--btn-bg-gradient,linear-gradient(135deg, #141620eb 0%, #0a0810f5 100%));clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);z-index:2;transition:all .25s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.career-bottom-nav .nav-btn>*{z-index:3;position:relative}.career-bottom-nav .nav-btn .nav-btn-icon{filter:drop-shadow(0 0 6px var(--btn-border-color,#64748b));font-size:1.1rem;background:0 0!important;border:none!important}.career-bottom-nav .nav-btn .nav-btn-text{font-family:var(--font-hud);letter-spacing:1.5px;color:inherit;font-size:.82rem;font-weight:700}.career-bottom-nav .nav-btn:hover{color:#fff;--btn-border-color:gold;--btn-glow-color:#ffd700a6;--btn-bg-gradient:linear-gradient(135deg, #261e0af2 0%, #0a0810fa 100%);transform:translateY(-2px)scale(1.03)}.career-bottom-nav .nav-btn.quit:hover{--btn-border-color:#ef4444;--btn-glow-color:#ef4444a6;--btn-bg-gradient:linear-gradient(135deg, #300e12f2 0%, #0a0810fa 100%)}.sidebar-footer{background:#0a080666;border-top:1px solid #ffffff14;gap:8px;padding:16px 24px;display:flex}.sidebar-footer .nav-btn{color:#ffffffd9;font-family:var(--font-hud);letter-spacing:1px;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 6px;font-size:.72rem;transition:all .15s;display:flex}.sidebar-footer .nav-btn span{font-size:.9rem}.sidebar-footer .nav-btn:hover{border-color:var(--neon-blue);color:#fff;background:#d9a4411a;transform:translateY(-2px)}.sidebar-footer .nav-btn:active{transform:translateY(0)}.sidebar-footer .nav-btn.quit:hover{border-color:var(--neon-red);background:#c22a2a1a}.sidebar-footer .glow-btn{border-radius:12px;flex:1.3;margin:0;padding:11px 6px;font-size:.8rem}.sidebar-footer .menu-btn{border-radius:12px;flex:1;margin:0;padding:11px 6px;font-size:.8rem}#training-screen,#training-result-screen{z-index:26;background:radial-gradient(120% 80% at 50% 0,#ffd7000f 0%,#0000 60%),#030308ed}.training-shell{width:min(96%,940px);max-height:calc(var(--app-h) - 24px);box-sizing:border-box;flex-direction:column;gap:14px;padding:0 4px;display:flex}.training-header{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;padding-bottom:12px;display:flex}.training-eyebrow{font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.32em;color:#ffd700bf;margin-bottom:4px;font-size:.62rem;display:block}.training-title{font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.06em;color:#fff;text-shadow:0 0 18px #ffd70047;margin:0;font-size:clamp(1.4rem,5vw,2.1rem)}.training-resources{flex:260px;justify-content:flex-end;gap:10px;display:flex}.tres{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:linear-gradient(135deg,#141620f2 0%,#0a0810f5 100%);border:1px solid #ffffff1f;align-items:center;gap:9px;min-width:124px;padding:9px 14px;display:flex;position:relative}.tres-icon{filter:drop-shadow(0 0 8px);font-size:1.15rem}.tres-body{flex-direction:column;line-height:1.15;display:flex}.tres-label{letter-spacing:.18em;color:#ffffff80;font-size:.58rem}.tres-value{font-family:var(--font-hud,"Orbitron", sans-serif);font-variant-numeric:tabular-nums;color:#fff;font-size:1rem;font-weight:800}.tres-energy{color:#3b82f6}.tres-money,.tres-money .tres-value{color:gold}.tres-meter{background:#ffffff1a;height:3px;position:absolute;bottom:4px;left:10px;right:10px;overflow:hidden}.tres-fill{background:linear-gradient(90deg,#1d4ed8,#60a5fa);width:0;height:100%;transition:width .3s;display:block;box-shadow:0 0 8px #3b82f6cc}.training-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:18px;min-height:0;padding:2px 4px 4px;display:flex;overflow-y:auto}.training-section{flex-direction:column;gap:10px;display:flex}.tsec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tsec-title{font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.16em;color:#94a3b8;font-size:.78rem}.tsec-title.gold{color:gold;text-shadow:0 0 12px #ffd70059}.tsec-note{color:#ffffff73;font-size:.72rem}.tsec-note.warn{color:#ef4444}.training-points{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(135deg,#2a20088c 0%,#0a0810e6 100%);border:1px solid #ffd70059;padding:14px 16px}.training-points.empty{text-align:center;background:#0e0c16cc;border-color:#ffffff1a;padding:10px 16px}.training-points .tp-none{color:#ffffff73;font-size:.78rem}.training-points .tp-head{font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.08em;color:gold;margin-bottom:2px;font-size:.85rem}.training-points .tp-hint{color:#ffffff80;margin-bottom:10px;font-size:.74rem}.training-points .tp-rows{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px 16px;display:grid}.training-points .tp-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:4px 0;display:flex}.training-points .tp-label{letter-spacing:.06em;color:#fffc;font-size:.78rem;font-weight:700}.training-points .tp-val{font-family:var(--font-hud,"Orbitron", sans-serif);font-variant-numeric:tabular-nums;color:#fff;margin-left:auto;font-weight:800}.training-points .tp-plus{cursor:pointer;color:#10120f;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:linear-gradient(#ffe08a,#f5b323);border:none;width:28px;height:28px;font-size:1.05rem;font-weight:900;line-height:1;transition:transform .12s,filter .12s}.training-points .tp-plus:hover{filter:brightness(1.08);transform:translateY(-1px)}.training-points .tp-plus:disabled{opacity:.35;cursor:default;filter:grayscale();transform:none}.training-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}.training-card{isolation:isolate;text-align:left;cursor:pointer;box-sizing:border-box;width:100%;font:inherit;color:inherit;--tc-border-color:#475569;--tc-glow-color:#64748b40;--tc-bg-gradient:linear-gradient(135deg, #141620f2 0%, #0a0810f5 100%);filter:drop-shadow(0 0 6px var(--tc-glow-color));background:0 0;border:none;align-items:center;gap:12px;padding:12px 14px;transition:transform .2s cubic-bezier(.25,1,.5,1),filter .2s;display:flex;position:relative}.training-card:before{content:"";background:var(--tc-border-color);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-2;transition:background .2s;position:absolute;top:0;bottom:0;left:0;right:0}.training-card:after{content:"";background:var(--tc-bg-gradient);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);z-index:-1;transition:background .2s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.training-card>*{z-index:3;position:relative}.training-card:hover:not(.disabled){--tc-border-color:gold;--tc-glow-color:#ffd7008c;--tc-bg-gradient:linear-gradient(135deg, #261e0af2 0%, #0a0810fa 100%);transform:translateY(-2px)}.training-card:focus-visible:not(.disabled){--tc-border-color:gold;--tc-glow-color:#ffd7008c;--tc-bg-gradient:linear-gradient(135deg, #261e0af2 0%, #0a0810fa 100%);transform:translateY(-2px)}.training-card:active:not(.disabled){transform:translateY(0)scale(.985)}.training-card.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.training-card.elite{--tc-border-color:#a8801f;--tc-glow-color:#ffd70047;--tc-bg-gradient:linear-gradient(135deg, #261e0af2 0%, #0a0810f7 100%);padding-top:16px}.training-card .tc-tag{font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.16em;color:#10120f;clip-path:polygon(0 0,100% 0,100% 100%,4px 100%);background:linear-gradient(#ffe08a,#f5b323);padding:2px 8px;font-size:.52rem;position:absolute;top:0;right:10px}.training-card .tc-icon{filter:drop-shadow(0 0 9px var(--tc-border-color));flex-shrink:0;font-size:1.9rem;box-shadow:none!important;background:0 0!important;border:none!important}.training-card .tc-body{flex:1;min-width:0}.training-card .tc-name{font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.05em;color:#fff;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;font-size:.82rem;line-height:1.2;display:-webkit-box;overflow:hidden}.training-card .tc-stat{letter-spacing:.04em;color:var(--color-blue-corner,#3b82f6);overflow-wrap:anywhere;font-size:.72rem;line-height:1.25}.training-card .tc-stat b{color:#fff}.training-card .tc-cost{font-family:var(--font-hud,"Orbitron", sans-serif);font-variant-numeric:tabular-nums;color:#ffffffb3;flex-shrink:0;align-items:center;gap:3px;font-size:.8rem;display:flex}.training-card .tc-cost.gold{color:gold}.training-card .tc-cost-icon{font-size:.75rem}.training-refill{cursor:pointer;color:#cbd5e1;width:100%;font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.12em;background:#17255459;border:1px dashed #3b82f680;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:.72rem;transition:background .2s,border-color .2s,transform .15s;display:flex;position:relative}.training-refill:hover:not(.disabled){color:#fff;background:#2563eb4d;border-color:#60a5fa;transform:translateY(-1px)}.training-refill.disabled{opacity:.4;cursor:not-allowed}.training-refill .trf-price{color:gold;font-weight:800}.deny{animation:.32s deny-shake}@keyframes deny-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}.training-back{cursor:pointer;color:#ffffffd9;width:min(100%,300px);font-family:var(--font-hud,"Orbitron", sans-serif);letter-spacing:.18em;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:#0e0c16eb;border:1px solid #ffffff29;flex-shrink:0;align-self:center;padding:12px 20px;font-size:.8rem;transition:background .2s,color .2s}.training-back:hover{color:#fff;background:#ef444438}@media (max-width:640px){.training-shell{gap:10px;width:100%;padding:0 10px}.training-header{align-items:flex-start;gap:10px}.training-resources{flex:100%;justify-content:stretch}.tres{flex:1;min-width:0;padding:8px 10px}.training-grid{grid-template-columns:1fr}.training-card{gap:10px;padding:10px 12px}.training-card .tc-icon{font-size:1.6rem}.training-title{margin-bottom:0}}@media (orientation:landscape) and (max-height:520px){.training-shell{max-height:calc(var(--app-h) - 10px);gap:8px}.training-header{padding-bottom:8px}.training-eyebrow{display:none}.training-grid{grid-template-columns:repeat(2,1fr)}.training-card{padding:8px 10px}.training-card .tc-icon{font-size:1.4rem}.training-back{padding:8px 16px}}#minigame-screen{z-index:40;pointer-events:none;background:0 0;justify-content:flex-start}.minigame-top{text-align:center;pointer-events:auto;margin-top:40px;padding:16px 30px}.minigame-title{font-family:var(--font-hud);letter-spacing:2px;font-size:1.5rem;font-weight:900}.minigame-instruction{color:#ffffffa6;margin-top:6px;font-size:.85rem}.minigame-hud{font-family:var(--font-hud);gap:40px;margin-top:18px;display:flex}.minigame-timer{color:#fff;font-size:2.4rem;font-weight:900}.minigame-reps{color:var(--neon-blue);letter-spacing:1px;align-self:center}.minigame-reps span{color:#fff;font-size:1.3rem}.rhythm-track{background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;width:60%;max-width:640px;height:46px;margin-top:30px;position:relative;overflow:hidden}.rhythm-zone{background:#7da35a66;border-left:2px solid #7da35a;border-right:2px solid #7da35a;height:100%;position:absolute;top:0}.rhythm-marker{background:#fff;border-radius:3px;width:6px;height:calc(100% + 8px);position:absolute;top:-4px;box-shadow:0 0 12px #fffc}.minigame-feedback{font-family:var(--font-hud);letter-spacing:2px;min-height:40px;margin-top:22px;font-size:1.6rem;font-weight:900;transition:opacity .1s}.minigame-instant{pointer-events:auto;cursor:pointer;color:#f4ece0;text-align:left;background:linear-gradient(135deg,#1e1814e6 0%,#0b0907f5 100%);border:1px solid #d9a44173;border-radius:14px;align-items:center;gap:12px;padding:10px 20px;transition:transform .12s,border-color .15s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.minigame-instant:hover{border-color:var(--neon-orange);transform:translate(-50%)translateY(-1px)}.minigame-instant.disabled{opacity:.45;pointer-events:none}.minigame-instant .mgi-icon{font-size:1.3rem}.minigame-instant .mgi-text{flex-direction:column;gap:2px;display:flex}.minigame-instant .mgi-title{font-family:var(--font-hud);letter-spacing:1.5px;font-size:.8rem;font-weight:800}.minigame-instant .mgi-sub{color:var(--neon-orange);font-size:.75rem}.minigame-touch{display:none}#minigame-screen.active .minigame-touch{pointer-events:none;gap:14px;width:min(520px,60%);height:60px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}body.mobile-on #minigame-screen.active .minigame-touch{box-sizing:border-box;width:100%;height:clamp(84px,26%,150px);padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));pointer-events:none;flex:none;gap:10px;display:flex;position:static;transform:none}body.mobile-on #minigame-screen.active .minigame-instant{flex:none;margin:auto 0 0;position:static;transform:none}body.mobile-on #minigame-screen.active .minigame-instant:hover{transform:translateY(-1px)}.mg-tap{pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:var(--font-hud);letter-spacing:2px;color:#f4ece0;cursor:pointer;background:linear-gradient(135deg,#1e1814b8 0%,#0b0907d1 100%);border:1px solid #00f0ff59;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:1.1rem;font-weight:900;transition:transform 60ms,background 60ms}.mg-tap.active{background:#00f0ff47;transform:scale(.97)}.mg-tap-key{font-family:var(--font-hud);letter-spacing:1.5px;color:#f4ece0b8;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;padding:1px 8px;font-size:.62rem;font-weight:700}body.mobile-on .mg-tap-key,.minigame-touch .mg-tap{display:none}.minigame-touch.mode-alt .mg-tap-left,.minigame-touch.mode-alt .mg-tap-right,.minigame-touch.mode-single .mg-tap-single{display:flex}@media (orientation:landscape) and (max-height:520px){.minigame-top{margin-top:8px;padding:8px 20px}.minigame-title{letter-spacing:1.5px;font-size:1.05rem}.minigame-instruction{margin-top:3px;font-size:.68rem}.minigame-hud{gap:24px;margin-top:8px}.minigame-timer{font-size:1.5rem}.minigame-reps{font-size:.72rem}.minigame-reps span{font-size:1rem}.rhythm-track{width:72%;height:30px;margin-top:12px}.minigame-feedback{min-height:22px;margin-top:8px;font-size:1.1rem}.minigame-instant{border-radius:10px;gap:8px;padding:7px 14px}.minigame-instant .mgi-icon{font-size:1rem}.minigame-instant .mgi-title{letter-spacing:1px;font-size:.68rem}.minigame-instant .mgi-sub{font-size:.65rem}body.mobile-on #minigame-screen.active .minigame-touch{height:clamp(56px,24%,96px);padding:8px;padding-bottom:max(8px, env(safe-area-inset-bottom));gap:8px}.mg-tap{letter-spacing:1.5px;border-radius:14px;font-size:.9rem}}@media (orientation:landscape) and (max-height:420px){.minigame-top{margin-top:4px;padding:5px 14px}.minigame-title{font-size:.85rem}.minigame-instruction{margin-top:2px;font-size:.6rem}.minigame-hud{gap:18px;margin-top:4px}.minigame-timer{font-size:1.1rem}.minigame-reps{font-size:.62rem}.minigame-reps span{font-size:.85rem}.rhythm-track{height:22px;margin-top:6px}.minigame-feedback{min-height:14px;margin-top:4px;font-size:.85rem}.minigame-instant{gap:6px;padding:5px 12px}.minigame-instant .mgi-icon{font-size:.85rem}.minigame-instant .mgi-title{font-size:.6rem}.minigame-instant .mgi-sub{font-size:.58rem}body.mobile-on #minigame-screen.active .minigame-touch{height:clamp(40px, calc(var(--app-h) * .2), 96px);padding:5px;padding-bottom:max(5px, env(safe-area-inset-bottom))}.mg-tap{border-radius:10px;font-size:.72rem}}.minigame-feedback.good{color:#7da35a;text-shadow:0 0 12px #7da35a80}.minigame-feedback.perfect{color:var(--neon-orange);text-shadow:0 0 14px #d9a44199}.minigame-feedback.miss{color:var(--neon-red)}.creator-gear-hint{color:#ffffff80;margin:6px 0 4px;font-size:.78rem;line-height:1.4}.creator-gear-hint b{color:var(--neon-orange)}.creator-cost-notice{font-family:var(--font-hud);letter-spacing:1px;color:#8fc46a;text-align:center;background:#7da35a1a;border:1px solid #7da35a40;border-radius:8px;margin:4px 0;padding:8px 12px;font-size:.72rem}.opp-mini-portrait{background:#0003;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;width:56px;height:56px;position:relative;box-shadow:0 4px 10px #0000004d}.opp-mini-portrait canvas,.ladder-face canvas{border-radius:8px;width:100%;height:100%;display:block}.opp-belt{border-radius:3px;height:12px;position:absolute;bottom:10px;left:8px;right:8px}.opp-stat-line{font-family:var(--font-hud);letter-spacing:2px;color:#ffffff8c;margin-top:6px;font-size:.75rem}.diff-easy{color:#7da35a!important}.diff-medium{color:var(--neon-orange)!important}.diff-hard{color:var(--neon-red)!important}.diff-boss{text-shadow:0 0 10px #d24bd280;color:#d24bd2!important}.ladder-progress{background:#ffffff14;border-radius:4px;height:8px;margin:14px 20px 4px;overflow:hidden}.ladder-progress-fill{background:linear-gradient(90deg, var(--neon-blue), #a8721f);border-radius:4px;height:100%;transition:width .4s}#shop-screen,#ladder-screen{z-index:26;background:#030308e6}.shop-layout,.ladder-layout{flex-direction:column;align-items:center;gap:16px;width:92%;max-width:900px;display:flex}.shop-header{isolation:isolate;filter:drop-shadow(0 0 12px #ffd70033);background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 28px;display:flex;position:relative}.shop-header:before{content:"";clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-2;background:#ffd7004d;position:absolute;top:0;bottom:0;left:0;right:0}.shop-header:after{content:"";clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);z-index:-1;background:linear-gradient(#120e18f0 0%,#0a0810f5 100%);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.shop-header>*{z-index:3;position:relative}.shop-header .creator-title{margin:0}.shop-money{font-family:var(--font-hud);color:gold;text-shadow:0 0 14px #ffd70099;font-size:1.8rem;font-weight:900}.shop-slots{flex-direction:column;gap:14px;width:100%;max-height:62vh;padding-right:4px;display:flex;overflow-y:auto}.shop-slot{isolation:isolate;filter:drop-shadow(0 0 10px #00000080);background:0 0;border:none;padding:16px 20px;position:relative}.shop-slot:before{content:"";clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-2;background:#ffffff1a;position:absolute;top:0;bottom:0;left:0;right:0}.shop-slot:after{content:"";clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);z-index:-1;background:linear-gradient(#100e18f0 0%,#0a0810f5 100%);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.shop-slot>*{z-index:3;position:relative}.shop-slot h3{font-family:var(--font-hud);letter-spacing:2px;align-items:center;gap:10px;margin-bottom:14px;font-size:.95rem;display:flex}.shop-slot-icon{font-size:1.3rem}.shop-item-row{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.shop-item{isolation:isolate;text-align:center;cursor:pointer;box-sizing:border-box;--shop-border-color:#94a3b84d;--shop-glow-color:transparent;--shop-bg-gradient:linear-gradient(135deg, #141620eb 0%, #0a0810f5 100%);filter:drop-shadow(0 0 6px var(--shop-glow-color));background:0 0;border:none;padding:14px 10px;transition:all .25s cubic-bezier(.25,1,.5,1);position:relative}.shop-item:before{content:"";background:var(--shop-border-color);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);z-index:-2;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.shop-item:after{content:"";background:var(--shop-bg-gradient);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);z-index:-1;transition:all .25s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.shop-item>*{z-index:3;position:relative}.shop-item:hover{--shop-border-color:gold;--shop-glow-color:#ffd70080;--shop-bg-gradient:linear-gradient(135deg, #261e0af2 0%, #0a0810fa 100%);transform:translateY(-3px)scale(1.02)}.shop-item.equipped{--shop-border-color:#4ade80;--shop-glow-color:#4ade8080;--shop-bg-gradient:linear-gradient(135deg, #0e2014f2 0%, #0a0810fa 100%)}.shop-item.locked{opacity:.5;--shop-border-color:#ffffff14}.shop-item.locked:hover{--shop-border-color:#ffffff26;--shop-glow-color:transparent;--shop-bg-gradient:linear-gradient(135deg, #141620eb 0%, #0a0810f5 100%);transform:none}.shop-item.shake{animation:.3s shopShake}@keyframes shopShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.shop-swatch{clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);filter:drop-shadow(0 0 6px #ffffff4d);border:none;width:36px;height:36px;margin:0 auto 8px}.shop-item-name{min-height:2.1em;margin-bottom:4px;font-size:.78rem;font-weight:600}.shop-item-bonus{color:var(--color-blue-corner);margin-bottom:8px;font-size:.68rem}.shop-item-action{font-family:var(--font-hud);font-size:.72rem}.tag-price{color:gold;font-weight:700}.tag-owned{color:var(--color-steel-chrome);font-weight:700}.tag-equipped{color:#4ade80;letter-spacing:1px;font-weight:900}.shop-slot-premium{filter:drop-shadow(0 0 14px #a05aff47)}.shop-slot-premium:before{background:linear-gradient(135deg,#be82ff8c,#ffd70073)}.shop-slot-premium h3{color:#e9d5ff}.shop-premium-note{color:var(--color-steel-chrome,#94a3b8);margin-bottom:12px;font-size:.78rem}.shop-item-row-premium{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.shop-item-premium{--shop-border-color:#be82ff66;--shop-glow-color:#a05aff40;flex-direction:column;align-items:center;display:flex}.shop-item-premium:hover{--shop-border-color:#c084fc;--shop-glow-color:#c084fc8c;--shop-bg-gradient:linear-gradient(135deg, #1e122af2 0%, #0a0810fa 100%)}.shop-item-premium.prem-premium{--shop-border-color:#ffd70080}.shop-item-premium.prem-set{--shop-border-color:#be82ff80}.shop-item-premium.buying{opacity:.6;pointer-events:none}.shop-prem-icon{filter:drop-shadow(0 0 8px #c084fc80);margin-bottom:6px;font-size:2rem}.shop-item-desc{color:var(--color-steel-chrome,#94a3b8);min-height:2.4em;margin-bottom:6px;font-size:.68rem;line-height:1.2}.tag-donate{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#a855f7,#6d28d9);border-radius:6px;padding:4px 12px;font-weight:800;display:inline-block;box-shadow:0 0 12px #a855f780}#ladder-screen{box-sizing:border-box;background:radial-gradient(circle,#0e0c16f2 0%,#050408fa 100%);justify-content:center;align-items:center;padding:20px;display:flex}.ladder-layout{background:var(--color-panel-glass);border:1px solid var(--color-panel-border);box-sizing:border-box;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);flex-direction:column;width:100%;max-width:900px;height:90vh;padding:24px 28px;display:flex;position:relative;box-shadow:0 16px 48px #000c,inset 0 1px 1px #ffffff1a}.ladder-header-bar{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:18px;display:flex}.ladder-main-title{font-family:var(--font-hud);letter-spacing:2px;color:var(--color-text-primary);align-items:center;gap:12px;margin:0;font-size:1.6rem;font-weight:900;display:flex}.ladder-main-title .gold-badge{color:var(--color-gold-championship);letter-spacing:1.5px;font-size:.75rem;font-family:var(--font-main);background:#ffd70026;border:1px solid #ffd70066;border-radius:4px;padding:2px 10px;font-weight:700}.ladder-sub-title{font-family:var(--font-main);color:var(--color-text-muted);letter-spacing:1px;margin:4px 0 0;font-size:.8rem}.ladder-header-stats{align-items:center;gap:20px;display:flex}.ladder-stat-item{flex-direction:column;align-items:flex-end;display:flex}.ladder-stat-lbl{letter-spacing:1px;color:var(--color-text-secondary);font-size:.65rem;font-weight:700}.ladder-stat-val{font-family:var(--font-hud);color:var(--color-text-primary);font-size:1.1rem;font-weight:800}.ladder-stat-val.gold-val{color:var(--color-gold-championship);text-shadow:0 0 10px #ffd70066}.ladder-jump-btn{color:var(--color-gold-championship);font-family:var(--font-hud);letter-spacing:1px;cursor:pointer;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:#ffd7001f;border:1px solid #ffd70080;padding:8px 14px;font-size:.75rem;font-weight:700;transition:all .2s}.ladder-jump-btn:hover{background:#ffd70040;transform:translateY(-1px);box-shadow:0 0 12px #ffd70066}.ladder-list-container{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.ladder-list{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;height:100%;padding-right:8px;display:flex;overflow-y:auto}.ladder-row{box-sizing:border-box;--row-border-color:#ffffff1a;--row-glow-color:transparent;filter:drop-shadow(0 2px 6px #0006);background:#ffffff06;border:none;align-items:center;gap:16px;padding:12px 18px;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.ladder-row:before{content:"";background:var(--row-border-color);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:1;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.ladder-row:after{content:"";background:var(--row-bg-gradient,linear-gradient(135deg, #14121cf2 0%, #0a080efa 100%));clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);z-index:2;transition:all .25s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.ladder-row>*{z-index:3;position:relative}.ladder-row.beaten{opacity:.75;--row-border-color:#4ade8040;--row-bg-gradient:linear-gradient(135deg, #0c1810d9 0%, #080c0af2 100%)}.ladder-row.beaten:hover{opacity:1;--row-border-color:#4ade8080}.ladder-row.current{--row-border-color:var(--color-gold-championship);--row-glow-color:#ffd70099;--row-bg-gradient:linear-gradient(135deg, #2d2208f2 0%, #100c14fa 100%);filter:drop-shadow(0 0 14px var(--row-glow-color));transform:scale(1.015)}.ladder-row.locked{opacity:.45;--row-border-color:#ffffff0d}.ladder-rank-badge{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:44px;display:flex}.ladder-rank-num{font-family:var(--font-hud);color:var(--color-text-secondary);font-size:.95rem;font-weight:900}.ladder-status-icon{margin-top:2px;font-size:1.1rem}.ladder-row.current .ladder-rank-num{color:var(--color-gold-championship);text-shadow:0 0 8px #ffd70099}.ladder-row.beaten .ladder-rank-num{color:#4ade80}.ladder-face{filter:drop-shadow(0 0 8px #ffffff26);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ladder-row.current .ladder-face{filter:drop-shadow(0 0 10px #ffd70080)}.ladder-face.locked{color:#ffffff4d;font-size:1.3rem}.ladder-info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.ladder-name-row{align-items:center;gap:10px;display:flex}.ladder-name{font-family:var(--font-hud);letter-spacing:1px;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;overflow:hidden}.ladder-target-badge{font-size:.65rem;font-family:var(--font-main);letter-spacing:1px;color:#000;background:var(--color-gold-championship);border-radius:3px;padding:2px 8px;font-weight:800;box-shadow:0 0 8px #ffd70099}.ladder-beaten-badge{font-size:.65rem;font-family:var(--font-main);letter-spacing:1px;color:#4ade80;background:#4ade8026;border:1px solid #4ade804d;border-radius:3px;padding:1px 6px;font-weight:800}.ladder-meta-row{align-items:center;gap:12px;font-size:.75rem;display:flex}.ladder-diff-tag{letter-spacing:.8px;background:#ffffff0f;border-radius:3px;padding:1px 6px;font-weight:700}.ladder-diff-tag.diff-easy{color:#4ade80}.ladder-diff-tag.diff-medium{color:#facc15}.ladder-diff-tag.diff-hard{color:#fb923c}.ladder-diff-tag.diff-boss{color:#ef4444;text-shadow:0 0 6px #ef444480}.ladder-stat-tag{color:var(--color-text-secondary);font-weight:600}.ladder-purse-tag{color:var(--color-gold-championship);font-weight:700}.ladder-action-col{flex-shrink:0;justify-content:flex-end;align-items:center;min-width:110px;display:flex}.ladder-fight-now-btn{background:var(--color-gold-championship);color:#000;font-family:var(--font-hud);letter-spacing:1px;cursor:pointer;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border:none;padding:8px 16px;font-size:.8rem;font-weight:900;transition:all .2s;box-shadow:0 0 12px #ffd70080}.ladder-fight-now-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 0 18px #fffc}.ladder-cleared-text{font-family:var(--font-main);color:#4ade80b3;letter-spacing:1px;font-size:.75rem;font-weight:700}.ladder-locked-text{font-family:var(--font-main);color:var(--color-text-muted);letter-spacing:1px;font-size:.75rem}.ladder-footer{border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-start;padding-top:16px;display:flex}.ladder-back-btn{cursor:pointer;color:var(--color-steel-chrome);font-family:var(--font-hud);letter-spacing:1.5px;filter:drop-shadow(0 0 6px #94a3b84d);background:0 0;border:none;align-items:center;gap:10px;padding:10px 22px;font-size:.9rem;font-weight:800;transition:all .25s;display:inline-flex;position:relative}.ladder-back-btn:before{content:"";background:var(--color-steel-dark);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);z-index:1;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.ladder-back-btn:after{content:"";clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);z-index:2;background:linear-gradient(135deg,#141820f2 0%,#0a0c12fa 100%);transition:all .25s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.ladder-back-btn>*{z-index:3;position:relative}.ladder-back-btn:hover{color:#fff;filter:drop-shadow(0 0 10px #ffffff80);transform:translateY(-1px)}.ladder-back-btn:hover:before{background:var(--color-steel-chrome)}@media (max-width:768px){.ladder-layout{height:95vh;padding:16px 14px}.ladder-header-bar{flex-direction:column;align-items:flex-start;gap:12px}.ladder-header-stats{justify-content:space-between;width:100%}.ladder-row{gap:10px;padding:10px 12px}.ladder-name{font-size:.9rem}.ladder-action-col{min-width:90px}.ladder-fight-now-btn{padding:6px 10px;font-size:.75rem}}@media (max-width:900px){#creator-screen{justify-content:center;align-items:center;overflow:hidden}.creator-sidebar{width:min(94%,500px);height:auto;max-height:none;margin:0;position:absolute;top:12px;bottom:12px;left:50%;right:auto;overflow:hidden;transform:translate(-50%)}.creator-sidebar .sidebar-content{max-height:none;overflow-y:auto}.shop-item-row{grid-template-columns:repeat(3,1fr)}.menu-sections{grid-template-columns:1fr;gap:20px}.game-title{font-size:3.5rem}}@media (max-width:600px){.shop-layout,.ladder-layout{gap:10px;width:96%}.shop-header,.ladder-row{border-radius:10px;padding:8px 12px}.ladder-row{gap:8px}.ladder-rank{flex:0 0 26px;width:26px;height:26px;font-size:.85rem}.ladder-face{width:34px;height:34px}.ladder-name{font-size:.85rem}.ladder-sub{font-size:.62rem}.ladder-purse{font-size:.8rem}}@media (max-width:480px){.game-title{font-size:2.5rem}.sidebar-footer,.career-bottom-nav{flex-direction:column;gap:6px;width:100%}.career-bottom-nav .nav-btn{flex:100%}}@media (max-width:360px){.sidebar-header{padding:12px 16px}.sidebar-content{padding:16px}}@media (max-height:760px){.career-left-panel,.career-right-panel{width:320px}.sidebar-header{padding:14px 18px}.sidebar-content{gap:14px;padding:16px 18px}.profile-name,.creator-title{font-size:1.25rem}.profile-avatar-badge{width:44px;height:44px}.money-value{font-size:1.45rem}.stat-row-label{font-size:.72rem}.sidebar-action-btn{border-radius:10px;padding:8px 10px}.sidebar-action-btn .btn-icon{width:28px;height:28px;font-size:1.1rem}.sidebar-action-btn .btn-title{letter-spacing:.4px;font-size:.66rem}.sidebar-action-btn .btn-subtitle{font-size:.56rem}.opponent-card-container{margin-bottom:4px;padding:10px}.opp-head{gap:10px}.opp-mini-portrait{width:44px;height:44px}.opp-name{font-size:1rem}.opp-vitals{gap:6px;margin:6px 0}.opp-vital{padding:4px 8px}.opp-vital-num{font-size:.85rem}.opp-vital-lbl{font-size:.5rem}.opp-purse{margin-top:6px;font-size:.72rem}.opp-purse b{font-size:.82rem}.fight-btn{padding:10px;font-size:.95rem}.career-bottom-nav{bottom:12px}.career-bottom-nav .nav-btn{padding:8px 18px;font-size:.72rem}}@media (max-height:600px){.career-left-panel,.career-right-panel{border-radius:14px;width:300px}.sidebar-header{padding:8px 14px}.sidebar-content{gap:8px;padding:10px 14px}.profile-meta{gap:8px}.profile-avatar-badge{width:36px;height:36px}.profile-name,.creator-title{font-size:1.1rem}.profile-record{margin-top:0;font-size:.65rem}.money-value{font-size:1.25rem}.section-title{margin-bottom:8px;padding-bottom:4px;font-size:.7rem}.stats-list{gap:6px}.stat-row-label{margin-bottom:2px;font-size:.65rem}.stat-track{height:6px}.energy-container{margin-top:8px;margin-bottom:6px}.energy-label{margin-bottom:4px;font-size:.65rem}.fighter-actions-row{gap:6px;margin-top:6px}.sidebar-action-btn{border-radius:8px;gap:6px;padding:6px}.sidebar-action-btn .btn-icon{border-radius:6px;width:24px;height:24px;font-size:1rem}.sidebar-action-btn .btn-title{font-size:.7rem}.opponent-card-container{border-radius:8px;padding:6px}.opp-mini-portrait{border-radius:6px;width:36px;height:36px}.opp-name{font-size:.85rem}.opp-diff{font-size:.6rem}.opp-vitals{gap:4px;margin:4px 0}.opp-vital{border-radius:6px;padding:2px 6px}.opp-vital-ico{font-size:.8rem}.opp-vital-num{font-size:.75rem}.opp-stats{gap:4px}.opp-stat-name{flex:0 0 60px;width:60px;font-size:.52rem}.opp-stat-track{height:4px}.ladder-progress{height:4px;margin:6px 10px 2px}.opp-purse{margin-top:4px;font-size:.65rem}.opp-purse b{font-size:.75rem}.fight-btn{border-radius:8px;margin-top:4px;padding:8px;font-size:.85rem}.career-bottom-nav{gap:6px;bottom:8px}.career-bottom-nav .nav-btn{border-radius:14px;padding:6px 14px;font-size:.65rem}}.menu-modes{flex-direction:column;gap:14px;width:300px}.menu-modes .menu-btn,.menu-modes .glow-btn{width:100%}.menu-modes .glow-btn{padding:16px 40px;font-size:1.2rem}.modal-overlay{height:calc(100% - var(--pg-banner-inset));z-index:40;opacity:0;visibility:hidden;background:#030308b3;justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-box{width:90%;max-width:480px;max-height:calc(var(--app-h) - 24px);text-align:left;isolation:isolate;filter:drop-shadow(0 0 24px #000000e6)drop-shadow(0 0 12px #00bfff40);background:0 0;border:none;flex-direction:column;padding:30px 34px;display:flex;position:relative;overflow:hidden}.modal-box:before{content:"";clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);z-index:-2;background:linear-gradient(135deg,#00bfff 0%,#94a3b84d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.modal-box:after{content:"";clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);z-index:-1;background:linear-gradient(#0e0c16f5 0%,#08070cfa 100%);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.modal-box>*{z-index:3;flex:none;position:relative}.modal-box>.controls-list,.modal-box>.quests-list,.modal-box>.achievements-grid,.modal-box>.leaderboard-body,.modal-box>.social-actions-list,.modal-box>.auth-benefits,.modal-box>.modal-scroll{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow-y:auto}.modal-box h3{font-family:var(--font-hud);letter-spacing:2px;color:#fff;text-shadow:0 0 10px #00bfff80;border-bottom:1px solid #ffffff1f;margin-bottom:18px;padding-bottom:10px;font-size:1.3rem;font-weight:900}.modal-box .controls-list{font-size:.85rem}.controls-touch-note{color:var(--color-text-secondary);margin:14px 0 22px;font-size:.8rem;line-height:1.5}.controls-list-touch{display:none}body.mobile-on .controls-list-touch{display:block}body.mobile-on .controls-list-keys,body.mobile-on .controls-touch-note{display:none}.modal-box .glow-btn{width:100%;padding:14px;font-size:1.1rem;display:block}.settings-box{max-width:420px}.settings-toggle{cursor:pointer;text-align:left;color:#f4ece0;background:linear-gradient(135deg,#0a1820e6 0%,#0a0810f5 100%);border:1px solid #00bfff73;border-radius:12px;align-items:center;gap:14px;width:100%;margin-bottom:18px;padding:12px 16px;transition:border-color .2s,background .2s;display:flex}.settings-toggle:hover{border-color:#00bfff}.settings-toggle.off{background:linear-gradient(135deg,#200c0ce6 0%,#0a0810f5 100%);border-color:#ef44448c}.settings-toggle .st-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.settings-toggle .st-text{flex-direction:column;gap:2px;display:flex}.settings-toggle .st-title{font-family:var(--font-hud);letter-spacing:2px;font-size:.82rem;font-weight:800}.settings-toggle .st-state{color:var(--neon-blue,#00bfff);font-size:.75rem}.settings-toggle.off .st-state{color:#ef4444}.settings-row{margin-bottom:16px}.settings-label{font-family:var(--font-hud);letter-spacing:1.6px;color:var(--color-text-secondary,#ffffffa6);margin-bottom:6px;font-size:.72rem;display:block}.settings-slider-row{align-items:center;gap:12px;display:flex}.settings-value{text-align:right;font-family:var(--font-hud);font-variant-numeric:tabular-nums;color:#fff;flex:0 0 44px;font-size:.8rem}.settings-slider{cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:none;background:0 0;flex:1;min-width:0;height:26px;margin:0;padding:0}.settings-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#00bfffbf,#00bfff40);border:1px solid #ffffff24;border-radius:3px;height:6px}.settings-slider::-moz-range-track{background:linear-gradient(90deg,#00bfffbf,#00bfff40);border:1px solid #ffffff24;border-radius:3px;height:6px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f4ece0;border:2px solid #00bfff;border-radius:50%;width:20px;height:20px;margin-top:-8px;box-shadow:0 0 10px #00bfff99}.settings-slider::-moz-range-thumb{background:#f4ece0;border:2px solid #00bfff;border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #00bfff99}.levelup-box{text-align:center;filter:drop-shadow(0 0 26px #000000e6)drop-shadow(0 0 16px #ffd70066);max-width:380px}.levelup-box:before{background:linear-gradient(135deg,gold 0%,#ffa50080 100%)}.levelup-box .levelup-badge{filter:drop-shadow(0 0 14px #ffd700d9);margin-bottom:6px;font-size:3.2rem;line-height:1;animation:1.4s ease-in-out infinite levelupPulse}.levelup-box .levelup-title{font-family:var(--font-hud);letter-spacing:3px;color:gold;text-shadow:0 0 14px #ffd70099;margin-bottom:10px;font-size:1.35rem;font-weight:900}.levelup-box .levelup-level{font-family:var(--font-hud);color:#fff;text-shadow:0 0 16px #ffd70080;margin-bottom:12px;font-size:1.9rem;font-weight:900}.levelup-box .levelup-desc{color:var(--color-text-secondary);margin-bottom:22px;font-size:.92rem;line-height:1.5}.levelup-box .glow-btn{--btn-glow-color:#ffd700bf}@keyframes levelupPulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.select-layout{flex-direction:column;align-items:center;gap:10px;width:94%;max-width:1000px;height:92vh;display:flex}.select-layout .creator-title{font-family:var(--font-hud);letter-spacing:3px;color:#fff;text-shadow:0 0 18px #3b82f699;margin:0;font-size:2rem}.select-columns{grid-template-columns:1fr 1fr;gap:24px;width:100%;margin:8px 0 4px;display:grid}.select-columns.single{grid-template-columns:1fr;max-width:460px}.select-column-title{font-family:var(--font-hud);letter-spacing:2px;color:var(--color-blue-corner);text-align:center;text-shadow:0 0 8px #3b82f680;margin-bottom:12px;font-size:.85rem;font-weight:800}.roster-grid{flex-direction:column;gap:8px;max-height:52vh;padding:4px;display:flex;overflow-y:auto}.roster-card{isolation:isolate;cursor:pointer;box-sizing:border-box;filter:drop-shadow(0 0 6px #94a3b840);background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;transition:all .25s;display:flex;position:relative}.roster-card:before{content:"";clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);z-index:-2;background:#475569;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.roster-card:after{content:"";clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);z-index:-1;background:linear-gradient(135deg,#12141cf0 0%,#0a0810f5 100%);transition:all .25s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.roster-card>*{z-index:3;position:relative}.roster-card:hover{filter:drop-shadow(0 0 10px #3b82f680);transform:scale(1.02)}.roster-card:hover:before{background:#3b82f6}.roster-card.selected{filter:drop-shadow(0 0 14px #3b82f6bf)}.roster-card.selected:before{background:#3b82f6}.roster-card.selected:after{background:linear-gradient(135deg,#10203cf2 0%,#0a0810fa 100%)}.roster-swatch{border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;width:26px;height:26px}.roster-info{flex-direction:column;min-width:0;display:flex}.roster-name{font-family:var(--font-hud);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.roster-sub{letter-spacing:1px;color:#ffffff8c;font-size:.72rem}.fighter-stage{pointer-events:none;flex:auto;width:100%;min-height:120px}.fighter-cards{flex-shrink:0;justify-content:center;align-items:stretch;gap:20px;width:100%;display:flex}.fighter-cards.single{max-width:360px}.fighter-card{--accent:#3b82f6;--accent-glow:#3b82f666;isolation:isolate;box-sizing:border-box;min-width:0;max-width:360px;filter:drop-shadow(0 0 12px var(--accent-glow));flex:1 1 0;padding:14px 18px 16px;position:relative}.fighter-card.accent-red{--accent:#ef4444;--accent-glow:#ef444466}.fighter-card:before{content:"";background:var(--accent);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);z-index:-2;position:absolute;top:0;bottom:0;left:0;right:0}.fighter-card:after{content:"";clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);z-index:-1;background:linear-gradient(135deg,#101018f5 0%,#09080cf7 100%);position:absolute;top:2px;bottom:2px;left:2px;right:2px}.fc-role{font-family:var(--font-hud);letter-spacing:2px;text-align:center;color:var(--accent);text-shadow:0 0 8px var(--accent-glow);margin-bottom:6px;font-size:.7rem;font-weight:800}.fc-head{align-items:center;gap:8px;display:flex}.fc-ident{text-align:center;flex:auto;min-width:0}.fc-name{font-family:var(--font-hud);letter-spacing:1px;color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 14px var(--accent-glow);font-size:1.15rem;font-weight:800;overflow:hidden}.fc-diff{letter-spacing:1px;color:#fff9;margin-top:2px;font-size:.72rem;font-weight:700}.fc-count{font-family:var(--font-hud);letter-spacing:2px;color:var(--accent);opacity:.85;margin-top:3px;font-size:.7rem}.carousel-arrow{width:44px;height:44px;font-family:var(--font-hud);color:var(--accent,#ef4444);border:1.5px solid var(--accent,#ef4444);cursor:pointer;-webkit-user-select:none;user-select:none;background:#100e14b8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.9rem;font-weight:800;line-height:1;transition:transform .2s,filter .2s,background .2s;display:flex}.carousel-arrow:hover{background:var(--accent,#ef4444);color:#0a0a0f;filter:drop-shadow(0 0 12px var(--accent-glow,#ef4444b3));transform:scale(1.12)}.carousel-arrow:active{transform:scale(.95)}.carousel-arrow.prev{padding-right:3px}.carousel-arrow.next{padding-left:3px}.fighter-card .opp-vitals{gap:6px;margin:10px 0 8px}.fighter-card .opp-vital{min-width:0;padding:5px 8px}.fighter-card .opp-vital-lbl{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.5rem;overflow:hidden}@media (max-width:720px){.fighter-cards{gap:10px}.fighter-card{padding:10px 12px 12px}.carousel-arrow{width:38px;height:38px;font-size:1.6rem}.fc-name{font-size:.95rem}.fighter-card .opp-stat-name{flex:0 0 62px;width:62px}}.select-actions{align-items:center;gap:16px;margin-top:8px;display:flex}.select-actions .glow-btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:640px){.select-columns{grid-template-columns:1fr}.roster-grid{max-height:34vh}}#mobile-toggle{right:14px;bottom:calc(14px + var(--pg-banner-inset));z-index:60;border:1px solid var(--glass-border);background:var(--panel-bg);color:#fff;cursor:pointer;opacity:.55;border-radius:50%;width:46px;height:46px;font-size:1.3rem;line-height:1;transition:opacity .2s,transform .15s;position:fixed}#mobile-toggle:hover{opacity:1;transform:scale(1.06)}body.mobile-on #mobile-toggle{opacity:1;border-color:var(--neon-orange);box-shadow:0 0 12px #d9a44180}#mobile-controls{display:none}body.mobile-on #game-hud.active #mobile-controls{pointer-events:none;z-index:15;-webkit-user-select:none;user-select:none;perspective:500px;transform-style:preserve-3d;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#mc-touch-zone{pointer-events:auto;z-index:1;-webkit-tap-highlight-color:transparent;touch-action:none;width:50%;height:100%;position:absolute;top:0;left:0}.mc-btn{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;font-family:var(--font-hud);letter-spacing:1.5px;color:#f4ece0;border:1px solid var(--mc-accent-soft,#ffffff24);cursor:pointer;text-align:center;background:linear-gradient(160deg,#ffffff0f 0%,#0000 42%),linear-gradient(135deg,#1e1814e0 0%,#0b0907f5 100%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:.65rem;font-weight:800;transition:transform .1s cubic-bezier(.34,1.56,.64,1),border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff24,inset 0 -8px 18px #0000004d}.mc-btn:before{content:"";background:linear-gradient(180deg, var(--mc-accent-soft,#ffffff1f) 0%, transparent 100%);opacity:.5;pointer-events:none;z-index:0;height:55%;position:absolute;top:0;left:0;right:0}.mc-btn:after{content:"";background:radial-gradient(circle at 50% 55%, var(--mc-accent,#ffffff59) 0%, transparent 70%);opacity:0;pointer-events:none;z-index:0;width:100%;height:100%;transition:opacity .15s;position:absolute;top:0;left:0}.mc-btn:active,.mc-btn.active{transform:scale(.9)}.mc-btn:active:after,.mc-btn.active:after{opacity:.35}.mc-btn-icon{z-index:1;width:24px;height:24px;filter:drop-shadow(0 0 4px var(--mc-accent,#fff6));transition:transform .12s cubic-bezier(.34,1.56,.64,1),filter .15s;position:relative}.mc-btn:active .mc-btn-icon,.mc-btn.active .mc-btn-icon{filter:drop-shadow(0 0 9px var(--mc-accent,#ffffffb3));transform:scale(1.12)}.mc-btn-glow{opacity:0;pointer-events:none;filter:blur(12px);z-index:0;width:100px;height:100px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mc-dodge .mc-btn-glow{background:radial-gradient(circle,#38bdf866 0%,#0000 75%)}.mc-block .mc-btn-glow{background:radial-gradient(circle,#4ade8066 0%,#0000 75%)}.mc-btn:active .mc-btn-glow,.mc-btn.active .mc-btn-glow{opacity:1}.mc-btn-text{z-index:1;position:relative}.mc-stick{pointer-events:none;touch-action:none;-webkit-tap-highlight-color:transparent;left:calc(env(safe-area-inset-left,0px) + 5% + 76px);bottom:calc(10% + env(safe-area-inset-bottom,0px));z-index:2;width:152px;height:152px;transform-style:preserve-3d;background:radial-gradient(circle,#0e0a0859 0%,#18120eb3 70%,#0d0a08d9 100%);border:2px solid #d9a44140;border-radius:50%;transition:border-color .2s,box-shadow .2s,transform .18s cubic-bezier(.25,.8,.25,1);position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #0000008c,inset 0 0 25px #d9a4410a}.mc-stick:before{content:"";pointer-events:none;border:1px dashed #d9a44126;border-radius:50%;position:absolute;top:15px;bottom:15px;left:15px;right:15px}.mc-stick.active{border-color:#d9a44180;transition:border-color .2s,box-shadow .2s;box-shadow:0 8px 30px #0009,0 0 20px #d9a4414d,inset 0 0 25px #d9a44114}.mc-stick-knob{pointer-events:none;background:radial-gradient(circle,#ffdc96f2 0%,#d9a441bf 60%,#1e160ef2 100%);border:2px solid #d9a44173;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin:-33px 0 0 -33px;transition:box-shadow .15s,border-color .15s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px #00000080,inset 0 0 8px #ffffff26}.mc-knob-inner{background:#140f0bb3;border:1px solid #d9a44166;border-radius:50%;width:22px;height:22px;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 4px #0009}.mc-stick.active .mc-knob-inner{background:#d9a44126;border-color:#ffe3a8;transform:scale(1.15);box-shadow:0 0 10px #d9a441cc,inset 0 1px 3px #d9a44166}.mc-indicator{opacity:.25;pointer-events:none;border-style:solid;width:0;height:0;transition:opacity .15s,transform .15s,filter .15s;position:absolute}.mc-dir-up{border-width:0 6px 8px;border-color:#0000 #0000 #d9a441d9;top:10px;left:50%;transform:translate(-50%)}.mc-dir-right{border-width:6px 0 6px 8px;border-color:#0000 #0000 #0000 #d9a441d9;top:50%;right:10px;transform:translateY(-50%)}.mc-dir-down{border-width:8px 6px 0;border-color:#d9a441d9 #0000 #0000;bottom:10px;left:50%;transform:translate(-50%)}.mc-dir-left{border-width:6px 8px 6px 0;border-color:#0000 #d9a441d9 #0000 #0000;top:50%;left:10px;transform:translateY(-50%)}.mc-stick.dir-up .mc-dir-up{opacity:1;filter:drop-shadow(0 0 5px #d9a441);transform:translate(-50%)translateY(-2px)scale(1.3)}.mc-stick.dir-right .mc-dir-right{opacity:1;filter:drop-shadow(0 0 5px #d9a441);transform:translateY(-50%)translate(2px)scale(1.3)}.mc-stick.dir-down .mc-dir-down{opacity:1;filter:drop-shadow(0 0 5px #d9a441);transform:translate(-50%)translateY(2px)scale(1.3)}.mc-stick.dir-left .mc-dir-left{opacity:1;filter:drop-shadow(0 0 5px #d9a441);transform:translateY(-50%)translate(-2px)scale(1.3)}.mc-actions{pointer-events:none;right:5%;bottom:calc(5% + env(safe-area-inset-bottom,0px));z-index:2;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute}.mc-dodge{--mc-accent:#38bdf88c;--mc-accent-soft:#38bdf847;color:#dff2fe;width:116px;height:76px;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff24,inset 0 -8px 18px #0000004d,0 0 16px #38bdf81f}.mc-dodge.active,.mc-dodge:active{background:linear-gradient(160deg,#38bdf847 0%,#1e1814e6 70%);border-color:#38bdf8;box-shadow:0 2px 12px #0006,0 0 26px #38bdf88c,inset 0 0 14px #38bdf847}.mc-block{--mc-accent:#4ade808c;--mc-accent-soft:#4ade8047;color:#dcfce7;width:116px;height:76px;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff24,inset 0 -8px 18px #0000004d,0 0 16px #4ade801f}.mc-block.active,.mc-block:active{background:linear-gradient(160deg,#4ade8047 0%,#1e1814e6 70%);border-color:#4ade80;box-shadow:0 2px 12px #0006,0 0 26px #4ade808c,inset 0 0 14px #4ade8047}@media (max-width:720px),(max-height:520px){.mc-stick{width:120px;height:120px;left:calc(env(safe-area-inset-left,0px) + 5% + 60px);bottom:calc(10% + env(safe-area-inset-bottom,0px))}.mc-stick-knob{width:52px;height:52px;margin:-26px 0 0 -26px}.mc-knob-inner{width:16px;height:16px}.mc-dir-up{top:6px}.mc-dir-right{right:6px}.mc-dir-down{bottom:6px}.mc-dir-left{left:6px}.mc-actions{right:5%;bottom:calc(5% + env(safe-area-inset-bottom,0px));gap:8px}.mc-dodge,.mc-block{border-radius:16px;gap:5px;width:96px;height:60px}.mc-btn-icon{width:18px;height:18px}.mc-btn-text{letter-spacing:1px;font-size:.58rem}}.flat-panel{background:#0e0a08;border:1px solid #ffffff1a;box-shadow:0 15px 45px #000c}@media (max-width:768px){.menu-grid{grid-template-columns:1fr;gap:20px;width:100%}.menu-column-header{text-align:center;margin-bottom:4px;font-size:.8rem}}.menu-login-btn{font-family:var(--font-hud);letter-spacing:1px;color:var(--color-gold-championship);border:1px solid var(--color-gold-championship);cursor:pointer;background:linear-gradient(135deg,#2a2008e6,#0c0a10f2);border-radius:8px;margin-left:12px;padding:8px 16px;font-size:.75rem;font-weight:700;transition:transform .15s,box-shadow .15s}.menu-login-btn:hover{transform:translateY(-1px);box-shadow:0 0 14px #ffd70080}.social-bar{flex-wrap:wrap;gap:6px;width:100%;margin-top:8px;display:flex}.social-card{--cut:8px;--btn-border-color:#64748b;--btn-glow-color:#64748b59;--btn-bg-gradient:linear-gradient(135deg, #141620f2 0%, #0a0810f5 100%);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:62px;height:54px;padding:6px 4px}.social-card:hover{--btn-border-color:gold;--btn-glow-color:#ffd700a6;--btn-bg-gradient:linear-gradient(135deg, #241c0cf2 0%, #0a0810fa 100%)}.social-card:focus-visible{--btn-border-color:gold;--btn-glow-color:#ffd700a6;--btn-bg-gradient:linear-gradient(135deg, #241c0cf2 0%, #0a0810fa 100%)}.social-card:before{clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut))}.social-card:after{clip-path:polygon(calc(var(--cut) - 1px) 0, calc(100% - var(--cut) + 1px) 0, 100% calc(var(--cut) - 1px), 100% calc(100% - var(--cut) + 1px), calc(100% - var(--cut) + 1px) 100%, calc(var(--cut) - 1px) 100%, 0 calc(100% - var(--cut) + 1px), 0 calc(var(--cut) - 1px))}.social-card .menu-item-icon{width:26px;height:22px;margin-bottom:1px;font-size:1.15rem}.social-card .menu-item-text{min-width:0;max-width:100%;margin:0}.social-card .social-label{letter-spacing:.6px;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.55rem;line-height:1.1;display:block;overflow:hidden}.social-card:disabled{opacity:.5;cursor:default}.social-modal{max-width:480px}.social-modal-head{text-align:center}.social-modal-ico{filter:drop-shadow(0 0 14px #ffd70080);margin-bottom:6px;font-size:2.2rem;line-height:1;animation:1.8s ease-in-out infinite socialPulse}@keyframes socialPulse{0%,to{filter:drop-shadow(0 0 10px #ffd70066);transform:scale(1)}50%{filter:drop-shadow(0 0 22px #ffd700a6);transform:scale(1.08)}}.social-actions-list{flex-direction:column;gap:8px;margin:14px 0 16px;display:flex}.social-row{text-align:left;width:100%;color:var(--color-text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.social-row:hover:not(.done):not(:disabled){border-color:var(--color-gold-championship);transform:translate(3px);box-shadow:0 0 14px #ffd70040}.social-row.done,.social-row:disabled{opacity:.5;cursor:default;border-style:dashed;transform:none}.social-row-ico{text-align:center;filter:drop-shadow(0 0 8px #ffd70059);flex-shrink:0;width:2em;font-size:1.6rem;line-height:1}.social-row-text{flex:1;min-width:0}.social-row-title{font-family:var(--font-hud);color:#fff;letter-spacing:.5px;font-size:.78rem;font-weight:700;display:block}.social-row-desc{color:var(--color-text-secondary);margin-top:2px;font-size:.72rem;line-height:1.25;display:block}.social-row-arrow{color:var(--color-gold-championship);flex-shrink:0;font-size:1.2rem}.social-row-done{color:var(--color-gold-championship);flex-shrink:0;font-size:.7rem}.social-dismiss-group{flex-direction:column;gap:6px;display:flex}.social-fade{opacity:0;pointer-events:none;transition:opacity .45s,transform .45s;transform:translateY(8px)}.social-fade.ready{opacity:1;pointer-events:auto;transform:translateY(0)}.modal-box.modal-wide{max-width:640px}.modal-count{color:var(--color-gold-championship);float:right;font-size:.9rem}.modal-sub{color:var(--color-text-secondary);margin:-8px 0 16px;font-size:.82rem}.achievements-grid{grid-template-columns:1fr 1fr;gap:10px;max-height:56vh;margin-bottom:18px;padding-right:6px;display:grid;overflow-y:auto}.ach-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ach-card.unlocked{background:linear-gradient(135deg,#2a200859,#ffffff08);border-color:#ffd7008c}.ach-card.locked{opacity:.6}.ach-icon{background:#00000059;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.ach-body{flex:1;min-width:0}.ach-name{font-family:var(--font-hud);color:#fff;letter-spacing:.5px;font-size:.78rem;font-weight:700}.ach-desc{color:var(--color-text-secondary);margin:2px 0 5px;font-size:.72rem;line-height:1.25}.ach-track{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.ach-fill{background:linear-gradient(90deg, var(--color-gold-championship), #ffae42);border-radius:3px;height:100%;transition:width .3s}.ach-progress{color:var(--color-text-muted);margin-top:3px;font-size:.66rem}.quests-list{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.quest-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.quest-card.done{border-color:#4ade8080}.quest-card.claimed{opacity:.55}.quest-icon{flex-shrink:0;font-size:1.6rem}.quest-body{flex:1;min-width:0}.quest-text{color:#fff;margin-bottom:6px;font-size:.85rem;font-weight:600}.quest-track{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.quest-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;height:100%;transition:width .3s}.quest-progress{color:var(--color-text-muted);margin-top:3px;font-size:.7rem}.quest-action{text-align:right;flex-shrink:0}.quest-reward{color:var(--color-gold-championship);font-size:.85rem;font-weight:700}.quest-claimed{color:var(--neon-green);font-size:.78rem;font-weight:700}.quest-claim-btn{font-family:var(--font-hud);letter-spacing:1px;color:#09080c;background:linear-gradient(135deg, var(--color-gold-championship), #ffae42);cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:.72rem;font-weight:700;animation:1.4s infinite quest-pulse}@keyframes quest-pulse{0%,to{box-shadow:0 0 #ffd70000}50%{box-shadow:0 0 14px #ffd700b3}}.leaderboard-body{flex-direction:column;gap:6px;max-height:50vh;margin-bottom:16px;display:flex;overflow-y:auto}.lb-note{text-align:center;color:var(--color-text-secondary);padding:20px 8px;font-size:.85rem}.lb-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.lb-row.you{border-color:var(--color-blue-corner);background:#3b82f61f}.lb-rank{font-family:var(--font-hud);width:42px;color:var(--color-gold-championship);font-size:.85rem;font-weight:700}.lb-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.lb-avatar-ph{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;display:flex}.lb-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.lb-score{color:var(--color-gold-championship);font-size:.85rem;font-weight:700}.auth-benefits{flex-direction:column;gap:12px;margin:0 0 22px;padding:0;list-style:none;display:flex}.auth-benefits li{color:var(--color-text-primary);align-items:center;gap:10px;font-size:.9rem;display:flex}#achievement-toast{z-index:200;border:1px solid var(--color-gold-championship);opacity:0;pointer-events:none;background:linear-gradient(135deg,#2a2008f7,#0c0a10fa);border-radius:12px;align-items:center;gap:12px;padding:12px 20px;transition:transform .4s cubic-bezier(.2,.9,.3,1.2),opacity .4s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%,-140%);box-shadow:0 6px 26px #0009,0 0 18px #ffd70066}#achievement-toast.show{opacity:1;transform:translate(-50%)}.ach-toast-icon{background:#00000059;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;display:flex}.ach-toast-label{font-family:var(--font-hud);letter-spacing:2px;color:var(--color-gold-championship);font-size:.62rem}.ach-toast-name{font-family:var(--font-hud);color:#fff;font-size:.95rem;font-weight:900}@media (max-width:768px){.achievements-grid{grid-template-columns:1fr}}@media (orientation:landscape) and (max-height:520px){.screen{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#game-hud{padding:8px calc(14px + env(safe-area-inset-right,0px)) 8px calc(14px + env(safe-area-inset-left,0px));flex-wrap:nowrap;align-items:flex-start;gap:8px}.status-panel{width:clamp(180px,33vw,300px);padding:8px 12px}.match-info{order:0;width:auto;min-width:148px;margin-top:0;padding:7px 16px}.fighter-info{margin-bottom:5px}.fighter-name{font-size:.9rem}.stamina-percent{font-size:.72rem}.bar-container{height:14px;margin-bottom:6px}.bar-container.stamina-container{height:6px}.round-indicator{margin-bottom:2px;font-size:.7rem}.timer{font-size:1.6rem}.hud-message{margin-top:3px;font-size:.64rem}#pause-btn{width:40px;height:40px}#pause-btn svg{width:18px;height:18px}#combo-display{padding:7px 18px;font-size:1.2rem;bottom:70px}body.mobile-on #tutorial-coach{width:min(380px,100vw - 270px);max-width:380px;bottom:calc(6px + env(safe-area-inset-bottom,0px));gap:2px;padding:6px 12px 8px}body.mobile-on .tc-step{letter-spacing:1px;margin:0;font-size:.55rem}body.mobile-on .tc-headline{letter-spacing:1.2px;margin:0;font-size:.85rem}body.mobile-on .tc-hint,body.mobile-on .tc-done{margin:0;font-size:.65rem;line-height:1.25}body.mobile-on #tutorial-skip-btn{margin:0;padding:2px 4px;font-size:.55rem;position:absolute;top:6px;right:10px}#main-menu{padding:8px calc(20px + env(safe-area-inset-right,0px)) 10px calc(20px + env(safe-area-inset-left,0px))}.game-title{margin-bottom:2px;font-size:2rem}.game-subtitle{letter-spacing:3px;font-size:.62rem}.menu-columns-container{margin-top:4px}.menu-column{width:30%;min-width:0;max-width:320px}.menu-column-left,.menu-column-right,.right-grid-2x2{gap:7px}.mode-card{height:58px;padding:8px 14px}.right-grid-2x2{grid-auto-rows:minmax(0,62px)}.square-card{padding:8px 4px}.controls-card{height:46px;margin-top:7px}.social-bar{gap:4px;margin-top:5px}.social-card{--cut:6px;min-width:48px;height:44px;padding:4px 2px}.social-card .menu-item-icon{width:22px;height:18px;font-size:.95rem}.social-card .social-label{letter-spacing:.3px;font-size:.48rem}.menu-item-icon{width:34px;height:34px;font-size:1.3rem}.square-card .menu-item-icon{width:34px;height:30px;margin-bottom:2px;font-size:1.4rem}.menu-item-title{letter-spacing:1px;font-size:.86rem}.square-card .menu-item-title{font-size:.72rem}.menu-item-desc{font-size:.6rem}.square-card .menu-item-desc{font-size:.56rem}.menu-item-text{margin:0 10px}.player-card{gap:10px;padding:6px 12px}.player-avatar-badge{width:40px;height:40px}.player-card-name{font-size:.95rem}.player-card-level{font-size:.72rem}.player-xp-container{width:88px}#career-screen,#creator-screen{justify-content:flex-start;align-items:stretch;overflow:hidden}.creator-sidebar{top:calc(env(safe-area-inset-top,0px) + 8px);width:clamp(270px,40vw,358px);max-width:none;height:auto;max-height:none;bottom:8px;right:calc(env(safe-area-inset-right,0px) + 12px);border-radius:14px;margin:0;position:absolute;left:auto;overflow:hidden;transform:none}.career-left-panel .sidebar-content,.career-right-panel .sidebar-content,.creator-sidebar .sidebar-content{max-height:none;overflow-y:auto}.sidebar-header{padding:10px 16px}.sidebar-content{gap:12px;padding:12px 16px}.career-bottom-nav .nav-btn{flex:none;padding:8px 18px;font-size:.68rem}.sidebar-footer{flex-direction:row;gap:10px}#pause-screen .menu-content{max-height:calc(var(--app-h) - 16px)}#pause-screen h2{margin-bottom:12px;font-size:1.8rem}#pause-screen .button-group{grid-template-columns:1fr 1fr;gap:10px;width:min(440px,82vw);display:grid}.shop-layout,.select-layout,#training-result-screen .menu-content{max-height:calc(var(--app-h) - 16px)}.shop-slots{flex:1;overflow-y:auto}.ladder-layout{height:calc(var(--app-h) - 16px);padding:12px 14px;overflow:hidden}.ladder-header-bar{flex-shrink:0;gap:10px;margin-bottom:8px;padding-bottom:8px}.ladder-main-title{gap:8px;font-size:1.05rem}.ladder-main-title .gold-badge{padding:1px 7px;font-size:.6rem}.ladder-sub-title{display:none}.ladder-header-stats{gap:12px}.ladder-stat-lbl{font-size:.52rem}.ladder-stat-val{font-size:.85rem}.ladder-jump-btn{padding:5px 10px;font-size:.62rem}.ladder-footer{padding-top:8px}.ladder-back-btn{padding:6px 14px;font-size:.72rem}.shop-item-row{grid-template-columns:repeat(4,1fr)}.modal-box{max-height:calc(var(--app-h) - 16px);padding:14px 20px}.modal-box h3{margin-bottom:10px;font-size:1.1rem}.modal-sub{margin-bottom:8px;font-size:.72rem}.modal-box .glow-btn,.modal-box .menu-btn{padding:9px 18px}.settings-toggle{gap:10px;margin-bottom:8px;padding:5px 12px}.settings-toggle .st-icon{font-size:1.05rem}.settings-toggle .st-title{letter-spacing:1.4px;font-size:.74rem}.settings-toggle .st-state{font-size:.66rem}.settings-row{margin-bottom:6px}.settings-label{margin-bottom:2px;font-size:.66rem}.settings-slider{height:16px}.levelup-box .levelup-badge{margin-bottom:2px;font-size:2rem}.levelup-box .levelup-title{margin-bottom:4px;font-size:1rem}.levelup-box .levelup-level{margin-bottom:5px;font-size:1.35rem}.levelup-box .levelup-desc{margin-bottom:10px;font-size:.78rem;line-height:1.35}.achievements-grid{max-height:44vh}.leaderboard-body{max-height:40vh}}@media (orientation:landscape) and (max-height:380px){.game-title{font-size:1.7rem}.game-subtitle{display:none}.mode-card{height:50px;padding:6px 12px}.right-grid-2x2{grid-auto-rows:minmax(0,54px)}.controls-card{height:40px;margin-top:6px}.social-bar{gap:3px;margin-top:4px}.social-card{--cut:5px;min-width:34px;height:36px;padding:3px 2px}.social-card .menu-item-text,.menu-item-desc,.square-card .menu-item-desc{display:none}.menu-item-icon{width:30px;height:30px;font-size:1.15rem}.square-card{padding:3px 4px}.square-card .menu-item-icon{width:20px;height:18px;margin-bottom:1px;font-size:.95rem}.square-card .menu-item-title{letter-spacing:.3px;font-size:.6rem}.player-avatar-badge{width:32px;height:32px}.player-card{gap:8px;padding:4px 10px}.player-card-name{font-size:.82rem}.player-card-level{margin-top:0;font-size:.64rem}.player-xp-row{margin-top:3px}.player-xp-text{font-size:.6rem}.player-xp-container{height:5px}.timer{font-size:1.4rem}.status-panel{padding:6px 10px}.bar-container{height:12px;margin-bottom:5px}}#game-over-screen,#training-result-screen{justify-content:center;align-items:center;padding:16px;display:flex}.result-card{isolation:isolate;width:min(96%,560px);max-height:calc(var(--app-h) - 32px);box-sizing:border-box;--res-accent:var(--color-gold-championship,gold);--res-glow:#ffd70059;filter:drop-shadow(0 0 18px var(--res-glow));flex-direction:column;gap:16px;padding:26px 26px 22px;display:flex;position:relative;overflow-y:auto}.result-card:before{content:"";background:var(--res-accent);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);z-index:-2;opacity:.55;position:absolute;top:0;bottom:0;left:0;right:0}.result-card:after{content:"";clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 17px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px),0 17px);z-index:-1;background:linear-gradient(160deg,#12111afa 0%,#06050afc 100%);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;right:1.5px}.result-card.result-win{--res-accent:var(--neon-green,#4ade80);--res-glow:#4ade804d}.result-card.result-lose{--res-accent:var(--color-red-corner,#ef4444);--res-glow:#ef44444d}.result-card.result-draw{--res-accent:var(--color-gold-championship,gold);--res-glow:#ffd7004d}.result-banner{text-align:center;border-bottom:1px solid #ffffff17;flex-direction:column;align-items:center;gap:6px;padding-bottom:14px;display:flex}.result-eyebrow{font-family:var(--font-hud);letter-spacing:.22em;color:var(--res-accent);opacity:.85;font-size:.6rem}#game-over-screen h2,#training-result-screen h2{font-family:var(--font-hud);letter-spacing:4px;color:var(--res-accent);text-shadow:0 0 22px var(--res-glow);margin:0;font-size:clamp(1.9rem,7vw,2.9rem);font-weight:900;line-height:1.05}#game-over-screen h2.win{color:var(--neon-green,#4ade80)}#game-over-screen h2.lose{color:var(--color-red-corner,#ef4444)}#game-over-screen h2.draw{color:var(--color-gold-championship,gold)}#game-over-screen p.result-desc{color:var(--color-text-secondary,#ffffffa6);max-width:42ch;margin:0;font-size:.9rem;line-height:1.45}.result-rewards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.reward-chip{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(135deg,#1e212ee6,#0c0b12f2);border:1px solid #ffffff1a;align-items:center;gap:9px;padding:9px 14px 9px 11px;display:flex}.reward-chip .rc-ico{font-size:1.15rem;line-height:1}.reward-chip .rc-body{flex-direction:column;gap:1px;display:flex}.reward-chip .rc-value{font-family:var(--font-hud);font-variant-numeric:tabular-nums;color:#fff;font-size:.95rem;font-weight:800}.reward-chip .rc-label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted,#ffffff73);font-size:.58rem}.reward-chip.money{border-color:#ffd70073;box-shadow:0 0 14px #ffd70024}.reward-chip.money .rc-value{color:var(--color-gold-championship,gold)}.reward-chip.level{border-color:#3b82f680;box-shadow:0 0 14px #3b82f629}.reward-chip.level .rc-value{color:var(--color-blue-corner,#3b82f6)}.result-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rstat{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%,0 7px);background:#ffffff09;border:1px solid #ffffff12;flex-direction:column;align-items:center;gap:3px;padding:12px 6px 10px;display:flex}.rstat-ico{opacity:.85;font-size:1.05rem}.rstat-val{font-family:var(--font-hud);font-variant-numeric:tabular-nums;color:#fff;font-size:1.35rem;font-weight:800}.rstat-lbl{letter-spacing:.13em;text-align:center;color:var(--color-text-muted,#ffffff73);font-size:.55rem}.result-actions{flex-direction:column;gap:10px;width:100%;display:flex}.result-actions .glow-btn,.result-actions .menu-btn{width:100%}.rewarded-btn{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:linear-gradient(135deg,#143020e6,#09100cf2);border:1px solid #4ade8073;align-items:center;gap:12px;padding:11px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 0 16px #4ade8024}.rewarded-btn:hover:not(:disabled){border-color:#4ade80d9;transform:translateY(-1px);box-shadow:0 0 22px #4ade804d}.rewarded-btn:active:not(:disabled){transform:translateY(0)scale(.99)}.rewarded-btn .rw-ico{flex-shrink:0;font-size:1.3rem}.rewarded-btn .rw-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rewarded-btn .rw-title{font-family:var(--font-hud);letter-spacing:.1em;color:#fff;font-size:.76rem}.rewarded-btn .rw-sub{color:var(--color-text-secondary,#ffffffa6);font-size:.66rem;line-height:1.3}.rewarded-btn .rw-badge{font-family:var(--font-hud);color:#08130c;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:linear-gradient(#86efac,#4ade80);flex-shrink:0;padding:5px 11px;font-size:.85rem;font-weight:900}.rewarded-btn .rw-badge.gold{color:#1a1405;background:linear-gradient(#ffe08a,#f5b323)}.rewarded-btn.pending{opacity:.6;cursor:progress}.rewarded-btn.claimed,.rewarded-btn:disabled{cursor:default;transform:none}.rewarded-btn.claimed{background:linear-gradient(135deg,#1a422af2,#09100cf2);border-color:#4ade80cc;box-shadow:0 0 20px #4ade8047}.rewarded-btn.claimed .rw-badge{filter:saturate(.5)brightness(.9)}.shop-rewarded{margin-bottom:4px}.training-result-card{--res-accent:var(--color-gold-championship,gold)}.tr-banner{padding-bottom:10px}.tr-gain{flex-direction:column;gap:7px;display:flex}.tr-gain-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tr-gain-stat{font-family:var(--font-hud);letter-spacing:.14em;color:#fff;font-size:.8rem}.tr-gain-value{font-family:var(--font-hud);font-variant-numeric:tabular-nums;color:var(--neon-green,#4ade80);text-shadow:0 0 16px #4ade8066;font-size:1.6rem;font-weight:900}.tr-gain-value.none{color:var(--color-text-muted,#ffffff73);text-shadow:none}.tr-gain-track{background:#ffffff0f;border:1px solid #ffffff1a;height:14px;position:relative;overflow:hidden}.tr-gain-fill{background:linear-gradient(90deg,#3b82f68c,#3b82f6e6);position:absolute;top:0;bottom:0;left:0;right:auto}.tr-gain-add{background:linear-gradient(90deg,#4ade80,#a7f3d0);transition:width .65s cubic-bezier(.25,1,.5,1);position:absolute;top:0;bottom:0;box-shadow:0 0 14px #4ade80a6}.tr-gain-scale{font-family:var(--font-hud);font-variant-numeric:tabular-nums;color:var(--color-text-muted,#ffffff73);justify-content:space-between;font-size:.65rem;display:flex}.tr-gain-scale span:last-child{color:var(--neon-green,#4ade80)}.training-rw-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}.tsec-title.rw{color:var(--neon-green,#4ade80)}.training-card.rw{--tc-border-color:#2f7d51;--tc-glow-color:#4ade8040;--tc-bg-gradient:linear-gradient(135deg, #0e2418f2 0%, #080a0ef7 100%);padding-top:16px}.training-card.rw:hover:not(.disabled){--tc-border-color:#4ade80;--tc-glow-color:#4ade8080}.training-card .tc-tag.rw{color:#08130c;background:linear-gradient(#86efac,#4ade80)}.training-card .tc-cost.free{letter-spacing:.1em;white-space:nowrap;color:var(--neon-green,#4ade80);font-size:.68rem}.training-card.rw-cash{grid-column:1/-1}.training-card.pending{opacity:.55;cursor:progress}.champion-panel{text-align:center;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);background:radial-gradient(80% 60% at 50% 0,#ffd7001f 0%,#0000 70%),#ffffff08;border:1px solid #ffd70059;flex-direction:column;align-items:center;gap:10px;padding:24px 18px;display:flex}.champ-belt{font-size:3.2rem;line-height:1;animation:2.8s ease-in-out infinite champ-belt-glow}@keyframes champ-belt-glow{0%,to{filter:drop-shadow(0 0 14px #ffd70073);transform:scale(1)}50%{filter:drop-shadow(0 0 26px #ffd700d9);transform:scale(1.05)}}.champ-title{font-family:var(--font-hud);letter-spacing:.12em;color:var(--color-gold-championship,gold);text-shadow:0 0 18px #ffd70073;font-size:1.15rem;font-weight:900}.champ-sub{color:var(--color-text-secondary,#ffffffa6);max-width:34ch;font-size:.8rem;line-height:1.45}.champ-titles{font-family:var(--font-hud);letter-spacing:.14em;color:#fff;background:#ffd70014;border:1px solid #ffd70066;padding:5px 12px;font-size:.68rem}.champ-restart{width:100%;margin-top:4px}.champ-restart-note{color:var(--color-text-muted,#ffffff73);max-width:36ch;font-size:.66rem;line-height:1.4}.shop-prem-visual{flex-direction:column;align-items:center;gap:5px;margin-bottom:6px;display:flex}.shop-prem-visual .shop-prem-icon{margin-bottom:0}.shop-prem-swatches{gap:4px;display:flex}.prem-swatch{clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);border:1px solid #ffffff59;width:16px;height:16px;box-shadow:0 0 8px #0009,inset 0 1px 1px #ffffff40}.shop-prem-badge{font-family:var(--font-hud);letter-spacing:.12em;color:#1a1405;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%);z-index:4;background:linear-gradient(#ffe08a,#f5b323);padding:2px 8px;font-size:.5rem;position:absolute;top:0;right:0}.shop-prem-badge.best{color:#08130c;background:linear-gradient(#86efac,#4ade80)}.shop-item-premium.best-value{--shop-border-color:#4ade8099}@media (max-width:640px){.result-card{gap:13px;padding:20px 16px 16px}.result-stats{gap:7px}.rstat{padding:9px 4px 8px}.rstat-val{font-size:1.1rem}.reward-chip{padding:7px 11px 7px 9px}.champ-belt{font-size:2.6rem}.training-card.rw-cash{grid-column:auto}}@media (max-width:640px) and (max-height:780px){.result-card{gap:9px;padding:16px 14px 14px}.result-banner{gap:3px;padding-bottom:8px}#game-over-screen h2,#training-result-screen h2{font-size:clamp(1.4rem,6.5vw,2rem)}#game-over-screen p.result-desc{font-size:.78rem;line-height:1.3}.result-eyebrow{font-size:.52rem}.result-rewards{gap:6px}.reward-chip{gap:6px;padding:5px 9px 5px 7px}.reward-chip .rc-ico{font-size:.95rem}.reward-chip .rc-value{font-size:.82rem}.reward-chip .rc-label{font-size:.5rem}.result-stats{gap:6px}.rstat{gap:1px;padding:6px 3px 5px}.rstat-ico{font-size:.85rem}.rstat-val{font-size:1rem}.rstat-lbl{font-size:.48rem}.result-actions{gap:7px}}@media (orientation:landscape) and (max-height:560px){#game-over-screen .result-card{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"banner offer""banner stats""rewards actions";align-content:center;gap:8px 16px;width:min(96%,700px);padding:14px 18px;display:grid;overflow:hidden}#game-over-screen .result-banner{border-bottom:none;border-right:1px solid #ffffff17;grid-area:banner;justify-content:center;padding-bottom:0;padding-right:16px}#game-over-screen .result-rewards{grid-area:rewards;justify-content:flex-start}#result-double-btn{grid-area:offer}#game-over-screen .result-stats{grid-area:stats;gap:6px}#game-over-screen .result-actions{flex-direction:column;grid-area:actions;gap:6px}.training-result-card{gap:8px;padding:14px 18px}.training-result-card .result-banner{padding-bottom:7px}.tr-gain-scale{font-size:.6rem}#game-over-screen h2,#training-result-screen h2{font-size:clamp(1.3rem,4.4vh,2rem)}#game-over-screen p.result-desc{font-size:.75rem;line-height:1.3}.rstat{gap:0;padding:5px 3px 4px}.rstat-ico{font-size:.8rem}.rstat-val{font-size:.95rem}.rstat-lbl{font-size:.46rem}.result-actions .glow-btn,.result-actions .menu-btn{padding:8px 12px;font-size:.8rem}.champ-belt{font-size:2.2rem}}@media (orientation:landscape) and (max-height:420px){#game-over-screen,#training-result-screen{padding:6px}#game-over-screen .result-card{gap:5px 12px;padding:8px 12px}#game-over-screen .result-banner{gap:1px;padding-right:10px}#game-over-screen h2{font-size:clamp(.95rem,4.6vh,1.5rem)}#game-over-screen p.result-desc{font-size:.66rem;line-height:1.2}.result-eyebrow{letter-spacing:1px;font-size:.46rem}.rewarded-btn{gap:7px;padding:5px 8px}.rewarded-btn .rw-ico{font-size:1rem}.rewarded-btn .rw-title{font-size:.68rem}.rewarded-btn .rw-sub{display:none}.rewarded-btn .rw-badge{padding:2px 7px;font-size:.68rem}.reward-chip{gap:5px;padding:3px 7px 3px 5px}.reward-chip .rc-ico{font-size:.8rem}.reward-chip .rc-value{font-size:.72rem}.reward-chip .rc-label{font-size:.44rem}.rstat{padding:3px 2px}.rstat-ico{font-size:.7rem}.rstat-val{font-size:.82rem}.rstat-lbl{font-size:.42rem}#game-over-screen .result-actions{gap:4px}.result-actions .glow-btn,.result-actions .menu-btn{padding:6px 10px;font-size:.7rem}}.league-bronze{--league-color:#c07b3c}.league-silver{--league-color:#c3ccd6}.league-gold{--league-color:#e8bd3c}.league-banner{background:linear-gradient(90deg, color-mix(in srgb, var(--league-color) 26%, transparent), #ffffff05);border:1px solid color-mix(in srgb, var(--league-color) 45%, transparent);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.league-badge-ico{font-size:1.15rem;line-height:1}.league-badge-name{letter-spacing:.06em;color:var(--league-color);text-shadow:0 0 10px color-mix(in srgb, var(--league-color) 50%, transparent);font-size:.78rem;font-weight:800}.league-badge-rank{letter-spacing:.05em;opacity:.8;margin-left:auto;font-size:.7rem}.league-badge-track{background:#ffffff1a;border-radius:2px;flex:0 0 100%;height:4px;overflow:hidden}.league-badge-fill{background:var(--league-color);height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--league-color) 70%, transparent);transition:width .4s}.ladder-league{flex-direction:column;gap:10px;display:flex}.ladder-league-head{border-left:3px solid var(--league-color);background:linear-gradient(90deg, color-mix(in srgb, var(--league-color) 20%, transparent), transparent 70%);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px 8px;display:flex}.ladder-league-ico{font-size:1.3rem;line-height:1}.ladder-league-name{letter-spacing:.08em;color:var(--league-color);text-shadow:0 0 12px color-mix(in srgb, var(--league-color) 55%, transparent);font-size:.95rem;font-weight:900}.ladder-league-count{opacity:.85;margin-left:auto;font-size:.78rem;font-weight:700}.ladder-league-badge{letter-spacing:.08em;color:var(--league-color);flex:0 0 100%;font-size:.65rem;font-weight:800}.ladder-league-hint{letter-spacing:.04em;opacity:.55;flex:0 0 100%;font-size:.65rem}.ladder-league-track{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.ladder-league-fill{background:var(--league-color);height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--league-color) 70%, transparent);transition:width .4s}.ladder-league-rows{flex-direction:column;gap:10px;display:flex}.ladder-league.locked .ladder-league-head,.ladder-league.locked .ladder-league-rows{opacity:.55}@media (max-width:640px){.ladder-league-head{padding:8px 10px 6px}.ladder-league-name{font-size:.82rem}}.opp-vital{flex-wrap:wrap}.vital-bar{background:#ffffff14;border-radius:2px;flex:0 0 100%;height:3.5px;margin-top:2px;position:relative;overflow:hidden}.vital-bar-under,.vital-bar-fill{border-radius:3px;height:100%;position:absolute;top:0;left:0}.vital-bar-under{filter:brightness(.6)saturate(.8);width:100%}.vital-hp .vital-bar-under{background:linear-gradient(90deg,#d1502e,#c22a2a)}.vital-stm .vital-bar-under{background:linear-gradient(90deg,gold,orange)}.vital-hp[data-band="0"] .vital-bar-fill{background:linear-gradient(90deg,#d1502e,#c22a2a)}.vital-stm[data-band="0"] .vital-bar-fill{background:linear-gradient(90deg,gold,orange)}.vital-hp[data-band="1"] .vital-bar-fill{background:linear-gradient(90deg,#4fc3f7,#1976d2)}.vital-stm[data-band="1"] .vital-bar-fill{background:linear-gradient(90deg,#7ef0d0,#17a589)}.vital-hp[data-band="2"] .vital-bar-fill{background:linear-gradient(90deg,#c58bf2,#7b2fbe)}.vital-stm[data-band="2"] .vital-bar-fill{background:linear-gradient(90deg,#d6a8ff,#8e44ad)}.vital-hp[data-band="3"] .vital-bar-fill,.vital-stm[data-band="3"] .vital-bar-fill{background:linear-gradient(90deg,#fff6d0,#e8bd3c);box-shadow:0 0 6px #e8bd3cb3}@media (max-width:900px),(max-height:480px){#career-screen{box-sizing:border-box;height:100%;padding:calc(8px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px));grid-template:"left"minmax(0,1fr)"right"minmax(0,1fr)"nav"/minmax(0,1fr);justify-content:center;align-items:stretch;gap:8px;display:grid;overflow:hidden}.career-left-panel,.career-right-panel{width:100%;max-width:560px;height:auto;min-height:0;max-height:none;margin:0 auto;position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow:hidden;transform:none}.career-left-panel{grid-area:left}.career-right-panel{grid-area:right}.career-left-panel .sidebar-content,.career-right-panel .sidebar-content{flex-direction:column;flex:auto;justify-content:space-between;gap:2px;min-height:0;max-height:none;padding:6px 10px 8px;display:flex;overflow-y:hidden}.career-left-panel .sidebar-header,.career-right-panel .sidebar-header{flex:none;padding:6px 10px}.fighter-actions-row{gap:7px}.sidebar-action-btn{gap:6px;padding:9px 8px}.sidebar-action-btn .btn-icon{width:22px;height:22px;font-size:1.05rem}.sidebar-action-btn .btn-title{letter-spacing:.2px;white-space:nowrap;font-size:.65rem}.sidebar-action-btn .btn-subtitle,.sidebar-action-btn .btn-cost{font-size:.54rem}.career-right-panel #career-fight-btn{z-index:10;position:relative;visibility:visible!important;flex:none!important;width:max(190px,80%)!important;margin:auto auto 0!important;padding:7px 14px!important;font-size:.85rem!important;display:flex!important}.career-center-zone{margin:10px auto;position:relative;bottom:auto;left:auto;transform:none}.career-bottom-nav{flex-wrap:wrap;grid-area:nav;justify-content:center;gap:6px;width:100%;margin:0;position:relative;bottom:auto;left:auto;transform:none}.career-bottom-nav .nav-btn{flex:1 1 0;justify-content:center;min-width:0;padding:9px 10px}.career-bottom-nav .nav-btn .nav-btn-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (min-width:620px){#career-screen{grid-template:"left gap right"minmax(0,1fr)"nav nav nav"/minmax(280px,1fr) minmax(0,.83fr) minmax(280px,1fr);gap:8px 10px}.career-left-panel,.career-right-panel{max-width:none}}@media (max-height:520px){.career-left-panel .sidebar-content,.career-right-panel .sidebar-content{gap:8px;padding:10px 12px}.career-left-panel .sidebar-header,.career-right-panel .sidebar-header{padding:8px 12px}.profile-name{letter-spacing:1px;font-size:1rem}.profile-record{font-size:.62rem}.profile-avatar-badge{width:38px;height:38px}.money-value{font-size:1.1rem}.money-label{font-size:.55rem}.section-title{margin-bottom:7px;font-size:.68rem}.stats-list{gap:5px}.stat-row{margin-bottom:0}.stat-row-label{margin-bottom:3px;font-size:.66rem}.stat-track{height:6px}.energy-container{margin-top:8px;margin-bottom:8px}.energy-label{margin-bottom:4px;font-size:.6rem}.fighter-actions-row{gap:7px;margin-top:8px}.sidebar-action-btn{gap:7px;padding:7px 9px}.career-bottom-nav .nav-btn{padding:7px 8px;font-size:.7rem}.league-banner{display:flex}.opp-style{display:none}.opponent-card-container{flex-direction:column;flex:auto;justify-content:space-around;gap:3px;min-height:0;display:flex}.opp-mini-portrait{width:34px;height:34px}.opp-head{gap:8px}.opp-name{margin:0;font-size:.9rem}.opp-rank,.opp-diff{font-size:.55rem}.opp-vitals{gap:6px;margin:3px 0}.opp-vital{padding:4px 8px}.opp-vital-num{font-size:.88rem}.opp-vital-lbl{font-size:.5rem}.opp-stats{gap:3px;margin-bottom:4px}.opp-stat-name{flex:0 0 60px;width:60px;font-size:.52rem}.opp-stat-track{height:5px}.opp-purse{margin-top:4px;font-size:.65rem}.opp-purse b{font-size:.8rem}.fight-btn{margin-top:auto;padding:8px 12px;font-size:.9rem}}@media (max-height:440px){.league-banner{display:none!important}}@media (max-width:900px),(max-height:480px){.career-right-panel .sidebar-content{padding-bottom:8px}.opponent-card-container{margin-bottom:4px}}@media (max-height:560px){.select-layout{gap:5px;height:calc(100% - 12px)}.select-layout .creator-title{letter-spacing:2px;font-size:clamp(1rem,3.4vh,2rem)}.select-layout .creator-sub{margin:0;font-size:.62rem}.fighter-stage{min-height:0}.fighter-cards{flex:0 auto;min-height:0}.fighter-card{padding:8px 10px 10px;overflow:hidden}.fc-role{margin-bottom:3px;font-size:.58rem}.fc-name{font-size:.92rem}.fc-diff{font-size:.6rem}.fc-count{margin-top:1px;font-size:.58rem}.carousel-arrow{width:32px;height:32px;font-size:1.35rem}.fighter-card .opp-vitals{gap:5px;margin:6px 0 5px}.fighter-card .opp-vital{padding:3px 6px}.fighter-card .opp-stats{gap:3px}.fighter-card .opp-stat-name{flex:0 0 62px;width:62px;font-size:.52rem}.fighter-card .opp-stat-track{height:5px}.select-actions{flex:none;gap:10px;margin-top:2px}.select-actions .glow-btn,.select-actions .menu-btn{padding:8px 18px;font-size:.82rem}}@media (max-aspect-ratio:3/4){#game-hud{flex-wrap:wrap}.status-panel{width:calc(50% - 5px)}.match-info{order:3;width:100%;margin-top:6px}}html.demo-mode,html.demo-mode *{cursor:none!important}html.demo-mode body{background:#000;overflow:hidden}html.demo-mode:not(.demo-keep-ui) body>:not(#game-canvas):not(script){display:none!important}