@layer tokens,reset,primitives,shell,lobby,match;@font-face{font-family:DEC Terminal Modern;src:url(/assets/decterm-BF7_NMEY.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@layer tokens{:root{--card-enter-ms: .18s;--card-exit-ms: .2s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 2px;--rule: 1px;--ui-accent: #fad611;--ui-accent-dim: #d4b814;--ui-accent-bright: #fff1a0;--ui-accent-muted: #8a7414;--bg: #000000;--bg-panel: #000000;--bg-inset: #000000;--chassis: #000000;--bezel: #000000;--text: var(--ui-accent-bright);--text-dim: var(--ui-accent);--text-bright: #fff8c8;--border: var(--ui-accent-muted);--selection: var(--ui-accent-muted);--focus: var(--ui-accent-bright);--status-ok: var(--ui-accent-bright);--status-pending: var(--ui-accent);--status-critical: #ff6b5a;--status-special: #7ec8ff;--player-a: #fad611;--player-b: #5ec8c0;--font-mono: "DEC Terminal Modern", "IBM Plex Sans JP", "Noto Sans JP", ui-monospace, monospace;--font-sans: "DEC Terminal Modern", "IBM Plex Sans", "IBM Plex Sans JP", system-ui, sans-serif;--font-jp: "IBM Plex Sans JP", "Noto Sans JP", "DEC Terminal Modern", sans-serif;--transition: .12s ease}}@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-mono);font-size:18px;line-height:1.4;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--text);background:var(--bg);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}button,input,pre,code,textarea{font:inherit;color:inherit;letter-spacing:inherit;font-variant-numeric:inherit}}@layer primitives{button{cursor:pointer;background:transparent;border:var(--rule) solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-4);transition:background var(--transition),border-color var(--transition),color var(--transition)}button:hover:not(:disabled){border-color:var(--ui-accent);color:var(--text-bright)}button:disabled{opacity:.45;cursor:not-allowed}button.primary,button[data-variant=primary]{border-color:var(--ui-accent);color:var(--text-bright)}button.danger,button[data-variant=danger]{border-color:var(--status-critical);color:var(--status-critical)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);min-width:36px;min-height:36px;background:transparent}.icon-btn--labeled{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}input{background:var(--bg);border:var(--rule) solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);width:100%}input:focus,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.status-label{font-size:.8rem;letter-spacing:.08em;color:var(--text-dim)}.status-label[data-tone=ok]{color:var(--status-ok)}.status-label[data-tone=pending]{color:var(--status-pending)}.status-label[data-tone=critical]{color:var(--status-critical)}.panel{background:var(--bg);border:var(--rule) solid var(--border);border-radius:var(--radius);padding:var(--space-4);flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.panel h1,.panel h2{margin:0 0 var(--space-3);font-family:var(--font-mono);font-weight:400;letter-spacing:.06em;text-transform:uppercase}.panel p{margin:0 0 var(--space-3);color:var(--text-dim)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.field label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.slider{display:flex;flex-direction:column;gap:var(--space-2);width:100%;min-width:0}.slider--inline{flex-direction:row;align-items:center;gap:var(--space-3)}.slider--inline .slider__input{flex:1 1 auto;min-width:0}.slider--inline .slider__readout{flex:0 0 2.75rem;text-align:right}.slider__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.slider__label{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.slider__readout{font-size:.75rem;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--text-bright)}.slider__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;margin:0;padding:0;border:none;border-radius:0;background:var(--border);cursor:pointer}.slider__input:disabled{opacity:.45;cursor:not-allowed}.slider__input:focus{outline:none}.slider__input:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.slider__input::-webkit-slider-runnable-track{height:2px;background:var(--border)}.slider__input::-moz-range-track{height:2px;background:var(--border);border:none}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:18px;margin-top:-8px;border:var(--rule) solid var(--ui-accent);border-radius:1px;background:var(--ui-accent)}.slider__input::-moz-range-thumb{width:12px;height:18px;border:var(--rule) solid var(--ui-accent);border-radius:1px;background:var(--ui-accent)}.slider__input:disabled::-webkit-slider-thumb{border-color:var(--ui-accent-muted);background:var(--ui-accent-muted)}.slider__input:disabled::-moz-range-thumb{border-color:var(--ui-accent-muted);background:var(--ui-accent-muted)}.data-list{list-style:none;margin:0;padding:0}.data-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:var(--rule) solid var(--border)}.data-list li:last-child{border-bottom:none}.tag{font-size:.65rem;letter-spacing:.1em;padding:.1rem .35rem;border:var(--rule) solid var(--border);color:var(--text-dim)}.tag[data-tag=you]{color:var(--status-ok);border-color:var(--status-ok)}.tag[data-tag=host]{color:var(--ui-accent-bright);border-color:var(--ui-accent-muted)}.tag[data-tag=ai]{color:var(--status-special);border-color:var(--status-special)}.toast{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);background:var(--bg);border:var(--rule) solid var(--status-pending);padding:var(--space-2) var(--space-4);z-index:20;max-width:90vw}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:2rem}.toggle-row__label{margin:0;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}button.toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;border:none;border-radius:var(--radius);background:transparent;color:var(--text-dim)}button.toggle:hover:not(:disabled){border:none;color:var(--text-bright)}button.toggle:focus-visible{outline:none;box-shadow:none}button.toggle:focus-visible .toggle__track{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.toggle__track{position:relative;display:block;width:2.75rem;height:1.35rem;border:var(--rule) solid var(--border);border-radius:var(--radius);background:var(--bg);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.toggle__thumb{position:absolute;top:2px;left:2px;width:calc(1.35rem - 6px);height:calc(1.35rem - 6px);border:var(--rule) solid var(--ui-accent-muted);border-radius:1px;background:var(--ui-accent-muted);transition:left var(--transition),right var(--transition),background var(--transition),border-color var(--transition)}button.toggle[data-on=true] .toggle__track{border-color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 12%,transparent)}button.toggle[data-on=true] .toggle__thumb{left:auto;right:2px;border-color:var(--ui-accent-bright);background:var(--ui-accent)}button.toggle[data-on=true]{color:var(--text-bright)}button.toggle[data-on=false] .toggle__thumb{background:var(--bg)}.toggle__state{min-width:3.25rem;font-size:.75rem;letter-spacing:.08em;color:inherit}@media(prefers-reduced-motion:reduce){.toggle__track,.toggle__thumb{transition:none}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#000000e6;animation:overlay-in .22s ease-out}.overlay--viewport{position:fixed;z-index:40;pointer-events:auto}.overlay--viewport.session-notice{z-index:50}.overlay__panel{text-align:center;padding:var(--space-6) var(--space-5);border:var(--rule) solid var(--ui-accent);background:var(--bg);min-width:min(90%,420px);animation:overlay-panel .42s ease-out}.overlay__panel--win{border-color:var(--status-pending)}.overlay__panel--dialog{position:relative;box-sizing:border-box;width:min(92vw,56rem);min-width:min(92vw,56rem);height:min(86vh,48rem);max-height:86vh;display:flex;flex-direction:column;padding:clamp(1.25rem,3vh,2.5rem) clamp(1.25rem,4vw,2.5rem)}.overlay__panel--wide{width:min(96vw,72rem);min-width:min(96vw,72rem);height:min(92vh,58rem);max-height:92vh}.overlay__close{position:absolute;top:var(--space-3);right:var(--space-3);min-width:32px;min-height:32px;color:var(--text-dim);border-color:transparent}.overlay__close:hover{color:var(--text-bright);border-color:var(--border)}.overlay__eyebrow{margin:0 0 var(--space-3);font-size:.75rem;letter-spacing:.14em;color:var(--text-dim)}.overlay__vs{display:flex;flex-direction:column;gap:var(--space-3);margin:0;align-items:center}.overlay__sep{font-size:1.5rem;font-weight:600;letter-spacing:.2em;color:var(--status-critical)}.overlay__id{font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.08em;color:var(--text-bright)}.overlay__title{margin:0 0 var(--space-3);font-size:1.35rem}.overlay__wins-label{color:var(--status-ok);letter-spacing:.12em;text-transform:uppercase;font-size:1rem}.overlay__series{margin:var(--space-2) 0 0;font-size:1.35rem;letter-spacing:.16em;color:var(--text-bright)}.overlay__summary{margin:0 0 var(--space-4);font-size:.8rem;letter-spacing:.06em;color:var(--text-dim);line-height:1.35}.overlay__body{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto;text-align:left;width:100%;padding:var(--space-1) 0;border-top:var(--rule) solid var(--border);border-bottom:var(--rule) solid var(--border)}.overlay__body .status-label{text-align:center;padding:var(--space-5) 0}.overlay__hint{margin:var(--space-4) 0 0;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.confirm-arm{display:inline-flex;align-items:center;gap:var(--space-2)}.metric-card{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:var(--rule) solid var(--border);border-radius:var(--radius);background:var(--bg);text-align:center;min-width:0}.metric-card__label{margin:0;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.metric-card__value{margin:0;font-size:clamp(1.35rem,4vw,1.85rem);line-height:1.1;letter-spacing:.04em;color:var(--text-bright);font-variant-numeric:tabular-nums;word-break:break-all}.metric-card[data-size=compact] .metric-card__value{font-size:clamp(.7rem,2.2vw,.85rem);letter-spacing:.02em;line-height:1.25}.metric-card__hint{margin:0;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.metric-card[data-tone=ok] .metric-card__value{color:var(--status-ok)}.metric-card[data-tone=pending] .metric-card__value{color:var(--status-pending)}.metric-card[data-tone=critical] .metric-card__value{color:var(--status-critical)}.tabs{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.tabs__list{display:flex;flex-wrap:wrap;justify-content:center;gap:0;border-bottom:var(--rule) solid var(--border)}.tabs__tab{min-height:2.25rem;padding:var(--space-2) var(--space-4);border:none;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;background:transparent;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.tabs__tab:hover:not(:disabled){border-color:transparent;border-bottom-color:color-mix(in srgb,var(--ui-accent) 40%,transparent);color:var(--text-bright)}.tabs__tab[data-active=true],.tabs__tab[data-active=true]:hover:not(:disabled){color:var(--text-bright);border-color:transparent;border-bottom-color:var(--ui-accent)}.tabs__tab:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.tabs__panel{min-width:0}.tabs__panel[hidden]{display:none!important}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-panel{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.overlay,.overlay__panel{animation:none}}}@layer shell{.app-shell{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr;margin:0;padding:var(--space-4);gap:var(--space-3);overflow:hidden;background:var(--bg)}.app-shell--match{grid-template-rows:1fr;padding:var(--space-2) var(--space-3);gap:0}.app-shell--home{grid-template-rows:1fr;gap:0;padding:0}.app-shell--home .workspace{background:transparent}.app-shell--input-shield{pointer-events:none}.context-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:var(--rule) solid var(--border);padding-bottom:var(--space-3)}.link-status{display:inline-flex;align-items:center;color:var(--text-dim)}.link-status[data-tone=ok]{color:var(--status-ok)}.link-status[data-tone=critical]{color:var(--status-critical)}.brand-mark{display:flex;flex-direction:column;line-height:1.15}.brand-mark__ja{font-family:var(--font-jp);font-weight:600;color:var(--text-bright);letter-spacing:.04em;white-space:nowrap}.brand-mark__en{font-family:var(--font-mono);font-weight:400;letter-spacing:.12em;color:var(--text-dim)}.brand-mark--compact .brand-mark__ja{font-size:1.1rem}.brand-mark--compact .brand-mark__en{font-size:.65rem;margin-top:2px}.brand-mark--hero{align-items:center;text-align:center;margin:0}.brand-mark--hero .brand-mark__ja{font-size:clamp(3.5rem,14vw,6.5rem);letter-spacing:.06em;text-shadow:0 0 40px color-mix(in srgb,var(--ui-accent) 35%,transparent)}.brand-mark--hero .brand-mark__en{font-size:clamp(1.15rem,3.5vw,1.55rem);margin-top:var(--space-3);letter-spacing:.22em;color:var(--status-ok)}.home-stage{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:100%;overflow:hidden;padding:var(--space-6) var(--space-4);background:var(--bg)}.home-stage__glow{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 95% 70% at 50% 0%,color-mix(in srgb,var(--ui-accent) 32%,transparent),color-mix(in srgb,var(--ui-accent) 12%,transparent) 42%,transparent 72%),radial-gradient(ellipse 60% 40% at 50% 18%,color-mix(in srgb,var(--ui-accent-bright) 10%,transparent),transparent 65%)}.home-stage__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);max-width:36rem;animation:home-rise .52s ease-out both}.home-stage__tag{margin:0;max-width:28rem;color:var(--text-dim);font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase}.home-stage__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.home-stage__cta{min-width:11rem;min-height:3.5rem;padding:var(--space-3) var(--space-5);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase}.home-stage__cta.primary{box-shadow:0 0 24px color-mix(in srgb,var(--ui-accent) 22%,transparent)}.home-stage__settings{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem}.home-stage__settings:hover:not(:disabled){border:none;color:var(--text-bright)}.home-stage__settings:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@keyframes home-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.home-stage__inner{animation:none}.brand-mark--hero .brand-mark__ja{text-shadow:none}.home-stage__cta.primary{box-shadow:none}}.workspace{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;height:100%;overflow:auto;background:var(--bg)}.session-notice__body{margin:var(--space-3) 0 0;font-size:.85rem;letter-spacing:.04em;color:var(--text);line-height:1.4;max-width:28ch;margin-left:auto;margin-right:auto}.session-notice__hint{margin:var(--space-4) 0 0;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.continue-stage{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:var(--bg)}.continue-stage__glow{position:absolute;inset:18% 12% auto;height:42%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ui-accent) 18%,transparent),transparent 70%);pointer-events:none}.continue-stage__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-5);animation:home-rise .52s ease-out both}.continue-stage__prompt{margin:0;display:flex;align-items:center;gap:.2em;font-family:var(--font-mono);font-size:1rem;letter-spacing:.04em;color:var(--ui-accent)}.continue-stage__cursor{display:inline-block;width:.7em;height:1.05em;margin-left:.15em;vertical-align:text-bottom;background:var(--ui-accent);animation:continue-blink 1.05s step-end infinite}@keyframes continue-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.continue-stage__inner{animation:none}.continue-stage__cursor{animation:continue-blink 1.6s step-end infinite}}}@layer lobby{.code-block{font-size:1.5rem;letter-spacing:.2em;color:var(--status-ok);margin:var(--space-2) 0}.join-url{word-break:break-all;color:var(--status-special);font-size:.85rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lobby-screen{gap:0;min-height:0;justify-content:center}.lobby-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-5) 0 var(--space-6)}.lobby-hero__code{margin:0;font-size:clamp(3.25rem,12vw,5.25rem);letter-spacing:.28em;line-height:1;color:var(--status-ok);font-variant-numeric:tabular-nums;padding-left:.28em}.lobby-hero__phase{margin:0;letter-spacing:.14em}.lobby-hero__copy{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.lobby-hero__copy button{min-width:7.5rem}.join-hero__input{box-sizing:border-box;width:calc(5ch + 2.2em);min-width:11rem;max-width:100%;margin:0;padding:.1em .4em;border:none;border-bottom:var(--rule) solid var(--border);border-radius:0;background:transparent;text-align:center;caret-color:var(--ui-accent)}.join-hero__input::placeholder{color:var(--ui-accent-muted);letter-spacing:.28em}.join-hero__input:focus{outline:none;border-bottom-color:var(--ui-accent)}.join-hero__input:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.lobby-seats{list-style:none;margin:0 auto;padding:0;width:min(100%,28rem);border-top:var(--rule) solid var(--border)}.lobby-seats__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:3.25rem;padding:var(--space-2) 0;border-bottom:var(--rule) solid var(--border)}.lobby-seats__row--open{opacity:.75}.lobby-seats__who{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);min-width:0}.lobby-seats__name{color:var(--text-bright);letter-spacing:.04em}.lobby-seats__code{letter-spacing:.16em;color:var(--status-ok);font-variant-numeric:tabular-nums}.lobby-seats__host{color:var(--text-dim);letter-spacing:.04em;font-size:.9rem}.lobby-seats__action{flex:0 0 auto;padding:var(--space-1) var(--space-3);min-height:2rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.lobby-seats__row .status-label{margin:0;flex:0 0 auto}.lobby-screen__footer{margin-top:auto;padding-top:var(--space-5);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.lobby-screen__start{margin-left:auto}.lobby-screen__wait{margin:0 0 0 auto;letter-spacing:.12em}.settings-hero__title{margin:0;font-size:clamp(1.75rem,6vw,2.5rem);letter-spacing:.18em;text-transform:uppercase;color:var(--text-bright)}.settings-version{margin:0 0 0 auto;font-size:.8125rem;letter-spacing:.08em;color:var(--text-dim);font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text}.settings-tabs{width:100%;max-width:28rem;margin:0 auto}.settings-tabs:has(.settings-metrics){max-width:36rem;flex:1 1 auto;min-height:0;overflow:hidden}.settings-tabs:has(.settings-metrics) .tabs__panel:not([hidden]){flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.settings-body{display:flex;flex-direction:column;gap:var(--space-5);max-width:22rem;width:100%;margin:0 auto}.settings-reset{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.settings-reset__confirm{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-reset__hint{margin:0;font-size:.95rem;letter-spacing:.04em;color:var(--text-dim)}.settings-toggles{display:flex;flex-direction:column;gap:var(--space-2)}.settings-body--audio{gap:var(--space-3);max-width:28rem}.audio-layer{display:flex;align-items:center;gap:var(--space-3);min-width:0}.audio-layer .toggle-row{flex:0 0 auto;min-width:8.5rem;gap:var(--space-2)}.audio-layer .slider{flex:1 1 auto}.settings-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);width:100%;max-height:min(52vh,22rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:var(--space-1);align-content:start}@media(max-width:420px){.settings-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}}@layer match{.match-screen{position:relative;flex:1;min-height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column}.match-screen--arena{padding-bottom:0;border:none;gap:var(--space-2);height:100%;min-height:0}.match-ticker{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2);flex:0 0 auto;padding:var(--space-3) 0;border:var(--rule) solid var(--border);background:var(--bg);min-height:3.75rem}.match-ticker__side{display:flex;align-items:center;gap:var(--space-3);min-width:0;font-size:1rem;letter-spacing:.04em}.match-ticker__side--you{justify-content:flex-start;padding-left:var(--space-3);padding-right:var(--space-2)}.match-ticker__side--them{justify-content:flex-end;padding-right:var(--space-3);padding-left:var(--space-2)}.match-ticker__tag{flex:0 0 auto;font-size:.85rem;letter-spacing:.12em;color:var(--text-bright);border:var(--rule) solid var(--border);padding:3px 8px}.match-ticker__tag--you{color:var(--status-ok);border-color:var(--status-ok)}.match-ticker__side--them[data-seat=a] .match-ticker__tag{color:var(--player-a);border-color:var(--player-a)}.match-ticker__side--them[data-seat=b] .match-ticker__tag{color:var(--player-b);border-color:var(--player-b)}.match-ticker__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-bright);font-size:1.15rem}.match-ticker__side[data-seat=a] .match-ticker__name{color:var(--player-a)}.match-ticker__side[data-seat=b] .match-ticker__name{color:var(--player-b)}.match-ticker__stat{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;line-height:1;padding:.2rem .55rem .2rem .4rem;border:var(--rule) solid var(--border);background:color-mix(in srgb,var(--ui-accent) 8%,var(--bg));color:var(--text-bright)}.match-ticker__stat--last-in-game{border-color:var(--status-special);background:color-mix(in srgb,var(--status-special) 12%,var(--bg));color:var(--status-special)}.match-ticker__cards-icon{flex:0 0 auto;display:block;color:inherit}.match-ticker__hand-count{font-weight:400;color:inherit;font-size:1.55rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.match-ticker__last-in-game{flex:0 0 auto;margin-left:.15rem;font-size:.65rem;letter-spacing:.1em;padding:2px 5px;border:var(--rule) solid var(--status-special);color:var(--status-special);background:var(--bg);white-space:nowrap}.match-ticker__lock{flex:0 0 auto;font-size:.75rem;letter-spacing:.1em;color:var(--status-pending);border:var(--rule) solid var(--status-pending);padding:2px 6px}.match-ticker__centre{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 var(--space-3);border-left:var(--rule) solid var(--border);border-right:var(--rule) solid var(--border)}.match-ticker__score{display:flex;align-items:baseline;gap:var(--space-2);font-size:1.85rem;letter-spacing:.08em;color:var(--text-bright);line-height:1}.match-ticker__score-sep{color:var(--text);font-weight:400}.match-ticker__score [data-seat=a]{color:var(--player-a)}.match-ticker__score [data-seat=b]{color:var(--player-b)}.match-ticker__meta{display:flex;align-items:center;gap:4px;font-size:.85rem;letter-spacing:.1em;color:var(--text)}.match-ticker__dot{opacity:.7}.match-ticker__phase{color:var(--text-bright)}.match-ticker__actions{flex:0 0 auto;display:flex;margin-left:auto}.match-surrender{color:var(--status-critical);border-color:transparent}.match-surrender:hover:not(:disabled){border-color:var(--status-critical)}.battlefield{--arena-card-w: clamp(7.5rem, 22vmin, 14rem);--arena-card-h: calc(var(--arena-card-w) * 128 / 88);--seq-slot-w: clamp(6rem, 18vmin, 11rem);--seq-slot-h: calc(var(--seq-slot-w) * 128 / 88);--hand-card-w: clamp(7rem, 20vmin, 12.5rem);--hand-card-h: calc(var(--hand-card-w) * 128 / 88);flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(.5rem,1.5vmin,1rem);padding:clamp(.5rem,1.5vmin,1rem);border:var(--rule) solid var(--border);overflow:hidden;position:relative;contain:layout}.battlefield--commit{--seq-slot-w: clamp(3.75rem, 12vmin, 6.25rem);--seq-slot-h: calc(var(--seq-slot-w) * 128 / 88);justify-content:space-evenly;align-items:center;flex:1 1 auto;min-height:0}.battlefield--desk{--deck-card-w: clamp(4.5rem, 12vmin, 8rem);--deck-card-h: calc(var(--deck-card-w) * 128 / 88);--pile-card-w: clamp(4.5rem, 12vmin, 8rem);--pile-card-h: calc(var(--pile-card-w) * 128 / 88);justify-content:stretch;align-items:stretch;gap:0;padding:clamp(.35rem,1vmin,.75rem)}.battlefield--hold{justify-content:center;align-items:center}.battlefield--hold-dark{border-color:transparent;background:var(--bg)}.battlefield--commit .arena-sequence{width:auto;max-width:100%}.battlefield--commit .arena-sequence--compact{--seq-slot-w: clamp(3.75rem, 12vmin, 6.25rem);--seq-slot-h: calc(var(--seq-slot-w) * 128 / 88)}.battlefield--commit .seq-slot--card .card,.battlefield--commit .seq-slot--card .card--hand{--card-w: var(--seq-slot-w);--card-h: var(--seq-slot-h);width:var(--seq-slot-w);height:var(--seq-slot-h);max-width:100%;max-height:100%}.battlefield .card--arena{--card-w: var(--arena-card-w);--card-h: var(--arena-card-h)}.battlefield .card--hand{--card-w: var(--hand-card-w);--card-h: var(--hand-card-h)}.battlefield__upper{position:absolute;top:var(--space-3);left:50%;transform:translate(-50%);z-index:6;width:min(420px,92%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}.battlefield__upper .round-tape,.battlefield__upper .battlefield__status{pointer-events:auto}.seat-lane{flex:1 1 0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.35rem,1.5vmin,1rem);width:100%;padding:clamp(.25rem,1vmin,.5rem) 0}.seat-lane--mirrored{direction:rtl}.seat-lane--mirrored>*{direction:ltr}.seat-lane__play{display:flex;align-items:center;justify-content:center;min-width:var(--arena-card-w);min-height:var(--arena-card-h);z-index:2}.seat-lane--them .seat-lane__play{align-self:end}.seat-lane--you .seat-lane__play{align-self:start}.zone-label{flex:0 0 auto;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);line-height:1}.zone-label--hand{width:100%;text-align:center;margin-bottom:var(--space-1)}.secret-deck,.capture-pile{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0}.secret-deck__stack,.capture-pile__stack{position:relative;width:var(--deck-card-w);height:var(--deck-card-h)}.capture-pile__stack{width:var(--pile-card-w);height:var(--pile-card-h)}.secret-deck__empty,.capture-pile__empty{width:100%;height:100%;border:var(--rule) dashed var(--border);border-radius:var(--radius);opacity:.45}.secret-deck__card{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--ui-accent-dim);border-radius:var(--radius);background:color-mix(in srgb,var(--ui-accent) 8%,var(--bg));transform:translate(calc(var(--deck-i, 0) * 3px),calc(var(--deck-i, 0) * -3px));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 20%,transparent)}.secret-deck__count,.capture-pile__count{font-size:1.15rem;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--text-bright)}.capture-pile__peek{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--rule) solid var(--border);border-radius:var(--radius);background:var(--bg);transform:translate(calc(var(--pile-i, 0) * -3px),calc(var(--pile-i, 0) * 3px));opacity:.7}.capture-pile__top{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1}.capture-pile__top .card{--card-w: var(--pile-card-w);--card-h: var(--pile-card-h)}.battlefield__divide{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);width:100%;padding:var(--space-1) 0;z-index:3}.battlefield__clash{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-3);min-height:0;width:100%;flex:1 1 auto}.battlefield__clash-row{--fighter-slot-h: calc(var(--arena-card-h) + 1.75rem);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:clamp(.75rem,3vmin,2rem);width:100%;min-height:var(--fighter-slot-h)}.battlefield__clash--horizontal{height:100%;justify-content:center}.battlefield__clash--horizontal .battlefield__clash-row{flex:0 0 auto}.battlefield__fighter{display:flex;align-items:center;justify-content:center;width:100%;height:var(--fighter-slot-h, calc(var(--arena-card-h) + 1.75rem));min-height:var(--fighter-slot-h, calc(var(--arena-card-h) + 1.75rem))}.battlefield__fighter[data-side=you]{justify-content:flex-end}.battlefield__fighter[data-side=them]{justify-content:flex-start}.battlefield__fighter-slot{width:var(--arena-card-w);height:var(--arena-card-h);flex:0 0 auto}.battlefield__fly-wrap{display:flex;justify-content:center;align-items:center;will-change:transform}.battlefield__centre{display:flex;flex-direction:column;align-items:center;justify-content:center;width:9rem;flex:0 0 auto;text-align:center}.battle-verdict--idle{opacity:0;border-color:transparent}.battle-verdict{--battle-verdict-h: 3.75rem;min-width:8.5rem;height:var(--battle-verdict-h);min-height:var(--battle-verdict-h);box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:2.1rem;line-height:1;letter-spacing:.18em;border:var(--rule) solid var(--border);color:var(--text-dim);padding:0 var(--space-3)}.battle-verdict--pending{letter-spacing:0;color:var(--text-dim)}.battle-verdict__calc{display:block;width:2.1rem;height:2.1rem;color:inherit}.battle-verdict--win{color:var(--status-ok);border-color:var(--status-ok)}.battle-verdict--lose{color:var(--status-critical);border-color:var(--status-critical)}.battle-verdict--draw{color:var(--status-special);border-color:var(--status-special)}.battle-caption{margin:0 auto;max-width:28rem;width:100%;height:2.6em;min-height:2.6em;padding:0 var(--space-3);font-size:1.15rem;letter-spacing:.04em;line-height:1.3;color:var(--text-bright);text-align:center;flex:0 0 auto;overflow:hidden}.battle-caption--empty{visibility:hidden}.battlefield--fighting .secret-deck__card{opacity:.85}.battlefield__status{margin:0;font-size:1rem;letter-spacing:.06em;color:var(--text-dim);text-align:center;max-width:100%;padding:var(--space-2) var(--space-3);border:var(--rule) solid var(--border);background:var(--bg)}.battlefield--step .battle-verdict{animation:summary-pulse .9s ease}.battlefield--step .battlefield__clash-row,.battlefield--desk.battlefield--step .seat-lane__play{animation:clash-pair-pulse .7s ease-out}.arena-sequence{--seq-gap: clamp(.35rem, 1vmin, .5rem);display:flex;justify-content:center;width:100%;flex:0 0 auto}.arena-sequence--compact{--seq-slot-w: clamp(5.5rem, 16vmin, 10rem);--seq-slot-h: calc(var(--seq-slot-w) * 128 / 88)}.arena-sequence__track{display:flex;gap:var(--seq-gap);justify-content:center}.arena-sequence--top .arena-sequence__track{flex-direction:row-reverse}.seq-slot{width:var(--seq-slot-w);height:var(--seq-slot-h);flex:0 0 var(--seq-slot-w);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition),transform var(--transition)}.seq-slot--empty{border:var(--rule) dashed var(--border);border-radius:var(--radius);opacity:.65}.arena-sequence--top .seq-slot--empty{visibility:hidden;border-color:transparent}.seq-slot--hidden{border:2px dashed var(--ui-accent-dim);border-radius:var(--radius);background:color-mix(in srgb,var(--ui-accent) 6%,transparent)}.seq-slot--hidden.seq-slot--focus{border-color:var(--ui-accent)}.seq-slot--spent{opacity:.55}.seq-slot--active{transform:translateY(var(--seq-lift, 0)) scale(1.12);z-index:2;transition:transform .7s ease,opacity .7s ease}.seq-slot--active .card__frame{border-color:var(--ui-accent-bright);box-shadow:inset 0 0 0 2px var(--ui-accent-bright),0 0 0 1px var(--ui-accent)}.seq-slot--ghost{border:var(--rule) dashed var(--ui-accent);border-radius:var(--radius);background:color-mix(in srgb,var(--ui-accent) 12%,transparent);opacity:.75}.arena-sequence--top .seq-slot--active{--seq-lift: 4px}.arena-sequence--bottom .seq-slot--active{--seq-lift: -4px}.seq-slot--card .card,.seq-slot--card .card--hand{--card-w: var(--seq-slot-w);--card-h: var(--seq-slot-h);width:var(--seq-slot-w);height:var(--seq-slot-h);max-width:100%;max-height:100%}.card{--card-w: 88px;--card-h: 128px;position:relative;width:var(--card-w);height:var(--card-h);padding:0;background:var(--bg);border:none;border-radius:var(--radius);cursor:pointer;transition:transform var(--transition),opacity var(--transition)}.card:disabled{opacity:1;cursor:default;color:inherit}.card--losing,.card--losing:disabled{opacity:.5}.battlefield .card--arena.card--losing,.seat-lane__play .card--arena.card--losing{opacity:.5}.card--arena{--card-w: var(--arena-card-w, 96px);--card-h: var(--arena-card-h, 138px)}.battlefield .card--arena,.seat-lane__play .card--arena{opacity:1;filter:none;color:var(--text-bright)}.battlefield .card--arena .card__art,.battlefield .card--arena .card__label,.seat-lane__play .card--arena .card__art,.seat-lane__play .card--arena .card__label{color:var(--text-bright)}.card--void{--card-w: 64px;--card-h: 92px}.card__frame{display:flex;flex-direction:column;width:100%;height:100%;border:2px solid var(--ui-accent);border-radius:var(--radius);background:var(--bg);overflow:hidden;position:relative;transition:border-color var(--transition),box-shadow var(--transition)}.card[data-seat=a] .card__frame{border-color:var(--player-a);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--player-a) 35%,transparent)}.card[data-seat=b] .card__frame{border-color:var(--player-b);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--player-b) 35%,transparent)}.card[data-captured=true] .card__frame{border-style:dotted;border-width:2px}.card[data-selected=true] .card__frame{border-color:var(--ui-accent-bright);box-shadow:inset 0 0 0 1px var(--ui-accent-bright)}.card:hover:not(:disabled) .card__frame{border-color:var(--text-bright)}.card__art{position:relative;flex:1;display:flex;align-items:center;justify-content:center;border-bottom:var(--rule) solid var(--border);color:var(--text-bright);min-height:0}.card[data-seat=a] .card__art{border-bottom-color:var(--player-a)}.card[data-seat=b] .card__art{border-bottom-color:var(--player-b)}.card[data-selected=true] .card__art{border-bottom-color:var(--ui-accent-bright)}.card:hover:not(:disabled) .card__art{border-bottom-color:var(--text-bright)}.card--highlight .card__art{border-bottom-color:var(--ui-accent-bright)}.card--last-in-round .card__art,.card--last-in-round.card--highlight .card__art{border-bottom-color:var(--status-special)}.card__art svg{width:52%;height:auto;max-width:5.5rem;aspect-ratio:1}.card__stack-count{position:absolute;right:6%;bottom:6%;z-index:1;font-size:clamp(.85rem,2.4vmin,1.15rem);letter-spacing:.04em;line-height:1;color:var(--text-bright);text-shadow:0 0 2px #000,0 1px 2px #000;pointer-events:none}.card[data-kind=rock] .card__art{color:var(--status-special)}.card[data-kind=paper] .card__art{color:var(--text-bright)}.card[data-kind=scissors] .card__art{color:var(--status-pending)}.card[data-kind=needle] .card__art{color:var(--text-dim)}.card[data-kind=sponge] .card__art{color:var(--status-ok)}.card__plate{flex:0 0 auto;padding:4px 6px;text-align:center;background:var(--bg)}.card__label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-bright)}.card__order{position:absolute;top:4px;right:4px;min-width:1.1rem;height:1.1rem;padding:0 3px;font-size:.65rem;line-height:1.1rem;text-align:center;border:var(--rule) solid var(--ui-accent);color:var(--ui-accent-bright);background:var(--bg)}.card__side{position:absolute;top:-.7rem;left:50%;transform:translate(-50%);z-index:2;font-size:.65rem;letter-spacing:.14em;padding:1px 6px;border:var(--rule) solid var(--border);background:var(--bg);color:var(--text-bright);pointer-events:none}.card[data-side=you] .card__side{color:var(--status-ok);border-color:var(--status-ok)}.card[data-side=them] .card__side{color:var(--text-bright);border-color:var(--border)}.card[data-side=them][data-seat=a] .card__side{color:var(--player-a);border-color:var(--player-a)}.card[data-side=them][data-seat=b] .card__side{color:var(--player-b);border-color:var(--player-b)}.card__last-in-round{position:absolute;top:-.7rem;right:-.35rem;z-index:3;font-size:.55rem;letter-spacing:.08em;padding:1px 4px;border:var(--rule) solid var(--status-special);background:var(--bg);color:var(--status-special);pointer-events:none;white-space:nowrap}.card--last-in-round .card__frame{border-color:var(--status-special);box-shadow:inset 0 0 0 1px var(--status-special)}.card--highlight .card__frame{border-color:var(--ui-accent-bright);box-shadow:inset 0 0 0 1px var(--ui-accent-bright)}.card--last-in-round.card--highlight .card__frame{border-color:var(--status-special);box-shadow:inset 0 0 0 1px var(--status-special)}.card--enter{animation:card-clash var(--card-enter-ms, .18s) ease-out}.match-screen--sudden-death .card--enter{animation-name:card-clash}.card--exit-void{animation:card-exit-void var(--card-exit-ms, .2s) ease-in forwards}.card--exit-shred{animation:card-exit-shred var(--card-exit-ms, .2s) steps(5,end) forwards;transform-origin:center center}.card--exit-left{animation:card-exit-left var(--card-exit-ms, .2s) ease-in forwards}.card--exit-right{animation:card-exit-right var(--card-exit-ms, .2s) ease-in forwards}.card--exit-to_you_capture{animation:card-exit-to-you-capture var(--card-exit-ms, .2s) ease-in forwards}.card--exit-to_them_capture{animation:card-exit-to-them-capture var(--card-exit-ms, .2s) ease-in forwards}.card__delta{position:absolute;top:-.35rem;right:-.35rem;z-index:3;min-width:1.6rem;height:1.6rem;padding:0 .2rem;display:flex;align-items:center;justify-content:center;font-size:.85rem;letter-spacing:.04em;border:var(--rule) solid var(--border);background:var(--bg);pointer-events:none;animation:card-delta-pop .7s ease-out both}.card__delta--gain{color:var(--status-ok);border-color:var(--status-ok)}.card__delta--loss{color:var(--status-critical);border-color:var(--status-critical)}.card--delta-gain .card__frame{animation:card-delta-glow-gain .7s ease-out}.card--delta-loss .card__frame{animation:card-delta-glow-loss .7s ease-out}@keyframes card-clash{0%{opacity:0;transform:scale(.82)}55%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes clash-pair-pulse{0%{transform:scale(.94)}45%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes card-exit-void{to{opacity:0;transform:translate(80px) scale(.75)}}@keyframes card-exit-shred{0%{opacity:1;clip-path:inset(0 0 0 0);filter:none;transform:scale(1) rotate(0)}35%{opacity:1;clip-path:polygon(0 0,100% 0,100% 18%,0 22%,0 38%,100% 42%,100% 58%,0 62%,0 78%,100% 82%,100% 100%,0 100%);filter:contrast(1.2);transform:scale(1.02) rotate(-1deg)}70%{opacity:.55;clip-path:polygon(0 0,48% 0,52% 100%,0 100%,100% 0,100% 100%,55% 100%,45% 0);filter:brightness(1.4);transform:scale(.92) rotate(2deg)}to{opacity:0;clip-path:inset(50% 40% 50% 40%);filter:brightness(2);transform:scale(.7) rotate(0)}}@keyframes card-delta-pop{0%{opacity:0;transform:scale(.5) translateY(6px)}55%{opacity:1;transform:scale(1.15) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes card-delta-glow-gain{0%,to{box-shadow:none}40%{box-shadow:inset 0 0 0 2px var(--status-ok)}}@keyframes card-delta-glow-loss{0%,to{box-shadow:none}40%{box-shadow:inset 0 0 0 2px var(--status-critical)}}@keyframes card-exit-left{to{opacity:0;transform:translate(-64px) scale(.85)}}@keyframes card-exit-right{to{opacity:0;transform:translate(64px) scale(.85)}}@keyframes card-exit-to-you-capture{to{opacity:0;transform:translate(28%,55%) scale(.55)}}@keyframes card-exit-to-them-capture{to{opacity:0;transform:translate(-28%,-55%) scale(.55)}}@keyframes summary-pulse{0%{opacity:.4}40%{opacity:1;color:var(--status-ok)}to{opacity:1}}.hand-dock{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(1rem,4vmin,2rem);flex:0 0 auto;width:100%;padding:.25rem 0 0;z-index:5}.hand-dock--stacks{pointer-events:auto}.hand-stack{position:relative;width:var(--hand-card-w);height:var(--hand-card-h);flex:0 0 auto;transition:transform .16s ease}.hand-stack:before,.hand-stack:after{content:"";position:absolute;left:0;width:100%;height:100%;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);pointer-events:none}.hand-stack[data-depth="1"]:before,.hand-stack[data-depth="1"]:after{display:none}.hand-stack[data-depth="2"]:before{display:none}.hand-stack[data-depth="2"]:after{top:-5%;left:3%;z-index:0}.hand-stack[data-depth="3"]:before{top:-10%;left:6%;z-index:0}.hand-stack[data-depth="3"]:after{top:-5%;left:3%;z-index:1}.hand-stack .card{position:relative;z-index:2;width:100%;height:100%}.hand-stack:hover,.hand-stack:focus-within{transform:translateY(-4%);z-index:12}.match-bar{position:relative;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:3.25rem;padding:var(--space-2) var(--space-3);border:var(--rule) solid var(--border);background:var(--bg);z-index:20}.match-bar__left{justify-self:start;min-width:0;padding:var(--space-1) 0}.match-bar__centre{display:flex;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2)}.match-bar__right{justify-self:end;min-width:0;padding:var(--space-1) 0}.match-tools{position:relative;z-index:20;width:max-content;overflow:visible;pointer-events:none}.match-tools--embedded{pointer-events:none}.match-tools__btns{position:relative;z-index:2;display:flex;gap:var(--space-3);pointer-events:auto;width:max-content}.match-tools__btn{position:relative;min-width:44px;min-height:44px;color:var(--text-dim);border-color:var(--border)}.match-tools__btn:hover{color:var(--text-bright);border-color:var(--ui-accent)}.match-tools__badge{position:absolute;top:-4px;right:-4px;min-width:1rem;height:1rem;padding:0 3px;font-size:.6rem;line-height:1rem;text-align:center;border:var(--rule) solid var(--border);background:var(--bg);color:var(--text-dim)}.match-tools--void-pulse .match-tools__btn[data-tool=void]{animation:void-pulse .6s ease;color:var(--status-special);border-color:var(--status-special)}.match-tools--history-pulse .match-tools__btn[data-tool=history]{animation:void-pulse .6s ease;color:var(--ui-accent-bright);border-color:var(--ui-accent)}@keyframes void-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.12)}}.match-tools__kinds{display:flex;flex-direction:column;gap:0}.match-tools__kind{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-bottom:var(--rule) solid var(--border);color:var(--text-bright)}.match-tools__kind:last-child{border-bottom:none}.match-tools__kind[data-kind=unknown]{color:var(--text-dim)}.match-tools__kind[data-kind=rock]{color:var(--status-special)}.match-tools__kind[data-kind=paper]{color:var(--text-bright)}.match-tools__kind[data-kind=scissors]{color:var(--status-pending)}.match-tools__kind[data-kind=needle]{color:var(--text-dim)}.match-tools__kind[data-kind=sponge]{color:var(--status-ok)}.match-tools__kind-label{flex:1;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.match-tools__kind-count{font-size:1.25rem;letter-spacing:.06em;color:var(--text-bright);font-variant-numeric:tabular-nums}.match-tools__log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.match-tools__log li{display:flex;gap:var(--space-3);font-size:.9rem;letter-spacing:.03em;line-height:1.4;border-bottom:var(--rule) solid var(--border);padding:var(--space-3) var(--space-2)}.match-tools__log li:last-child{border-bottom:none}.match-tools__log-turn{display:inline-flex;align-items:center;gap:5px;color:var(--text-dim);flex:0 0 auto;font-variant-numeric:tabular-nums;min-width:2.5rem;font-size:.95em}.match-tools__log-turn svg{flex:0 0 auto;shape-rendering:geometricPrecision}.match-tools__log-text{color:var(--text-bright)}.howto-lessons{display:flex;flex-direction:column;gap:var(--space-5)}.howto-lesson{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);border:var(--rule) solid var(--border)}.howto-lesson__title{margin:0;font-size:clamp(1.1rem,2.5vmin,1.45rem);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-weight:400}.howto-lesson__line{margin:0;font-size:clamp(1.15rem,3vmin,1.65rem);letter-spacing:.04em;line-height:1.35;text-align:center;color:var(--text-bright)}.howto-lesson__line--sub{font-size:clamp(.95rem,2.4vmin,1.25rem);color:var(--text-dim)}.howto-lesson__slot-num{font-size:1.1rem;letter-spacing:.08em;color:var(--text-dim)}.howto-lesson__visual{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.5rem,2vmin,1.25rem);width:100%}.howto-lesson__visual--pool{flex-wrap:wrap;max-width:100%}.howto-lesson__visual--pool,.howto-lesson__visual--void,.howto-lesson__visual--commit .howto-lesson__hand{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:clamp(.35rem,1.5vmin,.75rem)}.howto-lesson__visual--beats{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:0;width:max-content;max-width:100%;margin-inline:auto}.howto-lesson__beat-col{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.65rem;padding:0 1.1rem}.howto-lesson__beat-col+.howto-lesson__beat-col{border-left:var(--rule) solid var(--border)}@media(max-width:36rem){.howto-lesson__visual--beats{width:100%;flex-direction:column;align-items:center}.howto-lesson__beat-col{align-items:center;padding:.5rem 0}.howto-lesson__beat-col+.howto-lesson__beat-col{border-left:none;border-top:var(--rule) solid var(--border);width:100%;padding-top:.75rem}}.howto-lesson__beat-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.35rem;width:max-content;max-width:100%}.howto-lesson__beats-mark{font-size:1.1rem;line-height:1;color:var(--text-dim);flex:0 0 auto}.howto-lesson__beat-losers{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.3rem;flex:0 0 auto}.howto-lesson__visual--beats .card{flex:0 0 auto;min-width:var(--card-w);max-width:var(--card-w)}.howto-lesson__visual--commit{flex-direction:column;gap:var(--space-3)}.howto-lesson__slots{--howto-slot-w: clamp(3.6rem, 8.5vmin, 5rem);--howto-slot-h: calc(var(--howto-slot-w) * 128 / 88);display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.howto-lesson__slot{width:var(--howto-slot-w);height:var(--howto-slot-h);border:var(--rule) dashed var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.howto-lesson__slot--filled{border-style:solid}.howto-lesson__slot .howto-lesson__card--slot.card,.howto-lesson__slot .howto-lesson__card--slot.card--hand{--card-w: var(--howto-slot-w);--card-h: var(--howto-slot-h);width:var(--howto-slot-w);height:var(--howto-slot-h)}.howto-lesson__unknowns{display:flex;gap:.35rem}.howto-lesson__unknown{display:flex;align-items:center;justify-content:center;width:3.25rem;height:4.55rem;border:var(--rule) dashed var(--border);color:var(--text-dim)}.howto-lesson__card{pointer-events:none;cursor:default}.howto-lesson__card--captured{opacity:.85}.howto-lesson__scorebug{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1rem,4vmin,2.5rem);padding:var(--space-3) var(--space-4);border:var(--rule) solid var(--border);font-size:clamp(1.1rem,3vmin,1.5rem);letter-spacing:.08em;color:var(--text-bright)}.howto-lesson__score{font-size:1.35em;letter-spacing:.12em;color:var(--accent)}.howto-lesson .card{--card-w: clamp(4.1rem, 10vmin, 5.5rem);--card-h: calc(var(--card-w) * 128 / 88)}.howto-lesson .card__label{font-size:.6rem;letter-spacing:.06em}.howto-lesson .card__art svg{width:60%;height:60%}.howto-lesson .card__stack-count{font-size:.75rem}.howto-lesson .card__side{font-size:.55rem}.howto-lesson__visual--void .howto-lesson__unknowns{margin:0}.round-tape{width:100%;animation:round-tape-in .22s ease-out}.round-tape__inner{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3);background:var(--bg);border:var(--rule) solid var(--border);text-align:left;cursor:pointer}.round-tape__inner:hover{border-color:var(--ui-accent)}.round-tape__label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.round-tape__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);max-height:6.5rem;overflow:auto}.round-tape__list li{font-size:.8rem;letter-spacing:.03em;color:var(--text-bright)}@keyframes round-tape-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.result-win{font-size:1.2rem}.match-tools__sd{font-size:.7rem;font-weight:700;letter-spacing:.08em;line-height:1}.match-debug-sd{position:absolute;right:var(--space-3);bottom:var(--space-3);z-index:30;pointer-events:none}.match-debug-sd .match-tools__btns{pointer-events:auto}.match-screen--sudden-death{gap:0}.sudden-death-stage{--arena-card-w: clamp(9.5rem, 32vmin, 18rem);--arena-card-h: calc(var(--arena-card-w) * 128 / 88);--hand-card-w: clamp(6.5rem, 18vmin, 11rem);--hand-card-h: calc(var(--hand-card-w) * 128 / 88);display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;gap:var(--space-3);flex:1 1 auto;min-height:0;width:100%;height:100%;padding-top:var(--space-4)}.sudden-death-stage .card--arena{--card-w: var(--arena-card-w);--card-h: var(--arena-card-h);opacity:1;filter:none;color:var(--text-bright)}.sudden-death-stage .card--hand{--card-w: var(--hand-card-w);--card-h: var(--hand-card-h)}.sudden-death-stage__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);flex:0 0 auto}.sudden-death-stage__title{margin:0;text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--status-special);font-size:.95rem}.sudden-death-stage__prompt{margin:0;min-height:1.25rem;text-align:center;font-size:.9rem;letter-spacing:.06em;color:var(--text-dim)}.sudden-death-stage__prompt[data-empty=true]{visibility:hidden}.sudden-death-stage__faceoff{display:flex;align-items:center;justify-content:center;min-height:0;width:100%;padding:0 var(--space-2)}.sudden-death-stage__actions{box-sizing:border-box;min-height:calc(var(--hand-card-h) + var(--space-3));display:flex;align-items:center;justify-content:center;padding:var(--space-2) 0}.sudden-death-stage__actions[data-empty=true]{visibility:hidden;pointer-events:none}.sudden-death{display:flex;justify-content:center;align-items:center;gap:clamp(.5rem,2vmin,1.1rem);z-index:4;flex-wrap:wrap;width:min(100%,40rem);margin-inline:auto}@media(prefers-reduced-motion:reduce){.card--enter,.card--exit-void,.card--exit-shred,.card--exit-left,.card--exit-right,.card--exit-to_you_capture,.card--exit-to_them_capture,.card__delta,.card--delta-gain .card__frame,.card--delta-loss .card__frame,.battlefield__fly-wrap,.match-tools--void-pulse .match-tools__btn[data-tool=void],.match-tools--history-pulse .match-tools__btn[data-tool=history],.hand-stack{transition:none}}}