@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=Space+Mono:wght@700&family=IBM+Plex+Mono:wght@700&display=swap";:root{--bg-page: #fff7e6;--bg-2: #ff3b30;--bg-3: #00d084;--bg-active: #ff8c1a;--ink: #0a0a0a;--card-bg: #ffffff;--muted: #6b6b6b;--paper: #fffbeb;--border: 4px solid var(--ink);--border-thin: 3px solid var(--ink);--shadow: 8px 8px 0 var(--ink);--shadow-sm: 6px 6px 0 var(--ink);--shadow-xs: 4px 4px 0 var(--ink);--font-display: "Space Grotesk", "IBM Plex Mono", ui-monospace, monospace;--font-mono: "Space Mono", "IBM Plex Mono", ui-monospace, monospace;--font-body: ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg-page);color:var(--ink);font-family:var(--font-body)}html,body,#root{height:100%}::selection{background:var(--ink);color:#fff}.brutal-card,.brutal-btn,.brutal-title,.brutal-label,.poster-strip,header,footer,.board-paper{user-select:none;-webkit-user-select:none}.brutal-card{border:var(--border);box-shadow:var(--shadow);background:var(--card-bg)}.brutal-card--paper{background:var(--paper)}.brutal-btn{border:var(--border-thin);box-shadow:var(--shadow-sm);background:var(--card-bg);color:var(--ink);font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:10px 18px;cursor:pointer;transition:transform 60ms linear,box-shadow 60ms linear;user-select:none;-webkit-user-select:none}.brutal-btn:hover{background:#fff}.brutal-btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}.brutal-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:var(--shadow-xs)}.brutal-btn--primary{background:var(--bg-2);color:#fff}.brutal-btn--primary:hover{background:#ff2a1f}.brutal-btn--accent{background:var(--bg-3);color:var(--ink)}.brutal-btn--active{background:var(--bg-active);color:#fff;border-color:var(--ink)}.brutal-btn--active:hover{background:#ff9a2e}.brutal-btn--sm{padding:7px 12px;font-size:12px;box-shadow:var(--shadow-xs)}.hp-type-btn{display:none}.brutal-title{font-family:var(--font-display);font-weight:900;letter-spacing:.02em;line-height:.9}.brutal-label{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.board-paper{background:#f5d76e;background-image:radial-gradient(circle at 1px 1px,rgba(10,10,10,.05) 1px,transparent 0);background-size:18px 18px}.play-stack{width:min(720px,92vw,var(--stack-max, 720px));max-width:92vw;height:100%;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);flex:0 1 auto;min-height:0;align-items:stretch;justify-content:safe center;container-type:inline-size}.board-wrap{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1 1 auto;min-height:0;container-type:size}.board-wrap>.brutal-card{width:min(100cqw,100cqh);aspect-ratio:1 / 1;height:auto;max-width:100%;max-height:100%;display:flex;align-items:stretch;justify-content:stretch;padding:10px;overflow:hidden}.board-wrap>.brutal-card svg{width:100%;height:100%;display:block;flex:1}.poster-strip{background:var(--ink);color:#fff;font-family:var(--font-mono);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:11px;padding:7px 12px;overflow:hidden;white-space:nowrap;border-bottom:3px solid var(--ink);text-align:center;user-select:none;-webkit-user-select:none}.game-layout{width:100%;flex:1 1 auto;min-height:0;display:flex;justify-content:center;align-items:stretch;gap:14px}.chat-dock{width:300px;flex-shrink:0;display:none;min-height:0}@media(min-width:1080px){.chat-dock--open{display:flex;flex-direction:column}}.chat-modal-bg{position:fixed;inset:0;background:#0a0a0a73;z-index:800;display:flex;align-items:center;justify-content:center;padding:16px}.chat-modal{width:min(420px,100%);height:min(560px,88dvh);display:flex;flex-direction:column;min-height:0}@media(min-width:1080px){.chat-modal-bg{display:none}}@media(max-width:580px){header[data-kind=gomoku] .hp-badge{display:none}}@media(max-width:679px){header[data-kind=go] .hp-badge{display:none}}@media(max-width:444px){header[data-kind=gomoku] .hp-title{display:none}}@media(max-width:574px){header[data-kind=go] .hp-title{display:none}}@media(max-width:463px){header[data-kind=go] .hp-setup{display:none!important}header[data-kind=go] .hp-type-btn{display:inline-block}}@media(max-width:342px){.hp-setup{display:none!important}.hp-type-btn{display:inline-block}header{padding:8px 10px!important}}.bp-swap{display:none}@container (max-width: 520px){.bp-wide{display:none!important}.bp-swap{display:flex!important}}@container (max-width: 300px){.bp-swap{padding:10px!important}}