:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{flex-direction:column;align-items:center;gap:1rem;margin:0;padding:1.5rem;display:flex}.panel{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.panel[hidden]{display:none}.lobby{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.lobby fieldset{border:1px solid color-mix(in srgb, canvastext 25%, transparent);border-radius:.5rem}button,input{min-height:2.75rem;font-size:1rem}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #2b6cb0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.board-area{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;display:flex}.move-history{border:1px solid color-mix(in srgb, canvastext 25%, transparent);font-variant-numeric:tabular-nums;border-radius:.5rem;min-width:10rem;max-height:min(90vw,640px);margin:0;padding:.5rem .5rem .5rem 1.75rem;overflow-y:auto}.move-history-number{color:color-mix(in srgb, canvastext 55%, transparent);margin-right:.25rem}.game-over-modal{color:canvastext;z-index:20;background:canvas;border:2px solid #2b6cb0;border-radius:.75rem;flex-direction:column;gap:.75rem;min-width:16rem;padding:1.5rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0006}.game-over-modal[hidden]{display:none}.status{min-height:1.5em;font-size:1.1rem}#board{touch-action:none;width:min(90vw,640px);height:min(90vw,640px)}#board canvas{width:100%;height:100%;display:block}.room-code{letter-spacing:.15em;font-size:1.5rem;font-weight:700}.clock{font-variant-numeric:tabular-nums;gap:.75rem;display:flex}.clock-active{color:#2b6cb0;font-weight:700}#opponent-status{color:#b7791f}.promotion-dialog{z-index:10;background:canvas;border:2px solid #2b6cb0;border-radius:.5rem;gap:.25rem;padding:.5rem;display:flex;position:fixed;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000059}.promotion-dialog[hidden]{display:none}.promotion-dialog button{cursor:pointer;width:3rem;height:3rem;font-size:2rem;line-height:1}.promotion-dialog button:focus-visible{outline:3px solid #2b6cb0}