@font-face{font-family:Oxanium;src:url('/assets/fonts/oxanium-latin-wght-400-800.woff2')}
@font-face{font-family:JetBrains;src:url('/assets/fonts/jetbrains-mono-latin-wght-400-700.woff2')}

:root{color-scheme:dark;--bg:#0c1014;--panel:#12181e;--line:#263440;--text:#e5ebf2;--muted:#9aafc4;--accent:#5ab0d6;--red:#ef8d91;--green:#77d7ad;font-family:'Segoe UI',sans-serif;color:var(--text);background:var(--bg);font-size:15px}
*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
button,input,select,textarea{border:1px solid var(--line);border-radius:5px;background:#10171d;color:var(--text)}
button{padding:11px 15px;cursor:pointer;font-weight:600;transition:background .15s,border-color .15s}
button:hover:not(:disabled){border-color:var(--accent);background:#192b37}
button:disabled{opacity:.45;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
input,select,textarea{padding:10px 12px;min-width:0}
input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,p{margin:0}
h1,h2,.brand{font-family:Oxanium,'Segoe UI',sans-serif}
h1{font-size:40px;font-weight:700;letter-spacing:.01em;line-height:1.1}
h2{font-size:23px;font-weight:650;line-height:1.25}
h3{font-size:20px;font-weight:600}
.topbar{padding:0 3%;height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:45px}
.brand{font-size:29px;font-weight:700;color:var(--text);white-space:nowrap}
.brand span{color:var(--accent)}
nav{display:flex;height:100%;gap:27px}
nav a{display:flex;align-items:center;padding:0 10px;font-size:15px;color:var(--muted);border-bottom:2px solid transparent}
nav a[aria-current]{color:var(--text);border-color:var(--accent)}
main{max-width:1680px;padding:20px 3% 20px;margin:auto}
.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:20px}
.heading p{color:var(--muted);font-size:18px;margin-top:4px}
.format{border:1px solid var(--line);padding:11px 14px;border-radius:5px;white-space:nowrap;font-size:13px}
.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) minmax(290px,1fr);gap:16px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:17px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.panel-heading select{max-width:46%;font-size:13px;padding:10px}
.roster{display:grid;gap:8px;min-height:414px}
.member{width:100%;display:flex;align-items:center;gap:13px;text-align:left;min-height:65px;padding:6px 12px;background:#10171d}
.member img{width:96px;height:52px;object-fit:contain}
.member-info{min-width:0;flex:1}
.member strong{font-size:14px;display:block;font-weight:600}
.member small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:400}
.member svg{width:16px;height:16px;stroke:var(--muted);fill:none}
.slot{display:flex;align-items:center;justify-content:center;min-height:65px;color:var(--muted);border:1px dashed var(--line);font-weight:400}
.team-actions{display:flex;gap:10px;margin-top:14px}
.team-actions button{flex:1;color:var(--muted);font-size:13px}
.run-panel h2{font-size:26px;margin-bottom:18px}
.run-panel h3{font-size:21px;margin-bottom:6px}
.muted{color:var(--muted);line-height:1.5}
.model-status{font-size:12px;color:var(--muted);margin:12px 0 21px;line-height:1.4}
.model-status.ready{color:var(--green)}
fieldset{margin:0;padding:0;border:0;min-width:0}
legend{font-size:14px;color:var(--muted);margin-bottom:12px}
.game-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.game-presets button{font-family:Oxanium;padding:14px 5px}
.game-presets button[aria-pressed=true]{background:#173443;border-color:var(--accent)}
.custom-games{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;margin:10px 0 15px}
.custom-games input{width:84px;padding:5px 8px}
.check{display:flex;align-items:center;gap:8px;font-size:13px;margin:10px 0}
.primary{background:var(--accent);color:#08151c;border-color:var(--accent)}
.primary:hover:not(:disabled){background:#79c9ec;color:#08151c}
#run{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:17px;font-size:16px;padding:15px}
#run svg{width:20px;height:20px}
#cancel{width:100%;margin-top:10px;color:var(--red)}
.run-note{border-top:1px solid var(--line);margin-top:25px;padding-top:15px;color:var(--muted);font-size:13px;line-height:1.5}
.model-details{margin-top:14px;font-size:12px;color:var(--muted);line-height:1.5}
.model-details summary{cursor:pointer}
.model-details p{margin-top:10px}
.model-details a{display:block;margin-top:10px}
#opponent-pool{max-height:170px;overflow:auto;border-top:1px solid var(--line);margin-top:10px;padding-top:6px}
.progress-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-top:16px}
progress{accent-color:var(--accent);width:100%;height:7px;border:0;margin-top:8px;appearance:none;border-radius:2px;overflow:hidden}
progress::-webkit-progress-bar{background:#263440}
progress::-webkit-progress-value{background:var(--accent)}
progress::-moz-progress-bar{background:var(--accent)}
.results{margin-top:18px}
.results>.panel-heading{border-bottom:1px solid var(--line);padding-bottom:14px}
.results>.panel-heading button{font-size:12px;padding:7px 12px}
.empty{padding:27px 10px 32px;text-align:center;color:var(--muted)}
.empty svg{width:45px;height:45px;fill:#91aac5;margin-bottom:14px}
.empty h3{font-size:17px;margin-bottom:8px}
.empty p{font-size:14px}
.notice{padding:12px 16px;background:#2b2022;color:#ffc3c5;border:1px solid #643c40;border-radius:5px;margin-bottom:16px;font-size:14px}
.result-meta{color:var(--muted);font-size:13px;margin-bottom:18px}
.metrics{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1fr;gap:24px;padding:10px 0 20px}
.metric label{display:block;color:var(--muted);font-size:12px}
.metric strong{display:block;font-family:Oxanium;font-size:33px;line-height:1.4}
.metric small{font-size:12px;color:var(--muted)}
.metric:first-child strong{color:var(--accent)}
.result-note{font-size:12px;color:var(--muted);line-height:1.6}
.table-wrap{overflow:auto;margin-top:18px}
table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}
th{font-weight:500;color:var(--muted)}
td,th{padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.win{color:var(--green)}
.loss{color:var(--red)}
.game-log{margin-top:18px}
.game-log summary{font-size:14px;cursor:pointer}
footer{font-size:11px;color:var(--muted);padding-top:20px}
dialog{width:min(760px,calc(100% - 28px));max-height:90vh;background:var(--panel);color:var(--text);border:1px solid #3d596b;border-radius:9px;padding:24px;box-shadow:0 20px 90px #0008}
dialog::backdrop{background:#000b}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.dialog-heading button{font-size:24px;padding:0 10px}
.field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}
.field input,.field select{width:100%;color:var(--text)}
.field textarea{resize:vertical;line-height:1.6;font:12px/1.6 JetBrains,monospace}
.editor-tabs{display:flex;gap:7px;margin:18px 0}
.editor-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}
.member-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:18px}
.member-tabs button{font-size:12px;white-space:nowrap;padding:9px}
.member-tabs button[aria-pressed=true]{background:#173443;border-color:var(--accent)}
.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.fields-grid .wide{grid-column:1/-1}
.evs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.evs input{padding:9px 5px}
.ev-total{color:var(--muted);font-size:12px;margin:8px 0}
.builder-actions{display:flex;gap:8px;margin-top:18px}
.builder-actions button{font-size:12px}
.danger{color:var(--red)}
.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
#editor-errors{background:#312023;padding:12px;color:#ffc3c5;border-radius:4px;font-size:13px;margin-top:16px;white-space:pre-line}
#text-editor p{font-size:12px;margin-top:10px}
[hidden]{display:none!important}
@media(min-width:1500px){.roster{gap:9px;min-height:441px}
.member,.slot{min-height:66px}
.member strong{font-size:15px}
.member small{font-size:13px}
.panel{padding:18px}
.empty{padding:34px 10px 37px}
}
@media(max-width:1100px){.workspace{grid-template-columns:1fr 1fr}
.run-panel{grid-column:1/-1}
.run-panel form{max-width:540px}
.run-panel .run-note{margin-top:20px}
.metrics{gap:14px}
.metric strong{font-size:27px}
}
@media(max-width:680px){.topbar{height:auto;padding:15px 5% 0;display:block}
.brand{font-size:25px}
nav{gap:14px;overflow:auto;margin-top:10px}
nav a{padding:12px 0;font-size:12px;white-space:nowrap}
main{padding:24px 5%}
.heading{align-items:flex-start;flex-direction:column;gap:14px}
h1{font-size:34px}
.heading p{font-size:16px}
.format{font-size:12px;padding:8px 10px}
.workspace{grid-template-columns:1fr}
.run-panel{grid-column:auto}
.panel{padding:14px}
.panel-heading h2{font-size:21px}
.panel-heading select{max-width:50%}
.roster{min-height:0}
.member{min-height:64px}
.metrics{grid-template-columns:1fr 1fr;gap:17px}
.metric strong{font-size:27px}
.fields-grid{grid-template-columns:1fr}
.evs{grid-template-columns:repeat(3,1fr)}
dialog{padding:18px}
.dialog-footer{align-items:stretch;flex-direction:column}
.empty p{line-height:1.6}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}
}


.team-actions button{display:flex;align-items:center;justify-content:center;gap:8px}.team-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.member img{transform:scale(1.2)}

/* Use the site's actual case components, fonts, palette and panel silhouettes. */
:root{--bg:#050d22;--panel:#0a1524;--line:#26445e;--text:#eaf3ff;--muted:#8fb6d8;--accent:#4fc3f7;--red:#ff7c6b;--green:#8ff0b6}
body{font-size:14px;line-height:1.5}
.battle-case{--muted:var(--cx-sec);--accent:var(--cx-cyan);--red:var(--cx-opp);--green:var(--cx-pass)}
.battle-case a:hover{text-decoration:none}
.battle-case .case-sheet{overflow:auto;scrollbar-gutter:stable}
.battle-case .sheet-body{display:block;padding:0;flex:none}
.battle-case main{max-width:1600px;width:100%;padding:22px 22px 26px}
.battle-case .case-brow nav{gap:0;margin-top:0;height:53px}
.battle-case .brow-plate{width:350px}
.battle-case .brow-inner{left:110px}
.battle-case .brow-tabs{flex:1;width:auto;min-width:0;margin-left:-50px;clip-path:none}
.battle-case .brow-tabs .btab{width:auto;flex:1;padding:0 14px;min-width:65px;clip-path:polygon(35px 0,100% 0,calc(100% - 35px) 100%,0 100%);margin-left:-24px;font:700 10px var(--ox);letter-spacing:.06em;white-space:nowrap;border:0;justify-content:center}
.battle-case .brow-tabs .btab:first-child{margin-left:0;padding-left:25px}
.battle-case .brow-tabs .btab.on{background:linear-gradient(180deg,#28536e,#133448);color:#def5ff}
.battle-case .brow-tele{font-size:8px;padding-inline:12px}
.battle-case .case-rail{gap:0;margin-top:0;overflow:visible}
.battle-case .case-rail a{padding:10px 2px;border-bottom:0;flex-direction:column;gap:4px}
.battle-case .case-rail svg{display:block;width:18px;height:18px;stroke:#ffe1db}
.battle-case .case-lens{width:100px;height:100px}
.battle-case .heading{padding-left:30px;margin-bottom:18px}
.battle-case h1{font-size:30px;letter-spacing:.025em}
.battle-case .heading p{font-size:13px;color:var(--cx-sec);margin-top:5px}
.battle-case .format,.small-pill{font:10px var(--jb);border:1px solid var(--line);background:var(--cx-chip);color:var(--cx-cyantx);padding:7px 10px;white-space:nowrap;border-radius:0}
.lab-tabs{display:flex;align-items:stretch;gap:6px;height:auto;margin-bottom:16px;flex-wrap:wrap}
.lab-tabs button,.lab-tabs a{padding:10px 14px;font:700 11px Oxanium,sans-serif;letter-spacing:.035em;border:1px solid var(--line);background:#0b1c30;color:var(--muted);border-radius:0}
.lab-tabs button[aria-pressed=true]{background:#153850;color:#d7f3ff;border-color:#5693b6;box-shadow:inset 0 -2px var(--accent)}
.battle-case .panel{padding:17px;min-width:0}
.battle-case .panel h2{font:700 14px/1.3 var(--ox);color:var(--cx-text);letter-spacing:.075em;margin-bottom:0;text-transform:uppercase}
.battle-case .panel-heading{padding-bottom:12px;margin-bottom:13px;border-bottom:1px solid var(--line)}
.battle-case .panel-heading select{font-size:11px;padding:7px;max-width:53%}
.battle-case .workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(260px,.85fr);gap:13px;align-items:start}
.battle-case .roster{min-height:0;gap:6px}
.battle-case .member,.battle-case .slot{min-height:55px;padding:4px 8px;background:#071324;border:1px solid #203d56;border-radius:2px}
.battle-case .member img{width:72px;height:47px;transform:none}
.battle-case .member strong{font:700 13px var(--ox);color:#eaf3ff}
.battle-case .member small{font:10px var(--jb);margin-top:4px}
.battle-case button,.battle-case input,.battle-case select{border-radius:2px}
.battle-case .team-actions{gap:6px;margin-top:12px}
.battle-case .team-actions button{padding:8px 6px;font-size:11px}
.team-utility{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.team-utility button{flex:1;padding:6px 4px;font-size:10px;color:var(--muted)}
.battle-case .run-panel h2{font-size:14px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.battle-case .run-panel h3{font:650 17px var(--ox)}
.battle-case .run-panel .muted{font-size:12px}
.battle-case .model-status{font:10px/1.5 var(--jb);margin:9px 0 16px}
.battle-case .custom-games{margin:9px 0 13px}
.battle-case legend{font:11px var(--jb);color:var(--muted)}
.battle-case .game-presets button{padding:8px}
.battle-case .primary{background:linear-gradient(180deg,#236183,#174663);color:#eaf7ff;border:1px solid #6fabc9;padding:11px;font-family:var(--ox)}
.battle-case .run-note{font-size:10px;margin-top:12px}
.battle-case .model-details{margin-top:10px;font-size:11px}
.battle-case .model-details summary{font-size:11px}
.seed-field{margin:12px 0;font-size:11px;gap:4px}.seed-field .muted{font-size:10px!important}
.pool-panel>.field{font:11px var(--jb);gap:8px}.pool-panel select{font:12px 'Segoe UI',sans-serif;padding:10px}
#pool-description{font-size:11px;margin:12px 0}
.pool-art{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.pool-art>span{min-width:0;background:#071324;border:1px solid #1d354c;padding:6px 2px 5px;text-align:center}
.pool-art img{width:100%;height:49px;object-fit:contain;display:block}
.pool-art small{font:9px var(--jb);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted)}
.pool-count{display:flex;gap:13px;align-items:center;margin:14px 0;padding:12px 0;border-block:1px solid var(--line)}
.pool-count strong{font:600 35px Oxanium,sans-serif;color:var(--accent)}
.pool-count span{font-size:11px;color:var(--muted);line-height:1.7}
.pool-details{margin-top:13px;color:var(--muted);font-size:11px}.pool-details p{margin-top:8px}
.pool-details summary{cursor:pointer;color:#aed7ef}
.mini-team{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mini-team span{display:grid;place-items:center;min-width:0}.mini-team img{width:60px;height:50px;object-fit:contain}.mini-team b{font-size:10px}
#pool-preview{margin-top:12px;font-size:11px}#pool-preview p{color:var(--accent);margin-bottom:8px}#pool-preview pre{white-space:pre-wrap;font-size:10px;max-height:260px;overflow:auto;margin-top:8px}
.battle-case .analysis-panel{margin-top:14px;padding:13px 17px}.analysis-panel summary{cursor:pointer;font:700 12px Oxanium,sans-serif;color:var(--muted)}
.type-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.type-cell{display:grid;padding:8px;border:1px solid var(--line);background:#09172a;gap:4px}.type-cell b{font-size:11px;color:var(--accent)}.type-cell span{font-size:9px;color:var(--muted)}.type-cell.vulnerable{border-color:#965146}.type-cell.vulnerable b{color:var(--red)}
.battle-case .results{margin-top:14px}.battle-case .metrics{gap:15px;margin-bottom:15px}.battle-case .metric strong{font:600 30px Oxanium,sans-serif;white-space:nowrap}.battle-case .metric label{font:10px var(--jb)}.battle-case .metric small{font-size:10px}
.result-actions{display:flex;gap:6px}.result-actions button{font-size:10px;padding:7px 9px}
.outcome-bar{height:7px;display:flex;background:#14273d;margin:6px 0 13px}.bar-win{background:var(--green)}.bar-loss{background:var(--red)}.bar-tie{background:#9badc3}
.run-facts{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:14px}.run-facts span{font-size:10px;color:var(--muted)}.run-facts b{display:block;color:var(--text);font:12px var(--jb);margin-top:4px}
.result-analysis details{margin:12px 0;font-size:12px}.result-analysis summary{cursor:pointer}.battle-case .result-note,.battle-case .result-meta{font-size:11px;line-height:1.6}.battle-case td,.battle-case th{font-size:11px;padding:9px}.battle-case td button{font-size:10px;padding:5px 8px}
.battle-case .case-footer{padding:0}.battle-case .foot-bar{font-size:8px}.battle-case .foot-bar .gobackplate{padding:0 50px;color:#fff}.battle-case .foot-bar a{font-size:11px}
dialog{margin:auto;background:#0b1b2e;color:#eaf3ff;border-color:#447ca0;border-radius:5px;font-family:'Segoe UI',sans-serif}
dialog h2{font:700 21px Oxanium,sans-serif}dialog button,dialog input,dialog select,dialog textarea{background:#071324;color:#eaf3ff;border-color:#355772}dialog .primary{background:#20567a;border-color:#73b6db}
.pool-save{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.pool-filters{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:8px}.pool-filters input,.pool-filters select{padding:8px}.pool-toolbar{display:flex;align-items:center;gap:8px;margin:13px 0;font-size:12px}.pool-toolbar span{margin-right:auto;color:var(--muted)}.pool-toolbar button{padding:7px 9px;font-size:11px}
.pool-options{height:340px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start;border-block:1px solid var(--line);padding-block:8px}
.pool-option{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#10243b;border:1px solid #29445e;cursor:pointer;min-width:0}.pool-option img{width:46px;height:41px;object-fit:contain}.pool-option b{font-size:11px}.pool-option small{display:block;font-size:10px;color:var(--muted)}
#pool-error{color:var(--red);font-size:12px;margin-top:10px}#export-text{width:100%;resize:vertical;font:12px/1.7 JetBrains,monospace;padding:12px}#copy-team{margin-top:12px}#copy-status{font-size:12px;color:var(--green);margin-top:10px}
.history-row{width:100%;display:grid;text-align:left;gap:5px;margin-bottom:8px}.history-row span{font-size:12px;color:var(--muted)}.history-row small{font-size:10px;color:var(--accent)}
.replay-field{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px;min-height:220px;padding:22px 14px 35px;background:radial-gradient(ellipse at 50% 70%,#164364,#091629 70%);border:1px solid var(--line);margin:15px 0}
.combatant{display:flex;align-items:center;flex-direction:column;gap:5px}.combatant img{width:135px;height:110px;object-fit:contain;filter:drop-shadow(0 10px 4px #0007)}.combatant small{font-size:11px;color:var(--muted)}.combatant strong{font-family:Oxanium,sans-serif}.combatant progress{width:80%;height:9px;accent-color:var(--green)}.combatant progress::-webkit-progress-value{background:var(--green)}.field-weather{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#ffd24d;font-size:11px}
.replay-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.replay-controls button{padding:8px 12px}.replay-controls .field{flex-direction:row;align-items:center;margin-left:auto}.replay-controls select{padding:6px}.replay-controls span{font:12px JetBrains,monospace}#replay-slider{width:100%;margin:16px 0;padding:0;accent-color:var(--accent)}.replay-events{height:180px;overflow:auto;padding:13px;background:#061222;border:1px solid var(--line);font:12px/1.8 JetBrains,monospace}
@media(max-width:1200px){.battle-case .brow-tele{display:none}.battle-case main{padding:22px 14px}.battle-case .workspace{grid-template-columns:1fr 1fr}.battle-case .run-panel{grid-column:1/-1;display:block}.battle-case .run-panel form{max-width:none}.battle-case .run-panel h2{font-size:14px}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.battle-case .case-chassis{padding:3px;clip-path:none}.battle-case .case-bezel{padding:2px;clip-path:none}.battle-case .case-screen{clip-path:none}.battle-case .case-brow{height:86px;display:block}.battle-case .brow-plate{width:100%;height:45px;clip-path:none}.battle-case .brow-inner{height:45px;left:78px}.battle-case .wordmark{font-size:19px}.battle-case .wordsub{font-size:6px}.battle-case .case-lens{width:73px;height:73px;padding:7px}.battle-case .case-brow nav{height:41px;margin:0 0 0 64px;width:auto}.battle-case .brow-tabs .btab{clip-path:none;margin:0;min-width:0;padding:6px 5px;font-size:8px}.battle-case .brow-tabs .btab:first-child{padding:6px 5px}.battle-case .case-rail{display:none}.battle-case .heading{padding:0;gap:10px;margin-bottom:14px}.battle-case h1{font-size:25px}.battle-case .heading p{font-size:12px}.battle-case main{padding:16px 10px}.battle-case .workspace{grid-template-columns:1fr;gap:12px}.battle-case .run-panel{grid-column:auto}.battle-case .panel{padding:14px}.lab-tabs{gap:5px}.lab-tabs button,.lab-tabs a{font-size:10px;padding:9px;flex:1;justify-content:center;white-space:nowrap}.battle-case .case-footer{display:none}.battle-case .metrics{grid-template-columns:1fr 1fr;gap:16px}.battle-case .metric strong{font-size:24px}.battle-case .metric label{font-size:8px}.battle-case .result-actions button{font-size:9px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-filters{grid-template-columns:1fr 1fr}.pool-save{grid-template-columns:1fr}.pool-options{grid-template-columns:1fr;height:270px}.pool-toolbar{flex-wrap:wrap}.pool-toolbar span{width:100%}.replay-field{gap:8px;padding:13px 4px 32px}.combatant img{width:110px;height:100px}.replay-controls{gap:5px}.replay-controls button{padding:8px}.replay-controls .field{font-size:10px}.replay-events{font-size:11px}dialog{max-height:94dvh;width:calc(100% - 20px);padding:15px}.battle-case .pool-art small{font-size:9px}}
.battle-case .team-brow{flex:1;min-width:0;height:72px;display:flex;margin-left:-22px}
.battle-case .team-brow .team-brow-slot{flex:1;min-width:0;border:0;border-right:1px solid #48789555;border-radius:0;background:transparent;height:72px;cursor:pointer}
.battle-case .team-brow .team-brow-slot:hover{background:#164364}
.battle-case .team-brow .team-brow-art{width:44px;height:44px}
.battle-case .team-brow .team-brow-art img{width:44px;height:44px}
.format-picker{display:grid;gap:5px;font:10px var(--jb);color:var(--muted)}
.format-picker select{padding:9px;font-size:12px;max-width:240px}
.doubles-replay{grid-template-columns:repeat(4,minmax(0,1fr))}.doubles-replay .combatant img{width:95px;height:90px}.doubles-replay .combatant strong{font-size:12px}
@media(max-width:700px){.battle-case .case-brow{height:119px}.battle-case #team-brow{height:74px;margin:0;width:100%}.battle-case #team-brow .team-brow-slot{height:74px;padding:0;clip-path:none}.battle-case .team-brow-slot b{font-size:7px}.battle-case .heading{flex-wrap:wrap}.format-picker{width:100%}.format-picker select{max-width:none;width:100%}.doubles-replay{grid-template-columns:1fr 1fr}}