.game{--felt:var(--color-paper);--paper:var(--color-paper-2);--ink:var(--color-ink);--muted:var(--color-neutral);--rule:var(--color-rule);--player:#176a60;--player-wash:#cde6db;--rival:#914c2a;--rival-wash:#f2d9c6;--empty:#dde6df;--focus:var(--color-focus);--error:#a12d22;--body-font:var(--font-body);--number-font:ui-monospace, "SFMono-Regular", Consolas, monospace;--small:.8rem;--body:.95rem;--heading:1.45rem;--gap-xs:.4rem;--gap-sm:.75rem;--gap:1.25rem;--gap-lg:2rem;--gap-xl:3rem;--radius:var(--radius-md);--dot-track:clamp(28px, 6vw, 44px);--line-width:8px;--dot-size:12px;--duration:.16s;background:var(--felt);color:var(--ink);font-family:var(--body-font);font-size:var(--body);line-height:1.7}.game button,.game input{font:inherit}.game button,.game a,.game input,.game summary{-webkit-tap-highlight-color:transparent}.game button,.game summary{cursor:pointer}.game button:disabled{cursor:default}.game :focus-visible{outline:3px solid var(--focus);outline-offset:4px}.game a{color:inherit}.game h1,.game h2,.game p{margin:0}.arena{padding:var(--gap);min-width:0}.scoreboard{justify-content:center;align-items:center;gap:var(--gap);display:flex}.score{flex-direction:column;flex:1;align-items:center;min-width:0;line-height:1.4;display:flex}.player{color:var(--player)}.rival{color:var(--rival)}.player-name{font-size:var(--small);overflow-wrap:anywhere;max-width:100%}.score strong{font:600 2.9rem / 1.25 var(--number-font)}.score-divider{color:var(--muted);font:1.6rem var(--number-font)}.board-frame{margin:var(--gap-sm) 0 var(--gap)}.column-labels{padding-inline:calc(var(--gap) + var(--dot-track) / 2) calc(var(--dot-track) / 2);justify-content:space-between;display:flex}.column-labels,.row-labels{color:var(--muted);font:var(--small) var(--number-font)}.column-labels span{justify-content:center;width:0;display:flex}.board-row{display:flex}.row-labels{padding-block:calc(var(--dot-track) / 2);width:var(--gap);flex-direction:column;flex-shrink:0;justify-content:space-between;display:flex}.row-labels span{align-items:center;height:0;display:flex}.board{aspect-ratio:1;grid-template-columns:repeat(3, var(--dot-track) 1fr) var(--dot-track);grid-template-rows:repeat(3, var(--dot-track) 1fr) var(--dot-track);border:0;flex:1;min-width:0;margin:0;padding:0;display:grid}.dot{place-items:center;display:grid}.dot:before{content:"";width:var(--dot-size);height:var(--dot-size);background:var(--ink);border-radius:50%}.edge{opacity:1;min-height:0;box-shadow:none;border-radius:var(--radius);color:var(--ink);background:0 0;border:0;place-items:center;min-width:0;padding:0;display:grid;position:relative;transform:none}.edge:before{content:"";background:var(--empty);width:100%;height:var(--line-width);border-radius:var(--radius);transition:background var(--duration), transform var(--duration)}.edge.vertical:before{height:100%;width:var(--line-width)}.edge[data-owner=player]:before{background:var(--player)}.edge[data-owner=rival]:before{background:var(--rival)}.edge.last-move:after{content:"";background:var(--paper);border-radius:50%;width:4px;height:4px;position:absolute}.edge:not(:disabled):hover:before,.edge:not(:disabled):focus-visible:before{background:var(--player);transform:scale(1.04)}.box{border-radius:var(--radius);transition:background var(--duration);background:0 0;place-items:center;font-size:clamp(1.05rem,3vw,1.5rem);display:grid}.box[data-owner=player]{color:var(--player);background:var(--player-wash)}.box[data-owner=rival]{color:var(--rival);background:var(--rival-wash)}.sidebar{padding-top:var(--gap)}.game h2{font-size:var(--heading);margin-bottom:var(--gap);letter-spacing:-.04em;line-height:1.5}.game label{font-size:var(--small);margin-bottom:var(--gap-xs);font-weight:600;display:block}.game input{border:1px solid var(--rule);background:var(--paper);width:100%;color:var(--ink);border-radius:var(--radius);padding:var(--gap-sm)}.primary-button{justify-content:center;align-items:center;gap:var(--gap);border-radius:var(--radius);background:var(--ink);width:100%;color:var(--paper);padding:var(--gap-sm) var(--gap);border:0;min-height:48px;font-weight:600;display:flex}.primary-button:hover{background:var(--player)}.primary-button:disabled{background:var(--muted)}.text-button{color:var(--ink);text-underline-offset:4px;padding:var(--gap-sm) 0;background:0 0;border:0;min-height:44px;text-decoration:underline}.quiet{margin-top:var(--gap-sm);font-size:var(--small);color:var(--muted)}.error{color:var(--error);font-size:var(--small)}.error:not(:empty){margin-block:var(--gap-sm)}#name-error{min-height:var(--gap)}@media not (min-width:62rem){.arena{padding:var(--gap-sm)}.sidebar{padding-top:var(--gap-sm)}}@media (prefers-reduced-motion:reduce){.game{--duration:0s}}.game [hidden]{display:none}:root[data-mode=dark] .game{--player:#8ad6b7;--player-wash:#173d34;--rival:#efb087;--rival-wash:#493325;--empty:#475652;--error:#ffaaa0}.edge:disabled{opacity:1}.game .edge:active{transform:none}.edge[data-offered=true]:before{border:2px solid var(--player);background:var(--player-wash)}.game a.text-button:not([hidden]){display:inline-block}