/* YugiDuels: one editorial sans family, one monospaced data family. */
:root{--card-back-fill:repeating-radial-gradient(ellipse at 50% 50%,#244557 0,#244557 4px,#102634 5px,#183646 9px);--card-back-edge:#8faab5;--card-back-ink:#d2e2e7}
body,button,input,select,textarea,h1,h2,h3,h4,p,summary{font-family:var(--font-body)}
.mono,.metric strong,.lp strong,.stat,.phase,.kbd,kbd,code,pre,.source-status,.duel-hand-label,.deck-zone-head,.chart-row strong,.tag{font-family:var(--font-data);font-variant-numeric:tabular-nums}
#header .brand .wordmark,#header .brand .wordmark>span{font:750 25px/1 var(--font-body);letter-spacing:-1.1px}
#header .brand .wordmark>span{color:var(--accent)}
#header .brand-tagline{font:500 9px/1.3 var(--font-body);letter-spacing:0;white-space:normal;max-width:205px}
.format-selector{display:grid;gap:2px;font-size:9px;letter-spacing:.6px;text-transform:uppercase;flex:none}
.format-selector select{width:auto;min-width:18ch;max-width:none;font:500 12px/1.3 var(--font-body);padding:5px 24px 5px 7px;min-height:32px}
#header .masthead{gap:15px}#header .grouped-nav{gap:17px}#header .nav-group+.nav-group{padding-left:17px}#header .nav-group-links{gap:6px}#header .nav-group-links a{padding-inline:9px}
button.primary{color:#fff}
.card-back,.duel-center .card-back,.duel-card-back,.duel-activation-back,.duel-motion-card.card-back{background:var(--card-back-fill)!important;color:var(--card-back-ink);border:2px solid var(--card-back-edge)!important;box-sizing:border-box;border-radius:4px}
.duel-center .custom-sleeve{background:#142c3c!important}.duel-card-back:has(img),.duel-activation-back:has(img){background:#142c3c!important}
.duel-center .face-down-tile{border:1px solid var(--card-back-edge)!important;border-radius:4px;overflow:visible}
.duel-center .face-down-tile>.card-back{border:1px solid var(--card-back-edge)!important}
.card-tile,.browser-card{perspective:900px;isolation:isolate}
.card-tile>img,.browser-card>img{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:center;transition:transform .12s ease-out;will-change:auto;backface-visibility:hidden}
.card-feel-active>img{will-change:transform;filter:none!important}
.card-feel-active:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%),#ffffff32,transparent 65%);z-index:4}
.inspector-card-image{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s}
.duel-card-turn,.duel-activation-turn{transform-style:preserve-3d}
.duel-card-face,.duel-card-back,.duel-activation-face,.duel-activation-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.duel-card-face,.duel-activation-face{transform:rotateY(0deg) translateZ(.1px)}
.duel-card-back,.duel-activation-back{transform:rotateY(180deg) translateZ(.1px)}
.builder-layout{grid-template-columns:minmax(195px,235px) minmax(0,1fr) minmax(270px,320px);grid-template-rows:minmax(0,1fr) minmax(210px,46%);column-gap:10px;row-gap:10px}
.builder-inspector{grid-column:1;grid-row:1;min-height:0;overflow:auto;scrollbar-width:thin;padding:12px}
.builder-controls{grid-column:1;grid-row:2;overflow:auto}.builder-control-scroll{gap:9px}
.builder-deck{grid-column:2;grid-row:1/3}.builder-library{grid-column:3;grid-row:1/3}
.builder-inspector .inspector-heading{display:flex;flex-direction:column;gap:8px;padding:0;align-items:start}
.builder-inspector .inspector-heading>div:first-child{align-self:center}.builder-inspector img{width:clamp(96px,8vw,138px);aspect-ratio:.685;height:auto;object-fit:contain;box-shadow:0 8px 18px var(--shadow);border-radius:5px}
.builder-inspector h2{font-size:17px;line-height:1.2;margin:4px 0}.builder-inspector .inspector-metadata{font-size:11px;line-height:1.5}.builder-inspector .inspector-copy{padding:0}.builder-inspector .inspector-copy p{font-size:12px;line-height:1.6;margin:9px 0}.builder-inspector .inspector-stats{font-size:12px;display:flex;gap:14px}
.builder-deck #deck-zones{grid-template-rows:minmax(0,1fr) minmax(84px,18%) minmax(120px,23%);gap:0}
.builder-deck .deck-zone{gap:4px;padding:6px 9px}.builder-deck .deck-zone-head{font-size:11px;min-height:22px}
.builder-deck .deck-grid{gap:3px;align-content:start;justify-content:center}
.builder-deck .deck-zone[data-drop-zone=side]{min-height:0;border-top:1px solid var(--line)}
.builder-fusion-row{position:relative;min-height:0;min-width:0;border-top:1px solid var(--line);overflow:hidden}
.builder-fusion-row>.deck-zone{height:100%;padding-top:5px}
.fusion-slider-controls{position:absolute;z-index:8;right:64px;top:2px;display:flex;gap:4px}
.fusion-slider-controls button{min-height:23px;height:23px;min-width:26px;padding:0 7px;font-size:20px}
.builder-fusion-track{display:flex;gap:0;align-items:start;overflow-x:auto;overflow-y:hidden;min-width:0;min-height:0;flex:1;height:100%;padding:7px 4px 5px;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior:contain;touch-action:pan-x}
.builder-deck .builder-fusion-track .builder-card{height:calc(100% - 3px);width:auto;aspect-ratio:.685;flex:0 0 auto;margin-right:-14px;scroll-snap-align:start}
.builder-deck .builder-fusion-track .builder-card:last-child{margin-right:0}.builder-deck .builder-fusion-track .card-tile{width:100%;height:100%;max-height:100%;aspect-ratio:.685}
.builder-deck .builder-fusion-track .builder-card:hover{z-index:6}.builder-deck .builder-fusion-track .builder-card-tools{z-index:7}
.league-status{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 18px;margin-bottom:18px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:7px;background:var(--surface)}
.league-status strong{display:block}.league-status p{margin:3px 0 0;font-size:13px}.league-status .row{flex-wrap:wrap}
.analytics-chart{margin:0;padding:16px;min-width:0}.analytics-chart svg{display:block;width:100%;max-height:230px;overflow:visible}.analytics-chart text{fill:var(--muted);font:10px var(--font-data)}.analytics-chart figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px}.analytics-chart .chart-grid{stroke:var(--line)}.analytics-chart .chart-line{fill:none;stroke:var(--accent);stroke-width:2.5}.analytics-chart .chart-dot{fill:var(--surface);stroke:var(--accent);stroke-width:2}.analytics-chart .chart-bar{fill:var(--accent)}
.replay-workspace .arena-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,22%) minmax(230px,20%);gap:12px;height:var(--replay-table-height);min-height:0}
.replay-workspace .duel-center{min-height:0;height:100%}.replay-workspace .duel-board{height:100%;max-width:1050px;margin:auto;width:100%}
.replay-inspector-log{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-height:0}.replay-inspector-log>section{min-height:0;overflow:auto}.replay-inspector-log .event-log{height:100%;min-height:0;overflow:auto}.replay-inspector-log [data-replay-inspector]{padding:12px}.replay-inspector-log .inspector-heading{padding:0}.replay-inspector-log .inspector-heading img{max-width:100%;max-height:160px;object-fit:contain}.replay-inspector-log .inspector-copy{padding:6px 0}.replay-inspector-log p{font-size:12px;line-height:1.6}.replay-chat-column{display:flex;flex-direction:column;min-height:0}.replay-chat-column .event-log{height:auto;flex:1;min-height:0;overflow:auto}
.replay-controls{flex-wrap:wrap;gap:8px;padding:10px;margin-bottom:10px}.replay-controls label.check{display:flex;gap:6px;align-items:center;font-size:12px;flex-direction:row}.replay-controls button{min-height:36px;font-size:12px}
@media(min-width:1100px) and (min-height:620px){.builder-layout{height:auto;max-height:none;flex:1}.builder-deck .deck-zone[data-drop-zone=main]{min-height:0}}
@media(max-width:1250px){#header .nav-group-links a{padding-inline:7px}#header .brand-tagline{max-width:165px}.format-selector select{font-size:11px;min-width:17ch}.builder-layout{grid-template-columns:200px minmax(0,1fr) 265px}}
@media(max-width:1099px),(max-height:619px){.builder-layout{grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto auto auto;height:auto}.builder-inspector{grid-column:1;grid-row:1}.builder-controls{grid-column:1;grid-row:2}.builder-deck{grid-column:2;grid-row:1/3}.builder-library{grid-column:1/-1;grid-row:3}.builder-deck #deck-zones{grid-template-rows:auto auto 180px}.builder-deck .deck-zone[data-drop-zone=main]{min-height:390px}.replay-workspace .arena-layout{height:auto;grid-template-columns:1fr 260px}.replay-chat-column{grid-column:1/-1;height:240px}.replay-workspace .duel-center{height:680px}.replay-inspector-log{height:680px}}
@media(max-width:740px){.format-selector>span{display:none}.format-selector select{min-width:0;width:86px;font-size:10px}.builder-layout{display:flex;flex-direction:column}.builder-inspector{max-height:320px}.builder-inspector .inspector-heading{display:grid;grid-template-columns:95px 1fr}.builder-deck{min-height:740px}.builder-controls{max-height:none}.builder-library{max-height:850px}.replay-workspace .arena-layout{display:flex;flex-direction:column}.replay-inspector-log{height:400px;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.replay-workspace .duel-center{height:640px}.replay-chat-column{height:250px}}
@media(prefers-reduced-motion:reduce){.card-tile>img,.browser-card>img,.inspector-card-image{transform:none!important;transition:none!important}.card-feel-active:after{display:none}}

@media(max-width:1099px),(max-height:619px){body:has(#main.replay-workspace){height:auto;overflow:auto}.builder-deck .builder-fusion-track .builder-card-tools{position:absolute;bottom:1px;left:1px;right:1px;margin:0;width:auto}.builder-deck .builder-fusion-track .builder-card>.card-tile{height:100%}}

.replay-workspace .duel-center .hand.replay-visible-hand{height:95px;flex-basis:95px;min-height:95px;padding:5px 10px}.replay-workspace .duel-center .hand.replay-visible-hand .hand-card{height:82px;width:56px;flex-basis:56px}