/* 0.21: clear interface typography, aligned data, and stable card geometry. */
:root{--font-body:'Libre Franklin',system-ui,-apple-system,'Segoe UI',sans-serif;--font-display:var(--font-body);--font-data:'JetBrains Mono',ui-monospace,monospace;--font-mono:var(--font-data);--inspector-width:clamp(240px,18vw,300px)}
body{font-family:var(--font-body);font-size:14px;line-height:1.5}button,input,select,textarea,summary{font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-body);letter-spacing:-.025em}p{line-height:1.6}button{font-weight:500}.mono,.metric strong,.duel-player-numbers strong,.stat,.tag,.eyebrow{font-family:var(--font-data);font-variant-numeric:tabular-nums}.wordmark{font-family:var(--font-body)!important;font-weight:600!important}#header .brand .wordmark,#header .brand .wordmark>span{letter-spacing:-.65px!important}
input,select,textarea{min-width:0}select{field-sizing:content;min-width:max-content}label:has(select){min-width:0}select option{font:inherit}.filters>label{flex-basis:200px}.filters select,.form-grid select{width:100%;max-width:100%;min-width:0}button{white-space:normal;overflow-wrap:normal}.table-wrap{max-width:100%;min-width:0}th,td{line-height:1.45}.gameplay-label{font-size:13px;line-height:1.4}.inspector-heading h2{font-family:var(--font-body);font-size:17px!important;line-height:1.3!important}.inspector-copy>p{font-size:14px!important;line-height:1.55!important}.inspector-copy{padding:12px 14px!important}.inspector-copy>p{margin:0 0 12px!important}.inspector-heading{padding:12px!important}.inspector-metadata{line-height:1.45!important}.card-inspector{scrollbar-gutter:auto}
#main.duel-workspace .duel-reference{grid-template-rows:minmax(420px,64%) minmax(0,1fr);height:100%;gap:8px}
#main.duel-workspace .duel-studio{grid-template-columns:var(--inspector-width) minmax(0,1fr) clamp(280px,22vw,340px)}
#main.duel-workspace .duel-social .duel-quick-actions{display:flex;flex-wrap:wrap!important;width:100%;gap:5px}
#main.duel-workspace .duel-social .duel-quick-actions button{flex:1 0 auto;white-space:nowrap;min-width:max-content;padding:6px 8px}
#main.duel-workspace .duel-room-header>.tag{white-space:normal}.duel-social [data-judge-tools]{color:var(--muted)}
#main .duel-field-heading .duel-table-tools button{flex:1 0 auto;white-space:nowrap;min-width:max-content;padding:5px 7px;line-height:1.3}
#main .duel-field-heading .duel-player-card{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:7px}.duel-player-numbers{gap:8px}.duel-player-numbers strong{letter-spacing:-.6px}.duel-table-tools [data-request-undo]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent)}.duel-table-tools [data-request-pause]{background:var(--surface-alt)}
#main .duel-center>.table-status-strip:empty{display:none}#main .table-status-strip>[data-window-status]:empty{display:none}#main .table-status-strip{min-height:0}
/* The field and the hand use one measured card height, including Solo's two hands. */
#main.duel-workspace:not(.is-sideboarding) [data-duel-board]{--duel-card-height:76px;--opponent-hand-height:32px;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--opponent-hand-height) minmax(0,1fr) auto minmax(0,1fr) 20px calc(var(--duel-card-height) + 8px)!important;gap:5px;padding:6px 8px;align-content:stretch;flex:1 1 0!important;min-height:0;overflow:hidden}
#main.duel-workspace [data-duel-board]>.field-half{min-height:0;height:100%;padding:0;gap:5px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,.74fr) repeat(5,minmax(0,1fr)) minmax(0,.74fr)}
#main.duel-workspace [data-duel-board] .field-cell{--physical-card-height:var(--duel-card-height)!important}
#main.duel-workspace [data-duel-board] .pile-tabs-cell{--physical-card-height:min(var(--duel-card-height),calc(100cqh - 22px))!important}
#main.duel-workspace [data-duel-board]>.hand{min-height:0!important;height:100%!important;align-items:center;justify-content:center;padding:0!important;margin:0!important;overflow:visible;gap:2px}
#main.duel-workspace [data-duel-board]>.hand:not(.opponent) .hand-card,#main.duel-workspace [data-duel-board]>.hand.replay-visible-hand .hand-card{width:calc(var(--duel-card-height)*.685)!important;height:var(--duel-card-height)!important;flex:0 0 calc(var(--duel-card-height)*.685)!important;max-height:none;aspect-ratio:.685}
#main.duel-workspace [data-duel-board]>.hand:not(.opponent) .hand-card>.card-tile,#main.duel-workspace [data-duel-board]>.hand.replay-visible-hand .hand-card>.card-tile{width:100%!important;height:100%!important;min-height:0;max-width:none;aspect-ratio:.685}
#main.duel-workspace [data-duel-board]>.hand.opponent:not(.replay-visible-hand) .hand-card{height:calc(var(--opponent-hand-height) - 4px)!important;width:calc((var(--opponent-hand-height) - 4px)*.685)!important;flex:0 0 auto!important}
#main.duel-workspace [data-duel-board]>.hand.opponent:not(.replay-visible-hand) .card-tile{width:100%!important;height:100%!important}
#main.duel-workspace .hand-shuffle{align-self:center!important;flex:0 0 auto!important;min-width:62px;width:auto;min-height:40px!important;margin:0 0 0 8px!important;padding:5px 8px!important;line-height:1.2;gap:3px}
#main .duel-middle{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.duel-middle .phase-bar{flex:none}.duel-middle [data-manual-toolbar]:empty{display:none}.duel-hand-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.duel-chain-preference{max-width:330px;text-align:left;font-size:12px;line-height:1.35}.duel-chain-preference[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}
#main .duel-field-pass{position:absolute;bottom:12px;right:9px;z-index:8;min-height:40px;padding:6px 10px;font-size:13px;font-weight:600;max-width:22%;background:var(--accent);color:var(--on-accent,#081521);border-color:var(--accent)}
#main .duel-field-pass[hidden]{display:none!important}.duel-board{position:relative}.duel-action .action-label{overflow-wrap:anywhere}.duel-action .action-location{font-family:var(--font-data);font-size:11px!important}.selected-card-list button{white-space:normal}
/* Manual commands stay in the phase band and complete menus open in one layer. */
#main.manual-table .manual-table-tools{padding:5px;border:0;border-radius:0;background:var(--surface-alt);gap:3px}.manual-primary-tools{justify-content:center;gap:5px}.manual-result-tools{display:flex;justify-content:center;gap:6px}.manual-result-tools button{min-height:24px;font-size:11px;background:none;border-color:transparent;padding:2px 5px}#main .manual-table-tools .manual-primary-tools button{min-height:32px;white-space:nowrap}#main .manual-lp-form{flex-wrap:nowrap;align-items:center}#main .manual-lp-form input{width:8ch;min-width:8ch;font-family:var(--font-data);font-size:13px}.manual-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(440px,calc(100vw - 16px));max-width:440px;gap:4px;align-content:start}.manual-card-actions>button{min-height:30px;padding:5px 8px;font-size:12px}.manual-card-actions .card-action-form{width:auto;min-width:0;padding:5px;border-top:1px solid var(--line)}.manual-card-actions .card-action-form strong{font-size:12px}.manual-card-actions .card-action-form input{min-height:30px;font-size:13px;padding:4px 6px}.manual-card-actions .card-action-form label{font-size:12px}.manual-card-actions .card-action-form>button{min-height:30px}.effect-coin{border:3px solid #b2872b;background:radial-gradient(circle at 30% 25%,#fff1a6,#ce9c35);color:#4c370c;box-shadow:inset 0 0 0 4px #ecc761,0 5px 12px #0003;font-family:var(--font-body)!important;font-size:32px;font-weight:700}.effect-die{background:#f6f8ff;color:#182038;border-radius:12px;box-shadow:0 5px 12px #0004}
/* Sideboard transfer is the whole card. Size all rows before reserving Side space. */
#main.is-sideboarding .sideboard-view-controls{align-items:center;gap:8px;margin:0}.sideboard-view-controls label{display:flex!important;align-items:center;gap:6px;white-space:nowrap}.sideboard-view-controls select{min-width:100px!important;width:auto}.sideboard-view-controls button{white-space:nowrap}#main.is-sideboarding .sideboard-heading{min-width:0}.sideboard-heading h2{margin:0!important}
#main.duel-workspace.is-sideboarding .sideboard-card{display:block!important;position:relative;padding:0!important;min-width:0;min-height:0;line-height:0;border:0;border-radius:4px;background:transparent;cursor:pointer;overflow:hidden}.sideboard-card>img{display:block;width:100%;height:100%;object-fit:contain}.sideboard-card>.sideboard-transfer{display:flex!important;align-items:center;justify-content:center;pointer-events:none;opacity:.85;line-height:1}.sideboard-card:hover,.sideboard-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sideboard-card:disabled{opacity:.7;cursor:default}
/* Leaderboard widths belong to its panel; long names and deck labels wrap. */
.rank-scroll{width:100%;min-width:0;max-width:100%;overflow:auto}.rank-scroll .table-wrap{min-width:0;width:100%;max-width:100%;overflow:auto}.rank-scroll table{min-width:0!important;width:100%!important;table-layout:fixed}.rank-scroll th,.rank-scroll td{min-width:0!important;max-width:none;white-space:normal!important;overflow-wrap:anywhere;font-size:13px;padding:10px 8px;vertical-align:top}.rank-scroll th:first-child{width:5%}.rank-scroll th:nth-child(2){width:16%}.rank-scroll th:nth-child(3){width:11%}.rank-scroll th:nth-child(4){width:5%}.rank-scroll th:nth-child(5){width:7%}.rank-scroll th:nth-child(6){width:10%}.rank-scroll th:nth-child(7){width:8%}.rank-scroll th:nth-child(8){width:18%}.rank-scroll th:nth-child(9){width:20%}.rank-scroll .link-button{white-space:normal;text-align:left;padding:0;min-height:24px;font-size:14px}
/* Metagame on the left; two readable timelines on the right. */
.stats-overview-toolbar{display:flex;align-items:center;gap:16px;margin:0 0 8px;flex-wrap:wrap}.stats-overview-toolbar>label{display:flex;align-items:center;gap:8px;font-size:13px}.stats-overview-toolbar select{min-width:170px}.stats-overview-toolbar>details{font-size:12px;max-width:80ch}.stats-overview-toolbar details[open]{flex-basis:100%}.stats-overview-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.4fr);gap:14px;min-width:0}.stats-overview-grid .overview-composition{min-width:0;display:flex}.stats-overview-grid .overview-composition>.panel{width:100%;margin:0}.stats-overview-grid .analytics-trends{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-width:0}.stats-overview-grid .panel-head{padding:8px 12px}.stats-overview-grid h2{font-size:15px}.stats-overview-grid .composition-chart{display:grid;grid-template-columns:1fr;gap:8px;padding:10px;margin:0}.stats-overview-grid .composition-chart>svg{width:100%;height:clamp(130px,18dvh,210px);margin:auto}.stats-overview-grid .composition-chart figcaption{max-width:none}.stats-overview-grid .composition-chart figcaption>strong{display:none}.stats-overview-grid .composition-chart ul{max-height:clamp(140px,22dvh,240px);margin:0;overflow:auto}.stats-overview-grid .composition-chart li{font-size:12px;padding:3px 0;grid-template-columns:9px minmax(0,1fr) 54px 40px;gap:6px}.stats-overview-grid .composition-chart li button{font-size:12px;min-height:24px;white-space:normal;text-align:left;padding:0}.stats-overview-grid .analytics-chart{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:4px 10px;padding:8px 10px;margin:0}.stats-overview-grid .analytics-chart>.chart-legend{grid-area:1/2/3/3;display:flex;flex-direction:column;align-items:stretch;gap:3px;overflow:auto;max-height:clamp(150px,20dvh,200px);padding:0}.stats-overview-grid .chart-legend button{min-height:24px;font:11px/1.3 var(--font-body);padding:3px 4px;white-space:normal;text-align:left}.stats-overview-grid .analytics-chart>svg{grid-area:1/1;width:100%;height:clamp(120px,16dvh,180px);min-height:0}.stats-overview-grid .analytics-chart>figcaption{display:none}.stats-overview-grid .chart-values{grid-area:2/1;font-size:11px}.stats-overview-grid .chart-values[open]{grid-column:1/-1}.stats-overview-grid .chart-readout{grid-column:1/-1;font-size:11px;line-height:1.35;min-height:16px;margin:0;padding:2px 0}.stats-overview-grid .composition-chart .chart-readout{display:none}
@media(max-width:1200px) and (min-width:851px){#main.duel-workspace .duel-studio{grid-template-columns:220px minmax(0,1fr) 270px;gap:6px}#main .duel-field-heading{grid-template-columns:1fr 1fr!important;gap:5px}#main .duel-field-heading .duel-player-card{grid-row:1;grid-column:1}#main .duel-field-heading .duel-player-card:last-child{grid-column:2}#main .duel-field-heading .duel-table-tools{grid-row:2;grid-column:1/-1}#main .duel-field-heading .duel-context-phase{grid-row:3}.duel-player-identity .avatar,.duel-player-identity small{display:none}.stats-overview-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}}
@media(max-height:760px) and (min-width:851px){#main.duel-workspace .duel-reference{grid-template-rows:minmax(0,75%) minmax(0,1fr)}.inspector-copy>p{font-size:13px!important;line-height:1.5!important}.stats-overview-grid .composition-chart>svg{height:140px}.stats-overview-grid .analytics-chart>svg{height:125px}.stats-overview-grid .chart-legend{max-height:145px!important}}
@media(max-width:850px){
 #main.duel-workspace .duel-studio{grid-template-columns:minmax(0,1fr)}#main.duel-workspace .duel-reference{grid-template-rows:minmax(400px,auto) minmax(240px,1fr)}#main.duel-workspace:not(.is-sideboarding) [data-duel-board]{padding:4px;gap:3px;grid-template-rows:var(--opponent-hand-height) minmax(0,1fr) auto minmax(0,1fr) 18px calc(var(--duel-card-height) + 8px)!important}
 #main.duel-workspace [data-duel-board]>.field-half{gap:3px}#main .field-slot>span:not(.stat){font-size:9px!important;line-height:1.1;white-space:nowrap}#main .pile>span:first-child{font-size:9px!important;padding:1px 2px;line-height:1.1}#main .field-slot .stat{font-size:8px!important;line-height:1.2}#main .pile-tabs button{font-size:9px!important;min-width:0;padding:1px 2px;gap:1px}#main .pile-tabs b{font-size:9px!important}#main .phase-bar .phase{font-size:10px!important;padding:2px 3px}#main .phase-bar>.tag{font-size:9px;padding:2px}#main .duel-hand-label{font-size:11px!important}#main .hand-shuffle{min-width:42px!important;width:42px!important;margin-left:4px!important;padding:3px!important;font-size:11px!important}#main .hand-shuffle span{font-size:10px;line-height:1.1}
 .duel-chain-preference{max-width:220px;font-size:11px;min-height:34px}.duel-hand-controls label{font-size:11px!important}.duel-hand-controls{align-items:center;gap:5px}#main .duel-field-pass{right:5px;bottom:7px;max-width:24%;min-height:34px;font-size:11px;padding:4px}#main .manual-table-tools .manual-primary-tools{gap:3px}#main .manual-table-tools .manual-primary-tools button{min-height:28px;font-size:11px;padding:4px}#main .manual-lp-form input{min-height:28px!important;font-size:13px!important}#main .manual-lp-form label{font-size:11px}#main.manual-table .duel-center>.duel-board{min-height:0!important}#main.manual-table .duel-center{overflow:hidden!important}
 .manual-card-actions{max-width:calc(100vw - 16px)}.manual-card-actions>button{min-height:36px}.manual-card-actions .card-action-form input{font-size:16px!important}
 #main.is-sideboarding .sideboard-view-controls{gap:5px}#main.is-sideboarding .sideboard-view-controls label{display:flex!important;font-size:11px}#main.is-sideboarding .sideboard-view-controls select{min-width:85px!important;width:85px;padding:4px 6px;font-size:12px!important}#main.is-sideboarding .sideboard-heading h2{font-size:16px!important}.sideboard-view-controls button{padding:5px 7px}
 .rank-scroll table{min-width:750px!important}.stats-overview-grid{grid-template-columns:1fr}.stats-overview-grid .composition-chart{grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr)}.stats-overview-grid .composition-chart>svg{height:160px}.stats-overview-grid .analytics-chart{grid-template-columns:minmax(0,1fr) 110px}.stats-overview-grid .analytics-chart>svg{height:160px}.stats-overview-grid .chart-legend{max-height:185px!important}.stats-overview-toolbar{gap:10px}.stats-overview-toolbar select{font-size:14px!important}
}
@media(max-width:440px){.stats-overview-grid .composition-chart{grid-template-columns:1fr}.stats-overview-grid .composition-chart>svg{height:150px}.stats-overview-grid .analytics-chart{grid-template-columns:minmax(0,1fr)}.stats-overview-grid .analytics-chart>.chart-legend{grid-area:2/1;flex-direction:row;max-height:58px!important;flex-wrap:wrap}.stats-overview-grid .chart-values{grid-area:3/1}.stats-overview-grid .chart-legend button{flex:0 0 auto}.stats-overview-grid .chart-readout{grid-row:4}}
/* Reserve text space before the secondary log; flex-basis from older layouts must not split this column in half. */
:root{--inspector-width:clamp(280px,20vw,320px)}
@media(min-width:851px){#main.duel-workspace .duel-reference{display:grid!important;grid-template-rows:minmax(0,1fr) 120px!important;overflow:hidden}#main.duel-workspace .duel-reference>.card-inspector{height:100%;max-height:none;min-height:0;flex:none}#main.duel-workspace .duel-reference>.duel-log{height:100%;min-height:0;flex:none}.duel-reference .inspector-heading{padding:8px!important}.duel-reference .inspector-copy{padding:10px 12px!important}.duel-reference .inspector-copy>p{font-size:13px!important;line-height:1.45!important}}
.effect-die{display:grid!important;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:12px}.effect-die .die-pip{display:block;border-radius:50%;background:currentColor;opacity:0;width:10px;height:10px;align-self:center;justify-self:center}.effect-die .die-pip.is-shown{opacity:1}
.sideboard-view-controls label{flex-direction:row!important}.stats-overview-toolbar>label{flex-direction:row!important}.stats-overview-grid .analytics-trends>.panel{margin:0}.stats-overview-grid .analytics-chart>.chart-legend{flex-wrap:nowrap!important;overflow-x:hidden;overflow-y:auto}.stats-overview-grid .chart-legend button{flex:none;font-size:12px}
.stats-filter-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.stats-filter-row>.stats-shared{flex:1 1 600px;min-width:0}.stats-filter-row>.rating-control{flex:0 1 325px;min-width:240px;margin:8px 0!important}.stats-filter-row>.rating-control[open]{flex-basis:100%}.stats-context-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stats-context-row>.stats-summary{flex:1 1 600px;min-width:0;display:flex;flex-wrap:wrap;margin:4px 0;padding:5px 10px!important}.stats-context-row>.stats-summary>details{flex-basis:auto;width:auto}.stats-context-row>.rating-explanation{flex:0 1 auto;font-size:12px}.stats-context-row:has(details[open]){align-items:start}.stats-context-row>.rating-explanation[open]{flex-basis:100%}
@media(min-width:851px){body[data-page=stats]:has(.stats-overview-grid) #main{padding:12px 24px 48px!important;max-width:1800px}body[data-page=stats]:has(.stats-overview-grid) .page-title{margin-bottom:4px!important}.stats-overview-grid .composition-chart ul{max-height:230px}.stats-overview-grid .analytics-chart>svg{height:145px}.stats-overview-grid .analytics-chart>.chart-legend{max-height:175px!important}.stats-overview-grid .chart-readout{min-height:0;margin:0;padding:0}.stats-overview-grid .analytics-chart{padding:5px 10px;gap:3px 10px}.stats-overview-grid .panel-head{padding:6px 12px}}
@media(max-width:850px){.stats-filter-row{gap:0}.stats-filter-row>.rating-control{flex-basis:100%;min-width:0}.stats-filter-row>.stats-shared{flex-basis:100%}.stats-context-row{gap:4px}.stats-context-row>.stats-summary{flex-basis:100%}.stats-context-row>.rating-explanation{flex-basis:100%}}

/* Dashboard charts share the available viewport instead of inheriting full-page chart heights. */
#main .stats-overview-grid .analytics-trends{margin:0!important;gap:10px}
#main .stats-overview-grid .panel-head{padding:6px 12px!important;min-height:0}
#main .stats-overview-grid .chart-readout{height:auto!important;min-height:0!important;max-height:3.6em;overflow:auto;font:11px/1.35 var(--font-data);padding:0!important;margin:0!important;background:transparent}
#main .stats-overview-grid .analytics-chart{grid-template-rows:minmax(0,1fr) auto auto;align-content:start}
#main .stats-overview-grid .chart-values{margin:0}
@media(min-width:851px){
 body[data-page=stats]:has(.stats-overview-grid) #main{padding-bottom:48px!important}
 body[data-page=stats]:has(.stats-overview-grid) .page-title{align-items:center;height:40px;margin:0 0 5px!important}
 body[data-page=stats]:has(.stats-overview-grid) .page-title h1{font-size:26px}
 body[data-page=stats]:has(.stats-overview-grid) .page-title p{display:none}
 #main:has(.stats-overview-grid) .stats-filter-row{align-items:center}
 #main:has(.stats-overview-grid) .stats-shared{margin:0}
 #main:has(.stats-overview-grid) .stats-shared label{gap:3px}
 #main:has(.stats-overview-grid) .rating-control{padding:7px 10px;margin:0!important}
 #main:has(.stats-overview-grid) .rating-control:not([open])>small{display:none}
 #main:has(.stats-overview-grid) .stats-context-row{margin:3px 0}
 #main:has(.stats-overview-grid) .rating-explanation{margin:4px 0}
 #main:has(.stats-overview-grid) .tabs{margin-bottom:6px;padding-bottom:5px}
 #main .stats-overview-grid .analytics-chart>svg{height:clamp(100px,calc((100dvh - 470px)/2),230px)!important}
 #main .stats-overview-grid .analytics-chart>.chart-legend{max-height:clamp(118px,calc((100dvh - 435px)/2),245px)!important;margin:0}
 #main .stats-overview-grid .composition-chart>svg{height:clamp(130px,calc((100dvh - 390px)/2),240px)!important}
 #main .stats-overview-grid .composition-chart ul{max-height:clamp(140px,calc((100dvh - 425px)/2),300px)!important}
}
@media(max-width:440px){#main .stats-overview-grid .analytics-chart>.chart-legend{flex-wrap:wrap!important;flex-direction:row;overflow-y:auto;max-height:62px!important}}

@media(min-width:851px){
 body[data-page=stats]:has(.stats-overview-grid){padding-bottom:0!important}
 body[data-page=stats]:has(.stats-overview-grid) #main{padding-bottom:38px!important}
 #main .stats-overview-grid .analytics-chart>svg{height:clamp(100px,calc((100dvh - 560px)/2),230px)!important}
 #main .stats-overview-grid .analytics-chart>.chart-legend{max-height:clamp(118px,calc((100dvh - 525px)/2),245px)!important}
 #main .stats-overview-grid .composition-chart>svg{height:clamp(130px,calc((100dvh - 500px)/2),240px)!important}
 #main .stats-overview-grid .composition-chart ul{max-height:clamp(140px,calc((100dvh - 490px)/2),300px)!important}
}

#main .stats-overview-grid svg.compact-trend text{font:13px var(--font-data)}

@media(max-width:850px){.duel-hand-controls{flex-wrap:nowrap}.duel-hand-controls>label{max-width:36%;white-space:normal;line-height:1.3}.duel-hand-controls>.duel-chain-preference{max-width:60%;margin-left:auto}.duel-hand-controls>label input{flex:none}}

#main.duel-workspace [data-duel-board]>.hand{overflow-x:auto!important;overflow-y:hidden!important;justify-content:safe center}
#main.duel-workspace [data-duel-board]>.hand .hand-card:hover>.card-tile,#main.duel-workspace [data-duel-board]>.hand .hand-card:focus-within>.card-tile{transform:translateY(-3px)}
#main.duel-workspace [data-duel-board]:has([data-field-pass])>.hand:not(.opponent){width:calc(100% - clamp(80px,22%,150px));justify-self:start}

@media(max-width:850px){
 body[data-page=stats] .stats-shared>label{flex:1 1 140px;min-width:140px}
 body[data-page=stats] .stats-shared>label:has([data-source]){flex-basis:100%}
 body[data-page=stats]:has(.stats-overview-grid) .page-title{display:flex;align-items:start;gap:12px;margin-bottom:10px}
 body[data-page=stats]:has(.stats-overview-grid) .page-title .title-actions{margin-top:0;flex:none}
 body[data-page=stats]:has(.stats-overview-grid) .page-title h1{font-size:26px}
}