/* Keep the playable area and both teams' three controls in the first view. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.masthead{height:46px;max-width:1480px;padding:0 18px;gap:20px}.brand{font-size:12px}.brand-mark{width:26px;height:26px;font-size:21px}.masthead-note{font-size:9px}
main{max-width:1480px;padding:12px 18px 0}.game-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:14px;align-items:start}.panel{border-radius:11px}
.controls{display:block;padding:14px;position:sticky;top:12px}.controls>.section-heading{margin-bottom:5px}.controls h2{font-size:15px}.preset-note{font-size:10px;line-height:1.45;margin:0 0 12px;color:#71806a}
.team-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.controls .team-settings{padding:0;border:0;min-width:0}.controls .team-title{min-height:0;gap:6px;margin:0 0 8px;flex-wrap:nowrap}.controls .team-title h3{font-size:13px}.controls .team-title .team-icon{width:25px;height:25px;font-size:12px;border-radius:6px}.team-title>div>span,.team-title .team-style{display:none}
.controls .profile-picker{margin:0 0 8px}.controls .profile-picker .small-label{display:none}.controls .profile-picker select{padding:6px 23px 6px 8px;font-size:11px;border-radius:5px;min-height:30px}.controls .profile-description{font-size:10px;line-height:1.4;min-height:28px;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#74816b}
.derived-ypp{padding:7px 8px;margin:0 0 9px;display:flex;justify-content:space-between;align-items:center;gap:5px;border-radius:6px}.derived-ypp>span{font-size:9px;color:#617452}.derived-ypp>div{margin:0;gap:0}.derived-ypp strong{font-size:19px}.derived-ypp>div>span,.derived-ypp>p{display:none}
.controls .simple-control{margin-top:10px}.controls .simple-control .input-heading{margin-bottom:0;gap:5px;min-height:29px}.controls .simple-control .input-heading label{font-size:11px;line-height:1.25}.controls .simple-control .input-heading label span{font-size:8px;margin:2px 0 0;display:block}.controls .input-heading input{width:45px;height:26px;font-size:11px}.controls .slider{margin:8px 0 12px;height:5px}.controls .slider::-webkit-slider-thumb{width:15px;height:15px}.controls .simple-control>p:not(.sr-only){display:none}
.mix-details{margin-top:4px}.mix-details>summary{font-size:10px;color:#73816a;padding:4px 0}.mix-details .play-mix{margin:5px 0 0;padding:8px;font-size:9px}.mix-details .play-mix b{font-size:9px}.controls .tail-note{font-size:9px;line-height:1.4;margin:10px 0 8px}.controls .game-settings{font-size:10px;padding-top:9px}.controls .settings-note{font-size:9px;line-height:1.4;margin:7px 0 0}
.game-panel{padding:14px 14px 0;min-width:0}.game-topline{font-size:8px}.scoreboard{padding:10px 0 11px;gap:12px}.score-numbers{gap:13px}.score-numbers b{font-size:33px}.score-team strong{font-size:13px}.score-team>div>span{font-size:8px}.score-team .team-icon{display:grid;width:27px;height:27px;font-size:12px;border-radius:6px}
.field-top{padding:8px 12px;font-size:8px}.field-bottom{padding:7px 12px;font-size:7px}#field{height:auto;max-height:clamp(190px,calc(100svh - 460px),310px);padding:2px 8px 0}.play-call{min-height:47px;padding:8px 0;gap:8px}.play-call-icon{width:25px;height:25px;font-size:15px}.play-call strong{font-size:11px}.play-call>div>span{font-size:9px}.playback{padding:9px 0;gap:8px}.playback .primary-button,.playback .secondary-button{font-size:11px;padding:8px 11px}.playback .primary-button{min-width:105px}.playback .speed-control{margin-left:0!important;font-size:9px}.playback .finish-button{margin-left:auto;font-size:10px}.playback .reset-button{margin-left:0}
.box-score{border-top:1px solid var(--border);margin:0 -14px}.box-score>summary{padding:8px 14px;font-size:10px;font-weight:500;color:#6b7c60}.box-score>summary>span{float:right;font-size:9px;color:#99a38d}.box-score .game-stats{border:0;padding:10px 14px}.play-log{margin:0 -14px}.play-log summary{padding:8px 14px;font-size:10px}.play-log>div{padding:0 14px 12px}
.lab-details{margin-top:12px}.lab-details>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;padding:11px 16px;font-size:12px;font-weight:500}.lab-details>summary::after{content:'+';font-size:18px;line-height:1;color:#93a385}.lab-details[open]>summary::after{content:'−'}.lab-details>summary>span:nth-child(2){font-size:10px;color:#91a080;margin-left:auto}.lab-details>summary::-webkit-details-marker{display:none}.lab-content{padding:0 14px 14px}.lab-content .analysis-grid{margin-top:0}.model-details{margin-top:10px}.model-details>summary{padding:10px 16px}.model-details .summary-right b{font-size:18px}footer{padding:12px 0;font-size:8px}
@media(min-width:1400px){.game-layout{grid-template-columns:410px minmax(0,1fr)}}
@media(max-width:1100px){.game-layout{grid-template-columns:350px minmax(0,1fr)}.team-columns{gap:12px}.controls{padding:12px}.controls .simple-control .input-heading label{font-size:10px}.score-team .team-icon{display:none}.score-team>div>span{font-size:7px}.score-numbers b{font-size:30px}.playback .primary-button{min-width:95px}.playback{gap:6px}}
@media(max-width:900px){.game-layout{grid-template-columns:1fr;gap:12px}.controls{position:static;padding:12px 14px}.team-columns{gap:24px}.controls .profile-description{min-height:0;-webkit-line-clamp:1}.controls .team-title{margin-bottom:5px}.controls .profile-picker{margin-bottom:6px}.controls .derived-ypp{padding:5px 8px;margin-bottom:5px}.controls .simple-control{margin-top:6px}.controls .simple-control .input-heading label{font-size:11px}.controls .simple-control .input-heading label span{display:inline;margin-left:4px}.controls .simple-control .input-heading{min-height:26px}.controls .slider{margin:6px 0 9px}.controls .tail-note{margin-top:6px}.controls .game-settings{padding-top:6px}.controls .settings-note{margin-top:5px}.score-team .team-icon{display:grid}#field{max-height:300px}.game-panel{width:100%}.analysis-grid{grid-template-columns:1fr}.lab-details>summary>span:nth-child(2){display:none}}
@media(max-width:520px){main{padding:10px 10px 0}.masthead{padding:0 12px;height:44px}.masthead-note{display:none}.team-columns{gap:14px}.controls{padding:12px}.controls .simple-control .input-heading label{font-size:10px}.controls .simple-control .input-heading label span{display:block;margin:2px 0 0}.controls .simple-control .input-heading{min-height:29px}.controls .profile-description{-webkit-line-clamp:2;min-height:28px}.game-panel{padding:12px 12px 0}.score-team .team-icon{display:none}.score-team strong{font-size:12px}.score-team>div>span{font-size:7px}.scoreboard{gap:8px}.score-numbers{gap:8px}.field-top{font-size:7px}.playback{flex-wrap:wrap}.playback .finish-button{margin-left:0}.playback .reset-button{margin-left:auto}.box-score,.play-log{margin:0 -12px}.box-score>summary>span{display:none}.lab-content{padding:0 8px 8px}.lab-content .panel{padding:16px}.summary-right{font-size:0}footer>span:last-child{display:none}}

/* The main experiment is always visible immediately below the game. */
.experiment-panel{margin-top:14px;padding:20px 24px;border-top:3px solid var(--green)}
.experiment-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.experiment-header>div{min-width:0}.experiment-header .eyebrow{margin-bottom:5px;font-size:8px}
.experiment-header h2{font-size:20px}.experiment-header .section-copy{margin:7px 0 0;font-size:11px;color:#71816a}
.experiment-header .batch-button{width:auto;min-width:245px;flex-shrink:0;margin:0;background:var(--green);border-color:var(--green);color:#fff;font-size:12px;padding:13px 17px}
.experiment-header .batch-button:hover{background:#24604d}
.experiment-panel .batch-footnote{text-align:right;font-size:9px;margin-top:9px}
.experiment-panel .batch-empty{min-height:0;display:block;text-align:left;padding:0;margin:12px 0 0;font-size:11px;color:#819176}
#batch-results{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:32px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.batch-summary{min-width:0}.experiment-panel .batch-outcome{margin:0 0 18px}.experiment-panel .batch-outcome strong{font-size:24px}
.experiment-panel .batch-outcome>span{display:block;margin-top:6px;font-size:10px}.experiment-panel .win-labels{font-size:9px}
.experiment-panel .batch-table{min-width:0}.experiment-panel .batch-table .stat-row{padding:6px 0}
.experiment-panel .chart-note{font-size:9px}.lab-content .analysis-grid{grid-template-columns:minmax(0,1fr)}
#distribution-chart{max-height:280px}
@media(max-width:690px){.experiment-panel{padding:16px;margin-top:12px}.experiment-header{display:block}.experiment-header h2{font-size:18px}.experiment-header .batch-button{width:100%;min-width:0;margin-top:15px}.experiment-panel .batch-footnote{text-align:center}#batch-results{grid-template-columns:minmax(0,1fr);gap:20px}.experiment-panel .batch-outcome strong{font-size:21px}}