#main-menu .console-box{background:rgba(7,16,27,.96)}.classic-home{padding-right:0;isolation:isolate;overflow:hidden}.classic-home .menu-logo-box{margin:28px 0 0;position:relative;z-index:3;font-size:58px;line-height:1.08}.classic-home .hint{position:absolute;bottom:119px;margin:0;z-index:3;color:#7aa799;font-size:15px;letter-spacing:1px}.menu-arena{position:absolute;top:130px;bottom:430px;left:0;right:0;overflow:hidden;z-index:0}.arena-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 70%,#00ff4124,transparent 65%),radial-gradient(ellipse at 85% 65%,#fca31120,transparent 60%)}.arena-trace{position:absolute;width:100%;height:55%;top:10%;color:#00ff41;opacity:.18;filter:drop-shadow(0 0 6px #00ff41)}.arena-floor{position:absolute;bottom:0;left:0;right:0;height:38%;overflow:hidden;perspective:220px}.arena-floor>div{position:absolute;inset:-60% -50%;background:repeating-linear-gradient(0deg,transparent 0 44px,#00ff413b 45px 46px),repeating-linear-gradient(90deg,transparent 0 44px,#00ff413b 45px 46px);transform:rotateX(60deg);animation:arenaGrid 5s linear infinite}.arena-fighter{--fighter-size:clamp(470px,calc(var(--preview-height,1280px) - 790px),720px);position:absolute;width:var(--fighter-size);height:var(--fighter-size);bottom:-15px;background-size:100% 100%;background-repeat:no-repeat;animation:arenaBob 2.6s ease-in-out infinite;filter:drop-shadow(0 0 14px #00ff4144)}.arena-player{left:calc(25% - var(--fighter-size)/2);background-image:url('/assets/portraits-v1/stage/Blue%20suit.webp');transform:scaleX(-1)}.arena-boss{left:calc(75% - var(--fighter-size)/2);background-image:url('/assets/portraits-v1/stage/BTC.webp');filter:drop-shadow(0 0 16px #fca31144);animation-delay:-.6s}.arena-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) skew(-10deg);font:bold 38px 'Space Mono',monospace;color:#ffcc00;text-shadow:0 0 24px #fca31166;opacity:.8}
.classic-primary{position:absolute;bottom:166px;gap:16px;z-index:3}.classic-primary .menu-row-btn{width:100%;height:88px;min-height:88px;flex-direction:row;justify-content:flex-start;gap:26px;padding:0 28px;font-size:30px;background:#030712ed;transition:transform .16s,box-shadow .2s,background .2s}.classic-primary .menu-row-btn svg{width:40px;height:40px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.classic-primary .play-chevron{margin-left:auto;font-size:44px}.classic-primary .fight{animation:buttonGlow 3s ease-in-out infinite}.classic-primary .cup{background:#071f29ed}.classic-primary button:hover{transform:translateY(-4px);box-shadow:0 0 20px currentColor}.classic-primary button:active{transform:translateY(1px) scale(.98)}
.classic-dock{position:absolute;left:0;right:0;bottom:8px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;z-index:4;border-top:1px solid #1f383b;padding-top:18px}.classic-dock button,#preview-mute{position:relative;inset:auto;width:100%;height:88px;display:grid;place-items:center;border:2px solid #265044;background:#030712;color:#00ff41;cursor:pointer;border-radius:0;transition:transform .18s,background .18s,border-color .18s}.classic-dock svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:dockIdle 4s ease-in-out infinite}.classic-dock button:nth-child(2n) svg{animation-delay:-1.4s}.classic-dock button:nth-child(3n) svg{animation-delay:-2.7s}.classic-dock button:hover{transform:translateY(-5px);border-color:#00ff41;background:#082116;box-shadow:0 0 16px #00ff4133}.classic-dock button:active{transform:scale(.94)}#preview-mute[aria-pressed=true]{color:#ff6475;border-color:#824150}.sound-off{display:none}#preview-mute[aria-pressed=true] .sound-waves{display:none}#preview-mute[aria-pressed=true] .sound-off{display:block}
@keyframes arenaIdle{to{background-position:100% 0}}@keyframes arenaBob{50%{translate:0 -6px}}@keyframes arenaGrid{to{background-position:0 46px}}@keyframes buttonGlow{50%{box-shadow:0 0 16px #ffcc0030,inset 0 0 15px #ffcc000a}}@keyframes dockIdle{50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.classic-home *, .classic-home *::before,.classic-home *::after{animation:none!important;transition:none!important}}

/* Main menu: play actions, offers, then a single bottom utility dock. */
.classic-primary{bottom:234px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.classic-primary .quick-fight,.classic-primary .cup{grid-column:1/-1}
.classic-primary .quick-fight{color:#ffcc00;border-color:#ffcc00;animation:buttonGlow 3s ease-in-out infinite}
.classic-primary .quick-fight>span:first-child{font-size:45px;width:40px;text-align:center}
.classic-primary .fight,.classic-primary .simulation{font-size:21px;padding:0 12px;gap:10px;animation:none}
.classic-primary .fight{color:#00ff41;border-color:#00ff41;text-shadow:none}
.classic-primary .fight svg,.classic-primary .simulation svg{width:30px;height:30px}
.classic-primary .fight .play-chevron,.classic-primary .simulation .play-chevron{display:none}
.home-offers{position:absolute;left:0;right:0;bottom:122px;display:grid;grid-template-columns:1fr 1fr;gap:12px;z-index:4}
.home-offers button{min-height:88px;display:flex;align-items:center;justify-content:center;gap:12px;background:#0b1914ed;color:#00ff41;border:1px solid #00ff41;font:bold 18px 'Space Mono',monospace;cursor:pointer;transition:transform .18s,box-shadow .18s}
.home-offers button:first-child{color:#ffcc00;border-color:#bca12e;background:#211c08ed}
.home-offers button>span:first-child{font-size:32px}.home-offers small{display:block;font-size:15px;margin-top:3px}
.home-offers button:hover{transform:translateY(-3px);box-shadow:0 0 15px #00ff4125}
.classic-dock{grid-template-columns:repeat(5,minmax(0,1fr))}
.menu-arena{bottom:540px;top:128px}.arena-fighter{--fighter-size:clamp(300px,calc(var(--preview-height) - 930px),620px)}

/* Compact lobby: quick entry within the arena, three modes, stacked offers. */
.classic-primary{bottom:330px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.classic-primary .menu-row-btn{grid-column:auto;flex-direction:column;justify-content:center;gap:6px;padding:8px 2px;height:104px;font-size:19px;letter-spacing:0}
.classic-primary .menu-row-btn svg{width:32px;height:32px}
.classic-primary .play-chevron{display:none}
.home-offers{bottom:122px;grid-template-columns:1fr;gap:12px}
.home-offers button{justify-content:flex-start;padding:0 22px;gap:16px;font-size:22px;min-height:88px}
.home-offers button small{margin:0 0 0 auto;font-size:18px;color:#a8bba8}
.home-offers button:first-child small{color:#ffcc00;font-size:23px}
.home-offers button:last-child small{font-size:13px;max-width:130px;line-height:1.4;text-align:right}
.menu-arena{bottom:448px;top:132px}
.arena-fighter{--fighter-size:clamp(380px,calc(var(--preview-height) - 825px),680px)}
.arena-player{left:calc(22% - var(--fighter-size)/2)}.arena-boss{left:calc(78% - var(--fighter-size)/2)}
.arena-vs{display:none}
.arena-quick-fight{position:absolute;z-index:5;left:50%;top:calc((100% - 316px)/2);transform:translate(-50%,-50%);width:216px;min-height:94px;padding:12px 8px;border:2px solid #ffcc00;border-radius:60px;background:linear-gradient(150deg,#2c240b,#0a1011);color:#ffdf5e;font:bold 19px 'Space Mono',monospace;cursor:pointer;box-shadow:0 0 0 7px #06101888,0 0 28px #ffcc0025;animation:quickBeacon 3s ease-in-out infinite;transition:background .2s}
.arena-quick-fight small{display:block;margin-top:5px;font-size:15px;letter-spacing:1px;color:#d6c48b}
.arena-quick-fight:hover{background:#342b0b}.arena-quick-fight:active{transform:translate(-50%,-50%) scale(.96)}
@keyframes quickBeacon{50%{box-shadow:0 0 0 7px #06101888,0 0 34px #ffcc0040}}

@media(prefers-reduced-motion:reduce){.arena-quick-fight{animation:none}}
/* Production cabinet: real account values and existing submenu controls. */
.cb-menu-shell #main-menu .console-box{height:calc(100% - 150px);background:#07101bf5}
.cb-menu-shell #console-content-main{height:100%;flex:1;z-index:12}
.cb-menu-shell #console-content-main{position:relative;width:100%;height:auto;min-height:0;justify-content:flex-start;overflow:hidden;align-items:center}
.cb-menu-shell .classic-primary{width:100%}
.cb-badge-list{padding:0;list-style:none}.cb-badge-list li{padding:18px 10px;margin:10px 0;border:1px solid #294438;color:#9ab9a6;font-size:19px}.cb-badge-list .earned{border-color:#00ff41;color:#00ff41}
.cb-menu-shell #btn-top-starter-pack,.cb-menu-shell #btn-get-bcoins{display:none!important}
.cb-menu-shell #main-menu .dev-banner{flex-shrink:0;margin-bottom:0;font-size:22px}
.cb-menu-shell #main-menu .menu-top-stats{flex-shrink:0}
.cb-menu-shell #floating-coins-container{opacity:.2}
.cb-in-menu #mute-btn{display:none!important}
.cb-menu-shell #main-menu [hidden]{display:none!important}
.cb-menu-shell #main-menu .console-content:not(.classic-home){position:relative;z-index:12;overflow:hidden;gap:12px;padding-top:20px;align-items:stretch}
.cb-shell-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #284036;padding-bottom:14px;min-height:92px;flex-shrink:0}
.cb-shell-heading .submenu-title{font-size:30px!important;line-height:1.2;margin:0!important;text-align:left;flex:1;min-width:0}
.cb-shell-home{width:88px;height:88px;flex-shrink:0;background:#030712;border:1px solid #37654c;color:#00ff41;font:36px 'Space Mono',monospace;cursor:pointer}
.cb-menu-shell .cb-shell-heading .cb-shell-back{width:88px!important;min-width:88px!important;height:88px!important;min-height:88px!important;flex:0 0 88px;margin:0!important;padding:0!important;background:#030712;border:1px solid #37654c!important;color:#00ff41!important;font:36px 'Space Mono',monospace!important;display:flex;align-items:center;justify-content:center}
.cb-menu-shell #main-menu .submenu-subtitle{font-size:16px!important;flex-shrink:0;margin:0 0 8px}
.cb-menu-shell #main-menu .submenu-content-box{min-height:0;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;width:100%;font-size:18px;border-color:#294438;border-radius:0;scrollbar-width:thin}
.cb-menu-shell #main-menu .console-content>.menu-row-btn{min-height:88px;height:auto;flex-shrink:0;font-size:23px!important;margin:0!important;border-radius:0}
.cb-menu-shell #main-menu .shop-btn,.cb-menu-shell #main-menu .option-btn,.cb-menu-shell #main-menu .option-size-btn{min-height:88px;font-size:18px!important;padding:10px!important;border-radius:0;touch-action:manipulation}
.cb-menu-shell #main-menu .neon-select{min-height:88px;font-size:19px!important;border-radius:0}
.cb-shell-tabs{display:flex;gap:8px;flex-shrink:0;width:100%;margin:0 0 6px}
.cb-shell-tabs button{flex:1;min-width:0;min-height:88px;padding:8px 4px;background:#030712;border:1px solid #2b5143;color:#7bb59d;font:bold 19px 'Space Mono',monospace;cursor:pointer}
.cb-shell-tabs button.active{border-color:#00ff41;background:#00ff4112;color:#00ff41}
.cb-quest-tabs{display:grid;grid-template-columns:1fr 1fr}
.cb-menu-shell #console-content-options .menu-row-btn{min-height:88px;font-size:22px!important;width:100%;margin:0;border-radius:0}
.cb-menu-shell #console-content-options .option-row-label{font-size:20px}
.cb-menu-shell #console-content-options .option-row-sublabel{font-size:16px}
.cb-menu-shell #console-content-boss-select .boss-preview-container,.cb-menu-shell #shop-skins-carousel-container>.boss-preview-container{position:relative;min-height:240px;height:clamp(260px,calc(var(--preview-height) - 960px),460px);flex:1!important;overflow:hidden;flex-shrink:0;background:radial-gradient(ellipse at center bottom,#00ff4118,transparent 70%);border-bottom:1px solid #294b3b}
.cb-menu-fighter:not(.arena-fighter){background-size:1600% 100%!important;background-repeat:no-repeat;image-rendering:pixelated;animation:arenaIdle 2s steps(15) infinite!important;background-color:transparent!important}
.cb-menu-shell #boss-select-preview-sprite,.cb-menu-shell #shop-carousel-player-sprite{position:absolute;width:clamp(320px,calc(var(--preview-height) - 900px),480px)!important;height:clamp(320px,calc(var(--preview-height) - 900px),480px)!important;bottom:-12px;left:50%;transform:translateX(-50%)!important;flex:none!important}
.cb-menu-shell #boss-select-details-box{font-size:17px!important;line-height:1.5;padding:12px!important;width:100%!important}
.cb-menu-shell #boss-select-name,.cb-menu-shell #shop-skin-name{font-size:27px!important}
.cb-menu-shell #boss-select-controls{flex-shrink:0}
.cb-menu-shell #boss-select-controls .shop-btn{min-width:88px}
.cb-menu-shell #boss-select-actions .menu-row-btn{min-height:88px!important;height:auto!important;font-size:22px!important}
.cb-live-choice>button[onclick="startSelectedBossSim()"],.cb-sim-choice>button:not([onclick="startSelectedBossSim()"]){display:none!important}
.cb-menu-shell #shop-skins-carousel-container{min-height:0;flex:1;overflow:auto;touch-action:pan-y}
.cb-menu-shell #shop-skins-carousel-container>*{flex-shrink:0}
.cb-menu-shell #shop-skins-carousel-container .menu-row-btn{min-height:88px!important;font-size:22px!important}
.cb-menu-shell #shop-upgrades-container{min-height:0;overflow:auto;touch-action:pan-y}
/* Original portrait strip: direct selection beneath the front-facing hero. */
.cb-roster{position:relative;display:flex;gap:9px;width:100%;flex-shrink:0;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a5b41 transparent;padding:12px 0 8px}
.cb-roster-option{position:relative;flex:0 0 96px;width:96px;height:124px;padding:0;background:#030712;border:1px solid #294635;color:#91b7a4;cursor:pointer;overflow:hidden;touch-action:manipulation}
.cb-roster-option[aria-pressed="true"]{border:2px solid #00ff41;color:#00ff41;background:#102719;box-shadow:inset 0 -3px #00ff41}
.cb-roster-option:focus-visible{outline:3px solid #ffcc00;outline-offset:-4px}
.cb-roster-art{position:absolute;inset:0 0 20px;background-size:1600% 100%;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated}
.cb-roster-name{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:bold 16px 'Space Mono',monospace}
.cb-roster-locked::after{content:'🔒';position:absolute;top:3px;right:3px;font-size:16px}
.cb-roster-row{display:flex;align-items:center;gap:8px;width:100%;flex-shrink:0}
.cb-roster-row .cb-roster{flex:1;min-width:0;width:auto}
.cb-menu-shell .cb-roster-row>.shop-btn{flex:0 0 88px;width:88px;min-width:88px!important;height:124px;min-height:88px;padding:0!important;margin:0!important;font-size:26px!important}
.cb-menu-shell #boss-select-controls[hidden]{display:none!important}
.cb-menu-shell #console-content-boss-select .boss-preview-container,.cb-menu-shell #shop-skins-carousel-container>.boss-preview-container{min-height:360px;height:clamp(360px,calc(var(--preview-height) - 980px),500px);flex:0 0 auto!important}
.cb-menu-shell #boss-select-preview-sprite,.cb-menu-shell #shop-carousel-player-sprite{width:auto!important;height:100%!important;aspect-ratio:1;bottom:0;pointer-events:none}
.cb-menu-shell #console-content-boss-select .boss-preview-container{min-height:400px;height:clamp(400px,calc(var(--preview-height) - 920px),520px)}
.cb-menu-shell #boss-select-preview-sprite{height:calc(100% - 88px)!important;bottom:88px}
.cb-menu-shell #boss-select-actions{position:absolute;bottom:8px;left:0;z-index:2;pointer-events:auto}
.cb-menu-shell #boss-select-actions .menu-row-btn{background:#030712ed}
.cb-menu-shell #boss-select-actions{bottom:0}
.cb-menu-shell #boss-select-actions .cb-live-fight{position:relative;inset:auto;flex:0 0 auto!important;width:216px;min-height:94px!important;height:auto!important;margin:0 auto!important;padding:12px 8px!important;transform:none;border:2px solid #ffcc00!important;border-radius:60px;background:linear-gradient(150deg,#2c240b,#0a1011);color:#ffdf5e!important;text-shadow:none!important;font:bold 19px 'Space Mono',monospace!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cb-menu-shell #boss-select-actions .cb-live-fight:active{transform:scale(.96)}
.cb-menu-shell .cb-upgrade-tabs[hidden],.cb-menu-shell #shop-upgrades-container .shop-row[hidden]{display:none!important}
.cb-menu-shell .cb-upgrade-tabs{flex-shrink:0;margin:0 0 14px}
.cb-menu-shell .cb-upgrade-tabs button[aria-pressed="true"]{border-color:#00ff41;color:#00ff41;background:#103222;box-shadow:inset 0 -3px #00ff41}
.cb-menu-shell #shop-upgrades-container{padding:0 4px 18px!important;gap:16px!important;overscroll-behavior:contain;scrollbar-width:thin}
.cb-menu-shell #shop-upgrades-container .shop-row{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:22px;margin:0;border:1px solid #28513d;border-left:3px solid #00ff41;background:linear-gradient(110deg,#0b211b,#050d16);border-radius:0;flex-shrink:0}
.cb-menu-shell #shop-upgrades-container .shop-info{width:100%;min-width:0;display:flex;flex-direction:column;gap:8px}
.cb-menu-shell #shop-upgrades-container .shop-item-title{font-size:25px!important;line-height:1.3;color:#fff}
.cb-menu-shell #shop-upgrades-container .shop-item-subtitle{font-size:18px!important;line-height:1.5;color:#a6beb6}
.cb-menu-shell .cb-upgrade-state{font-size:15px;color:#70f8a8;letter-spacing:1px}
.cb-menu-shell #shop-upgrades-container .shop-controls{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));width:100%;gap:10px!important}
.cb-menu-shell #shop-upgrades-container .shop-btn{min-width:0!important;max-width:none!important;width:100%;min-height:90px!important;margin:0!important;padding:12px 8px!important;font-size:23px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;line-height:1.3;border:1px solid #48715b;background:#06140f;color:#cceddc;transition:background .15s,transform .15s}
.cb-menu-shell #shop-upgrades-container .shop-btn.active{color:#071009;background:#00ff41;border-color:#00ff41;box-shadow:0 0 16px #00ff4130}
.cb-menu-shell #shop-upgrades-container .shop-btn.locked{color:#ffdb66;border-color:#977d35;background:#211c0f}
.cb-menu-shell #shop-upgrades-container .shop-btn:disabled{opacity:.55;cursor:default}
.cb-menu-shell #shop-upgrades-container .shop-btn:active:not(:disabled){transform:translateY(2px)}
.cb-menu-shell #shop-upgrades-container .shop-btn-cost{font-size:18px!important;color:inherit}
.cb-menu-shell #shop-upgrades-container .currency-icon{width:22px!important;height:22px!important;font-size:15px!important}
.cb-menu-shell #console-content-bcoins .bcoin-section-title{font-size:21px}
.cb-menu-shell #console-content-bcoins .earn-btn,.cb-menu-shell #console-content-bcoins .menu-row-btn{min-height:88px;font-size:19px!important;border-radius:0}
.cb-menu-shell #console-content-bcoins .package-btn{min-height:110px;border-radius:0;padding:18px;gap:14px;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 12px}
.cb-menu-shell #console-content-bcoins .pack-name{font-size:19px!important;line-height:1.5;flex:1}
.cb-menu-shell #console-content-bcoins .pack-cost{font-size:20px;white-space:nowrap}
.cb-menu-shell #console-content-bcoins .social-row-container{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px!important}
.cb-menu-shell #console-content-bcoins .social-btn-toggle{min-height:88px;width:100%;font-size:20px;border-radius:0}
.cb-shell-note{font:16px/1.6 'Space Mono',monospace;color:#87a69a}
.cb-menu-shell #console-content-challenges .submenu-content-box{font-size:18px}
.cb-menu-shell #console-content-challenges .submenu-content-box>div:not(.cb-chapter-rewards){padding:20px!important;line-height:1.6;border-radius:0!important}
.cb-menu-shell #console-content-challenges .submenu-content-box>div>div{font-size:18px!important}
.cb-menu-shell #chapter-quests-list{font-size:18px;line-height:1.6}
.cb-menu-shell #chapter-quests-list>div>div{min-height:88px;padding:18px!important}
.cb-menu-shell #chapter-quests-list span{font-size:17px!important}
.cb-menu-shell #cb-live-run-achievements{font-size:19px;line-height:1.6;width:100%;margin:0}
.cb-menu-shell #console-content-transactions .submenu-content-box{font-size:18px}
.cb-menu-shell #console-content-tournament{overflow-y:auto!important;touch-action:pan-y}
.cb-menu-shell #console-content-tournament .menu-row-btn{min-height:88px;font-size:20px!important;border-radius:0}
.cb-menu-shell .cb-sim-scroll{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;padding:0 2px 10px;scrollbar-width:thin}
.cb-menu-shell .cb-sim-scroll>[hidden],.cb-menu-shell #detail-fight-btn[hidden]{display:none!important}
.cb-menu-shell #console-content-sim-challenges .chapter-tabs-container{margin:0 0 18px!important}
.cb-menu-shell #console-content-sim-challenges .chapter-tabs-container button{min-height:88px;font-size:17px!important}
.cb-menu-shell #console-content-sim-challenges #sim-challenges-subtitle{font-size:18px;margin:8px 0!important}
.cb-menu-shell #sim-challenges-nodes-area{height:390px!important;min-height:390px;border-radius:0!important;margin:20px 0!important;background:radial-gradient(ellipse at 50% 30%,#0b2823,#040d13 80%)!important;border:1px solid #254f41!important;background-image:radial-gradient(#335b4933 1px,transparent 1px)!important;background-size:20px 20px!important}
.cb-menu-shell .challenge-dot{position:absolute!important;transform:translate(-50%,-50%)!important;width:100px!important;height:100px!important;border:1px solid #387860!important;border-radius:50%!important;background:radial-gradient(circle at 45% 30%,#163d32,#071811)!important;color:#a9ebce!important;box-shadow:0 0 0 6px #060f12,inset 0 0 0 5px #0b2019!important;display:flex!important;align-items:center!important;justify-content:center!important;font:bold 28px 'Space Mono',monospace!important;cursor:pointer!important;z-index:10!important}
.cb-menu-shell .challenge-dot.active{border:2px solid #ffce42!important;color:#ffe184!important;background:radial-gradient(circle at 45% 30%,#403818,#17170c)!important;box-shadow:0 0 0 6px #060f12,0 0 0 8px #ffcc0040,0 0 28px #ffcc0028,inset 0 0 0 5px #242411!important}
.cb-menu-shell .challenge-dot.cb-completed{border-color:#00ff41!important}.challenge-dot small{position:absolute;right:-2px;top:-4px;background:#071811;color:#00ff41;font-size:18px;border-radius:50%;padding:2px 5px}
.cb-menu-shell #circuit-path-bg{stroke:#306e5a;stroke-width:3}
.cb-menu-shell #circuit-path-pulse{stroke:#79efc9!important;stroke-width:2!important;stroke-dasharray:12 160!important;opacity:.65;filter:none!important}
.cb-menu-shell #sim-challenge-detail-box{border:0!important;border-left:3px solid #ffcc00!important;border-radius:0!important;padding:20px!important;line-height:1.6}
.cb-menu-shell #detail-title{font-size:23px!important}.cb-menu-shell #detail-desc{font-size:18px!important}.cb-menu-shell #detail-status{font-size:15px!important}
.cb-menu-shell #detail-fight-btn{flex-direction:column;justify-content:center;border-color:#ffcc00!important;color:#ffcc00!important;text-shadow:none!important;font-size:22px!important;gap:4px}
.cb-menu-shell #detail-fight-btn small{font-size:14px;color:#bab78e}
.cb-menu-shell #main-menu button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cb-menu-reduced #main-menu *, .cb-menu-reduced #main-menu *::before,.cb-menu-reduced #main-menu *::after{animation:none!important;transition:none!important}
.cb-menu-reduced #circuit-path-pulse{stroke-dashoffset:0!important}
@media(prefers-reduced-motion:reduce){.cb-menu-fighter,.arena-quick-fight{animation:none!important}#circuit-path-pulse{stroke-dashoffset:0!important}}

.cb-menu-shell #main-menu .shop-btn,.cb-menu-shell #main-menu .option-btn,.cb-menu-shell #main-menu .option-size-btn{min-height:88px!important;flex-shrink:0}

/* Keep the simulation circuit and its controls within the menu viewport. */
.cb-menu-shell #main-menu #console-content-sim-challenges{gap:6px;padding-top:10px;min-width:0}
.cb-menu-shell #console-content-sim-challenges .cb-shell-heading{min-height:88px;padding-bottom:6px;gap:8px}
.cb-menu-shell #console-content-sim-challenges .cb-sim-scroll{display:grid;grid-template-rows:104px 24px minmax(280px,1fr) 88px auto;gap:6px;min-width:0;overflow:hidden;padding:0;touch-action:manipulation}
.cb-menu-shell #console-content-sim-challenges .cb-sim-scroll>*{min-width:0;max-width:100%;box-sizing:border-box}
.cb-menu-shell #console-content-sim-challenges .cb-roster-row{gap:4px}
.cb-menu-shell #console-content-sim-challenges .cb-roster{height:104px;gap:6px;padding:4px 0;overflow:hidden;touch-action:manipulation}
.cb-menu-shell #console-content-sim-challenges .cb-roster-option{height:96px}
.cb-menu-shell #console-content-sim-challenges .cb-roster-row>.shop-btn{height:96px}
.cb-menu-shell #console-content-sim-challenges #sim-challenges-subtitle{margin:0!important;align-self:center;font-size:16px!important}
.cb-menu-shell #console-content-sim-challenges #sim-challenges-nodes-area{height:100%!important;min-height:280px;margin:0!important}
.cb-menu-shell #console-content-sim-challenges .challenge-dot{width:88px!important;height:88px!important;font-size:25px!important}
.cb-menu-shell #console-content-sim-challenges .chapter-tabs-container{gap:4px!important;margin:0!important}
.cb-menu-shell #console-content-sim-challenges .chapter-tabs-container button{min-width:0!important;padding:6px 2px!important;font-size:16px!important}
.cb-menu-shell #console-content-sim-challenges #sim-challenge-detail-box{margin:0!important;padding:10px 12px!important;gap:4px!important;line-height:1.3}
.cb-menu-shell #console-content-sim-challenges #sim-challenge-detail-box>div{min-width:0;gap:8px}
.cb-menu-shell #console-content-sim-challenges #detail-title{min-width:0;font-size:20px!important}
.cb-menu-shell #console-content-sim-challenges #detail-status{flex-shrink:0;max-width:145px;font-size:13px!important}
.cb-menu-shell #console-content-sim-challenges #detail-desc{font-size:18px!important;line-height:1.3!important}
.cb-menu-shell #console-content-sim-challenges #sim-challenge-detail-box>div:last-of-type{font-size:14px!important}
.cb-menu-shell #console-content-sim-challenges button:focus-visible{outline-offset:-3px!important}
.cb-menu-shell #console-content-sim-challenges #sim-challenges-nodes-area{border-color:var(--route-color,#52dca0)!important;background-image:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--route-color) 10%,transparent),transparent 75%),radial-gradient(#335b4933 1px,transparent 1px)!important;background-size:100% 100%,20px 20px!important}
.cb-menu-shell #sim-challenges-nodes-area #circuit-path-bg{stroke:var(--route-color);opacity:.4}
.cb-menu-shell #sim-challenges-nodes-area #circuit-path-pulse{stroke:var(--route-color)!important}
.cb-route-arrows{fill:none;stroke:var(--route-color);stroke-width:2;opacity:.8}
.cb-route-traces{fill:none;stroke:var(--route-color);stroke-width:1;opacity:.18}
.cb-menu-shell #sim-challenges-nodes-area .challenge-dot:not(.active):not(.cb-completed){border-color:var(--route-color)!important}

/* Shop actions always get space; the fighter preview takes the remaining room. */
.cb-menu-shell #main-menu #console-content-shop{overflow:hidden}
.cb-menu-shell #main-menu #shop-skins-carousel-container{height:auto!important;min-height:0;flex:1 1 0;overflow:hidden!important;display:flex!important;gap:8px;padding:12px!important}
.cb-menu-shell #main-menu #shop-skins-carousel-container[style*="display: none"]{display:none!important}
.cb-menu-shell #main-menu #shop-skins-carousel-container>.boss-preview-container{height:auto;min-height:0;max-height:none;align-self:stretch;overflow:hidden;flex:1 1 0!important}
.cb-menu-shell #shop-skins-carousel-container #shop-skin-name{font-size:24px!important;line-height:1.3;text-shadow:none!important}
.cb-menu-shell #shop-skins-carousel-container #shop-skin-price-label{font-size:19px!important;line-height:1.4}
.cb-menu-shell #main-menu #shop-skin-action-btn{display:flex!important;align-items:center;justify-content:center;min-height:88px;height:auto;flex-shrink:0;line-height:1.3;padding:12px!important;text-shadow:none!important;background:#302809;border:2px solid currentColor}
.cb-menu-shell #main-menu #shop-skin-action-btn:disabled{background:#0b291a;opacity:1;cursor:default}
.cb-menu-shell #main-menu #console-content-shop>div{flex-shrink:0}
.cb-menu-shell #main-menu #console-content-shop{overflow-x:hidden;min-width:0}
.cb-menu-shell #main-menu #shop-skins-carousel-container{grid-template-columns:minmax(0,1fr);min-width:0}
.cb-menu-shell #shop-skins-carousel-container>*{min-width:0;max-width:100%;box-sizing:border-box}
/* The 720px cabinet scales down: preserve 44px targets on narrow phones. */
@media(max-width:360px){
 .cb-menu-shell #main-menu button,.cb-menu-shell #main-menu .shop-btn,.cb-menu-shell #main-menu #shop-skin-action-btn{min-height:100px!important}
 .cb-menu-shell #main-menu .cb-shell-home,.cb-menu-shell #main-menu .cb-shell-back{min-width:100px!important;width:100px!important;flex-basis:100px}
 .cb-menu-shell #main-menu #shop-skins-carousel-container{grid-template-rows:minmax(100px,1fr) auto auto auto 100px;min-height:530px;flex-basis:530px}
 .cb-menu-shell .dialog-btn{min-height:100px}
}

/* Quick Fight stays centered; full-height chevrons sit at the cabinet edges. */
.cb-menu-shell .cb-home-opponent{position:absolute;z-index:5;left:50%;top:calc((100% - 316px)/2);transform:translate(-50%,-50%);width:192px;max-width:100%}
.cb-menu-shell .cb-home-opponent .arena-quick-fight{position:relative;inset:auto;transform:none;min-width:0;width:100%;min-height:94px;padding:12px 4px;font-size:17px}
.cb-menu-shell .cb-home-opponent .arena-quick-fight:active{transform:scale(.97)}
.cb-menu-shell .cb-home-opponent .arena-quick-fight small{font-size:13px;letter-spacing:0;line-height:1.4}
.cb-menu-shell .cb-edge-opponents{position:absolute;left:0;right:0;z-index:25;pointer-events:none}
.cb-menu-shell .cb-home-opponent-arrow{position:absolute;top:0;bottom:0;left:0;width:100px;min-height:240px;padding:8px 4px;border:0;background:transparent;color:#ffe279;cursor:pointer;pointer-events:auto;touch-action:manipulation}
.cb-menu-shell .cb-home-opponent-arrow[data-home-opponent="1"]{left:auto;right:0;padding:8px 4px}
.cb-home-opponent-arrow svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 7px #ffcc0066)}
.cb-home-opponent-arrow polyline{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.cb-home-opponent-arrow[data-home-opponent="1"] svg{transform:scaleX(-1)}
.cb-menu-shell .cb-home-opponent-arrow:active{color:#fff5c2}
.cb-menu-shell #main-menu .cb-home-opponent-arrow:focus-visible{outline-offset:-4px}
.cb-menu-shell .classic-primary{grid-template-columns:repeat(2,minmax(0,1fr))}
.cb-npc-ghost{pointer-events:none}

/* Consolidated lobby: one corner offer, two modes and four utility icons. */
.cb-menu-shell .classic-dock{grid-template-columns:repeat(4,minmax(0,1fr))}
.cb-menu-shell .classic-primary{bottom:122px}
.cb-menu-shell .menu-arena{bottom:242px}
.cb-menu-shell .cb-home-opponent{top:auto;bottom:292px;transform:translateX(-50%)}
.cb-menu-shell .menu-arena .arena-vs{display:block;pointer-events:none;transform:translate(-50%,-50%);color:#d0e9e4;text-shadow:none;opacity:.85}
.cb-menu-shell .cb-starter-offer{position:absolute;z-index:8;top:246px;right:24px;width:130px;min-height:35px;height:35px;transform:rotate(45deg);padding:4px 8px;color:#0b141d;font:bold 11px/1.2 'Space Mono',monospace;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;touch-action:manipulation;background:linear-gradient(135deg,rgba(255,204,0,0.95) 0%,rgba(255,102,0,0.9) 50%,rgba(255,230,100,0.95) 100%);border:1.5px solid #ffffff;border-radius:6px;box-shadow:0 0 16px rgba(255,204,0,0.85),0 0 30px rgba(255,140,0,0.5);animation:starterOfferFlash 2s ease-in-out infinite}
.cb-menu-shell .cb-starter-offer span{font-size:10px;font-weight:900;color:#0b141d;white-space:nowrap}
.cb-menu-shell .cb-starter-offer small{font-size:11px;font-weight:900;color:#7a3e00;white-space:nowrap}
.cb-menu-shell .classic-primary .menu-row-btn{height:98px;min-height:98px;padding:10px 14px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}
.cb-sim-btn-inner,.cb-tournament-btn-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:7px;box-sizing:border-box}
.cb-sim-btn-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}
.cb-sim-btn-header svg{width:22px;height:22px;justify-self:start;flex-shrink:0}
.cb-sim-title{justify-self:center;text-align:center;font-size:20px;font-weight:bold;letter-spacing:1.5px;color:#00ff41}
.cb-sim-counter{justify-self:end;text-align:right;font-size:11px;color:#00ff41;font-family:'Space Mono',monospace;letter-spacing:0.5px;white-space:nowrap}
.cb-sim-dots-canvas{display:block;width:220px;height:18px;margin:0 auto;align-self:center;background:rgba(3,7,18,0.85);border-radius:4px;border:1px solid rgba(0,255,65,0.25);box-shadow:inset 0 0 8px rgba(0,0,0,0.7)}
.cb-tournament-btn-header{display:flex;align-items:center;justify-content:center;width:100%;gap:8px}
.cb-tournament-btn-header svg{width:22px;height:22px;flex-shrink:0}
.cb-tournament-title{font-size:19px;font-weight:bold;letter-spacing:0.5px;text-align:center;white-space:nowrap}
.cb-tournament-rank-info{display:flex;align-items:center;justify-content:center;width:100%;gap:8px;font-family:'Space Mono',monospace;white-space:nowrap}
.cb-tournament-rank-badge{font-size:11px;color:#ffcc00;font-weight:bold;letter-spacing:0.5px}
.cb-tournament-rank-divider{font-size:11px;color:#475569}
.cb-tournament-gap{font-size:11px;color:#00f0ff;letter-spacing:0.5px}
.cb-menu-shell #main-menu .cb-shop-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;width:100%;margin:0 0 6px!important;padding:0!important;flex-shrink:0}
.cb-menu-shell #main-menu .cb-shop-tabs button{min-width:0!important;width:100%;margin:0!important;font-size:18px!important;line-height:1.3}
.cb-menu-shell #main-menu .cb-board-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cb-menu-shell #main-menu .cb-board-history{width:100%;min-height:100px;margin-top:18px;font-size:19px!important;flex-shrink:0}
.cb-menu-shell #main-menu #console-content-bcoins .submenu-content-box{flex:1;min-height:0;overflow:auto}
.cb-menu-shell #main-menu #console-content-bcoins .earn-regulatory-banner{flex-shrink:0}

/* Balance and record shortcuts preserve the live counter nodes and keyboard access. */
.cb-menu-shell .menu-top-stats .cb-stat-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:inherit;font:inherit;padding:0 3px;min-height:56px;min-width:56px;white-space:nowrap;flex-wrap:nowrap;cursor:pointer;border-radius:6px;touch-action:manipulation}
.cb-menu-shell .menu-top-stats .cb-stat-shortcut:hover{color:#fff}
.cb-menu-shell .menu-top-stats .cb-stat-shortcut:focus-visible{outline:3px solid #00f0ff;outline-offset:3px}
.cb-menu-shell #cb-open-bcoins{color:#00ff41}.cb-menu-shell #cb-open-dcoins,#cb-open-dcoins{display:none!important}
.cb-menu-shell .cb-shop-tabs .currency-icon{width:20px;height:20px;font-size:14px;margin:0 0 0 4px;flex-shrink:0}
.cb-menu-shell .cb-shop-tabs #shop-tab-earn,.cb-menu-shell .cb-earn-shop-tabs [data-tab="earn"]{display:flex;align-items:center;justify-content:center;gap:4px;white-space:normal;line-height:1.2}

/* Compact inline counters: keep the original HUD row, with native click targets. */
.cb-menu-shell #main-menu .menu-top-stats button.cb-stat-shortcut{min-height:56px!important;height:auto;flex-shrink:0;line-height:1.2;box-shadow:none;text-shadow:none}
.cb-menu-shell #main-menu .menu-top-stats,.cb-menu-shell #main-menu .menu-top-stats .left-stats,.cb-menu-shell #main-menu .menu-top-stats .right-stats{flex-wrap:nowrap;white-space:nowrap}
/* Reserve a header row for the offer; it never enters the fighter canvas. */
.cb-menu-shell .menu-arena{top:300px}

/* One full-size fighter, with navigation beside the preview and a fixed action. */
.cb-menu-shell #main-menu #shop-skins-carousel-container{overflow:hidden;min-height:0!important;padding:0 12px 10px!important;gap:10px;flex:1;justify-content:flex-start!important}
.cb-menu-shell #shop-skins-carousel-container>.boss-preview-container{flex:1 1 0!important;min-height:0!important;height:auto;overflow:hidden}
.cb-menu-shell #shop-carousel-player-sprite{height:125%!important;max-height:760px;bottom:-6%;}
.cb-menu-shell #shop-skins-carousel-container .cb-skin-arrow{position:absolute;top:50%;left:8px;transform:translateY(-50%);width:60px;height:180px;z-index:2}
.cb-menu-shell #shop-skins-carousel-container .cb-skin-arrow:last-child{left:auto;right:8px;transform:translateY(-50%) rotate(180deg)}
.cb-menu-shell .cb-skin-heading{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:0!important}
.cb-menu-shell #shop-skin-price-label{font-size:20px!important;white-space:nowrap}
.cb-menu-shell #shop-skin-coach-box{max-width:none!important;margin:0!important;padding:12px 16px!important}
.cb-menu-shell #shop-skin-coach-desc,.cb-menu-shell #shop-skin-coach-signal-hint{font-size:17px!important;line-height:1.35!important}
.cb-menu-shell #shop-skin-coach-name{font-size:18px!important}
.cb-menu-shell #shop-skin-action-btn{flex:0 0 80px;min-height:80px!important}

.cb-menu-shell #main-menu #console-content-shop>#shop-skins-carousel-container{flex-shrink:1}
.cb-menu-shell #shop-skins-carousel-container .cb-skin-arrow{min-height:120px;bottom:auto}
.cb-menu-shell #main-menu #console-content-shop{gap:8px;padding-top:10px}
.cb-menu-shell #console-content-shop .cb-shell-heading{min-height:70px;padding-bottom:8px}
.cb-menu-shell #console-content-shop .cb-shell-heading .cb-shell-back,.cb-menu-shell #console-content-shop .cb-shell-home{width:70px!important;min-width:70px!important;height:70px!important;min-height:70px!important;flex-basis:70px}
.cb-menu-shell #main-menu #console-content-shop .cb-shop-tabs button{min-height:68px}
.cb-menu-shell #shop-submenu-subtitle{display:none}
.cb-menu-shell #console-content-shop .shop-regulatory-banner{margin-bottom:0!important}
/* Clean renders of the 3D models replace the old pixel sprite sheets: one still picture, no frame cutting, no stepping animation. */
html body .cb-portrait.cb-portrait.cb-portrait { background-repeat: no-repeat !important; image-rendering: auto !important; background-color: transparent !important; }
html body .cb-portrait-front.cb-portrait-front.cb-portrait-front, html body .cb-portrait-front-sm.cb-portrait-front-sm.cb-portrait-front-sm { animation: none !important; }
html body .cb-portrait-stage.cb-portrait-stage.cb-portrait-stage { background-size: 100% 100% !important; background-position: center !important; }
html body .cb-portrait-front.cb-portrait-front.cb-portrait-front { background-size: auto 72% !important; background-position: center bottom 3% !important; }
html body .cb-portrait-front-sm.cb-portrait-front-sm.cb-portrait-front-sm { background-size: contain !important; background-position: center bottom !important; }
/* shop: coin icon in front of a win-effect title */
.cb-fx-coin { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-right: 6px; border-radius: 50%; font: bold 11px/1 sans-serif; vertical-align: -3px; box-shadow: 0 0 6px #ffcc0055; }
/* shop: glowing dot in front of an aura title */
.cb-fx-aura { display: inline-block; width: 14px; height: 14px; margin-right: 8px; border-radius: 50%; background: var(--aura); box-shadow: 0 0 6px 2px var(--aura), 0 0 14px 4px color-mix(in srgb, var(--aura) 50%, transparent); vertical-align: -2px; }
/* shop gear: one row per slot, a chip per colour / boss / mask (picture, name, price or state) */
.cb-wear-row .shop-info { flex: 1 1 100%; min-width: 0; }
.cb-wear-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 6px; margin-top: 8px; }
.cb-wear-chip { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; padding: 6px 4px 5px; border-radius: 10px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); color: inherit; font: 600 11px/1.2 inherit; cursor: pointer; }
.cb-wear-chip:hover:not(:disabled) { background: rgba(255,255,255,.09); }
.cb-wear-chip:focus-visible { outline: 2px solid #c6f432; outline-offset: 2px; }
.cb-wear-chip.owned { border-color: rgba(57,255,136,.45); }
.cb-wear-chip.on { border-color: #c6f432; background: rgba(198,244,50,.12); box-shadow: 0 0 10px rgba(198,244,50,.35); }
.cb-wear-chip.golden:not(.on) { border-color: rgba(255,210,63,.5); }
.cb-wear-chip:disabled { opacity: .5; cursor: not-allowed; }
.cb-wear-icon { width: 52px; height: 52px; object-fit: contain; }
.cb-wear-dot { width: 30px; height: 30px; margin: 11px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff 0 10%, var(--wear) 45%, color-mix(in srgb, var(--wear) 60%, #000) 100%); }
.cb-wear-name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cb-wear-cost { display: inline-flex; align-items: center; font-size: 10px; opacity: .85; }
.cb-wear-chip.on .cb-wear-cost { color: #c6f432; opacity: 1; }
/* shop: six tabs in two rows (SKINS GEAR EFFECTS / TITLES UPGRADES EARN), a little shorter than before */
.cb-menu-shell #main-menu #console-content-shop .cb-shop-tabs button,.cb-menu-shell .cb-earn-shop-tabs button{min-height:46px;font-size:15px!important}
/* GEAR / EFFECTS / TITLES tab: 3D preview of your fighter, the chosen item, then the lists */
#cb-looks{flex-direction:column;gap:8px;padding:10px;height:min(560px,62vh);overflow:hidden;box-sizing:border-box}
.cb-looks-stage{position:relative;flex:0 0 46%;min-height:190px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#10303a,#05080d 75%);touch-action:pan-y}
.cb-shop3d-canvas{display:block;width:100%;height:100%;cursor:grab}
.cb-looks-hint{position:absolute;left:10px;bottom:8px;font:11px 'Space Mono',monospace;color:#7f95a8;pointer-events:none}
.cb-looks-replay{position:absolute;right:8px;bottom:8px;font:700 11px 'Space Mono',monospace;padding:5px 10px;border-radius:8px;border:1px solid #00d2ff88;background:#05121c;color:#bfefff;cursor:pointer}
.cb-looks-nopreview::after{content:'3D preview unavailable on this device';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7f95a8;font:12px 'Space Mono',monospace}
.cb-shop3d-title.cb-title-badge{position:absolute;top:0;left:0;transform:translate(-50%,-100%);z-index:2}
.cb-looks-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.03)}
.cb-looks-pick{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cb-looks-pick b{font:700 13px 'Space Mono',monospace;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-looks-pick span{font-size:11px;color:#8ea2b5;line-height:1.3}
.cb-looks-act{flex:0 0 auto;margin:0!important;min-height:40px;padding:6px 12px!important;font-size:13px!important;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.cb-looks-list{flex:1;min-height:0;overflow-y:auto;padding-right:2px}
.cb-looks-section{margin:4px 0 12px}
.cb-looks-section h3{margin:0;font:700 13px 'Space Mono',monospace;color:#c6f432;letter-spacing:.04em}
.cb-looks-section p{margin:2px 0 0;font-size:11px;color:#8ea2b5}
.cb-wear-chip.picked{outline:2px solid #00d2ff;outline-offset:1px}
.cb-looks-titlechip{display:flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;padding:0 6px;font:800 10px/1.2 'Space Mono',monospace;text-transform:uppercase;text-align:center;color:var(--title);text-shadow:0 0 6px var(--title)}
/* shop pages: no menu strips (players today, daily goal, today board and chest, user line), no banner */
body[data-menu-page="shop"] #cb-live-strip,body[data-menu-page="shop"] #cb-progress-strip-menu,body[data-menu-page="shop"] .cb-today,body[data-menu-page="shop"] #main-menu .dev-banner,
body[data-menu-page="bcoins"] #cb-live-strip,body[data-menu-page="bcoins"] #cb-progress-strip-menu,body[data-menu-page="bcoins"] .cb-today,body[data-menu-page="bcoins"] #main-menu .dev-banner,
body[data-menu-page="shop"] #console-content-shop .shop-regulatory-banner{display:none!important}
/* shop tabs: one row of six icons */
.cb-menu-shell #main-menu .cb-shop-tabs.cb-icon-tabs{grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;grid-auto-flow:column;gap:5px!important}
.cb-menu-shell #main-menu #console-content-shop .cb-shop-tabs.cb-icon-tabs button,.cb-menu-shell .cb-shop-tabs.cb-icon-tabs button{min-height:54px!important;padding:4px 0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.cb-icon-tabs .cb-tab-ic{font-size:20px;line-height:1}
.cb-icon-tabs .cb-tab-lb{font-size:8.5px!important;letter-spacing:.04em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cb-shop-note{margin:6px 0 0;font-size:9.5px;color:#7f8ea0;text-align:center}
.cb-shop-note a{color:#00d2ff}
/* skins: the coach as one line, details on tap */
.cb-coach-compact{cursor:pointer;padding:8px 10px!important}
.cb-coach-compact #shop-skin-coach-desc,.cb-coach-compact #shop-skin-coach-signal-hint{display:none}
.cb-coach-compact.cb-coach-open #shop-skin-coach-desc,.cb-coach-compact.cb-coach-open #shop-skin-coach-signal-hint{display:block}
/* gear / effects / titles: big preview, one row of categories, one row of items, the action bar */
#cb-looks{height:auto;max-height:none}
.cb-looks-stage{flex:0 0 auto;height:min(340px,42vh)}
.cb-looks-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:0 0 auto}
.cb-looks-cats::-webkit-scrollbar{display:none}
.cb-looks-cat{flex:0 0 auto;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#cfe3f1;font:700 11px 'Space Mono',monospace;cursor:pointer;white-space:nowrap}
.cb-looks-cat.on{background:#00d2ff;border-color:#00d2ff;color:#001018}
.cb-looks-cat.worn:not(.on)::after{content:' ●';color:#c6f432}
.cb-looks-list{flex:0 0 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.cb-looks-row.cb-wear-chips{display:flex;flex-wrap:nowrap;gap:6px;margin:0}
.cb-looks-row .cb-wear-chip{flex:0 0 74px}
.cb-looks-bar{padding:6px 8px}
/* the preview takes the room the lists do not need */
#console-content-shop #cb-looks{flex:1 1 auto;min-height:0;display:flex}
#cb-looks .cb-looks-stage{flex:1 1 auto;height:auto;min-height:240px}
/* upgrades: title, state and buttons only (the long explanations made the list hard to read) */
#shop-upgrades-container .shop-item-subtitle{display:none}
#shop-upgrades-container .shop-row{padding:10px 12px!important;gap:8px!important}
#shop-upgrades-container{gap:10px!important}
.cb-menu-shell #main-menu #console-content-shop>#cb-looks{flex:1 1 0;min-height:0}
#shop-upgrades-container>.shop-btn:first-child{flex:0 0 auto!important;min-height:0!important;height:auto!important;padding:8px 10px!important;font-size:11px!important}

/* Home header: logo on top, one short info row, flat starter badge, VS above Quick Fight, Terms at the bottom. */
.cb-menu-shell #main-menu .console-box>.cb-top-logo{order:-1;flex-shrink:0;margin:2px 0 8px;font-size:44px;line-height:1.1;white-space:nowrap;text-align:center;position:relative;z-index:3}
body[data-menu-page]:not([data-menu-page="main"]) #main-menu .cb-top-logo{display:none}
.cb-menu-shell #main-menu .menu-top-stats{margin-top:0}
.cb-home-info{display:none;flex-shrink:0;width:100%;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:8px 0 4px;font:700 19px/1.2 'Space Mono',monospace;color:#b8c7d5;position:relative;z-index:13}
body:not([data-menu-page]) .cb-home-info,body[data-menu-page="main"] .cb-home-info{display:flex}
.cb-home-info #user-email-display{display:inline-flex;align-items:center;min-height:56px;padding:0 4px;font-size:21px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-home-info .cb-today.on,.cb-home-info .cb-today-row{display:contents}
.cb-home-info .cb-today-detail{flex-basis:100%;order:9}
html body #game-container #main-menu .cb-home-info :is(.cb-home-goal,.cb-today-main){display:inline-flex;align-items:center;gap:7px;min-height:56px;height:56px;padding:0 14px;margin:0;border-radius:8px;background:rgba(0,255,65,.07);border:1px solid rgba(0,255,65,.35);color:#cfeedd;font:700 19px/1 'Space Mono',monospace;cursor:pointer;white-space:nowrap;text-shadow:none}
html body #game-container #main-menu .cb-home-info .cb-home-goal[hidden]{display:none}
html body #game-container #main-menu .cb-home-info :is(.cb-home-goal,.cb-today-main)::before,html body #game-container #main-menu .cb-home-info :is(.cb-home-goal,.cb-today-main)::after{display:none}
.cb-home-info .cb-today-main b{color:#00ff41}
.cb-today-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#00ff41;box-shadow:0 0 6px #00ff41}
html body #game-container #main-menu .cb-home-info .cb-chest{min-height:56px;height:56px;padding:0 12px 0 6px;font-size:19px}
.cb-home-info .cb-chest-ico svg{width:46px!important;height:40px!important}
/* players: the four old lines are replaced by the row; guests keep the "create an account" line */
.cb-menu-shell #main-menu .dev-banner,.cb-menu-shell #cb-live-strip,.cb-menu-shell:not(.cb-home-guest) #cb-progress-strip-menu{display:none!important}
.cb-menu-shell #cb-progress-strip-menu{margin:2px 0 4px}
/* the stage starts right under the header; the fighters never grow taller than it (no cut-off heads) */
.cb-menu-shell .menu-arena{top:6px;bottom:262px}
.cb-menu-shell .menu-arena .arena-fighter{--fighter-size:var(--cb-fit,380px)}
.cb-menu-shell .classic-dock{bottom:30px}
.cb-menu-shell .classic-primary{bottom:144px}
.cb-menu-shell .cb-home-opponent{bottom:302px;display:flex;flex-direction:column;align-items:center;gap:4px}
.cb-menu-shell .cb-home-opponent .arena-vs{position:static;display:block;transform:skew(-10deg);font:bold 34px/1 'Space Mono',monospace;color:#d0e9e4;opacity:.85;pointer-events:none;text-shadow:none}
.cb-menu-shell #console-content-main .menu-disclaimer-bar{position:absolute;left:0;right:0;bottom:0;margin:0!important;padding:2px 0!important;border-top:0!important;z-index:4}
.cb-menu-shell #console-content-main .menu-disclaimer-bar div{font-size:13px!important}
html body #game-container.cb-menu-shell #main-menu #console-content-main .cb-starter-offer{top:14px;right:14px;transform:none;width:auto;height:44px;min-height:44px!important;padding:0 14px;gap:8px;font-size:15px;animation:starterGlowFlat 2s ease-in-out infinite!important}
html body #game-container.cb-menu-shell #main-menu #console-content-main .cb-starter-offer span{font-size:14px}
html body #game-container.cb-menu-shell #main-menu #console-content-main .cb-starter-offer small{font-size:15px}
@keyframes starterGlowFlat{50%{filter:drop-shadow(0 0 14px rgba(255,204,0,.9)) brightness(1.15)}}
@media(prefers-reduced-motion:reduce){html body #game-container.cb-menu-shell #main-menu #console-content-main .cb-starter-offer{animation:none!important}}