:root{color:#f5f5f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#131619;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}main{max-width:820px;height:100dvh;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));flex-direction:column;min-height:0;margin:auto;display:flex}h1{flex-shrink:0;height:26px;margin:0;font-size:20px;line-height:26px}#connection{color:#95d5c5;flex-shrink:0;height:18px;margin:0;font-size:12px;line-height:18px}#notice{overflow-wrap:anywhere;flex-shrink:0;height:32px;margin:0;font-size:12px;line-height:16px;overflow:hidden}label{display:block}input,button{font:inherit;border:1px solid #677076;border-radius:8px;padding:10px}input{width:100%;margin:8px 0}button{color:#fff;cursor:pointer;touch-action:manipulation;background:#9d293a;min-height:48px}button:disabled{opacity:.5;cursor:default}#play{flex-direction:column;flex:1;min-height:0;display:flex}.summary{flex-shrink:0;grid-template-rows:20px 20px;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;height:44px;font-size:13px;line-height:20px;display:grid}.summary strong,.summary span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#identity{grid-area:1/1}#turn{grid-area:2/1}#timer{font-variant-numeric:tabular-nums;grid-area:1/2/3;align-self:center;font:700 22px monospace}#board-area{--board-size:0px;flex-direction:column;flex:1;align-items:center;gap:8px;min-height:0;display:flex;overflow:hidden}.board-scroll{width:var(--board-size);height:var(--board-size);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#dab77a;border-radius:6px;flex-shrink:0;overflow:hidden}#board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;overscroll-behavior:none;width:100%;height:100%;display:block}.grid{stroke:#554329;stroke-width:.025px}.red{fill:#d9233f;stroke:#780b1c}.black{fill:#16191c;stroke:#000}.stone{stroke-width:.035px}.selection{opacity:.4;stroke-width:.035px;pointer-events:none}.winning-line{stroke:#35d0ba;stroke-width:.12px;stroke-linecap:round;pointer-events:none}.coordinate{fill:#554329;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font:.29px system-ui,sans-serif}#confirm{width:var(--board-size);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;height:48px;margin:0;font-size:14px;overflow:hidden}[hidden]{display:none!important}.summary{grid-template-columns:minmax(0,1fr) auto auto}#match-header{grid-area:1/1/auto/4;gap:6px;min-width:0;display:flex}#match-header .match-side{flex:1;gap:4px;min-width:0;display:flex}#match-header .match-side span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#match-header strong{flex-shrink:0}#match-header .owned{color:#95d5c5}#identity{grid-area:2/1;font-size:11px}#turn{grid-area:2/2;font-size:11px}#timer{grid-area:2/3;font-size:16px}