/* BS Helper: game-inspired controls, original layout and locally bundled artwork. */
:root{--game-ink:#08162d;--game-blue:#1263d4;--game-sky:#2789ef;--game-yellow:#ffdb39;--game-outline:#07162d;--yellow:#ffdb39;--line:#405c8a;--muted:#adbfdb}
body,.draft-screen{background:radial-gradient(ellipse at 70% 0,#3486e8 0,#155cbe 37%,#103c83 85%);background-attachment:fixed;color:#fff}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.12;background-image:radial-gradient(circle at 12px 12px,#c6e7ff 1.4px,transparent 1.8px);background-size:27px 27px}
.app-shell,.draft-screen .app-shell{max-width:1920px;grid-template-columns:220px minmax(0,1fr);column-gap:25px;padding:0 28px}
h1,h2,h3,.brand,.mode-card>strong,.section-nav .nav,.tier-rank>strong,.button.yellow,.hero-star,.rotation-card-top>b{font-family:'Russo One','Arial Black',sans-serif;font-weight:400}
.topbar,.draft-screen .topbar{min-height:85px;border-bottom:3px solid #08244a;box-shadow:0 3px 0 #3891ec55;background:#0d367300;margin-bottom:4px}
.brand,.draft-screen .brand{font-size:24px;text-shadow:0 3px 0 #06152c;letter-spacing:-.6px;gap:13px}.brand strong{color:#ffdc45}.brand small,.draft-screen .brand small{font-family:"Russo One",sans-serif;font-size:8px;font-weight:750;letter-spacing:1.3px;color:#b8d5fa;text-shadow:none;margin-top:5px}
.brand-star{border:3px solid #081b35;box-shadow:0 4px 0 #081b35;transform:rotate(-7deg)}
.top-context{font-size:9px;font-weight:750;color:#b7dcff;letter-spacing:1.5px}.offline{padding:9px 13px;background:#123766;border:2px solid #081a33;box-shadow:0 3px 0 #07182f;border-radius:8px;color:#c3e9de}.icon-button{border:2px solid #06182f;background:linear-gradient(#3d81c6,#1b5294);box-shadow:0 2px 4px #04132630,inset 0 1px 0 #ffffff18;border-radius:8px;color:#fff}.icon-button:hover{background:#4b92da}
.section-nav{gap:8px;top:16px;padding-top:22px}.section-nav .nav{font-size:12px;grid-template-columns:28px 1fr;min-height:46px;background:#0c3977;border:2px solid #08224b;box-shadow:inset 0 1px 0 #ffffff0c;color:#d4e9ff;border-radius:8px;padding:11px 12px;transition:background .12s,border-color .12s}.section-nav .nav>span{color:#82baf2;height:27px;width:27px}.section-nav svg,.mode-symbol svg{width:100%;height:100%;filter:drop-shadow(0 2px 0 #052451)}.section-nav .nav.active{background:linear-gradient(#ffe966,#ffcc28);border-color:#071b36;color:#122447;box-shadow:inset 0 1px 0 #fff9ce80,0 1px 3px #071c3a2b}.section-nav .nav.active>span{color:#16386a}.section-nav .nav.active svg{filter:drop-shadow(0 1px 0 #fffbac)}.section-nav .nav.active small{color:#6c551c}.section-nav .nav:hover{background:#286ab0;color:#fff;transform:none}.section-nav .nav.active:hover{background:#ffe662;color:#142444}.section-nav .nav small{font-family:"Russo One",sans-serif;color:#8db9ec;font-size:9px}.nav-label{color:#94caff;font-size:8px;font-weight:850;padding-top:18px;text-shadow:0 1px 1px #082750;letter-spacing:1.3px}.nav-footnote{color:#93bce8}
.hub-page{padding-top:25px}.hub-heading h1,.draft-heading h1{font-size:31px;text-shadow:0 3px 0 #081a3b;-webkit-text-stroke:.3px #0a2350;line-height:1.3}.hub-heading .eyebrow{color:#97ceff;font-weight:800}.hub-heading p{color:#c0ddfa}.hub-heading>.button{background:linear-gradient(#3e8dd8,#1e62aa);color:#fff;border:2px solid #071c3b;box-shadow:0 2px 4px #04132630,inset 0 1px 0 #ffffff18}.hub-page .eyebrow{color:#a3cbfa}.hub-page .panel,.panel{background:linear-gradient(145deg,#173968,#10294e);border:2px solid #071c3b;border-radius:11px;box-shadow:0 5px 0 #071c3b55}.hub-page .hint{color:#a1bbdc}.hub-page>.panel>p{color:#bfd1e8}.hub-page h2{font-size:20px;text-shadow:0 2px 0 #06172d}.hub-section-title>span{color:#b2d8ff}
.button,.hub-page .button{border:2px solid #071b34;box-shadow:0 2px 4px #04132630,inset 0 1px 0 #ffffff18;border-radius:7px;font-weight:750;background:linear-gradient(#387bc0,#255f9c);color:#fff;transition:background .12s,filter .12s;line-height:1.4}.button:hover{filter:brightness(1.06);transform:none}.button:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #04132626}.button:disabled{filter:grayscale(.5);opacity:.5;transform:none;cursor:default}.button.yellow,.hub-page .button.yellow{color:#162239;border-color:#07182e;background:linear-gradient(#ffe65a,#ffd239);box-shadow:inset 0 1px 0 #fff8c380,0 2px 4px #04132630;font-size:12px;text-shadow:none}.text-button{color:#9dceff}.hub-page a{color:#a4d2ff}.hub-context-note{background:#0b285c;color:#d8e5f8;border:2px solid #0a1c39;border-left:5px solid #f2c743;box-shadow:0 3px 0 #071b3444;border-radius:7px}.hub-source{color:#c2dcf7}.hub-source p{color:#91b6df}.hub-source-warning{background:#6b4f16;border:2px solid #241e14;color:#ffdf96}.warning{border:2px solid #84662b;background:#6b4b1f44;color:#ffe0a0}.hub-page select,.hub-page input,select,input{border:2px solid #081a34;background:#102e59;box-shadow:inset 0 2px 0 #071c3944;color:#e3efff}.hub-page select option{background:#163665}.hub-page input::placeholder{color:#7da0c6}
.hub-hero{min-height:300px;padding:33px 35px;background:radial-gradient(ellipse at 78% 55%,#5bbaf5 0,#398ee9 36%,transparent 60%),linear-gradient(120deg,#1956b6,#308bdf);border:3px solid #071e42;border-radius:12px;box-shadow:0 7px 0 #082450,inset 0 2px 0 #82c9ff;grid-template-columns:minmax(0,1fr) 340px;isolation:isolate}.hub-hero:before{content:"";position:absolute;inset:-170%;z-index:-1;background:repeating-conic-gradient(from 8deg at 58% 50%,#73c5ff18 0 12deg,transparent 12deg 28deg);transform:rotate(-12deg);pointer-events:none}.hub-kicker{color:#fff0a1;letter-spacing:1.1px;font-weight:800}.hub-hero h2{font-size:42px;line-height:1.16;letter-spacing:-.5px;color:#fff;text-shadow:0 5px 0 #09214e;-webkit-text-stroke:1px #09214e;margin:16px 0}.hub-hero p{max-width:490px;color:#d0e7ff;font-size:12px;text-shadow:0 1px 1px #0a357d}.hub-hero .button.yellow{padding:13px 19px;font-size:12px;min-width:225px}.hero-squad{position:relative;align-self:stretch;min-height:255px}.hero-squad img{position:absolute;bottom:-45px;height:118%;max-width:90%;object-fit:contain;filter:drop-shadow(5px 9px 0 #09214e60)}.hero-squad .hero-colt{left:-20px;transform:rotate(-6deg);z-index:1;height:112%}.hero-squad .hero-shelly{right:-25px;transform:rotate(5deg);z-index:2}.hero-star{position:absolute;right:9px;top:-14px;font-size:70px;transform:rotate(18deg);color:#ffe046;-webkit-text-stroke:3px #092650;text-shadow:0 5px 0 #163f74;z-index:3}
.mode-grid{gap:12px;margin-top:17px}.mode-card{border:2px solid #0a2348;border-bottom-width:2px;border-radius:10px;background:linear-gradient(145deg,#428fec,#1855b0);min-height:170px;box-shadow:inset 0 1px 0 #ffffff26,0 3px 7px #04132626}.mode-card.gold{background:linear-gradient(145deg,#f2b72c,#ad7012)}.mode-card.purple{background:linear-gradient(145deg,#9859dc,#6534ad)}.mode-card.green{background:linear-gradient(145deg,#56a646,#26782f)}.mode-card.pink{background:linear-gradient(145deg,#db5da8,#a82b79)}.mode-card>strong{font-size:16px;text-shadow:0 2px 0 #14274a}.mode-card p{color:#e5ecff;font-weight:550;font-size:10px}.mode-symbol,.mode-card.gold .mode-symbol,.mode-card.purple .mode-symbol,.mode-card.green .mode-symbol,.mode-card.pink .mode-symbol{width:54px;height:54px;border-radius:0;background:none;color:#fff6b8;padding:0;filter:none}.mode-card:hover{border-color:#99c5f0;box-shadow:inset 0 1px 0 #ffffff38,0 3px 7px #04132630;transform:none}.home-bottom{margin-top:25px}.home-leader{border-color:#5a87b533}.home-leader .tier-label{border:2px solid #081d3d}.home-leaders .hub-brawler img{border:2px solid #07172d;border-radius:5px;background:#3475be}.home-leader>span:first-child{color:#8db4df}.hub-team-summary>div p small{color:#9bbade}.hub-team-summary>div p{color:#edf5ff}
.hub-tabs{border:2px solid #081d3b;background:#103c79;border-radius:8px;padding:4px;box-shadow:none}.hub-tabs button{border-radius:5px;color:#bad6f5;font-weight:750}.hub-tabs button.active{background:linear-gradient(#ffeb66,#ffcd29);border-color:#092344;color:#162646;box-shadow:inset 0 1px 0 #fff8c370}.hub-tabs button:not(.active):hover{background:#2c66a3;color:#fff}
.tier-board{border:3px solid #081c38;border-radius:9px;gap:3px;background:#081c38;box-shadow:0 5px 0 #071c3a77}.tier-row{background:#153a6a}.tier-fighters{padding:11px}.tier-fighter{border:2px solid #07182e;border-radius:5px;background:#14345d;box-shadow:0 2px 0 #06162d}.tier-fighter img{background:#2f659c}.tier-fighter>span{color:#aac9e9}.tier-rank>strong{font-size:28px;text-shadow:0 1px 0 #ffffff44}.tier-fighter:hover{border-color:#ffe465;box-shadow:0 0 0 1px #ffe465}.tier-label{border:2px solid #0a1d34;border-radius:5px}.hub-map-hero{background:linear-gradient(115deg,#2676c6,#174b86);border:3px solid #081c38;box-shadow:0 5px 0 #081c3855;border-radius:10px}.hub-map-hero h2{text-shadow:0 3px 0 #081c38}.hub-map-hero p{color:#c4ddf6}.hub-map-hero>.map-media{background:#0c2b5355;border-radius:8px;padding:6px}.push-fighter{background:linear-gradient(140deg,#1b487b,#123259);border:2px solid #081b33;border-radius:8px;box-shadow:0 1px 3px #04132620}.push-fighter .hub-brawler img{border:2px solid #071b33;border-radius:6px}.push-fighter>small{color:#a5c2e3}.push-metric{color:#d2e6ff}.push-fighter.easy{border-bottom:2px solid #348769}.push-fighter.hard{border-bottom:2px solid #a35463}.push-fighter.situational{border-bottom:2px solid #ad8b35}.push-fighter:hover{border-color:#ffe876}.popular-pick{border-color:#456c9a55}.lobby-lineup article{background:#1a4875;border:2px solid #081c36;border-radius:8px}.lobby-lineup p,.lobby-freshness{color:#a3bfdd}.fighter-map-list>button{background:#184575;border:2px solid #081a33}.hub-empty{background:#123968;border:2px dashed #5685b6;color:#d6e8fb}.hub-empty p{color:#a2c0df}.patch-banner{background:linear-gradient(120deg,#256ac0,#144a88);border:3px solid #081c39;box-shadow:0 5px 0 #081c3955}.patch-card{background:#133961;border:2px solid #081b35;border-top:4px solid var(--change);box-shadow:0 3px 0 #071a3455}.patch-card li{color:#c1d4eb}.patch-card .hub-brawler img{border:2px solid #081c36}.buffie-effect p{color:#adcae8}.buffie-effect b{color:#d0bcff}.challenge-track span{background:#214e7c;border:1px solid #09244c;color:#8cbbeb}.challenge-track span.done{background:#85cf3f;border-color:#10240c;color:#163b21}.stage-card{background:#1a467b;border:2px solid #081b37;box-shadow:0 3px 0 #081b3755}.stage-card.current{border-color:#ffdf44;background:#2d5b8b;box-shadow:0 3px 0 #7a601c}.stage-card>span{color:#a0cef9}.stage-card select{font-size:11px}.post-draft,.draft-board{background:#14365e;border:2px solid #061a35}.board-map{background:#204b7c}.draft-heading>div>span{color:#add3fa}.draft-explanation{color:#aac9eb}.rec-card{background:#17395f;border:2px solid #081a33}.rec-card.best{border-color:#e9c644}.draft-pick{background:#17385d}.draft-screen footer,.app-shell>footer{color:#93b7dd;border-color:#6294cb55}.hub-brawler-detail{color:#e6effe}dialog{background:#12345c;border:3px solid #06172e;box-shadow:0 12px 0 #04112755,0 24px 100px #020919aa}.modal-head{background:#1d5b9f;border-bottom:3px solid #081c37}.modal-head h2{font-family:'Russo One',sans-serif;text-shadow:0 2px 0 #061a33}.modal-body .hint{color:#99bbdf}
/* One control language across every page and native WebView scroll surface. */
*{scrollbar-width:thin;scrollbar-color:#ffcf35 #0a2957}
@supports selector(::-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:#0b2b58;border-left:2px solid #061b39}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ffe77b,#ffc82e);border:3px solid #0b2b58;border-radius:6px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:#ffeb8c}::-webkit-scrollbar-corner{background:#0b2b58}}
.icon-button{display:inline-grid;place-items:center;flex:none;padding:0;line-height:1;vertical-align:middle}
.button,.hub-page .button{font-family:'Russo One',Arial,sans-serif;font-weight:400;text-align:center;min-height:42px;border-radius:6px;background:linear-gradient(#388be0 0 48%,#2677c8 49%);box-shadow:inset 0 2px 0 #ffffff2b,0 2px 3px #03162b30}
.button.small{min-height:34px}.button.subtle{background:linear-gradient(#2766a3,#205589);color:#e9f4ff;border-color:#091c35}
.button.yellow,.hub-page .button.yellow{background:linear-gradient(#ffe66c 0 48%,#ffd039 49%);color:#17263d;box-shadow:inset 0 2px 0 #fff6ba80,0 2px 3px #03162b30}
.button:focus-visible,.icon-button:focus-visible,summary:focus-visible{outline:3px solid #fff4b1;outline-offset:3px}
.button:disabled{cursor:wait}.button:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #04132626}
dialog{border-radius:9px;border:3px solid #071a35;background:linear-gradient(135deg,#24548b,#14345e);box-shadow:0 18px 70px #020e2780;scrollbar-gutter:auto}
.modal-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:16px;min-height:82px;padding:15px 18px;background:linear-gradient(#348ae2 0 49%,#2776cb 50%);border-bottom:3px solid #091d3b;box-shadow:inset 0 2px 0 #77c2fa55}
.modal-head:before{content:"";width:44px}.modal-head h2{text-align:center;margin:0;line-height:1.3;font-size:22px;color:#fff;text-shadow:0 2px 0 #08224e}
.modal-head .game-close{width:44px;height:44px;background:linear-gradient(#ff7475 0 48%,#e83c55 49%);border:3px solid #391b35;border-radius:6px;box-shadow:inset 0 2px 0 #ffc6bc80,0 2px 3px #06132c33;justify-self:end}
.game-close svg{display:block;width:26px;height:26px;overflow:visible}.game-close path{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:square;filter:drop-shadow(0 2px 0 #682035)}
.game-close:hover{filter:brightness(1.12)}.modal-body{padding:24px}.modal-body h3{font-family:'Russo One',sans-serif;margin-bottom:12px}
.settings-grid{gap:20px}.settings-grid>section{background:#0d2b5255;border:2px solid #092343;border-radius:7px;padding:19px}.settings-grid .form-row{align-items:end}.settings-grid label{color:#cfe4ff}.settings-grid details{border-top:1px solid #789bcb40;padding-top:15px}.settings-grid details>summary{font-family:'Russo One',sans-serif;color:#dcefff;padding:6px 0;margin-bottom:12px;cursor:pointer}
.game-slider{display:flex;align-items:center;gap:14px;min-width:220px;height:40px}.game-slider output{display:grid;place-items:center;min-width:38px;height:34px;border:2px solid #0b203e;background:#ffe05b;color:#17263d;border-radius:5px;font:16px 'Russo One',sans-serif}
input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;border:0;box-shadow:none;height:34px;padding:0;min-width:0;cursor:pointer;flex:1;accent-color:#ffda39}
input[type=range]::-webkit-slider-runnable-track{height:12px;border:2px solid #071c37;border-radius:4px;background:#0c2c58;box-shadow:inset 0 2px 0 #061c38}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:29px;margin-top:-10px;border:3px solid #081d39;border-radius:5px;background:linear-gradient(#fff08d,#ffd132);box-shadow:inset 0 2px 0 #fff7c3}
input[type=range]::-moz-range-track{height:9px;border:2px solid #071c37;border-radius:4px;background:#0c2c58}input[type=range]::-moz-range-thumb{width:20px;height:25px;border:3px solid #081d39;border-radius:5px;background:#ffda39}
input[type=checkbox]{appearance:none;width:22px;height:22px;display:inline-grid;place-content:center;flex:none;border:2px solid #071b35;border-radius:4px;background:#0c2c57;padding:0;cursor:pointer;vertical-align:middle}
input[type=checkbox]:checked{background:#ffdc43}input[type=checkbox]:checked:after{content:"";width:9px;height:5px;border:solid #17334b;border-width:0 0 3px 3px;transform:rotate(-45deg) translateY(-1px)}
select{padding-right:30px!important}select:focus,input:focus{border-color:#f2d65d}
.phase-row button,.draft-phase-tab{border:2px solid #0a2343;background:#174575;border-radius:6px;color:#bbd7f4}.phase-row button.active{background:#ffdc45;color:#14243e;border-color:#071c36}
.brawler-option,.map-option{border:2px solid #09203e;background:linear-gradient(#2766a0,#1b497b);border-radius:6px}.brawler-option:hover,.map-option:hover{border-color:#ffdd51}.clear{padding:0;line-height:1;background:#c83d54;border:1px solid #451d35;color:#fff}.pick-slot .clear{width:22px;height:22px}
.stats-table th{background:#10376a;color:#bddeff}.stats-table td{border-color:#41628a66}.data-version strong{font-family:"Russo One",sans-serif}.data-version code{overflow-wrap:anywhere}
.data-page{max-width:1120px;gap:16px}.data-page .hub-heading{margin:0}.data-page .panel{box-shadow:0 3px 7px #04132626}.update-command{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(120deg,#276cba,#194981)!important}.update-command>div:first-child{flex:1;min-width:220px}.update-command h2{font-size:22px;margin-bottom:8px!important}.update-command small{display:block;margin-top:10px;font-size:11px;color:#a9ccef}.update-command .button{min-height:48px;min-width:170px;font-size:14px}.data-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.data-status{display:flex;align-items:flex-start;gap:14px;padding:20px;border:2px solid #081e3d;border-radius:8px;background:#153963}.data-status>img{width:43px;height:45px;object-fit:contain;flex:none}.data-status>div{flex:1;min-width:0}.data-status .eyebrow{display:block;color:#93bfe8;font-size:9px;margin:2px 0 9px;letter-spacing:1px}.data-status strong{font:17px 'Russo One',sans-serif;line-height:1.3}.data-status p{color:#aac5e4;font-size:11px;margin-top:7px}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap;border-radius:4px;border:1px solid #526e89;color:#c6ddf2;background:#244565}.status-pill.ready{color:#c7f6ce;background:#20524e;border-color:#3e8373}.status-pill.pending{color:#ffe59b;background:#554b2e;border-color:#8b7741}
.data-page .data-fold{padding:0}.data-fold>summary{cursor:pointer;list-style:none;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:14px 'Russo One',sans-serif;color:#d5eaff;min-height:57px}.data-fold>summary::-webkit-details-marker{display:none}.data-fold>summary:after{content:"+";font:24px "Russo One",sans-serif;color:#ffdd57;line-height:1}.data-fold[open]>summary:after{content:"−"}.data-fold[open]>summary{border-bottom:2px solid #0b2444;background:#205187}.data-fold-body{padding:20px 22px}.data-fold-body>.panel{padding:0;border:0;background:none;box-shadow:none}.data-fold-body p{margin-bottom:12px}.data-fold-body details{margin:14px 0}.data-fold-body summary{cursor:pointer}.data-fold-body .warning{margin-top:12px}.source-result{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #6685b13d}.source-result b{color:#e4f1ff}.source-result small{font-size:10px}.source-status-note{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:11px;color:#e5d29e;padding:10px 13px;border:1px solid #a28d5144;background:#143862;border-radius:6px;margin-bottom:15px}
.refresh-progress{flex-basis:100%;display:grid;gap:0;border-top:1px solid #6c9dcc55;padding-top:10px}.refresh-step{display:flex;gap:12px;padding:10px 0;align-items:center}.refresh-step>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #6b8ab8;border-radius:50%;font-weight:bold;color:#b3cdeb;flex:none}.refresh-step strong{font-size:12px}.refresh-step small{display:block;font-size:11px;margin-top:3px;line-height:1.5}.refresh-step.done>span{background:#2b6f56;color:#b9f8c5;border-color:#5caa87}.refresh-step.pending>span,.refresh-step.error>span{background:#73512a;color:#ffe597;border-color:#c59743}.refresh-step.running>span{color:#ffe25a;border-color:#ffe25a;animation:refresh-spin 1.5s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}
.trial-rotation{margin:0;padding:0;background:none;border:0}.trial-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 17px}.trial-heading>strong{font-size:13px;color:#c1dfff}.trial-notice{border-left:3px solid #ffd456;padding:3px 0 3px 12px;color:#decaa5!important;margin-bottom:18px}.trial-portraits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:17px}.trial-portraits>div{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;border:2px solid #0b2345;border-radius:7px;background:linear-gradient(#3066a1,#1d4677);padding:10px;min-height:115px}.trial-portraits img{width:64px;height:64px}.trial-portraits strong{font-size:12px}.trial-portraits small{font-size:9px;color:#ffdf5b;text-align:center}.trial-portraits .unknown-trial{border-style:dashed;background:#12365f}.unknown-trial b{font:34px 'Russo One',sans-serif;color:#567cac}.unknown-trial small{color:#86a6ce}.trials-panel summary{cursor:pointer;font-size:12px;color:#a9cced;margin-top:14px}.trials-panel details p{margin-top:12px}
#toast{border:2px solid #081e3a;background:#205b99;border-radius:7px;box-shadow:0 6px 25px #03132b55;color:#eef8ff;max-width:min(650px,calc(100vw - 30px))}#toast.error{background:#74394e;border-color:#351c34}
@media(max-width:1000px){.data-status-grid{grid-template-columns:1fr}.data-status{padding:16px}.trial-portraits{gap:7px}.trial-portraits>div{padding:7px}.trial-portraits img{width:50px;height:50px}}
@media(max-width:600px){.modal-head{padding:12px;grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;min-height:70px}.modal-head:before{width:38px}.modal-head .game-close{width:38px;height:38px}.modal-head h2{font-size:18px}.modal-body{padding:17px}.settings-grid>section{padding:14px}.data-page .panel{padding:18px}.data-page .data-fold{padding:0}.data-fold-body{padding:16px}.update-command{gap:18px}.update-command .button{width:100%}.data-status{gap:10px}.data-status>img{width:34px;height:39px}.data-status strong{font-size:15px}.status-pill{font-size:8px;padding:4px 6px}.trial-portraits{grid-template-columns:repeat(3,minmax(0,1fr))}.trial-heading{flex-wrap:wrap}.game-slider{min-width:185px}.source-status-note{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.refresh-step.running>span{animation:none}button{transition:none!important}}
/* Rotation board: availability is separate from the full map catalog. */
.rotation-card.mode-brawlBall{--mode-color:#38b8ff}.rotation-card.mode-gemGrab{--mode-color:#b95deb}.rotation-card.mode-heist{--mode-color:#ee6bb7}.rotation-card.mode-hotZone{--mode-color:#f25b70}.rotation-card.mode-knockout{--mode-color:#f0a342}.rotation-card.mode-bounty{--mode-color:#65b6ee}
.rotation-section{margin:25px 0 31px;padding:23px 23px 15px;background:#0e3770;border:3px solid #071c3c;border-radius:11px;box-shadow:0 6px 0 #07204b66}.rotation-section>.hub-section-title h2{font-size:26px;margin-top:9px}.rotation-source-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:10px;color:#a6cbee;margin:16px 0 19px;line-height:1.7}.rotation-source-line .fresh-dot{margin:0 4px 0 0}.rotation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.rotation-card{border:2px solid #0a2348;border-bottom-width:2px;border-radius:9px;background:#163d68;overflow:hidden;box-shadow:0 2px 5px #04132626;min-width:0}.rotation-card.selected{outline:2px solid #ffe965;outline-offset:2px}.rotation-card-top{display:flex;align-items:center;gap:7px;background:var(--mode-color,#619fbe);color:#0c2240;min-height:44px;padding:7px 9px;border-bottom:2px solid #081d38}.game-mode-icon{width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 2px 0 #15294677);flex-shrink:0}.rotation-card-top>span{font-size:10px;font-weight:800;line-height:1.2}.rotation-card-top>b{font-size:7px;background:#071b3670;padding:4px 5px;color:#fff;margin-left:auto;border-radius:3px;white-space:nowrap;letter-spacing:.3px}.rotation-map-art{position:relative;background:repeating-conic-gradient(from 8deg,#2a6082 0 20deg,#245677 20deg 40deg);height:142px;border-bottom:2px solid #081d38;overflow:hidden;padding:7px}.rotation-map-art>.map-media{display:block;height:100%;width:100%}.rotation-map-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 3px 0 #081c3555)}.rotation-slot{position:absolute;left:7px;bottom:7px;padding:4px 6px;background:#061b35c9;color:#d8e8fa;font-size:7px;font-weight:800;border-radius:3px;letter-spacing:.8px}.rotation-card-copy{padding:13px 12px}.rotation-card-copy h3{font-family:"Russo One",sans-serif;font-size:14px;font-weight:800;line-height:1.3;margin:0 0 9px;min-height:35px;color:#eff8ff}.rotation-card-copy p{font-size:9px;color:#9fc2e8;margin:4px 0}.rotation-card-copy p strong{font-size:11px;color:#e1eeff;white-space:nowrap;margin-left:3px}.rotation-card-copy>small{display:block;font-size:8px;color:#84aad3;line-height:1.6;min-height:27px}.rotation-card-copy>.button{display:block;width:100%;font-size:10px!important;min-height:35px;margin-top:11px;padding:8px 5px;text-align:center}.rotation-card.upcoming .rotation-map-art{background:repeating-conic-gradient(from 8deg,#445e83 0 20deg,#3d5679 20deg 40deg)}.rotation-card.upcoming .rotation-card-top>b{background:#263f77}.rotation-sequences{display:grid;gap:17px;margin:21px 0}.sequence-panel{box-shadow:none!important}.sequence-panel h3{display:flex;align-items:center;gap:9px;font-size:15px;margin:0}.sequence-track{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:center;gap:8px}.sequence-node{padding:15px;background:#12345d;border:2px solid #092343;border-radius:6px;display:flex;flex-direction:column;gap:10px;min-height:105px}.sequence-node small{font-size:8px;font-weight:800;color:#88a9d0;letter-spacing:.6px}.sequence-node strong{font-size:13px;line-height:1.4}.sequence-node span{font-size:9px;color:#7fa3ca}.sequence-node.now{background:#214d70;border-color:#74c58d}.sequence-node.now small{color:#a6e2a7}.sequence-node.next{border-color:#5178ae}.sequence-node.unknown{opacity:.65;border-style:dashed}.sequence-arrow{color:#7fabdb;text-align:center;font-size:20px}.cycle-strip{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.cycle-strip span{padding:8px 12px;background:#244975;border:1px solid #5982b0;border-radius:5px;font-size:11px}.home-rotation{margin:26px 0}.home-rotation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-rotation-grid>button{display:flex;align-items:center;gap:9px;text-align:left;background:linear-gradient(#1e63aa,#1b4e84);border:2px solid #092040;box-shadow:0 2px 4px #04132630,inset 0 1px 0 #ffffff18;border-radius:8px;padding:13px 11px;min-width:0}.home-rotation-grid>button>span{min-width:0;flex:1}.home-rotation-grid small{display:block;font-size:8px;color:#9ec9f3;margin-bottom:7px}.home-rotation-grid strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-rotation-grid b{font-size:8px;color:#f1db88;white-space:nowrap;align-self:end}.home-rotation-grid .game-mode-icon{width:32px;height:32px}
@media(min-width:1750px){.hub-hero{grid-template-columns:1fr 420px}.hub-hero h2{font-size:47px}.hero-squad .hero-shelly{right:0}.rotation-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1350px){.app-shell,.draft-screen .app-shell{grid-template-columns:190px minmax(0,1fr);gap:20px;padding:0 22px}.section-nav .nav{font-size:11px;padding:10px}.hub-heading h1{font-size:28px}.hub-hero{grid-template-columns:1fr 255px;padding:28px;min-height:275px}.hub-hero h2{font-size:35px}.hero-squad .hero-colt{left:-25px;height:105%}.hero-squad .hero-shelly{right:-25px;height:112%}.rotation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-card>strong{font-size:14px}.home-rotation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rotation-card-top>span{font-size:11px}}
@media(max-width:1050px){.app-shell,.draft-screen .app-shell{grid-template-columns:165px minmax(0,1fr);gap:17px;padding:0 17px}.section-nav .nav{font-size:10px;grid-template-columns:22px 1fr;padding:10px 8px}.section-nav .nav>span{width:20px;height:20px}.hub-hero{grid-template-columns:1fr 180px;padding:23px;min-height:265px}.hub-hero h2{font-size:31px}.hero-squad .hero-colt{display:none}.hero-squad .hero-shelly{right:-19px;max-width:125%;height:110%}.hero-star{right:0;top:0;font-size:48px}.rotation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rotation-section{padding:20px 16px}.rotation-section .hub-section-title{align-items:start}.rotation-section>.hub-section-title h2{font-size:22px}.sequence-track{grid-template-columns:1fr;gap:6px}.sequence-arrow{transform:rotate(90deg);font-size:18px;height:16px;line-height:16px}.sequence-node{min-height:80px}.hub-hero .button.yellow{min-width:200px}.topbar .brand{font-size:22px}}
@media(max-width:760px){.app-shell,.draft-screen .app-shell{display:block;padding:0 13px}.topbar,.draft-screen .topbar{min-height:72px;margin-bottom:0;padding:12px 0}.brand,.draft-screen .brand{font-size:23px}.brand small,.draft-screen .brand small{display:none}.section-nav{padding:13px 0 7px;gap:8px}.section-nav .nav{display:flex;align-items:center;gap:7px;min-height:40px;font-size:11px;padding:9px 12px;border-width:2px}.section-nav .nav>span{display:block;width:18px;height:18px}.section-nav .nav small{display:none}.hub-page{padding-top:18px}.hub-heading h1{font-size:27px}.hub-heading p{font-size:11px}.hub-hero{grid-template-columns:1fr 145px;min-height:270px;padding:23px 19px}.hub-hero h2{font-size:29px}.hub-hero p{font-size:10px;max-width:260px}.hero-squad .hero-shelly{right:-27px;height:102%;bottom:-36px;max-width:140%}.hero-star{font-size:45px;right:-9px;top:20px}.mode-card{min-height:160px;padding:15px 13px}.mode-card>strong{font-size:15px}.mode-symbol{margin-bottom:13px}.hub-heading>.button{font-size:10px}.rotation-section{padding:18px 12px 12px;margin:22px 0}.rotation-section>.hub-section-title{gap:10px;align-items:center}.rotation-section>.hub-section-title h2{font-size:20px}.rotation-section>.hub-section-title>.button{font-size:9px;padding:9px;max-width:105px}.rotation-grid{gap:10px}.rotation-card-top{padding:7px;gap:6px;min-height:45px;flex-wrap:wrap}.rotation-card-top>span{font-size:9px;max-width:75px}.rotation-card-top .game-mode-icon{width:24px;height:24px}.rotation-card-top>b{font-size:6px;padding:3px;margin-left:0}.rotation-card-copy{padding:11px 9px}.rotation-card-copy h3{font-size:12px;min-height:32px}.rotation-card-copy p strong{display:block;margin-left:0;margin-top:3px;font-size:10px}.rotation-map-art{height:125px}.rotation-card-copy>.button{font-size:9px!important}.rotation-tabs{gap:3px}.rotation-tabs button{font-size:9px!important;padding:9px 8px!important}.rotation-section .hint{font-size:9px}.rotation-source-line{font-size:9px;gap:4px}.home-rotation-grid{gap:9px}.home-rotation-grid>button{flex-wrap:wrap;padding:11px 9px}.home-rotation-grid b{display:block;flex-basis:100%;text-align:right;font-size:8px}.home-rotation-grid strong{font-size:10px}.home-rotation-grid .game-mode-icon{width:27px;height:27px}.hub-page .panel{border-width:2px}.tier-row{background:#153961}.tier-fighter{box-shadow:none}.hub-map-hero h2{font-size:24px}.hub-map-hero{padding:20px}.rotation-card .map-unavailable{font-size:8px;padding:7px}.sequence-panel h3{font-size:13px}.sequence-panel>.hub-section-title>span{display:block;font-size:8px;max-width:100px;text-align:right}}
@media(max-width:450px){.hub-hero{display:block;padding:24px 18px;min-height:280px}.hub-hero>div:first-child{position:relative;z-index:3;max-width:235px}.hub-hero h2{font-size:31px}.hub-hero p{max-width:205px;margin-bottom:21px}.hero-squad{position:absolute;right:10px;bottom:0;width:150px;height:225px;min-height:0;opacity:.45;z-index:1}.hero-squad .hero-shelly{right:-20px;height:113%;max-width:140%;bottom:-25px}.hero-star{display:none}.hub-hero .button.yellow{font-size:10px;min-width:200px;padding:12px 14px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card:last-child{min-height:105px}.rotation-card-top>b{display:none}.rotation-card-copy>small{font-size:7px}.rotation-card-copy h3{font-size:11px}.rotation-map-art{height:115px}.hub-page .hub-tabs button{padding:8px;font-size:9px}.hub-heading h1{font-size:24px}.hub-heading{gap:14px}.brand-star{width:43px;height:43px}.topbar .icon-button{width:32px;height:32px}.rotation-card-copy>.button{font-size:8px!important}.rotation-grid{gap:8px}.rotation-card{border-width:2px;border-bottom-width:5px}.rotation-section>.hub-section-title h2{font-size:18px}}

/* Game artwork has its own outlines; do not add another colored shadow. */
.navigation-game-icon{display:block;width:100%;height:100%;object-fit:contain;filter:none;pointer-events:none;user-select:none}
.mode-symbol .navigation-game-icon{width:54px;height:54px}
.top-actions .icon-button{display:inline-flex;align-items:center;justify-content:center;padding:5px}
.top-actions .navigation-game-icon{width:24px;height:24px}
@media(max-width:1050px){.section-nav .nav>span{width:25px;height:25px}.section-nav .nav{grid-template-columns:25px 1fr}}
@media(max-width:760px){.section-nav .nav>span{width:23px;height:23px}.mode-symbol .navigation-game-icon{width:48px;height:48px}.mode-symbol{width:48px;height:48px}.rotation-card{border-bottom-width:2px}}

.refresh-progress>summary,.source-disclosure>summary{cursor:pointer;color:#bddcfa;font-size:11px;line-height:1.7}.refresh-progress>summary{padding:5px 0}.source-disclosure{margin-top:5px}.source-disclosure[open]{margin-bottom:8px}

.section-nav .nav{display:flex;justify-content:center;align-items:center;gap:9px;text-align:center;min-height:52px;line-height:1.35}.section-nav .nav>span{flex:none;display:grid;place-items:center}.section-nav .nav small{display:none}.section-nav .navigation-game-icon{display:block;width:100%;height:100%;object-fit:contain}
.player-search-panel{padding:28px}.player-search-heading h2{font-size:27px;margin:9px 0}.player-search-form{display:flex;gap:10px;margin-top:22px}.player-search-form input{flex:1;min-width:90px}.player-search-form select{width:145px}.player-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.player-result{display:grid;gap:6px;text-align:left;background:#134b8d;border:2px solid #08264b;border-radius:8px;padding:16px;color:#fff;cursor:pointer}.player-result:hover{background:#2066ad}.player-result strong{font-size:16px;overflow-wrap:anywhere}.player-result span,.player-result small{color:#b2d6ff;font-size:11px}.player-result b{color:#ffdc54}.public-profile{margin-top:24px;border-top:2px solid #317bc5;padding-top:24px}.public-profile-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.public-profile-header h2{font-size:30px;margin:8px 0;overflow-wrap:anywhere}.player-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.player-stats>div{background:linear-gradient(#2268af,#164c89);border:2px solid #0a2446;border-radius:8px;padding:19px 12px;text-align:center}.player-stats b{display:block;color:#ffdf59;font-family:'Russo One',sans-serif;font-size:26px}.player-stats span{display:block;color:#c9e0ff;font-size:11px;margin-top:9px}.player-use-row,.player-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.player-use-row>span{font-size:12px;margin-right:6px}.player-tabs{border-bottom:2px solid #0b254c;padding-bottom:12px}.player-brawler-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.player-brawler{background:#123e71;border:2px solid #0b254c;border-radius:9px;padding:14px}.player-brawler-head{display:flex;align-items:center;gap:12px}.player-brawler-head img{width:55px;height:55px;object-fit:contain;flex:none}.player-brawler-head strong{font-family:'Russo One',sans-serif;font-size:15px}.player-brawler-head p{font-size:11px;margin-top:5px;color:#b7d9ff}.buffie-badges{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.buffie-badge{display:inline-block;border-radius:5px;padding:5px 6px;font-size:9px;border:1px solid #42658e;background:#294768;color:#a9c0d9}.buffie-badge.owned{color:#ffe89c;background:#714b8c;border-color:#c17ef8}.buffie-badge.unknown{color:#ffe1a0}.player-brawler details{font-size:11px}.player-brawler details p{line-height:1.65;margin:10px 0}.player-brawler summary,.player-skin-group summary,.player-battle summary,.saved-roster>summary,.ranked-source-panel summary{cursor:pointer}.player-skin-group{margin:12px 0;background:#123e71;border:2px solid #0b254c;border-radius:8px;padding:12px}.player-skin-group summary{display:flex;align-items:center;gap:12px;list-style:revert}.player-skin-group summary img{width:44px;height:44px;object-fit:contain}.player-skin-group summary span{margin-left:auto;font-size:12px;color:#b3d5ff}.skin-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px;margin-top:16px}.skin-gallery figure{margin:0;background:#0b2e59;border-radius:7px;padding:10px;text-align:center}.skin-gallery img{width:100%;height:125px;object-fit:contain}.skin-gallery figcaption{font-size:10px;line-height:1.4;margin-top:8px}.player-battle{border:2px solid #0b254c;border-left:5px solid #8ebdf1;background:#123b69;border-radius:7px;margin:9px 0}.player-battle.victory{border-left-color:#7cda80}.player-battle.defeat{border-left-color:#ec7575}.player-battle summary{display:grid;grid-template-columns:100px 100px 1fr 95px;align-items:center;gap:10px;padding:13px;font-size:11px}.player-battle.victory summary b{color:#a0e9a7}.player-battle.defeat summary b{color:#ffa4a4}.battle-teams{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 15px 15px;font-size:11px}.battle-teams>div{background:#0c2a50;border-radius:6px;padding:10px}.saved-roster>summary{font-family:'Russo One',sans-serif;padding:7px}.saved-roster>.panel{margin-top:18px}.ranked-source-panel{margin-bottom:25px}.ranked-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.ranked-source-fighter{display:flex;align-items:center;gap:9px;border:2px solid #09284e;background:#14477e;padding:10px;border-radius:8px}.ranked-source-fighter img{width:49px;height:49px;object-fit:contain;flex:none}.ranked-source-fighter strong,.ranked-source-fighter span,.ranked-source-fighter small{display:block}.ranked-source-fighter strong{font-size:12px;margin:4px 0}.ranked-source-fighter span{color:#ffe480;font-size:12px}.ranked-source-fighter small{color:#a5c9f1;font-size:9px}.ranked-source-table>div{display:grid;grid-template-columns:1fr 90px 120px;gap:10px;border-bottom:1px solid #345982;padding:9px;font-size:12px}
@media(max-width:1200px){.player-brawler-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranked-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-stats b{font-size:21px}.player-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.player-search-panel{padding:16px}.player-search-form{flex-wrap:wrap}.player-search-form select{width:110px}.player-search-form button{width:100%}.player-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.player-brawler-grid,.player-results{grid-template-columns:1fr}.public-profile-header h2{font-size:24px}.player-battle summary{grid-template-columns:1fr 1fr}.battle-teams{grid-template-columns:1fr}.ranked-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranked-source-fighter{padding:6px}.ranked-source-fighter img{width:35px;height:35px}.ranked-source-table>div{grid-template-columns:1fr 55px 75px}.public-profile-header{align-items:flex-start}.player-tabs .button{font-size:10px;padding:9px}.section-nav .nav{min-height:44px}}
/* Trophy rotation: large, uncropped maps with a consistent game-card frame. */
.rotation-section .rotation-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;align-items:stretch}
.rotation-section .rotation-card{display:flex;flex-direction:column;border:3px solid #061d3c;border-radius:12px;background:#12365d;box-shadow:0 4px 0 #082549;overflow:hidden}
.rotation-section .rotation-card.selected{border-color:#ffda45;box-shadow:0 4px 0 #806126}
.rotation-section .rotation-card-top{min-height:58px;padding:12px 14px;gap:9px;flex-wrap:nowrap;border-bottom:2px solid #082545}
.rotation-section .rotation-card-top>span{font-size:12px;max-width:none;flex:1}
.rotation-section .rotation-card-top>b{display:block;font-size:8px;white-space:nowrap;margin:0;padding:5px 6px}
.rotation-section .rotation-map-art{position:relative;display:block;width:100%;height:390px;min-height:390px;margin:0;padding:18px 20px 32px;border:0;border-bottom:2px solid #082545;border-radius:0;cursor:zoom-in;background:radial-gradient(ellipse at center,#24604f,#0a2b30);box-shadow:inset 0 0 35px #05172566}
.rotation-section .rotation-map-art .map-media{display:block;width:100%;height:100%;background:none}
.rotation-section .rotation-map-art img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 5px 6px #03172699);transition:transform .18s ease}
.rotation-map-art:hover img{transform:scale(1.025)}
.rotation-zoom{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:10px;color:#b9dcd0}
.rotation-section .rotation-card-copy{display:flex;flex-direction:column;flex:1;padding:18px 16px;gap:12px}
.rotation-section .rotation-card-copy h3{font-size:18px;line-height:1.35;min-height:49px;margin:0;letter-spacing:0}
.rotation-time{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a5c5e6;font-size:11px}
.rotation-time strong{color:#ffe16a;font-family:'Russo One',sans-serif;font-size:13px;white-space:nowrap}
.rotation-section .rotation-card-copy>small{font-size:10px;color:#8daccb;margin:0}
.rotation-section .rotation-card-copy>.button{width:100%;font-size:12px!important;min-height:43px;margin-top:auto}
.rotation-section .rotation-coverage{margin:0;color:#adc8e3;font-size:11px;line-height:1.5;letter-spacing:0;min-height:40px}
.rotation-leaders{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}
.rotation-leaders>span{font-size:10px;color:#adc8e3}.rotation-leaders>div{display:flex;gap:5px}
.rotation-leaders button{padding:0;border:2px solid #081d3c;border-radius:5px;background:#21518a;width:39px;height:39px;overflow:hidden}
.rotation-leaders img{width:100%;height:100%;object-fit:contain}
.rotation-detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr);gap:25px;align-items:start}
.rotation-detail-art{background:#0a2b30;border:2px solid #071c34;border-radius:9px;padding:16px;min-height:340px}
.rotation-detail-art .map-media{display:block;width:100%;height:min(66vh,650px)}
.rotation-detail-art img{display:block;width:100%;height:100%;object-fit:contain}
.rotation-detail-copy{display:grid;gap:16px}.rotation-detail-copy p{margin:0;line-height:1.6}.rotation-detail-copy h3{font-size:22px}
@media(max-width:760px){.rotation-section .rotation-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}.rotation-section .rotation-map-art{height:390px;min-height:390px}.rotation-section .rotation-card-copy h3{font-size:19px;min-height:0}.rotation-detail{grid-template-columns:1fr}.rotation-detail-art .map-media{height:55vh}}
@media(prefers-reduced-motion:reduce){.rotation-section .rotation-map-art img{transition:none}}

/* Data state stays visible without expanding the technical source details. */
.map-data-badge{display:flex;align-items:center;gap:7px;min-height:30px;font-size:10px;line-height:1.5;padding:6px 9px;border:1px solid #416487;border-radius:5px;color:#c6d6e7;background:#102d50}
.map-data-badge.ready{color:#b8f5cf;border-color:#3a846c}.map-data-badge.archive{color:#ffe4a1;border-color:#927336}.map-data-badge .fresh-dot{flex:0 0 6px;margin:0}
.map-alternative{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:18px 20px;border:2px solid #091f41;border-left:5px solid #ffd942;border-radius:8px;background:#123b6c}
.map-alternative p{color:#b7cee8;font-size:12px;line-height:1.65;margin:6px 0 0}.map-alternative .hub-tabs{flex-shrink:0;margin:0}.map-alternative .hub-tabs button{min-height:40px}
@media(max-width:760px){.map-alternative{align-items:stretch;flex-direction:column;padding:15px}.map-alternative .hub-tabs{display:flex}.map-alternative .hub-tabs button{flex:1}}
/* Statistical evidence stays close to the numbers without expanding navigation. */
.sample-overview{margin:16px 0;padding:16px 18px;background:#143762;border:2px solid #082140;border-radius:9px;display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px 20px}
.sample-overview strong{font-family:'Russo One',sans-serif;font-weight:400}
.sample-overview p{margin:5px 0;color:#b9cde5;font-size:12px;line-height:1.5}
.sample-overview>.hint,.sample-overview>details{grid-column:1/-1}
.sample-overview summary{font-size:12px;cursor:pointer}
.sample-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
.sample-controls label{display:grid;gap:5px;font-size:11px;color:#bdcfe7}
.sample-controls select{min-height:38px;max-width:100%;width:100%}
.push-metric.small-sample{font-size:13px;color:#c6d4e7}
.push-fighter.unknown{border-color:#456993}
.tier-fighter .tier-sample{font:10px/1.4 "Russo One",sans-serif;color:#b9cde5;white-space:normal;margin-top:3px}
@media(max-width:760px){.sample-overview{grid-template-columns:minmax(0,1fr);padding:13px}.sample-controls{display:grid;grid-template-columns:minmax(0,1fr)}.sample-controls label{min-width:0}}
.mirror-shortcut{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 11px;background:#144578;border:2px solid #071b36;font-family:'Russo One',sans-serif;font-size:11px}
.mirror-shortcut[hidden]{display:none}
.mirror-shortcut svg{width:25px;height:25px;flex:0 0 25px;fill:none;stroke:#e5f5ff;stroke-width:2;stroke-linejoin:round}
.mirror-shortcut.connected{border-color:#80dbb9}
.settings-grid.app-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.app-settings>section{padding:14px;min-width:0}
.app-settings>section:first-child,.app-settings>section:has([data-action="tablet-mirror"]),.app-settings>.settings-about{grid-column:1 / -1}
.app-settings .form-row{margin:10px 0 0}
.app-settings p{margin-bottom:10px}
.settings-about{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.settings-about small{color:#b9cde5}
.app-settings>.app-update-panel{grid-column:1 / -1}
.app-update-panel progress{width:100%;accent-color:#ffcf35;height:14px;margin:0 0 12px}
.app-update-panel .update-notes{font-size:12px;line-height:1.6;margin:8px 0 12px;padding-left:20px;color:#cfe4ff}
.app-update-panel .checkbox{display:flex;align-items:center;gap:8px}
.app-update-panel .update-restart-note{font-size:11px;margin:8px 0}
.update-shortcut{font-size:11px;min-height:40px;padding:7px 10px}
.update-shortcut[hidden]{display:none}
[hidden]{display:none!important}
.welcome-screen{max-width:1120px;min-height:100dvh;margin:auto;padding:38px 28px 24px;display:flex;flex-direction:column;justify-content:center;gap:26px}
.welcome-brand{display:flex;align-items:center;gap:13px;font:27px/1 'Russo One',sans-serif;letter-spacing:-1px}
.welcome-brand img{width:54px;height:54px;object-fit:contain}.welcome-brand strong{color:#ffda3d}.welcome-brand small{display:block;font-size:9px;color:#b8d8ff;letter-spacing:1.5px;margin-top:9px}
.welcome-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.welcome-intro h1{font:32px/1.2 'Russo One',sans-serif;color:#fff;text-shadow:0 3px #083263;letter-spacing:0}.welcome-intro p{color:#c7dfff;margin-top:10px;font-size:14px}
.welcome-fighters{display:flex;padding-right:10px}.welcome-fighters img{width:86px;height:86px;margin-left:-13px;filter:drop-shadow(0 5px 0 #082d56);transform:rotate(-7deg)}.welcome-fighters img:nth-child(2){transform:rotate(5deg);position:relative;top:-8px}
.react-login-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.react-login-grid .panel{padding:25px;border:3px solid #092343;background:#143b69;border-radius:12px;box-shadow:0 5px #092343}.react-login-grid h2{font-family:'Russo One',sans-serif;font-size:21px;margin-bottom:12px}.react-login-grid .eyebrow{color:#ffda3d}.react-login-grid .hint{color:#b2cee9;font-size:12px;line-height:1.55}.react-login-grid .community-form{padding:0;margin:18px 0 10px}.react-login-grid label{font-size:13px}.react-login-grid .join-card{background:#12487b}.join-card p{font-size:14px;line-height:1.6}.join-card ol{padding-left:22px;margin:18px 0 24px;color:#d9ebff;line-height:1.7;font-size:14px}.join-card li{padding:3px 0}.join-card .button{margin-bottom:14px}.login-recovery{margin:4px 0 12px}.login-identity-note{margin-top:12px!important}.inline-error{background:#6c263d;color:#fff!important;border:1px solid #ec8aa1;border-radius:7px;padding:10px 12px;font-size:13px}
.welcome-loading{text-align:center;padding:40px 22px;background:#143b69;border:3px solid #092343}.welcome-loading h2{font-family:'Russo One',sans-serif;margin:10px 0}.welcome-loading p{color:#b2cee9}.loading-star{font-size:38px;color:#ffda3d}.welcome-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.welcome-footer .text-button{font-size:13px;color:#ffdc4d}.welcome-footer small{font-size:11px;color:#b9d5ed}.welcome-disclaimer{font-size:10px;color:#8bb5de}.welcome-error{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:15px;border:2px solid #d19c3f;background:#493e29;border-radius:8px}.welcome-error p{font-size:13px}
@media(max-width:760px){.welcome-screen{padding:22px 16px;gap:22px}.welcome-intro h1{font-size:26px}.welcome-fighters{display:none}.react-login-grid{grid-template-columns:minmax(0,1fr)}.react-login-grid .panel{padding:20px}.welcome-brand{font-size:24px}.welcome-footer{display:grid;gap:8px}}
@media(max-width:1150px){body:has(.mirror-shortcut:not([hidden])) .top-context{display:none}}
@media(max-width:650px){.mirror-shortcut span{display:none}.mirror-shortcut{padding:6px}.settings-grid.app-settings{grid-template-columns:minmax(0,1fr)}}

/* Shared game typography and predictable icon geometry at every zoom level. */
:root{--font-game:"Russo One",Arial,sans-serif;font-synthesis:none}
body,button,input,select,textarea{font-family:var(--font-game)}
button,input,select,textarea{font-weight:400}
.top-actions .icon-button,#settings{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;min-width:40px;min-height:40px;aspect-ratio:1;padding:5px;line-height:0;overflow:hidden;flex:0 0 auto}
.top-actions .icon-button>.navigation-game-icon,#settings>.navigation-game-icon{display:block;width:100%;height:100%;max-width:28px;max-height:28px;min-width:0;min-height:0;object-fit:contain;object-position:center;flex:none;margin:0;transform:none}
.top-actions{align-items:center}
.brand small,.draft-screen .brand small{line-height:1.5}
.hint,.hub-page .hint,.nav-footnote,.rotation-source-line,.source-status-note,.refresh-progress>summary,.source-disclosure>summary{font-size:12px;line-height:1.65}
.rec-risk,.rec-more summary,.confidence,.model-note,.draft-explanation{font-size:11px;line-height:1.55}
.board-map-name>strong{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.map-option{gap:14px}.map-option>span{min-width:0;overflow-wrap:anywhere}
.modal-body,.settings-grid>section,.community-form,.community-form label{min-width:0}
input,select,textarea{max-width:100%}
textarea{font-size:14px;line-height:1.6}
.form-row label,.sample-controls label,.settings-grid label{line-height:1.5}
.game-close{line-height:0}
#toast{max-width:min(650px,calc(100vw - 32px));overflow-wrap:anywhere}
@media(max-width:760px){.top-actions .icon-button,#settings{width:38px;height:38px;min-width:38px;min-height:38px;padding:5px}.topbar{column-gap:10px}.brand,.draft-screen .brand{gap:9px}.source-status-note{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.rotation-map-art:hover img{transform:none}}

textarea{border:2px solid #081a34;border-radius:7px;padding:11px 12px;background:#102e59;color:#e3efff;box-shadow:inset 0 2px 0 #071c3944;resize:vertical}
textarea::placeholder{color:#94b4d9;opacity:1}
textarea:focus-visible{outline:3px solid #ffe36b;outline-offset:2px;border-color:#f2d65d}

.calculation-details{margin:12px 0;padding:12px 14px;background:#0c2e55;border:1px solid #395f8b;border-radius:7px}.calculation-details[open]>summary{margin-bottom:10px}

.history-page .community-hero{margin-bottom:0}
.history-page .player-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.history-page .history-entry>strong{display:block;line-height:1.6}
@media(max-width:1100px){.history-page .player-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.history-page .player-stats>div:last-child{grid-column:1/-1}}