.chess-stage{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;width:100%;min-height:0;max-height:calc(100svh - 470px);padding:6px;display:grid;overflow:auto}.chess-stage[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.chess-stage:fullscreen{background:#54351b;align-content:stretch;max-height:none;padding:3vh 3vw}.chess-face{color:#3a240f;cursor:default;min-height:170px;font:inherit;opacity:.72;background:linear-gradient(#e9dfcd,#d6c8af);border:0;border-radius:20px;align-content:center;justify-items:center;gap:6px;padding:18px 12px;transition:opacity .16s,transform .12s,box-shadow .16s;display:grid;box-shadow:inset 0 0 0 4px #b8a17d,0 6px #2b1a0c,0 14px 24px #00000059}.chess-face:disabled{color:#3a240f}.chess-face[data-state=running]{cursor:pointer;opacity:1;background:linear-gradient(#fffaf0,#f3e7d0);box-shadow:inset 0 0 0 4px #4f9a5d,0 6px #2b1a0c,0 0 0 6px #4f9a5d59,0 14px 28px #0006}.chess-face[data-state=running]:active{transform:translateY(3px)}.chess-face[data-state=next]{opacity:.9;box-shadow:inset 0 0 0 4px #c9a548,0 6px #2b1a0c,0 14px 24px #00000059}.chess-face[data-state=flagged]{color:#fff;opacity:1;background:linear-gradient(#e2483b,#b8291f);box-shadow:inset 0 0 0 4px #7d1a12,0 6px #2b1a0c,0 14px 24px #00000059}.chess-face:focus-visible{outline-offset:3px;outline:3px solid #f6ead8}.chess-name{overflow-wrap:anywhere;max-width:100%;font-weight:700}.chess-time{font-family:var(--font-display), var(--font-ui), sans-serif;font-variant-numeric:tabular-nums;direction:ltr;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1}.chess-stage[data-count="2"] .chess-time{font-size:clamp(2.8rem,7vw,5.4rem)}.chess-stage:fullscreen .chess-time{font-size:clamp(4rem,12vw,11rem)}.chess-face[data-state=running][data-low=true] .chess-time{color:#b8291f}.chess-face small{opacity:.75}.chess-stage[data-face=true]{grid-template-columns:1fr}.chess-stage[data-face=true] .chess-face:first-child{rotate:180deg}.chess-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.chess-presets button{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--paper), transparent 4%);min-height:40px;color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;font-weight:800}.chess-presets button[aria-pressed=true]{color:#3a240f;background:#f1e4d0;border-color:#6b4423}.chess-presets button:disabled{cursor:not-allowed;opacity:.5}.chess-status[data-over=true]{color:#ffd0c9;font-weight:700}@media (max-width:600px){.chess-stage[data-count="2"]{grid-template-columns:1fr}.chess-face{min-height:130px}}@media (max-width:960px){.chess-stage{max-height:none}}