:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5eadb;background:#1e1a16;font-family:system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{width:min(100% - 2rem,58rem);margin:auto;padding:1.25rem 0}h1{margin:0 0 .7rem;font:3rem Georgia,serif}h2{margin-top:0}p{margin:.45rem 0}.eyebrow{color:#d4b78d;letter-spacing:.14em;font-size:.75rem}.panel,dialog{background:#302820;border:1px solid #594a38;border-radius:.65rem;padding:1rem}#lobby{max-width:28rem}label{gap:.35rem;margin-bottom:1rem;display:grid}input,button{font:inherit;border:1px solid #756149;border-radius:.35rem;padding:.6rem .8rem}input{background:#201b16;min-width:0}button{color:inherit;cursor:pointer;background:#51412f}button:hover:not(:disabled){background:#68543c}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #ffe197}.actions,.room-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.room-bar{justify-content:space-between}#notice{color:#ffd799;overflow-wrap:anywhere;min-height:1.5em}#board{aspect-ratio:1;width:min(100%,42rem,80vh);margin:auto;position:relative}#view,#squares{width:100%;height:100%;position:absolute;inset:0}#board:not(.flat) #squares{inset:var(--board-inset);width:auto;height:auto}#squares{touch-action:manipulation;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid}#squares button{color:#0000;background:0 0;border:0;border-radius:0;min-width:0;padding:0;font-size:clamp(1rem,7vw,2.75rem)}#squares button:focus-visible{z-index:1;outline-offset:-3px}#board.flat #view{display:none}#board.flat #squares{border:.4rem solid #583521}#board.flat .square{color:#19110d;background:#d7b58a}#board.flat .square.dark{background:#a27353}#board.flat .square.light-piece{color:#fff1d3;text-shadow:0 1px 3px #251509}#board.flat .square.selected{box-shadow:inset 0 0 0 4px #ffe197}#board.flat .square.legal{box-shadow:inset 0 0 0 4px #336044}dialog::backdrop{background:#0008}