/* Canonical responsive workspaces. Cards fit their panels; tools scroll independently. */
#header .masthead{padding:8px 18px;gap:10px 22px;min-height:64px}
#header .brand-mark{width:43px;height:46px;flex-basis:43px}
#header .brand .wordmark{display:inline-block;white-space:nowrap;font-family:var(--font-body);font-weight:800;font-style:italic;font-size:clamp(21px,1.65vw,30px);letter-spacing:-1.2px;line-height:1.15;background:linear-gradient(110deg,var(--ink) 12%,var(--accent) 55%,var(--ink) 95%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 color-mix(in srgb,var(--accent) 12%,transparent))}
#header .brand-title{gap:10px}#header .brand-tagline{display:none}
#main{padding-top:20px;padding-bottom:20px}.page-title{margin-bottom:20px}
body[data-page=duel] #main{display:flex;flex-direction:column;min-height:calc(100dvh - 92px);gap:18px;padding-block:20px 12px}
.duel-modes{gap:12px}.duel-modes .mode-card{padding:18px;gap:9px}.duel-modes .mode-card h3{font-size:23px;min-height:0!important;margin:0}.duel-modes .mode-card p{min-height:0;margin:0;font-size:13px}.duel-modes .mode-card .mode-icon{padding:7px}.duel-modes .mode-card>button{min-height:40px}
.duel-lobby{margin:0;min-height:0}.duel-lobby .panel-body{padding:14px}.duel-lobby .table-wrap{max-height:30dvh;overflow:auto}
.site-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:1fr auto;gap:9px 20px;color:var(--muted);font-size:12px;line-height:1.5}
.site-footer>div{display:flex;gap:12px;align-items:baseline}.site-footer strong{color:var(--ink);font-weight:700}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{text-decoration:underline;color:var(--ink)}.site-footer p{margin:0;max-width:1000px}.site-footer small{font-size:12px;text-align:right}
/* Deck builder */
body[data-page=build]{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body[data-page=build] #header{flex:none}
body[data-page=build] #main{width:100%;max-width:none;min-height:0;flex:1;display:flex;flex-direction:column;padding:10px 12px;gap:10px;overflow:hidden}
.builder-heading{margin:0;flex:none;gap:8px}.builder-heading h1{font-size:24px}.builder-heading>.row{gap:6px}.builder-heading button{min-height:34px;padding:5px 9px}
#main .builder-layout{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(240px,310px);grid-template-rows:minmax(0,1fr);height:auto;flex:1;gap:10px;min-height:0;overflow:hidden}
#main .builder-inspector{display:none}#main .builder-controls{grid-area:1/1;min-height:0;max-height:none;overflow:auto}#main .builder-deck{grid-area:1/2;min-height:0;height:100%;display:flex;overflow:hidden}#main .builder-library{grid-area:1/3;min-height:0;max-height:none;height:100%;display:flex;flex-direction:column;overflow:hidden}
.builder-control-scroll{padding:12px}.builder-controls label{font-size:12px}.builder-hint{font-size:12px;line-height:1.5}.builder-history{margin:0}.builder-section-nav{display:none}
#main .builder-deck #deck-zones{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,.48fr);flex:1;min-height:0;overflow:hidden}
#main .builder-deck .deck-zone{display:flex;flex-direction:column;padding:8px;gap:5px;min-height:0;overflow:hidden}
#main .builder-secondary{display:flex;flex-direction:column;overflow:hidden;min-height:0}
#main .builder-secondary-content{display:flex;flex:1;min-height:0;overflow:hidden}
#main .builder-secondary-content>.deck-zone{width:100%;height:100%;min-height:0}
#main .builder-zone-tabs{min-height:32px;flex:none;margin:0;padding:0 8px;gap:10px;align-items:center}
#main .builder-zone-tabs button{min-height:30px;padding:3px 9px}.deck-section-pagination{flex:none;min-height:26px;padding:0}.deck-section-pagination button{min-height:25px;padding:2px 8px}
#main .fitted-card-grid{display:grid!important;grid-template-columns:repeat(var(--fit-cols,10),var(--fit-width,1fr))!important;grid-template-rows:repeat(var(--fit-rows,1),var(--fit-height,auto))!important;grid-auto-rows:0!important;gap:4px!important;align-items:start;justify-items:center;justify-content:center;align-content:center;min-width:0;min-height:0;width:100%;flex:1;overflow:hidden!important;padding:0}
#main .fitted-card-grid>.builder-card,#main .fitted-card-grid>.catalog-card{position:relative;display:block;padding:0;margin:0;width:var(--fit-width)!important;height:var(--fit-height)!important;min-width:0;min-height:0;max-width:none;max-height:none;background:none;border:0;overflow:hidden}
#main .fitted-card-grid .card-tile{display:block;width:100%;height:100%!important;min-height:0;max-height:none;aspect-ratio:.685;transform:none}
#main .fitted-card-grid .card-tile img{display:block;width:100%;height:100%;object-fit:contain}
#main .builder-card-tools{position:absolute;bottom:1px;left:1px;right:1px;width:auto;margin:0;display:flex;opacity:0;pointer-events:none}
#main .builder-card:hover .builder-card-tools,#main .builder-card:focus-within .builder-card-tools{opacity:1;pointer-events:auto;transform:none}
#main .builder-card-tools button{flex:1;min-width:0;min-height:23px;padding:2px;font-size:13px}.builder-catalog-scroll{flex:1;min-height:0;overflow:auto}.builder-library .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.builder-library .card-caption{font-size:12px}.builder-library-head{padding:10px 12px}.builder-search{padding:10px;gap:7px}.builder-search input,.builder-search select{min-height:34px;font-size:12px}.builder-pagination{padding:8px 10px;font-size:12px}
/* Duel: bounded sidebars, centered board, all spare width belongs to the center. */
body[data-page=game]{overflow:hidden}
#main.duel-workspace{padding:8px 12px 0;min-height:0;max-width:none}
#main.duel-workspace .duel-studio{display:grid;grid-template-columns:clamp(205px,18vw,270px) minmax(0,1fr) clamp(235px,20vw,300px);grid-template-rows:minmax(0,1fr);height:var(--table-height);gap:10px;min-height:0}
#main.duel-workspace .duel-reference{grid-area:1/1;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(130px,.65fr);gap:10px}
#main.duel-workspace .duel-social{grid-area:1/3;height:100%;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px}
#main.duel-workspace .duel-center{grid-area:1/2;display:flex;flex-direction:column;gap:6px;position:relative;width:100%;height:100%;min-height:0;overflow:hidden;align-items:stretch}
#main.duel-workspace .table-status-strip{grid-area:1/1;min-height:0;margin:0;font-size:12px;align-self:start}
#main.duel-workspace .duel-board{grid-area:2/1;width:100%;max-width:var(--board-max-width,100%);height:100%;min-height:0;justify-self:center;overflow:hidden}
#main.duel-workspace .duel-context{position:absolute!important;grid-area:auto;inset:auto;top:12%;bottom:auto!important;left:50%;width:min(440px,94%);height:auto;min-height:0;max-height:calc(88% - 135px);display:block;z-index:90;pointer-events:auto;transform:translate(calc(-50% + var(--priority-x,0px)),var(--priority-y,0px));padding:0;overflow:auto;overscroll-behavior:contain;border-radius:10px;background:var(--surface);box-shadow:0 12px 40px var(--shadow)}
#main.duel-workspace .duel-context[hidden]{display:none!important}
#main.duel-workspace .duel-action-panel{height:auto;max-height:none;display:block;overflow:visible;pointer-events:auto}
#main.duel-workspace .duel-context .action-menu{height:auto;max-height:240px;overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr));pointer-events:auto}
#main.duel-workspace .duel-context .duel-prompt{padding:8px 12px}.duel-context [data-action-count]:empty{display:none}.duel-workspace .duel-context .duel-prompt h3{font-size:16px}.duel-workspace .duel-context .duel-prompt p{font-size:12px}
#main.duel-workspace .duel-context.is-collapsed{max-height:80px}.priority-panel-tools{position:sticky;top:0;background:var(--surface);z-index:2;min-height:36px}
#main.duel-workspace .duel-center .hand:not(.opponent){height:clamp(94px,19dvh,160px);flex:0 0 clamp(94px,19dvh,160px);max-height:none;min-height:0;padding:6px 8px;justify-content:safe center}
#main.duel-workspace .hand:not(.opponent) .hand-card{height:100%;width:auto;flex:0 0 auto;aspect-ratio:.685;min-width:0}
#main.duel-workspace .hand.opponent{height:30px;flex:0 0 30px;padding:2px}.duel-workspace .hand.opponent .hand-card{height:26px;width:18px;flex-basis:18px}
#main.duel-workspace .duel-hand-label{flex:0 0 16px;font-size:12px;padding:2px 0}.duel-workspace .duel-room-header{margin:0;gap:6px;flex-wrap:wrap}.duel-workspace .duel-quick-actions{gap:4px}
.duel-mobile-players,.duel-mobile-bar{display:none}
.card-action-picker{position:absolute;left:50%;top:16%;transform:translateX(-50%);width:min(380px,94%);max-height:60%;overflow:auto;z-index:120;background:var(--surface);padding:10px;border:1px solid var(--accent);border-radius:10px;box-shadow:0 10px 30px var(--shadow)}.card-action-picker .card-choice-actions{display:grid;gap:6px}.card-hover-actions{max-width:calc(100vw - 16px);max-height:50dvh;overflow:auto}.card-hover-actions button{min-height:40px}
/* Between games uses the entire center, with readiness in the hand area. */
#main.duel-workspace.is-sideboarding .duel-center{grid-template-rows:auto minmax(0,1fr) auto;gap:6px}
#main.duel-workspace.is-sideboarding .duel-board{grid-area:2/1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) minmax(0,.43fr);max-width:none;width:100%;height:100%;overflow:hidden;padding:10px;gap:6px}
#main.is-sideboarding .sideboard-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:0}.sideboard-heading h2{font-size:19px;margin:2px 0}.sideboard-heading p{font-size:12px;margin:0}.sideboard-heading .eyebrow{font-size:12px}.sideboard-view-controls{display:flex;gap:6px;margin:0}.sideboard-view-controls label{font-size:12px}.sideboard-view-controls select{font-size:12px;min-height:32px;padding:3px 6px;width:auto}
#main.is-sideboarding [data-side-zone]{display:flex;flex-direction:column;min-height:0;overflow:hidden;margin:0;padding:0;border:0;gap:4px;width:100%}.is-sideboarding .deck-zone-head{flex:none;padding:2px 0;margin:0;font-size:12px}.sideboard-transfer{position:absolute;bottom:0;left:0;right:0;width:100%;min-height:23px;padding:2px!important;font-size:12px;opacity:.95;background:var(--surface);border-radius:0}
#main.duel-workspace.is-sideboarding .duel-context{grid-area:3/1;position:static!important;inset:auto!important;transform:none;justify-self:stretch;align-self:stretch;width:100%;height:auto;max-height:none;padding:0;overflow:hidden;box-shadow:none}
#main.is-sideboarding .duel-context .duel-action-panel{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr);gap:6px;padding:8px;align-items:center}
#main.is-sideboarding .duel-prompt{padding:0!important}#main.is-sideboarding .duel-prompt .eyebrow,#main.is-sideboarding .duel-prompt>p,#main.is-sideboarding [data-prompt-card],#main.is-sideboarding [data-active-chain],#main.is-sideboarding .priority-panel-tools,#main.is-sideboarding .duel-response-settings,#main.is-sideboarding [data-action-count]{display:none!important}
#main.is-sideboarding .duel-context .action-menu{display:block!important;padding:0;max-height:none;overflow:visible;width:100%;height:auto}.is-sideboarding .action-menu p{font-size:12px;margin:3px 0}.is-sideboarding .action-menu button{min-height:36px;padding:5px 10px}.is-sideboarding .action-menu .empty-inline{padding:3px;font-size:12px}.is-sideboarding .action-menu .stack{gap:6px}
/* Forecast: a clear target, optional refinements, and results alongside it. */
.coach-workspace{display:grid;grid-template-columns:minmax(300px,410px) minmax(0,1fr);gap:16px;align-items:start}.coach-settings{margin:0!important}.coach-settings>summary{font-weight:700;padding:12px;cursor:pointer}.coach-settings .panel{border:0;box-shadow:none}.coach-settings .panel-head{padding:8px 14px}.coach-settings .panel-body{padding:12px 14px;gap:12px}.coach-settings .panel-head h2{font-size:16px}.coach-settings label{font-size:12px}.coach-settings input,.coach-settings select{min-height:36px;font-size:13px}.coach-settings .history-weighting{padding:0;margin:0;display:block;border:0}.coach-settings .history-weighting p,.coach-help{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0}.coach-settings .form-grid{gap:10px}.coach-settings details>summary{cursor:pointer;font-size:12px;padding:5px 0}.coach-settings .notice{margin:0;padding:8px}.coach-settings #field-inputs{max-height:240px;overflow:auto}.coach-settings .field-inputs{gap:6px}.coach-settings h3{font-size:13px}.coach-settings #field-total{font-size:12px;white-space:normal}.coach-settings .between{gap:8px}.coach-workspace #coach-results>.spacer{height:12px}.coach-workspace #coach-results .empty{padding:26px 18px}.coach-workspace #coach-results .empty h2{font-size:23px}
.player-combobox{position:relative}.player-suggestions{position:absolute;top:100%;left:0;right:0;z-index:30;max-height:230px;overflow:auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:0 0 8px 8px;box-shadow:0 10px 20px var(--shadow);padding:4px}.player-suggestions button{display:block;text-align:left;width:100%;min-height:38px;border:0;border-radius:4px;background:none;font-size:13px}.player-suggestions button[aria-selected=true],.player-suggestions button:hover{background:var(--accent-soft);color:var(--accent)}.player-suggestions p{padding:10px;margin:0;font-size:12px}.player-selection{min-height:18px;font-size:12px;color:var(--muted)}
.season-honors{grid-template-columns:1fr;gap:10px}.season-runner-up{border-top:1px solid var(--line);padding-top:10px;margin-top:12px}.season-runner-up strong{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
@media(min-width:851px) and (max-width:1150px){#main.duel-workspace .duel-studio{grid-template-columns:185px minmax(0,1fr) 225px;gap:7px}#main .builder-layout{grid-template-columns:180px minmax(0,1fr) 250px;gap:7px}}
@media(max-width:1000px){
 #header .masthead{display:flex;flex-wrap:wrap;justify-content:space-between;min-height:56px;padding:6px 10px;gap:6px}
 #header .brand{flex:1;gap:7px;width:auto;grid-area:auto;justify-content:flex-start}#header .brand-mark{width:34px;height:38px;flex-basis:34px}
 #header .brand .wordmark{font-size:clamp(18px,4.8vw,25px)!important;white-space:nowrap;letter-spacing:-.8px}
 #header .brand-title{display:flex;flex-direction:row;gap:7px}#header .brand-title .release-label{display:none}
 #header .nav-toggle{display:block;grid-area:auto;order:2;min-height:36px;padding:5px 10px;margin:0}
 #header .header-actions,#header .grouped-nav{display:none!important}
 #header.nav-open .header-actions{display:flex!important;order:3;flex:1 0 100%;width:100%;justify-content:space-between;flex-wrap:wrap;grid-area:auto;padding-top:6px}
 #header.nav-open .grouped-nav{display:flex!important;order:4;flex:1 0 100%;grid-area:auto;padding-top:8px;justify-content:space-between}
 #header.nav-open{position:relative;z-index:200}body[data-page=game] #header.nav-open,body[data-page=build] #header.nav-open{position:absolute;inset:0 0 auto;z-index:200}
}
@media(max-width:850px){
 #main{padding:14px 12px}.page-title{margin-bottom:14px}.page-title h1{font-size:27px}
 body[data-page=duel] #main{min-height:calc(100dvh - 56px);padding:12px;gap:12px}.duel-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.duel-modes .mode-card{padding:12px;gap:7px}.duel-modes .mode-card h3{font-size:18px}.duel-modes .mode-card p{font-size:12px}.duel-modes .mode-icon{display:none}.duel-modes .mode-card>button{min-height:36px;font-size:12px}.guest-play-note{font-size:12px!important}.site-footer{grid-template-columns:1fr;gap:8px;padding-top:10px;font-size:12px}.site-footer small{text-align:left}.site-footer nav{gap:7px 14px}.site-footer>div{display:none}
 body[data-page=build] #main{padding:6px;gap:6px}.builder-heading h1{font-size:18px}.builder-heading{flex-wrap:wrap}.builder-heading>.row{flex:1;justify-content:flex-end;flex-wrap:wrap;gap:4px}.builder-heading button{font-size:12px;min-height:30px;padding:4px 6px}.builder-heading button svg{display:none}
 .builder-section-nav{display:flex;gap:4px;flex:none}.builder-section-nav button{flex:1;min-height:34px;padding:4px;font-size:12px}.builder-section-nav button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}
 #main .builder-layout{display:flex;flex-direction:column;gap:0;min-height:0;flex:1}#main .builder-controls,#main .builder-library{display:none;height:100%;flex:1}#main .builder-deck{display:flex;flex:1;height:100%;min-height:0}
 #main[data-builder-section=library] .builder-deck,#main[data-builder-section=settings] .builder-deck{display:none}#main[data-builder-section=library] .builder-library,#main[data-builder-section=settings] .builder-controls{display:flex}
 #main .builder-deck #deck-zones{display:flex;flex-direction:column;min-height:0}#main .builder-deck .deck-zone[data-drop-zone=main]{flex:1;min-height:0}#main .builder-secondary{display:none;flex:1}#main .builder-deck .deck-view-tools{padding:5px;gap:4px;flex-wrap:wrap}#main .deck-view-tools button,#main .deck-view-tools select{min-height:30px;font-size:12px}#main .deck-view-tools label{font-size:12px}
 #main[data-builder-section=side] .builder-secondary,#main[data-builder-section=extra] .builder-secondary{display:flex}#main[data-builder-section=side] .deck-zone[data-drop-zone=main],#main[data-builder-section=extra] .deck-zone[data-drop-zone=main]{display:none}#main .builder-zone-tabs{display:none}#main .builder-secondary .deck-zone-head{display:flex}
 #main .builder-card-tools{opacity:1;pointer-events:auto}#main .builder-card-tools button{min-height:24px}#main .builder-library .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#main .builder-catalog-scroll{max-height:none;overflow:auto}.builder-controls input,.builder-controls select,.builder-search input,.builder-search select{font-size:16px}
 #main.duel-workspace{padding:4px 5px 0!important;margin:0}
 #main.duel-workspace .duel-studio{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:53px 32px minmax(0,1fr);height:var(--table-height);gap:4px;position:relative;padding:0}
 #main.duel-workspace .duel-mobile-players{display:grid;grid-area:1/1;height:53px;gap:5px}#main .duel-mobile-players .duel-player-card{height:53px;padding:3px 7px;display:block}.duel-mobile-players .duel-player-numbers{display:flex;margin:0;justify-content:space-between}.duel-mobile-players .duel-player-numbers>div:first-child strong{font-size:18px}.duel-mobile-players .duel-clock strong{font-size:15px}
 #main.duel-workspace .duel-mobile-bar{display:flex;grid-area:2/1;height:32px;padding:0;gap:5px;z-index:110}#main .duel-mobile-bar button{flex:1;min-height:30px;padding:3px;font-size:12px}#main .duel-mobile-bar [data-mobile-panel=actions]{display:none}
 #main.duel-workspace .duel-center{grid-area:3/1;height:100%!important;grid-template-rows:auto minmax(0,1fr);gap:3px;overflow:hidden}
 #main.duel-workspace .duel-reference,#main.duel-workspace .duel-social{display:none}
 #main.duel-workspace[data-mobile-panel=reference] .duel-reference,#main.duel-workspace[data-mobile-panel=tools] .duel-social{display:flex;position:absolute;inset:89px 0 0;grid-area:auto;width:100%;height:auto;max-height:none;min-height:0;overflow:auto;z-index:105;padding:10px;background:var(--surface);pointer-events:auto;transform:none}
 #main.duel-workspace .duel-center .duel-board{padding:3px;max-width:none}
 #main.duel-workspace .duel-center .hand:not(.opponent){height:clamp(80px,17dvh,120px);flex:0 0 clamp(80px,17dvh,120px);max-height:none;padding:4px 2px}
 #main.duel-workspace .duel-center .hand.opponent{height:23px;flex:0 0 23px;max-height:none}.duel-workspace .duel-center .hand.opponent .hand-card{height:20px;width:14px;flex-basis:14px}
 #main.duel-workspace .duel-context{top:8%;bottom:auto!important;left:50%;right:auto;width:94%;max-height:calc(92% - 110px);height:auto;inset-block-end:auto;z-index:90;pointer-events:auto;padding:0;border:0}
 #main.duel-workspace .duel-context .action-menu{max-height:170px;padding:6px;gap:4px}.duel-context .duel-action{font-size:12px!important;min-height:40px!important}.duel-context .action-thumb{height:30px!important;width:21px!important}.priority-panel-tools{min-height:32px;padding:3px 8px}.priority-panel-tools button{min-height:28px}
 #main.duel-workspace.is-sideboarding .duel-center{grid-template-rows:auto minmax(0,1fr) auto}#main.duel-workspace.is-sideboarding .duel-board{display:grid;grid-template-rows:auto minmax(0,1fr) minmax(0,.43fr);padding:5px;gap:4px;min-height:0;height:100%}
 .sideboard-heading h2{font-size:15px}.sideboard-heading p{font-size:12px}.sideboard-heading .eyebrow{font-size:12px}.sideboard-view-controls{gap:3px}.sideboard-view-controls select{max-width:78px;min-height:28px;font-size:12px}
 #main.is-sideboarding .duel-context .duel-action-panel{grid-template-columns:1fr;padding:6px;gap:3px}#main.is-sideboarding [data-prompt-title]{font-size:12px}.sideboard-transfer{min-height:20px;font-size:12px}
 .coach-workspace{grid-template-columns:1fr;gap:12px}.coach-settings .panel-body{padding:10px}.season-history-grid{gap:12px}
}
@media(max-height:550px) and (max-width:850px){#main.duel-workspace .duel-studio{grid-template-rows:38px 28px minmax(0,1fr);gap:2px}#main.duel-workspace .duel-mobile-players,#main .duel-mobile-players .duel-player-card{height:38px}.duel-mobile-players .duel-player-identity{float:left;width:46%}#main.duel-workspace .duel-mobile-bar{height:28px}#main .duel-mobile-bar button{min-height:26px}#main.duel-workspace .duel-center .hand:not(.opponent){height:58px;flex-basis:58px}.duel-workspace .duel-center .hand.opponent{display:none}#main.duel-workspace .duel-context{top:2%;max-height:calc(98% - 68px)}#main.duel-workspace .duel-hand-label{display:none}.sideboard-heading p,.sideboard-heading .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){.card-hover-actions,.card-action-picker{animation:none}}
/* Keep footer and community controls within the viewport's height budget. */
body[data-page=duel]{display:flex;flex-direction:column;min-height:100dvh;height:100dvh;padding-bottom:0}
body[data-page=duel] #main{min-height:0;flex:1;padding-bottom:58px}
body[data-page=build],body[data-page=game]{padding-bottom:0}
.sideboard-ready-row,.sideboard-turn-order{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;font-size:12px}.sideboard-turn-order{margin-top:5px}.sideboard-ready-row>span{flex:1;min-width:140px}.sideboard-turn-order>span{margin-right:auto}
@media(min-width:1001px){#header .masthead{flex-wrap:nowrap;gap:14px;min-height:64px}#header .grouped-nav{order:0;flex:1 1 auto;flex-basis:auto;border:0;padding:0;gap:16px;justify-content:center}#header .nav-group{display:flex;flex-direction:column;align-items:flex-start;gap:2px}#header .nav-group-links{gap:2px}#header .nav-group a{font-size:12px;padding:7px 5px;min-height:30px}#header .nav-group-heading{font-size:12px;letter-spacing:1px}#header .header-actions{gap:7px}#header .format-selector>span{display:none}#header .format-selector select{max-width:160px;min-height:34px;font-size:12px}#header .header-actions .appearance-link,#header .header-actions .report-bug-link{display:none}#header .brand .wordmark{font-size:23px}#header .brand-mark{width:36px;height:40px;flex-basis:36px}#header .release-label{font-size:12px}#header #sign-in{font-size:12px;min-height:34px;padding:5px 8px}}
@media(min-width:851px){#main .builder-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(240px,310px)!important;grid-template-rows:minmax(0,1.1fr) minmax(0,.9fr)}#main .builder-inspector{display:block;grid-area:1/1;min-height:0;overflow:auto}#main .builder-controls{grid-area:2/1}#main .builder-deck{grid-area:1/2/3/3}#main .builder-library{grid-area:1/3/3/4}}
body[data-page=duel] .duel-lobby{flex:none;min-height:auto}
body[data-page=build] #main{padding-bottom:50px}
@media(max-width:850px) and (max-height:740px){body[data-page=duel] #main{padding:8px 10px 58px;gap:8px}.duel-modes .mode-card{padding:8px;gap:4px}.duel-modes .mode-card h3{font-size:15px}.duel-modes .mode-card p{font-size:12px;line-height:1.4}.duel-modes .mode-card>button{min-height:32px;padding:4px;font-size:12px}.duel-lobby .panel-head{padding:7px 10px}.duel-lobby .panel-head h2{font-size:13px}.duel-lobby .panel-head button{min-height:28px;padding:4px 7px;font-size:12px}.duel-lobby .empty{padding:9px}.duel-lobby .empty>svg,.duel-lobby .empty>.icon,.duel-lobby .empty>p{display:none}.duel-lobby .empty h3{font-size:12px;margin:0}.site-footer{font-size:12px;line-height:1.4;gap:6px;padding-top:8px}.site-footer nav{gap:5px 9px}}
#main.is-sideboarding .sideboard-view-controls{flex-direction:row;flex-wrap:nowrap;align-items:center;margin:0;gap:6px;width:auto}
#main.is-sideboarding .sideboard-view-controls label{display:flex;flex-direction:column;gap:2px;min-width:0;width:auto}
#main.is-sideboarding .sideboard-view-controls select{width:85px;padding:3px 5px;min-height:28px}
#main.is-sideboarding .sideboard-ready-row button,#main.is-sideboarding .sideboard-turn-order button{width:auto;min-width:0;flex:none;min-height:32px;padding:4px 10px;font-size:12px}
#main.is-sideboarding .fitted-card-grid .sideboard-transfer{font-size:12px!important;min-height:20px!important;height:20px!important;line-height:1;white-space:nowrap;overflow:hidden;padding:1px!important}
#main .priority-panel-tools [data-priority-collapse]{min-width:70px}
@media(max-width:850px){#main.duel-workspace .hand:not(.opponent) .hand-card{width:clamp(38px,calc((100cqw - 62px)/var(--hand-count,6) + 5px),72px);flex:0 0 clamp(38px,calc((100cqw - 62px)/var(--hand-count,6) + 5px),72px);height:auto;aspect-ratio:.685}#main .duel-mobile-players .duel-player-numbers>div>span{display:none}#main.is-sideboarding .sideboard-view-controls select{width:73px}#main.is-sideboarding .sideboard-heading{gap:5px;align-items:start}#main.is-sideboarding .sideboard-heading>div:first-child{flex:1}#main.is-sideboarding .sideboard-heading p{font-size:12px;line-height:1.4}}

/* Sidebar content keeps its intrinsic height; only the chat history contracts. */
#main.duel-workspace .duel-social>header,#main.duel-workspace .duel-social>[data-player-context],#main.duel-workspace .duel-social>.duel-options{flex:0 0 auto;height:auto;min-height:0}
#main.duel-workspace .duel-social>.duel-chat-panel{flex:1 0 220px;height:auto;min-height:220px}
@media(min-width:851px){#main.duel-workspace .duel-social>[data-player-context]{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}}
@media(min-width:1450px){#header .header-actions .appearance-link,#header .header-actions .report-bug-link{display:inline-flex}}

.forecast-history{margin-bottom:12px}.forecast-history>summary{cursor:pointer;padding:10px 14px;font-size:12px;font-weight:600}.forecast-history>.panel-body{padding:12px}.forecast-history .stats-shared{margin:0}.coach-results-grid>.coach-detail{margin:0 0 12px}.coach-card-results>summary{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-weight:600}.forecast-method{margin-top:10px;font-size:12px}.forecast-method>summary{cursor:pointer;color:var(--muted)}#stats-content .coach-settings .coach-help{font-size:12px;line-height:1.5;margin:0}#stats-content .coach-leading .panel-body{padding:12px 16px}#stats-content .coach-leading .panel-head{padding:12px 16px}#stats-content .coach-settings .panel-body{gap:10px}#stats-content .coach-settings>summary{padding:10px 14px}#stats-content .coach-settings .panel-head{display:none}

.coach-comparison-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}#stats-content .coach-settings input,#stats-content .coach-settings select{height:36px;min-height:36px;padding:5px 8px;font-size:12px}#stats-content .coach-settings label{font-size:12px;line-height:1.4;gap:5px}#stats-content .coach-settings .panel-body{gap:8px}#stats-content .coach-settings #coach-run{min-height:38px;padding:6px 12px}.coach-settings .history-weighting p{margin:0}.coach-settings .player-selection{font-size:12px;min-height:16px}.coach-settings .coach-comparison-settings .history-weighting{display:block}.coach-settings .coach-comparison-settings select{max-width:100%;width:100%}
