.duel-page{gap:.75rem;margin-inline:calc(-1*max(0px,min(15rem,50vw - 550px - 1.5rem)))}.duel-heading h1{margin:0}.duel{height:calc(100dvh - var(--masthead-h,5.5rem) - 1.25rem);grid-template:"zoom board side"minmax(0,1fr)/clamp(14rem,16vw,21rem) minmax(0,1fr) clamp(16rem,16vw,21rem);gap:1rem;min-height:34rem;display:grid}.duel-board{grid-area:board}.duel-zoom{grid-area:zoom}.duel-side{grid-area:side}@media (max-width:1180px){.duel{grid-template:"zoom board""side board"minmax(0,1fr)/13rem minmax(0,1fr)}}@media (max-width:760px){.duel{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"board""zoom""side";height:auto;min-height:0}}.duel-board{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);grid-template-columns:6.75rem minmax(0,1fr);gap:.75rem;min-width:0;min-height:0;padding:.75rem;display:grid}.duel-rail{flex-direction:column;justify-content:space-between;gap:.6rem;min-height:0;display:flex;position:relative}.duel-field{flex-direction:column;justify-content:space-between;gap:.6rem;min-width:0;min-height:0;display:flex;position:relative;container-type:size}.duel-field>*{--gap:.35rem;--zone:max(2.4rem, min(calc((100cqi - 6 * var(--gap)) / 7), calc((100cqh - 5.4rem) / 7.2), 9rem))}@media (max-width:760px){.duel-board{grid-template-columns:minmax(0,1fr)}.duel-rail{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;display:grid}.duel-field{justify-content:flex-start;container-type:inline-size}.duel-field>*{--zone:max(2.4rem, min(calc((100cqi - 6 * var(--gap)) / 7), 6rem))}}.duel-mat{grid-template-columns:repeat(7, var(--zone));grid-auto-rows:var(--zone);gap:var(--gap);justify-content:center;display:grid}.duel-zone{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--sunken);place-items:center;min-width:0;display:grid;position:relative}.duel-zone[data-seat="0"]{background:color-mix(in srgb, var(--brand) 6%, var(--sunken))}.duel-zone[data-kind=monster],.duel-zone[data-kind=emz]{border-color:var(--border-strong)}.duel-zone[data-kind=emz]{border-style:dashed}.duel-gap{min-width:0}.duel-zone-empty{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);opacity:.8;text-align:center;font-size:.62rem;line-height:1.1}.duel-turn{text-align:center;place-items:center;display:grid}.duel-turn-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:600}.duel-card{all:unset;box-sizing:border-box;height:var(--card-h,var(--zone));aspect-ratio:59/86;cursor:pointer;border-radius:4px;transition:transform .14s ease-out;display:block;position:relative}div.duel-card{cursor:default}.duel-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.duel-card[data-position=defense]{transform:rotate(90deg)}.duel-card-body{background:var(--border);width:100%;height:100%;box-shadow:0 1px 4px color-mix(in srgb, var(--scrim) 35%, transparent);border-radius:4px;display:block;overflow:hidden}.duel-face{object-fit:cover;width:100%;height:100%;display:block}.duel-card[data-set] .duel-face{opacity:.55;filter:saturate(.4)}.duel-back{box-sizing:border-box;border:2px solid color-mix(in srgb, var(--brand) 55%, var(--border));background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--brand) 22%, var(--raised)), var(--raised) 72%);width:100%;height:100%;color:var(--brand);border-radius:4px;place-items:center;display:grid}.duel-back svg{width:55%;height:auto}.duel-badge,.duel-stats,.duel-count{font-variant-numeric:tabular-nums;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);border:1px solid var(--border-strong);white-space:nowrap;pointer-events:none;padding:.15rem .3rem;font-size:.62rem;font-weight:600;line-height:1;position:absolute}.duel-badge-set{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);text-transform:uppercase;letter-spacing:.05em;top:50%;left:50%;transform:translate(-50%,-50%)}.duel-card[data-position=defense] .duel-badge-set{transform:translate(-50%,-50%)rotate(-90deg)}.duel-badge-materials{top:-.35rem;right:-.35rem}.duel-badge-scale{bottom:.15rem;left:.15rem}.duel-stats{bottom:-.3rem;left:50%;transform:translate(-50%)}.duel-card[data-position=defense] .duel-stats{bottom:40%;left:95%;transform:translate(-50%)rotate(-90deg)}.duel-stats-def{color:var(--muted)}@container (max-width:560px){.duel-stats-def{display:none}.duel-badge,.duel-stats,.duel-count{padding:.1rem .2rem;font-size:.55rem}.duel-plate{min-width:0;padding:.35rem .5rem}.duel-lp{font-size:1.05rem}.duel-hand-row{gap:.4rem}}.duel-count{bottom:.15rem;right:.15rem}.duel-pile .duel-card{--card-h:calc(var(--zone) - .2rem)}.duel-hand-row{justify-content:center;min-width:0;display:flex}.duel-plate{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--raised);flex-direction:column;flex:none;gap:.1rem;min-width:0;padding:.45rem .6rem;display:flex}.duel-plate[data-active]{border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.duel-plate-who{color:var(--muted);font-size:.75rem}.duel-lp{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.duel-lp-label{color:var(--muted);margin-right:.3rem;font-size:.7rem;font-weight:600}.duel-plate-hand{font-size:.72rem}.duel-hand{--hand-pad-top:.55rem;--hand-pad-bottom:.35rem;padding:var(--hand-pad-top) .2rem var(--hand-pad-bottom);min-height:calc(var(--card-h) + var(--hand-pad-top) + var(--hand-pad-bottom));flex:0 auto;gap:.35rem;min-width:0;margin:0;list-style:none;display:flex;overflow-x:auto}.duel-hand-row[data-seat="0"] .duel-hand{--card-h:calc(var(--zone) * 1.5);--hand-pad-bottom:1.3rem}.duel-hand-row[data-seat="1"] .duel-hand{--card-h:calc(var(--zone) * .7)}.duel-caption{text-align:center;color:var(--text);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:.68rem;line-height:1.2;position:absolute;top:calc(100% + .2rem);left:0;right:0;overflow:hidden}@media (hover:hover){.duel-hand-row[data-seat="0"] .duel-card:hover{transform:translateY(-.4rem)}}@media (prefers-reduced-motion:reduce){.duel-card{transition:none}.duel-hand-row[data-seat="0"] .duel-card:hover{transform:none}}.duel-side{flex-direction:column;gap:.75rem;min-width:0;min-height:0;display:flex;overflow-y:auto}.duel-side>*{flex:none}.duel-panel,.duel-zoom{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);flex-direction:column;gap:.5rem;min-width:0;padding:.75rem;display:flex}.duel-panel-title{color:var(--muted);letter-spacing:.01em;margin:0;font-size:.8rem;font-weight:600}.duel-quiet{margin:0;font-size:.85rem}.duel-phasebar{flex-direction:column;flex:0 auto;justify-content:safe center;gap:.4rem;min-height:0;display:flex;overflow-y:auto}.duel-phasebar-turn{text-align:center;flex-direction:column;margin:0;font-size:.75rem;font-weight:600;line-height:1.3;display:flex}.duel-phasebar-turn>span+span{min-height:2.6em}.duel-phases{grid-template-columns:minmax(0,1fr);gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.duel-phases li{text-align:center;border-radius:var(--radius-control);color:var(--muted);border:1px solid #0000;font-size:.75rem;font-weight:600}.duel-phases li>span,.duel-phase-move{padding:.32rem .2rem;display:block}.duel-phases li[aria-current]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.duel-phase-move{all:unset;box-sizing:border-box;border-radius:var(--radius-control);width:100%;color:var(--text);background:var(--raised);box-shadow:inset 0 0 0 2px var(--brand), 0 0 .6rem color-mix(in srgb, var(--brand) 45%, transparent);cursor:pointer;padding:.32rem .2rem;display:block}.duel-phase-move:after{content:" →";color:var(--brand)}.duel-phase-move:hover{background:color-mix(in srgb, var(--brand) 16%, var(--raised))}.duel-phase-move:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.duel-phasebar-extras{gap:.4rem;display:grid}.duel-phasebar-extra{padding:.3rem .4rem;font-size:.75rem}.duel-phasebar-extra[data-held]{visibility:hidden}.duel-phasebar-error{inset-inline:0;z-index:2;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);margin:0;padding:.3rem .4rem;font-size:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.duel-chain{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.duel-chain-link{all:unset;box-sizing:border-box;border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-control);background:var(--raised);cursor:pointer;align-items:center;gap:.55rem;width:100%;padding:.4rem .5rem;display:flex}.duel-chain li[data-seat="0"] .duel-chain-link{border-left-color:var(--brand)}.duel-chain-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.duel-chain-number{border-radius:var(--radius-pill);background:var(--sunken);border:1px solid var(--border-strong);font-variant-numeric:tabular-nums;flex:none;place-items:center;width:1.4rem;height:1.4rem;font-size:.75rem;font-weight:700;display:grid}.duel-chain-text{flex-direction:column;min-width:0;font-size:.8rem;line-height:1.3;display:flex}.duel-chain-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.duel-side>.duel-log-panel{flex:1 1 0;min-height:8rem}@media (max-width:760px){.duel-log-panel{max-height:20rem}}.duel-log{flex:auto;min-height:0;margin:0;padding:0;font-size:.8rem;line-height:1.45;list-style:none;overflow-y:auto}.duel-log li{border-left:2px solid var(--border);padding:.1rem 0 .1rem .5rem}.duel-log li[data-seat="0"]{border-left-color:var(--brand)}.duel-log li[data-new-turn]:before{content:"Turn " attr(data-new-turn);color:var(--muted);margin:.4rem 0 .15rem -.5rem;font-size:.7rem;font-weight:600;display:block}.duel-log li[data-new-turn]:first-child:before{margin-top:0}.duel-log-card{color:inherit;font:inherit;text-align:inherit;text-underline-offset:2px;cursor:zoom-in;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline}.duel-log-card:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.duel-zoom{min-height:0;overflow:hidden}.duel-zoom-face{background:var(--border);border-radius:8px;flex:none;max-width:100%;display:block;overflow:hidden}@media (max-width:1180px) and (min-width:761px){.duel-zoom-face{max-width:8rem}}.duel-zoom-face img{width:100%;height:auto;display:block}.duel-zoom-text{flex:auto;min-height:3rem;overflow-y:auto}.duel-plays-as{border-left:3px solid var(--border-strong);border-radius:var(--radius-control);background:var(--sunken);flex-direction:column;flex:none;gap:.25rem;padding:.45rem .55rem;font-size:.8rem;line-height:1.35;display:flex}.duel-plays-as p{margin:0}.duel-plays-as-head{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.duel-plays-as-source{font-size:.75rem}.duel-pile-dialog{width:min(52rem,100vw - 2rem)}.duel-pile-list{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.75rem;max-height:60vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.duel-pile-list li{--card-h:7.5rem;flex-direction:column;align-items:center;gap:.3rem;display:flex}.duel-pile-name{text-align:center;font-size:.72rem;line-height:1.25}.duel-credits{margin:0;font-size:.75rem}.duel-setup-page{align-items:center}.duel-setup-heading{text-align:center;width:min(100%,64rem)}.duel-setup-heading .subtitle{margin-inline:auto}.duel-setup{flex-direction:column;gap:1.1rem;width:min(100%,64rem);display:flex}.duel-step{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);flex-direction:column;gap:.75rem;min-width:0;margin:0;padding:1rem 1.15rem 1.15rem;display:flex}.duel-step[data-invalid],.duel-first[data-invalid],.duel-simulate-only[data-invalid]{border-color:var(--danger)}.duel-step-title{float:left;width:100%;margin:0;padding:0;font-size:.95rem;font-weight:650}.duel-step-title+*{clear:both}.duel-field-error{color:var(--danger);margin:0;font-size:.85rem;font-weight:500}.duel-setup-list{margin:.25rem 0 0;padding-left:1.1rem;font-size:.85rem}.duel-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.duel-mode{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--raised);cursor:pointer;flex-direction:column;gap:.2rem;min-width:0;padding:.75rem .85rem;display:flex;position:relative}.duel-mode .muted{font-size:.8rem;line-height:1.35}.duel-mode input,.duel-segment input,.duel-deck-tile input{opacity:0;pointer-events:none;position:absolute}.duel-mode:hover,.duel-segment:hover,.duel-deck-tile:hover{border-color:var(--border-strong)}:is(.duel-mode:has(input:checked),.duel-segment:has(input:checked),.duel-deck-tile:has(input:checked)){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:color-mix(in srgb, var(--brand) 14%, var(--raised))}.duel-segment:has(input:checked){color:var(--text);font-weight:650}:is(.duel-mode:has(input:focus-visible),.duel-segment:has(input:focus-visible),.duel-deck-tile:has(input:focus-visible)){outline:2px solid var(--brand);outline-offset:2px}.duel-matchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:1rem;display:grid;position:relative}.duel-matchup-side{flex-direction:column;gap:.35rem;min-width:0;display:flex}.duel-matchup-role{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.duel-vs{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-self:center;margin-top:1.2rem;font-size:1.1rem;font-weight:750}.duel-deck-face{align-items:center;gap:.85rem;min-width:0;display:flex}.duel-deck-art{aspect-ratio:1;border-radius:var(--radius-control);background:var(--sunken);flex:none;width:5.5rem;position:relative;overflow:hidden}.duel-deck-art img{object-fit:cover;object-position:center 28%}.duel-deck-art img.uncropped{object-position:center 18%}.duel-deck-lines{flex-direction:column;gap:.15rem;min-width:0;display:flex}.duel-deck-lines strong{overflow-wrap:anywhere}.duel-deck-lines .muted{font-size:.8rem;line-height:1.35}.duel-deck-warn{font-size:.8rem;font-weight:600}.duel-matchup-card,.duel-picker-summary{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--raised);align-items:center;min-height:6.9rem;padding:.6rem;display:flex}.duel-picker-summary{cursor:pointer;justify-content:space-between;gap:.75rem;list-style:none}.duel-picker-summary::-webkit-details-marker{display:none}.duel-picker-summary:hover{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 8%, var(--raised))}.duel-picker-action{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--brand);flex:none;align-items:center;gap:.55rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.duel-picker-summary:hover .duel-picker-action,.duel-picker[open] .duel-picker-action{border-color:var(--brand)}.duel-picker-summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.duel-picker[open]>.duel-picker-summary{border-color:var(--brand)}.duel-picker:has(input:checked)>.duel-picker-summary{border-color:var(--brand)}.duel-picker[data-invalid]>.duel-picker-summary{border-color:var(--danger)}.duel-deck-face.is-empty .duel-deck-art{border:1px dashed var(--border-strong);background:0 0}.duel-picker-caret{border-bottom:2px solid;border-right:2px solid;flex:none;width:.45rem;height:.45rem;transform:rotate(45deg)translateY(-25%)}.duel-picker[open] .duel-picker-caret{transform:rotate(-135deg)translateY(-25%)}.duel-picker-panel{z-index:15;max-height:var(--picker-room,min(36rem, 70dvh));border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface);box-shadow:0 18px 48px -12px var(--scrim);flex-direction:column;gap:.75rem;padding:.9rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0;right:0}.duel-search{gap:.5rem;display:flex}.duel-search input{flex:14rem;min-width:0}.duel-picker-foot{justify-content:flex-end;padding-top:.25rem;display:flex}.duel-picker-loading{color:var(--brand);margin:.4rem 0 0;font-size:.9rem;font-weight:600}.duel-picker-loading:empty{display:none}.duel-setup[aria-busy=true]>:not(:has(.duel-picker-loading)){opacity:.55}.duel-setup[aria-busy=true] .duel-step:has(.duel-picker-loading)>:not(.duel-matchup){opacity:.55}.duel-setup[aria-busy=true] .duel-matchup>:not(:has(.duel-picker-loading)){opacity:.55}body:has(.duel-setup[aria-busy=true]){cursor:progress}.duel-picker-groups{flex-direction:column;gap:1rem;min-height:0;padding:.15rem;display:flex;overflow-y:auto}.duel-picker-group{flex-direction:column;gap:.4rem;display:flex}.duel-picker-group h3{margin:0;font-size:.85rem;font-weight:650}.duel-picker-group>p{margin:0;font-size:.8rem}.duel-deck-tiles{grid-template-columns:repeat(auto-fill,minmax(14.5rem,1fr));gap:.5rem;display:grid}.duel-deck-tile{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--raised);cursor:pointer;min-width:0;padding:.45rem;position:relative}.duel-deck-tile .duel-deck-face{gap:.65rem}.duel-deck-tile .duel-deck-art{width:3.6rem}.duel-deck-tile .duel-deck-lines strong{font-size:.875rem}.duel-deck-tile .duel-deck-note,.duel-goldfish-note,.duel-simulate-only,:is(.duel-setup:has(input[name=mode][value=goldfish]:checked) .duel-opponent,.duel-setup:has(input[name=mode][value=simulate]:checked) .duel-first){display:none}.duel-setup:has(input[name=mode][value=goldfish]:checked) .duel-goldfish-note{display:flex}.duel-setup:has(input[name=mode][value=simulate]:checked) .duel-simulate-only{display:grid}.duel-step-row{justify-content:center;gap:1rem;display:flex}.duel-first{border:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0;padding:0;display:flex}.duel-first legend{float:left;padding:0;font-size:.9rem;font-weight:600}.duel-segments{gap:.35rem;display:inline-flex}.duel-segment{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--raised);cursor:pointer;padding:.45rem .9rem;font-size:.875rem;font-weight:500;position:relative}.duel-simulate-only{grid-template-columns:auto 8rem;justify-content:center;align-items:center;gap:.35rem .75rem;max-width:40rem}.duel-simulate-only label{font-size:.9rem;font-weight:600}.duel-simulate-only>p{text-align:center;grid-column:1/-1;margin:0;font-size:.8rem}.duel-coverage{flex-direction:column;gap:.6rem;display:flex}.duel-gaps{flex-direction:column;gap:.45rem;display:flex}.duel-gaps p{margin:0}.duel-gaps{border-left-color:var(--border-strong)}.duel-gaps[data-invalid]{border-color:var(--danger)}.duel-gaps-which>summary{cursor:pointer;color:var(--brand);font-size:.85rem}.duel-gaps-which[open]{flex-direction:column;gap:.35rem;display:flex}.duel-setup-foot{min-height:3rem;position:relative}.duel-start{position:absolute;top:0;right:0}.duel-setup-details{min-width:0;font-size:.85rem}.duel-setup-details>summary{cursor:pointer;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-right:12rem;padding:.65rem .1rem;list-style:none;display:flex}.duel-setup-details>summary::-webkit-details-marker{display:none}.duel-setup-more{color:var(--brand);white-space:nowrap}.duel-setup-more:after{content:" ▸"}.duel-setup-details[open] .duel-setup-more:after{content:" ▾"}.duel-setup-details-body{flex-direction:column;gap:.65rem;padding:.25rem 0 .5rem;display:flex}.duel-setup-details-body p{margin:0}.duel-setup-errata{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:.75rem 1.5rem;display:grid}.duel-setup-period{flex-direction:column;gap:.35rem;display:flex}.duel-setup-period h3{margin:0;font-size:.85rem;font-weight:650}.duel-start{flex:none;min-width:10rem;padding-block:.7rem;font-size:1rem}.duel-period-list{flex-direction:column;gap:.25rem;margin:0;padding-left:1.1rem;font-size:.85rem;display:flex}.duel-gap-list{columns:2 16rem;margin:0;padding-left:1.1rem;font-size:.85rem}.duel-confirm{align-items:flex-start;gap:.5rem;font-weight:500;display:flex}.duel-confirm input{accent-color:var(--brand);margin-top:.2rem}@media (max-width:760px){.duel-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.duel-matchup{grid-template-columns:minmax(0,1fr)}.duel-vs{justify-self:center;margin:0}.duel-setup-foot{flex-direction:column-reverse;display:flex}.duel-start{position:static}.duel-setup-details>summary{margin-right:0}}.duel-room-head{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.6rem .85rem;font-size:.85rem;display:flex}.duel-room-sides{flex-wrap:wrap;gap:.25rem 1rem;min-width:0;display:flex}.duel-room-sides strong{font-weight:600}.duel-room-head[data-crashed]{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.duel-crashed{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.duel-crashed-actions{flex-wrap:wrap;gap:.5rem;display:inline-flex}.duel-crashed-line{margin:0;font-weight:600}.duel-ask-bar{z-index:31;border:1px solid var(--brand);border-radius:var(--radius-panel);background:var(--surface);max-width:min(40rem,100vw - 1rem);box-shadow:0 .5rem 1.5rem var(--scrim);visibility:hidden;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .75rem;padding:.4rem .6rem;display:flex;position:fixed;top:0;left:0}.duel-ask-bar .duel-hint-line{font-size:.85rem}.duel-hint-line{min-width:0;margin:0;font-size:.9rem}.duel-hint-line strong{font-weight:700}.duel-hint-actions{gap:.4rem;display:flex}.duel-hint-actions:empty{display:none}.duel-hint-list,.duel-reveal{z-index:30;border:1px solid var(--brand);border-radius:var(--radius-panel);background:var(--surface);width:min(20rem,100vw - 1rem);box-shadow:0 .75rem 2rem var(--scrim);white-space:normal;visibility:hidden;flex-direction:column;gap:.35rem;padding:.55rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.duel-hint-list-title,.duel-reveal-title{justify-content:space-between;align-items:baseline;gap:.75rem;margin:0;font-size:.82rem;font-weight:700;line-height:1.3;display:flex}.duel-hint-list-title .link-button{font-size:.78rem;font-weight:500}.duel-hint-grid{--tile-w:4.5rem;width:auto;max-width:calc(100vw - 1rem);overflow:hidden}.duel-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill, var(--tile-w));min-height:0;width:calc(var(--grid-cols,4) * var(--tile-w) + (var(--grid-cols,4) - 1) * .5rem + .85rem);flex:auto;gap:.65rem .5rem;max-width:100%;padding:.7rem .6rem .25rem .25rem;display:grid;overflow-y:auto}.duel-grid-tile{all:unset;box-sizing:border-box;width:var(--tile-w);cursor:pointer;flex-direction:column;align-items:center;gap:.2rem;display:flex}.duel-grid-face{aspect-ratio:59/86;border-radius:4px;width:100%;display:block;position:relative}.duel-grid-face img,.duel-grid-face .duel-back{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.duel-grid-tile:hover .duel-grid-face,.duel-grid-tile:focus-visible .duel-grid-face{box-shadow:0 0 0 2px var(--brand)}.duel-grid-tile[aria-pressed=true] .duel-grid-face{box-shadow:0 0 0 3px var(--brand), 0 0 0 6px color-mix(in srgb, var(--brand) 30%, transparent);transform:translateY(-.3rem)}.duel-grid-name,.duel-grid-note{-webkit-line-clamp:2;text-align:center;overflow-wrap:break-word;-webkit-box-orient:vertical;width:100%;font-size:.66rem;line-height:1.2;display:-webkit-box;overflow:hidden}.duel-grid-note{-webkit-line-clamp:1;font-size:.6rem}@media (prefers-reduced-motion:reduce){.duel-grid-tile[aria-pressed=true] .duel-grid-face{transform:none}}.duel-incomplete{font-weight:600}.duel-loading{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);flex-direction:column;gap:.6rem;max-width:34rem;padding:1rem 1.1rem;display:flex}.duel-loading p{margin:0}.duel-card[data-mark=target] .duel-card-body,.duel-zone[data-mark=target],.duel-pile[data-mark=target]{box-shadow:0 0 0 2px var(--brand)}.duel-card[data-mark=selected] .duel-card-body,.duel-zone[data-mark=selected]{box-shadow:0 0 0 3px var(--brand), 0 0 0 6px color-mix(in srgb, var(--brand) 30%, transparent)}.duel-card[data-mark=selected] .duel-card-body{transform:translateY(-.3rem)}.duel-badge-chosen{z-index:3;border-radius:var(--radius-pill);background:var(--brand);width:1.45rem;height:1.45rem;color:var(--brand-ink);box-shadow:0 0 0 2px var(--surface);pointer-events:none;place-items:center;font-size:.8rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-.55rem;right:-.45rem}.duel-zone[data-mark=selected] .duel-zone-pick{background:color-mix(in srgb, var(--brand) 22%, var(--raised))}@media (prefers-reduced-motion:reduce){.duel-card[data-mark=selected] .duel-card-body{transform:none}}.duel-zone-pick{all:unset;box-sizing:border-box;border:1px dashed var(--brand);border-radius:var(--radius-control);background:color-mix(in srgb, var(--brand) 12%, var(--sunken));width:100%;height:100%;color:var(--brand);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;place-items:center;font-size:.62rem;font-weight:600;display:grid}.duel-zone-pick:hover{background:color-mix(in srgb, var(--brand) 22%, var(--sunken))}.duel-zone-pick:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.duel-plainface{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--raised);width:100%;height:100%;color:var(--text);text-align:center;overflow-wrap:anywhere;border-radius:4px;place-items:center;padding:.2rem;font-size:.55rem;font-weight:600;line-height:1.15;display:grid;overflow:hidden}.duel-flags{pointer-events:none;flex-direction:column;align-items:flex-start;gap:.1rem;display:flex;position:absolute;top:.15rem;left:.15rem}.duel-flags .duel-flag{padding:.08rem .25rem;font-size:.52rem;position:static}.duel-card[data-position=defense] .duel-flags{transform-origin:0 0;top:100%;transform:rotate(-90deg)}.duel-asks{z-index:10;flex-direction:column;width:min(25rem,94%);max-height:92%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.duel-asks .duel-prompt{border-color:var(--brand);min-height:0;box-shadow:0 .75rem 2rem var(--scrim);flex:auto;overflow-y:auto}.duel-asks .duel-panel-title{padding-right:3.5rem}.duel-prompt-head{align-items:center;gap:.65rem;display:flex}.duel-prompt-words{flex-direction:column;gap:.15rem;min-width:0;display:flex}.duel-prompt-words>p{margin:0}.duel-prompt-thumb{all:unset;box-sizing:border-box;aspect-ratio:59/86;cursor:zoom-in;border-radius:3px;flex:none;width:2.75rem;overflow:hidden}.duel-prompt-thumb img{object-fit:cover;width:100%;height:100%;display:block}.duel-prompt-thumb:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.duel-asks-fold{all:unset;z-index:1;color:var(--brand);cursor:pointer;text-underline-offset:.15em;font-size:.75rem;font-weight:600;text-decoration:underline;position:absolute;top:.55rem;right:.65rem}.duel-asks-fold:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-control)}.duel-asks[data-folded]{top:0;transform:translate(-50%)}.duel-asks[data-folded] .duel-prompt>:not(.duel-panel-title){display:none}@media (max-width:760px){.duel-asks{order:-1;width:auto;max-height:none;position:static;transform:none}}.duel-prompt-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.duel-prompt-actions .button,.duel-prompt-actions .button-primary{padding:.3rem .65rem;font-size:.82rem}.duel-prompt-actions .button[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, var(--canvas));color:var(--text);box-shadow:inset 0 0 0 1px var(--brand)}.duel-prompt input[type=search]{box-sizing:border-box;width:100%}.duel-announce{max-height:14rem;overflow-y:auto}.duel-tiles{flex-direction:column;gap:.3rem;min-width:0;display:flex}.duel-tile{all:unset;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--raised);cursor:pointer;grid-template-columns:2.4rem minmax(0,1fr);align-items:center;gap:.55rem;width:100%;padding:.3rem .45rem .3rem .3rem;display:grid}.duel-tile:hover:not(:disabled){border-color:var(--border-strong)}.duel-tile:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.duel-tile[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, var(--raised));box-shadow:inset 3px 0 0 var(--brand)}.duel-tile:disabled{cursor:default;opacity:.55}.duel-tile-face{aspect-ratio:59/86;background:var(--border);border-radius:3px;width:2.4rem;display:block;overflow:hidden}.duel-tile-face img{object-fit:cover;width:100%;height:100%;display:block}.duel-tile-text{flex-direction:column;gap:.05rem;min-width:0;font-size:.8rem;line-height:1.3;display:flex}.duel-tile-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.duel-tile-text .muted{font-size:.74rem}.duel-sort{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.duel-sort li,.duel-counter-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;display:grid}.duel-sort .duel-prompt-actions,.duel-counter-row .duel-prompt-actions{flex-wrap:nowrap}.duel-counter-value{text-align:center;font-variant-numeric:tabular-nums;min-width:1.4rem;font-weight:700}.duel-status{gap:.45rem}.duel-status .duel-confirm{font-size:.8rem;font-weight:400;line-height:1.35}.duel-result{margin:0;font-size:.95rem;font-weight:700;line-height:1.35}.duel-speed{flex-wrap:wrap;align-items:center;gap:.25rem .45rem;font-size:.8rem;display:flex}.duel-speed select{text-overflow:ellipsis;min-width:0;max-width:100%}.duel-chain-mode{grid-template-columns:minmax(0,1fr);gap:.25rem;display:grid}.duel-chain-mode p{margin:0;font-size:.75rem;line-height:1.35}.duel-chain-mode[data-held] p{color:var(--brand);font-weight:600}.duel-speed input[type=range]{width:7rem;accent-color:var(--brand)}.duel-replay-file{flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.duel-replay-file input[type=file]{max-width:100%;font-size:.8rem}.duel-replay{border-bottom:1px solid var(--border);padding-bottom:.5rem}.duel-board{position:relative}.duel-motion{pointer-events:none;z-index:5;position:absolute;inset:0}.duel-banner-layer{pointer-events:none;z-index:7;position:absolute;inset:0}.duel-notes{pointer-events:none;z-index:4;position:absolute;inset:0}.duel-target-ring{box-sizing:border-box;border:2px solid var(--danger);box-shadow:0 0 0 2px var(--surface);border-radius:6px;position:absolute}.duel-target-label{border:1px solid var(--danger);border-radius:var(--radius-pill);background:var(--surface);color:var(--danger);white-space:nowrap;padding:0 .35rem;font-size:.62rem;font-weight:700;line-height:1.05rem;position:absolute;bottom:calc(100% - .45rem);left:50%;transform:translate(-50%)}.duel-target-arrows{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.duel-target-line{stroke:var(--danger);stroke-width:2.5px;stroke-dasharray:6 5;stroke-linecap:round;fill:none}.duel-target-head{fill:var(--danger)}.duel-declared{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding:.05rem .4rem;font-size:.62rem;font-weight:600;line-height:1.2;position:absolute;overflow:hidden;transform:translate(-50%,-55%)}.duel-reveal{--tile-w:4.75rem;z-index:31;width:auto;min-width:min(20rem,100vw - 1rem);max-width:calc(100vw - 1rem);overflow:hidden}.duel-reveal .duel-grid{align-self:center}.duel-reveal-group{flex-direction:column;gap:.35rem;display:flex}.duel-reveal-source{margin:0;font-size:.75rem}.duel-reveal-count{white-space:nowrap;font-size:.75rem;font-weight:500}.duel-reveal-foot{align-items:center;gap:.6rem;display:flex}.duel-reveal-timer{background:var(--border);border-radius:2px;flex:auto;height:3px;overflow:hidden}.duel-reveal-timer>span{background:var(--brand);transform-origin:0;height:100%;display:block}.duel-ghost{background:var(--sunken);box-shadow:0 .5rem 1.25rem var(--scrim);will-change:transform;border-radius:4px;position:absolute;overflow:hidden}.duel-ghost img{object-fit:cover;width:100%;height:100%;display:block}.duel-ghost .duel-back{width:100%;height:100%}.duel-chain-badge{z-index:3;border-radius:var(--radius-pill);background:var(--brand);min-width:1.35rem;height:1.35rem;color:var(--brand-ink);box-shadow:0 0 0 2px var(--surface);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;place-items:center;padding:0 .3rem;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:-.45rem;left:-.45rem}.duel-arrow{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.duel-arrow-line{stroke:var(--danger);stroke-width:4px;stroke-linecap:round;fill:none}.duel-arrow-head{fill:var(--danger)}.duel-grave-names{z-index:1;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.2rem;display:flex;position:absolute}.duel-grave-names[data-from=top]{flex-direction:column-reverse}.duel-grave-names[data-align=end]{align-items:flex-end}.duel-grave-name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;max-width:100%;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-control);box-shadow:0 .15rem .4rem color-mix(in srgb, var(--text) 18%, transparent);-webkit-box-orient:vertical;flex:none;padding:.2rem .5rem;font-size:.72rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.duel-grave-names[data-compact] .duel-grave-name{white-space:nowrap;text-overflow:ellipsis;padding:.1rem .35rem;font-size:.6875rem;line-height:1.15;display:block}.duel-grave-name[data-hidden],.duel-board[data-quiet-names~="0"] .duel-grave-names[data-seat="0"],.duel-board[data-quiet-names~="1"] .duel-grave-names[data-seat="1"]{visibility:hidden}.duel-pile[data-kind=banished] .duel-count{z-index:6}.duel-float{font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;color:var(--danger);text-shadow:0 0 .35rem var(--surface), 0 1px 0 var(--surface);font-size:1.5rem;font-weight:800;position:absolute}.duel-float[data-kind=heal]{color:var(--ok)}.duel-lp-value{font-variant-numeric:tabular-nums}.duel-banner{border-radius:var(--radius-pill);background:var(--brand);color:var(--brand-ink);box-shadow:0 .6rem 1.5rem var(--scrim);letter-spacing:-.01em;white-space:nowrap;padding:.55rem 1.4rem;font-size:1.35rem;font-weight:800;position:absolute;top:50%;left:50%}.duel-banner[data-seat="1"]{background:var(--raised);color:var(--text);border:1px solid var(--border-strong)}.duel-shortcuts-link{all:unset;box-sizing:border-box;color:var(--brand);cursor:pointer;text-underline-offset:.15em;align-self:flex-start;align-items:center;gap:.35rem;font-size:.8rem;text-decoration:underline;display:inline-flex}.duel-shortcuts-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-control)}.duel-room kbd,.duel-shortcuts kbd{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--raised);min-width:1.4em;color:var(--text);font:inherit;text-align:center;border-bottom-width:2px;padding:.05em .4em;font-size:.78em;font-weight:600;text-decoration:none;display:inline-block}.duel-shortcuts{width:min(30rem,100vw - 2rem)}.duel-shortcut-list{gap:.4rem;margin:0 0 1rem;display:grid}.duel-shortcut-list>div{grid-template-columns:4.5rem minmax(0,1fr);align-items:baseline;gap:.75rem;display:grid}.duel-shortcut-list dt,.duel-shortcut-list dd{margin:0}.duel-hover{display:none}@media (hover:hover) and (pointer:fine) and (max-width:1180px){.duel-hover{z-index:40;border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface);width:17rem;max-height:calc(100dvh - 1rem);box-shadow:0 .75rem 2rem var(--scrim);pointer-events:none;visibility:hidden;opacity:0;flex-direction:column;gap:.45rem;padding:.75rem;animation:.12s ease-out .15s forwards duel-hover-in;display:flex;position:fixed;top:0;left:0;overflow:hidden}.duel-hover .duel-zoom-face{max-width:none}.duel-hover .card-preview-text{max-height:14rem;overflow:hidden}}@keyframes duel-hover-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.duel-hover{animation-duration:0s}}.duel-card[data-actions] .duel-card-body{box-shadow:0 0 0 2px var(--brand), 0 0 .75rem .1rem color-mix(in srgb, var(--brand) 55%, transparent)}.duel-card[data-actions][aria-expanded=true] .duel-card-body{box-shadow:0 0 0 3px var(--brand), 0 0 0 6px color-mix(in srgb, var(--brand) 30%, transparent)}.duel-menu{z-index:45;border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface);width:max-content;min-width:10rem;max-width:18rem;max-height:min(70dvh,30rem);box-shadow:0 .75rem 2rem var(--scrim);visibility:hidden;flex-direction:column;gap:.35rem;padding:.55rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.duel-menu-title{margin:0;font-size:.82rem;font-weight:700;line-height:1.3}.duel-menu-group{flex-direction:column;gap:.3rem;display:flex}.duel-menu-group+.duel-menu-group{border-top:1px solid var(--border);padding-top:.4rem}.duel-menu-group[data-card]{grid-template-columns:3.25rem minmax(0,1fr);align-items:start;gap:.55rem;display:grid}.duel-menu-thumb{aspect-ratio:59/86;background:var(--raised);width:3.25rem;box-shadow:inset 0 0 0 1px var(--border-strong);border-radius:3px;display:block;overflow:hidden}.duel-menu-thumb img{object-fit:cover;width:100%;height:100%;display:block}.duel-menu-body{flex-direction:column;gap:.3rem;min-width:0;display:flex}.duel-menu-name{flex-direction:column;min-width:0;font-size:.78rem;line-height:1.25;display:flex}.duel-menu-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.duel-menu-text{max-height:7.5rem;color:var(--muted);white-space:pre-line;margin:0;font-size:.72rem;line-height:1.4;overflow-y:auto}.duel-menu-item{all:unset;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--raised);cursor:pointer;width:100%;padding:.4rem .6rem;font-size:.82rem;font-weight:600;display:block}.duel-menu-item:hover,.duel-menu-item:focus-visible{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, var(--raised))}.duel-menu-item:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.duel-menu-quiet{color:var(--muted);font-weight:500}.duel-menu[data-grid]{--tile-w:4.75rem;max-width:calc(100vw - 1rem);max-height:min(85dvh,40rem)}.duel-menu-grid{grid-template-columns:repeat(auto-fill, var(--tile-w));width:calc(var(--grid-cols,4) * var(--tile-w) + (var(--grid-cols,4) - 1) * .5rem);gap:.6rem .5rem;max-width:100%;display:grid}.duel-menu[data-grid] .duel-menu-group[data-card]{border-top:0;flex-direction:column;gap:.3rem;padding-top:0;display:flex}.duel-menu[data-grid] .duel-menu-thumb{width:100%}.duel-menu[data-grid] .duel-menu-name{text-align:center;font-size:.7rem}.duel-menu[data-grid] .duel-menu-name strong{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.duel-menu[data-grid] .duel-menu-item{text-align:center;padding:.3rem .25rem;font-size:.72rem;line-height:1.2}.duel-menu[data-grid] .duel-menu-group[data-text]{grid-column:span 2;grid-template-columns:var(--tile-w) minmax(0, 1fr);align-items:start;column-gap:.5rem;display:grid}.duel-menu[data-grid] .duel-menu-group[data-text] .duel-menu-text{grid-column:1/-1}.duel-room:not([data-armed]) :is(.duel-asks .duel-prompt,.duel-menu,.duel-phase-move,.duel-hint-actions,.duel-hint-list){opacity:.55;cursor:progress}.duel-room:not([data-armed]) :is(.duel-asks .duel-prompt,.duel-menu,.duel-hint-actions,.duel-hint-list) button,.duel-room:not([data-armed]) :is(.duel-card[data-actions],.duel-card[data-mark],.duel-zone-pick){cursor:progress}.duel-room[data-armed] :is(.duel-asks .duel-prompt,.duel-menu,.duel-phase-move,.duel-hint-actions,.duel-hint-list){transition:opacity .15s ease-out}@media (prefers-reduced-motion:reduce){.duel-room[data-armed] :is(.duel-asks .duel-prompt,.duel-menu,.duel-phase-move,.duel-hint-actions,.duel-hint-list){transition:none}}@media (max-height:760px){.duel-phasebar{gap:.25rem}.duel-phases{gap:.15rem}.duel-phases li>span,.duel-phase-move,.duel-phasebar-extra{padding-block:.18rem}}@media (max-height:700px){.duel-rail{gap:.4rem}.duel-phases li>span,.duel-phase-move,.duel-phasebar-extra{padding-block:.12rem;line-height:1.25}}@media (min-width:1024px) and (min-height:640px){html:has(.duel-room[data-table]){overflow:hidden}.duel-room[data-table]{inset:var(--masthead-h,3.5rem) 0 0 0;z-index:15;background:var(--canvas);flex-direction:column;padding:.5rem 1rem .75rem;display:flex;position:fixed;gap:.5rem!important}.duel-room[data-table]>.duel{flex:auto;height:auto;min-height:0}.duel-room[data-table] .duel-room-head{flex-wrap:nowrap;padding:.35rem .75rem}.duel-room[data-table] .duel-room-sides{white-space:nowrap;flex-wrap:nowrap;flex:auto;overflow:hidden}.duel-room[data-table] :is(.duel-room-sides>span,.duel-hint-line){text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.duel-room[data-table] :is(.duel-hint-actions,.duel-room-head>.button){flex:none}}
.arcade-back,.duel-lp-bar,.duel-lp-flash,.duel-result-banner{display:none}[data-look=arcade] :is(.duel-plate,.duel-zone,.duel-chain li,.duel-banner,.duel-result-lp>div)[data-seat="0"]{--seat:var(--brand);--seat-ink:var(--brand-ink)}[data-look=arcade] :is(.duel-plate,.duel-zone,.duel-chain li,.duel-banner,.duel-result-lp>div)[data-seat="1"]{--seat:var(--rival);--seat-ink:var(--rival-ink)}[data-look=arcade] .duel-board{background-color:var(--sunken)}[data-look=arcade] .duel-panel-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text);align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;display:flex}[data-look=arcade] .duel-panel-title:before{content:"";background:var(--brand);flex:none;width:.55rem;height:.55rem}[data-look=arcade] .duel-room-head{font-family:var(--font-display);letter-spacing:.02em;font-weight:600}[data-look=arcade] .duel-zone{border-color:color-mix(in srgb, var(--border) 70%, transparent);background:var(--canvas)}[data-look=arcade] .duel-zone[data-seat="0"]{background:color-mix(in srgb, var(--brand) 7%, var(--canvas))}[data-look=arcade] .duel-zone[data-seat="1"]{background:color-mix(in srgb, var(--rival) 5%, var(--canvas))}[data-look=arcade] .duel-zone[data-kind=emz]{border-style:dashed;border-color:var(--border-strong);background:var(--sunken)}[data-look=arcade] .duel-zone-empty{font-family:var(--font-display);letter-spacing:.1em;font-weight:600}[data-look=arcade] .duel-turn-number{font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;text-transform:uppercase;color:var(--text);background:var(--raised);border:2px solid var(--border-strong);padding:.2rem .4rem;font-size:.72rem;font-weight:700}[data-look=arcade] :is(.duel-card,.duel-card-body,.duel-back,.duel-grid-face,.duel-grid-face img,.duel-tile-face,.duel-menu-thumb,.duel-ghost){border-radius:var(--radius-card)}[data-look=arcade] .duel-card-body{box-shadow:2px 2px 0 var(--hud-shadow)}[data-look=arcade] :is(.duel-badge,.duel-stats,.duel-count,.duel-chain-badge){font-family:var(--font-display);background:var(--canvas);border-width:2px;font-weight:700}[data-look=arcade] .duel-badge-set,[data-look=arcade] .duel-chain-badge{background:var(--brand);color:var(--brand-ink)}[data-look=arcade] .duel-back{background:var(--raised);border:0}[data-look=arcade] .duel-back>.logo{display:none}[data-look=arcade] .duel-back>.arcade-back{width:100%;height:100%;display:block}.arcade-back .ab-ink,.arcade-back .ab-gem{fill:var(--canvas)}.arcade-back .ab-plate{fill:var(--raised)}.arcade-back .ab-stripe{fill:var(--surface)}.arcade-back .ab-edge{fill:none;stroke:var(--brand);stroke-width:6px}.arcade-back .ab-bracket,.arcade-back .ab-front{fill:var(--brand)}.arcade-back .ab-gem{stroke:var(--brand);stroke-width:10px}.arcade-back .ab-gem-in{fill:none;stroke:var(--border-strong);stroke-width:3px}.arcade-back .ab-behind{fill:none;stroke:var(--brand);stroke-width:1.4px}.arcade-back .ab-foil{fill:var(--gold)}[data-look=arcade] .duel-plate{border:2px solid var(--border-strong);background:var(--canvas);box-shadow:3px 3px 0 var(--hud-shadow);gap:.3rem;position:relative}[data-look=arcade] .duel-plate[data-active]{border-color:var(--seat);box-shadow:3px 3px 0 var(--hud-shadow), inset 0 3px 0 var(--seat)}[data-look=arcade] .duel-plate-who{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--seat-ink);background:var(--seat);align-self:flex-start;padding:.1rem .4rem;font-size:.68rem;font-weight:700}[data-look=arcade] .duel-lp{font-family:var(--font-display);letter-spacing:0;align-items:baseline;font-size:1.45rem;line-height:1;display:flex}[data-look=arcade] .duel-lp-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--seat)}[data-look=arcade] .duel-plate-hand{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600}[data-look=arcade] .duel-lp-bar{background:var(--sunken);border:2px solid var(--border-strong);height:.7rem;display:block;position:relative;overflow:hidden}[data-look=arcade] .duel-lp-bar>i{transform-origin:0;position:absolute;inset:0}[data-look=arcade] .duel-lp-lag{background:var(--danger);transform:scaleX(var(--lp))}[data-look=arcade] .duel-lp-fill{background:var(--seat);transform:scaleX(var(--lp))}[data-look=arcade] .duel-lp-bar:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 2px), var(--canvas) calc(12.5% - 2px) 12.5%);position:absolute;inset:0}[data-look=arcade] .duel-plate[data-low] .duel-lp-fill{background:var(--danger);animation:1.1s steps(2,jump-none) infinite arcade-low}[data-look=arcade] .duel-lp-flash{background:var(--text);pointer-events:none;display:block;position:absolute;inset:0}[data-look=arcade] .duel-float{font-family:var(--font-display);text-shadow:3px 3px 0 var(--hud-shadow);font-size:2rem;font-weight:700}@keyframes arcade-low{0%{opacity:1}to{opacity:.55}}[data-look=arcade] .duel-phasebar-turn{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase}[data-look=arcade] .duel-phasebar-turn>span:first-child{font-size:1rem;font-weight:700}[data-look=arcade] .duel-phases{gap:3px}[data-look=arcade] .duel-phases li{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:var(--sunken);border:2px solid var(--border);font-size:.72rem;font-weight:700}[data-look=arcade] .duel-phases li[aria-current]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);clip-path:polygon(0 0,calc(100% - .5rem) 0,100% 50%,calc(100% - .5rem) 100%,0 100%)}[data-look=arcade] .duel-phase-move{background:var(--raised);box-shadow:inset 0 0 0 2px var(--brand)}[data-look=arcade] .duel-phase-move:hover{background:color-mix(in srgb, var(--brand) 22%, var(--raised))}[data-look=arcade] .button.duel-phasebar-extra{letter-spacing:.02em;white-space:normal;padding-inline:.3rem;font-size:.7rem}[data-look=arcade] .duel-chain{gap:4px}[data-look=arcade] .duel-chain-link{border:2px solid color-mix(in srgb, var(--seat) 55%, var(--border));background:var(--canvas);padding:.3rem .5rem .3rem .3rem}[data-look=arcade] .duel-chain-number{width:1.9rem;height:1.9rem;font-family:var(--font-display);background:var(--seat);color:var(--seat-ink);clip-path:polygon(.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%,0 .35rem);border:0;font-size:1.05rem}[data-look=arcade] .duel-log li{border-left:3px solid var(--rival);margin-bottom:2px;padding-left:.55rem}[data-look=arcade] .duel-log li[data-seat="0"]{border-left-color:var(--brand)}[data-look=arcade] .duel-log li:not([data-seat]){border-left-color:var(--border-strong)}[data-look=arcade] .duel-log li[data-new-turn]:before{content:"TURN " attr(data-new-turn);width:fit-content;font-family:var(--font-display);letter-spacing:.14em;color:var(--text);background:var(--raised);border-bottom:2px solid var(--border-strong);margin-left:-.55rem;padding:.1rem .45rem;font-weight:700}[data-look=arcade] .duel-banner{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:var(--seat);color:var(--seat-ink);box-shadow:none;clip-path:polygon(1.5rem 0,100% 0,calc(100% - 1.5rem) 100%,0 100%);border:0;border-radius:0;padding:.6rem 3rem;font-size:2.4rem;font-weight:700}[data-look=arcade] .duel-banner>span{animation:1.1s cubic-bezier(.2,.9,.1,1) both arcade-banner-words;display:inline-block}@keyframes arcade-banner-words{0%,12%{opacity:0;transform:translate(-2rem)}30%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}[data-look=arcade] :is(.duel-menu,.duel-hint-list,.duel-reveal,.duel-ask-bar,.duel-asks .duel-prompt){border:2px solid var(--brand);box-shadow:6px 6px 0 var(--hud-shadow)}[data-look=arcade] :is(.duel-menu-title,.duel-hint-list-title,.duel-reveal-title){font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}[data-look=arcade] .duel-menu-item{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-width:2px;font-weight:700}[data-look=arcade] :is(.duel-menu-item:hover,.duel-menu-item:focus-visible){background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}[data-look=arcade] :is(.duel-grid-face,.duel-menu[data-grid] .duel-menu-thumb){box-shadow:3px 3px 0 var(--hud-shadow)}[data-look=arcade] :is(.duel-grid-tile:hover,.duel-grid-tile:focus-visible) .duel-grid-face{box-shadow:0 0 0 3px var(--brand), 3px 3px 0 var(--hud-shadow)}[data-look=arcade] .duel-grid-tile[aria-pressed=true] .duel-grid-face{box-shadow:0 0 0 3px var(--brand), 5px 5px 0 var(--hud-shadow)}[data-look=arcade] .duel-tile{border-width:2px}[data-look=arcade] .duel-reveal-timer>span{background:var(--brand)}[data-look=arcade] .duel-result-banner{z-index:8;background:color-mix(in srgb, var(--canvas) 72%, transparent);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}[data-look=arcade] .duel-result-card{--cut:18px;background:var(--surface);border-top:6px solid var(--border-strong);min-width:min(28rem,90%);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));flex-direction:column;align-items:center;gap:.45rem;padding:1.4rem 2rem 1.5rem;animation:.52s cubic-bezier(.2,.9,.1,1) both arcade-slam;display:flex}[data-look=arcade] .duel-result-banner p{margin:0}[data-look=arcade] .duel-result-kicker{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:700}[data-look=arcade] .duel-result-word{font-family:var(--font-display);letter-spacing:.05em;text-align:center;text-transform:uppercase;text-shadow:4px 4px 0 var(--hud-shadow);font-size:clamp(2.4rem,5vw,4.2rem);font-weight:700;line-height:.95}[data-look=arcade] .duel-result-banner[data-outcome=win] .duel-result-card{border-top-color:var(--gold)}[data-look=arcade] .duel-result-banner[data-outcome=win] .duel-result-word{color:var(--gold)}[data-look=arcade] .duel-result-banner[data-outcome=lose] .duel-result-card{border-top-color:var(--danger)}[data-look=arcade] .duel-result-banner[data-outcome=lose] .duel-result-word{color:var(--danger)}[data-look=arcade] .duel-result-why{color:var(--muted)}[data-look=arcade] .duel-result-lp{grid-template-columns:1fr 1fr;gap:.6rem;width:100%;margin:.5rem 0 0;display:grid}[data-look=arcade] .duel-result-lp>div{background:var(--canvas);border:2px solid var(--border-strong);border-left:6px solid var(--seat);padding:.45rem .7rem}[data-look=arcade] .duel-result-lp dt{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:700}[data-look=arcade] .duel-result-lp dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:700}@keyframes arcade-slam{0%{opacity:0;transform:scale(1.25)}60%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}[data-look=arcade] :is(.duel-mode strong,.duel-step-title,.duel-matchup-role,.duel-first legend,.duel-vs){font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}[data-look=arcade] :is(.duel-mode,.duel-segment,.duel-deck-tile,.duel-picker-summary){border-width:2px}[data-look=arcade] :is(.duel-mode,.duel-segment,.duel-deck-tile):has(input:checked){box-shadow:inset 0 0 0 2px var(--brand), 4px 4px 0 var(--hud-shadow)}[data-look=arcade] .duel-vs{font-weight:700}[data-look=arcade] :is(.duel-sim-head,.duel-sim-block h3){font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em}[data-look=arcade] .duel-bar-fill{border-radius:0}@media (prefers-reduced-motion:reduce){[data-look=arcade] :is(.duel-banner>span,.duel-result-card,.duel-plate[data-low] .duel-lp-fill){animation:none}}
.duel-sim{flex-direction:column;gap:1rem;min-width:0;display:flex}.duel-sim-head{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);flex-direction:column;gap:.35rem;padding:.9rem 1.1rem;display:flex}.duel-sim-head p{margin:0}.duel-sim-note{border:1px solid var(--border-strong);border-radius:var(--radius-control,6px);padding:.5rem .75rem;font-weight:550}.duel-sim-tiles .stat-label{overflow-wrap:anywhere}.duel-sim-legend{color:var(--muted);flex-wrap:wrap;gap:.4rem 1.25rem;margin:0;font-size:.85rem;display:flex}.duel-sim-legend i{vertical-align:-.05rem;width:1.1rem;height:.7rem;margin-right:.3rem;display:inline-block}.duel-bar{vertical-align:middle;background:var(--canvas);border-radius:2px;flex:none;width:7rem;max-width:100%;height:.6rem;margin-right:.5rem;display:inline-block;overflow:hidden}.duel-bar-fill{background:var(--brand);border-radius:2px;min-width:0;height:100%;display:block}.duel-bar-fill[data-side=opponent]{background:repeating-linear-gradient(45deg, var(--muted) 0 2px, transparent 2px 5px)}.duel-sim-grid{grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));align-items:start;gap:.75rem;display:grid}.duel-sim-grid-3{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.duel-sim-block{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);flex-direction:column;gap:.5rem;min-width:0;padding:.9rem 1.1rem;display:flex;container-type:inline-size}.duel-sim-block h3{margin:0;font-size:1rem}.duel-sim-block h4{color:var(--muted);margin:.4rem 0 0;font-size:.85rem;font-weight:600}.duel-sim-lead,.duel-sim-footnote{margin:0;font-size:.85rem}.duel-sim-lines{flex-direction:column;gap:.3rem;margin:.25rem 0 0;padding-left:1.1rem;font-size:.9rem;display:flex}.duel-sim-bars{border-collapse:collapse;width:100%;font-size:.85rem}.duel-sim-bars th{text-align:left;padding:.2rem .5rem .2rem 0;font-weight:500}.duel-sim-bars td{white-space:nowrap;padding:.2rem .5rem .2rem 0}.duel-sim-bars th{overflow-wrap:anywhere}.duel-sim-bars .duel-bar{width:clamp(2rem,30%,7rem)}.duel-sim-bars-compact .duel-bar{width:clamp(3rem,45%,10rem)}@container (max-width:30rem){.duel-sim-bars .duel-bar{width:100%;margin:0 0 .15rem;display:block}.duel-sim-bars td{white-space:normal;vertical-align:top}}.duel-sim-grid-table{border-collapse:collapse;caption-side:bottom;font-size:.85rem}.duel-sim-grid-table th,.duel-sim-grid-table td{border:1px solid var(--border);text-align:right;padding:.25rem .6rem}.duel-sim-grid-table thead th:first-child{text-align:left;font-weight:400}.duel-sim-grid-table tbody th{font-weight:500}.duel-sim-grid-table caption{text-align:left;padding-top:.3rem}.duel-chart{border-bottom:1px solid var(--border-strong);align-items:stretch;gap:2px;height:9rem;padding-top:.25rem;display:flex}.duel-chart-short{height:5.5rem}.duel-chart-col{flex-direction:column;flex:1 1 0;justify-content:flex-end;min-width:0;display:flex}.duel-chart-bars{flex:auto;justify-content:center;align-items:flex-end;gap:2px;min-height:0;display:flex}.duel-chart-bars .duel-bar-fill{border-radius:2px 2px 0 0;flex:1 1 0;max-width:1.1rem}.duel-chart-x{text-align:center;font-variant-numeric:tabular-nums;font-size:.7rem;line-height:1.3;display:block}.duel-sim-table summary,.duel-sim-more summary{cursor:pointer;color:var(--brand);font-size:.85rem}.duel-sim-table table{border-collapse:collapse;margin-top:.4rem;font-size:.85rem}.duel-sim-table th,.duel-sim-table td{text-align:left;padding:.15rem .6rem .15rem 0}.duel-sim-hist+.duel-sim-hist{margin-top:.5rem}.duel-sim-cards{flex-direction:column;gap:.3rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.duel-sim-cards li{grid-template-columns:1.6rem minmax(0,1fr) 5rem auto;grid-template-areas:"thumb name bar figure""thumb detail detail detail";align-items:center;column-gap:.5rem;display:grid}.duel-sim-cards li>:first-child{grid-area:thumb}.duel-sim-cards .duel-sim-card-name{grid-area:name}.duel-sim-cards .duel-bar{grid-area:bar;width:100%;margin:0}.duel-sim-cards .num{grid-area:figure}.duel-sim-cards .duel-sim-detail{grid-area:detail;font-size:.78rem}.duel-sim-thumb{aspect-ratio:1;object-fit:cover;vertical-align:middle;border-radius:3px;width:1.6rem;height:auto;display:inline-block}.duel-sim-thumb-blank{background:var(--canvas);border:1px solid var(--border)}.duel-sim-card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.duel-sim-activations{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.85rem}.duel-sim-activations thead .num{width:5.5rem}.duel-sim-activations th{text-align:left;padding:.2rem .5rem .2rem 0;font-weight:500}.duel-sim-activations thead th{color:var(--muted);font-size:.78rem}.duel-sim-activations td{padding:.2rem 0 .2rem .5rem}.duel-sim-activations tbody th{align-items:center;gap:.5rem;min-width:0;display:flex}.duel-sim-more{margin-top:.3rem}