@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_78623d1c-module__xOxHtG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_78623d1c-module__xOxHtG__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff4e6;--bg-elevated:#fff;--fg:#1f1f1f;--fg-muted:#6b5848;--border:#1f1f1f24;--accent:#e54b1c;--accent-2:#f59e0b;--accent-fg:#fff;--danger:#b00020;--highlight:#e54b1c24;--win-highlight:#22c55e52;--win-stroke:#22c55e;--win-glow:#22c55e80;--lose-stroke:#e54b1c;--lose-glow:#e54b1c80;--wordmark-accent:#e54b1c;--last-move-ring:var(--accent);--c4-red-fill:#d6303a;--c4-red-rim:#a02028;--c4-yellow-rim:#e8b923;--c4-yellow-inner-shadow:#b482008c;--emote-smile:#f5a623;--emote-heart:#e0245e;--emote-like:#2f80ed;--emote-cry:#4a90d9;--emote-clap:#f2853f;--emote-poke:#8b5cf6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg:#1a0f0a;--bg-elevated:#241612;--fg:#f4ece4;--fg-muted:#b8a896;--border:#fff4e624;--highlight:#ff7a4c2e;--wordmark-accent:#f59e0b;--win-highlight:#4ade805c;--win-stroke:#4ade80;--win-glow:#4ade8080;--lose-stroke:#ff7a4c;--lose-glow:#ff7a4c80}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg:#1a0f0a;--bg-elevated:#241612;--fg:#f4ece4;--fg-muted:#b8a896;--border:#fff4e624;--highlight:#ff7a4c2e;--wordmark-accent:#f59e0b;--win-highlight:#4ade805c;--win-stroke:#4ade80;--win-glow:#4ade8080;--lose-stroke:#ff7a4c;--lose-glow:#ff7a4c80}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-inter,"Inter"), "Helvetica Neue", system-ui, -apple-system, "Segoe UI", sans-serif;margin:0;padding:0;font-size:16px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;line-height:1.2}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font:inherit}.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}.wordmark{letter-spacing:-.03em;color:var(--fg);align-items:baseline;line-height:1;display:inline-flex}.wordmark__me{font-weight:700}.wordmark__play{font-weight:400}.wordmark__ge{color:var(--wordmark-accent);font-weight:500}.install-prompt{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex}.install-prompt__icon{color:var(--accent);flex:none}.install-prompt__text{flex:12rem;font-size:.95rem}.install-prompt__cta{flex:none;padding:.4rem .9rem;font-size:.9rem}.install-prompt__dismiss{color:var(--fg-muted);background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.install-prompt__dismiss:hover:not(:disabled){color:var(--fg);background:var(--highlight)}.install-prompt__dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toolbar{z-index:10;position:fixed;top:.75rem;right:.75rem}.toolbar__panel{align-items:center;gap:.5rem;display:inline-flex}.toolbar__trigger{border:1px solid var(--border);background:var(--bg-elevated);width:2.25rem;height:2.25rem;color:var(--fg-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s,border-color .15s;display:none}.toolbar__trigger:hover:not(:disabled){background:var(--highlight);color:var(--fg);border-color:var(--accent)}.toolbar__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:560px){.toolbar__trigger{display:inline-flex}.toolbar__panel{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;flex-direction:column;padding:.4rem;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 6px 24px #0000002e}.toolbar__panel:not(.toolbar__panel--open){display:none}}.locale-toggle{border:1px solid var(--border);background:var(--bg-elevated);width:2.25rem;height:2.25rem;color:var(--fg-muted);letter-spacing:.04em;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:.72rem;font-weight:700;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.locale-toggle:hover:not(:disabled){background:var(--highlight);color:var(--fg);border-color:var(--accent)}.locale-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle{border:1px solid var(--border);background:var(--bg-elevated);width:2.25rem;height:2.25rem;color:var(--fg-muted);border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.theme-toggle:hover:not(:disabled){background:var(--highlight);color:var(--fg);border-color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-link{border:1px solid var(--border);background:var(--bg-elevated);width:2.25rem;height:2.25rem;color:var(--fg-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.icon-link:hover{background:var(--highlight);color:var(--fg);border-color:var(--accent)}.icon-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-link{font:inherit;color:var(--fg-muted);cursor:pointer;text-underline-offset:.2em;background:0 0;border:none;padding:0;text-decoration:underline}.text-link:hover:not(:disabled){color:var(--fg)}.text-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.text-link:disabled{opacity:.6;cursor:not-allowed}.container{max-width:960px;margin:0 auto;padding:1.5rem}@media (max-width:560px){.container{padding-left:1rem;padding-right:1rem}}.stack{flex-direction:column;gap:1rem;display:flex}.site-footer{text-align:center;padding:2.5rem 1.5rem 1.5rem;font-size:.85rem}.site-footer a{color:var(--fg-muted);text-decoration:none}.site-footer a:hover{color:var(--fg);text-decoration:underline}.site-footer__sep{color:var(--fg-muted);margin:0 .6rem}.about-points{flex-direction:column;gap:.75rem;margin:0;padding-left:1.25rem;line-height:1.6;display:flex}.about-points li::marker{color:var(--fg-muted)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.button-primary{background:var(--accent);color:var(--accent-fg);border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:500}.button-primary:hover:not(:disabled){filter:brightness(1.08)}.button-spinner{vertical-align:-.15em;border:2px solid;border-top-color:#0000;border-radius:50%;width:.9em;height:.9em;margin-right:.5em;animation:.7s linear infinite button-spin;display:inline-block}@keyframes button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.button-spinner{animation-duration:2s}}.button-ghost{color:var(--fg);border:1px solid var(--border);background:0 0;border-radius:8px;padding:.55rem 1rem}.button-ghost:hover:not(:disabled){background:var(--highlight)}.input,.select{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--fg);border-radius:8px;padding:.6rem .8rem}.input:focus,.select:focus{outline:2px solid var(--accent);outline-offset:1px}.label{color:var(--fg-muted);margin-bottom:.35rem;font-size:.9rem;display:block}.error{color:var(--danger)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1rem;display:grid}.game-card{border:1px solid var(--border);background:var(--bg-elevated);color:inherit;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:transform .1s,box-shadow .1s;display:flex}.game-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.game-card__preview{gap:3px;width:96px;margin:0 auto .5rem;display:grid}.game-card__preview-cell{background:var(--highlight);border:1px solid var(--border);aspect-ratio:1;border-radius:3px;justify-content:center;align-items:center;display:flex}.game-card__preview-glyph{color:var(--fg);font-size:.9rem;font-weight:600;line-height:1}.game-card__preview-disc{border-radius:50%;width:78%;height:78%;display:block}.game-card__preview-disc--c4-red{background:var(--c4-red-fill);border:1px solid var(--c4-red-rim)}.game-card__preview-disc--c4-yellow{border:2px solid var(--c4-yellow-rim);background:0 0}.game-card__preview-disc--rv-dark{background:#1a1a1a;border:1px solid #2a2a2a}.game-card__preview-disc--rv-light{background:#fff;border:1px solid #d0d0d0}.game-card__title{font-size:1.1rem;font-weight:600}.game-card__desc{color:var(--fg-muted);font-size:.92rem}.howitworks{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.howitworks__step{flex-direction:column;gap:.35rem;display:flex}.howitworks__num{background:var(--accent);width:1.6rem;height:1.6rem;color:var(--accent-fg);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}.configure-grid{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:1.5rem;display:grid}@media (max-width:720px){.configure-grid{grid-template-columns:1fr}}.radio-group{flex-wrap:wrap;gap:.5rem;display:flex}.radio-pill{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .9rem;display:inline-flex}.radio-pill input{accent-color:var(--accent)}.radio-pill--active{background:var(--highlight);border-color:var(--accent)}.match-layout{grid-template-columns:1fr;gap:1.25rem;display:grid;container:match/inline-size}.match-layout>*{min-width:0}.match-meta{grid-template-columns:1fr 4.5rem 1fr;align-items:center;gap:.75rem;display:grid}.match-meta__player{flex-direction:column;min-width:0;padding:0 .8rem;display:flex}.match-meta__name{overflow-wrap:anywhere;font-weight:600}.match-meta+.match-clock{margin-top:-.55rem}.label-short{display:none}@container match (max-width:560px){.label-full{display:none}.label-short{display:inline}}.match-score{flex-direction:column;justify-content:center;align-items:center;min-width:4rem;display:flex}.match-score__counts{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.match-score__dash{color:var(--fg-muted);margin:0 .15rem}.match-score__draws{color:var(--fg-muted);font-size:.75rem}.match-status{background:var(--highlight);border-radius:999px;justify-self:start;padding:.4rem .8rem;font-size:.95rem}.match-status--win{background:var(--win-highlight)}.match-status--error{color:var(--danger);background:#b000201f}.match-status-retry{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:0;font-weight:600;text-decoration:underline}.match-status-retry:hover{text-decoration:none}.match-status-row{flex-wrap:wrap;justify-self:start;align-items:center;gap:.4rem .75rem;display:flex}.match-clock{grid-template-columns:1fr 4.5rem 1fr;align-items:stretch;gap:.75rem;display:grid}.match-clock__side{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;flex-direction:column;gap:.15rem;min-width:0;padding:.45rem .8rem;display:flex;position:relative}.match-clock__side--active{border-color:var(--accent);background:var(--highlight)}.match-clock__side--low{border-color:var(--danger);color:var(--danger)}.match-clock__role{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.match-clock__time{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;line-height:1}@media (max-width:560px){.match-meta,.match-clock{grid-template-columns:1fr 3.5rem 1fr;gap:.5rem}}.board{--ttt-board:#efe3c8;--ttt-board-border:#c9b890;aspect-ratio:1;background:var(--ttt-board);border:1px solid var(--ttt-board-border);width:min(360px,100%);font-size:calc(2.2rem * 3 / var(--board-cells,3));border-radius:12px;gap:6px;margin-inline:auto;padding:8px;display:grid}.board__row{display:contents}:root[data-theme=dark] .board{--ttt-board:#3d2a1c;--ttt-board-border:#f4ece433}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .board{--ttt-board:#3d2a1c;--ttt-board-border:#f4ece433}}:root[data-theme=dark] .board__cell{border-color:#f4ece447}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .board__cell{border-color:#f4ece447}}.board__cell{border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-weight:600;transition:background-color .15s;display:flex}.board__cell:hover:not(:disabled):not(.board__cell--filled){background:var(--highlight)}.board__cell:disabled,.board__cell--filled{cursor:default}.board__cell--last{box-shadow:0 0 0 3px var(--last-move-ring) inset;animation:1.4s ease-out lastMovePulse}.board__cell--winning{background:var(--win-highlight);box-shadow:0 0 0 3px var(--win-stroke) inset}.board__cell--winning-lost{background:var(--highlight);box-shadow:0 0 0 3px var(--lose-stroke) inset}@keyframes lastMovePulse{0%{box-shadow:0 0 0 3px var(--last-move-ring) inset, 0 0 0 8px var(--highlight)}to{box-shadow:0 0 0 3px var(--last-move-ring) inset, 0 0 0 0 transparent}}.c4{--c4-cell:min(56px, calc((100vw - 3rem - 16px - 36px) / 7));--c4-gap:6px;--c4-board:#cfd8e4;--c4-board-border:#9bb0c4;width:calc(7 * var(--c4-cell) + 6 * var(--c4-gap) + 16px);flex-direction:column;gap:4px;max-width:100%;margin-inline:auto;display:flex}:root[data-theme=dark] .c4{--c4-board:#1f242c;--c4-board-border:#f4ece42e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .c4{--c4-board:#1f242c;--c4-board-border:#f4ece42e}}.c4__columns{grid-template-columns:repeat(7, var(--c4-cell));gap:var(--c4-gap);padding-inline:8px;display:grid}.c4__drop{border:1px dashed var(--border);height:28px;color:var(--fg-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.c4__drop:hover:not(:disabled){background:var(--highlight);border-style:solid;border-color:var(--accent);color:var(--fg)}.c4__drop:disabled{opacity:.35;cursor:not-allowed}.c4__grid{grid-template-columns:repeat(7, var(--c4-cell));grid-template-rows:repeat(6, var(--c4-cell));gap:var(--c4-gap);background:var(--c4-board);border:1px solid var(--c4-board-border);border-radius:12px;padding:8px;display:grid}.c4__row{display:contents}.c4__cell{width:var(--c4-cell);height:var(--c4-cell);background:var(--bg);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.c4__disc{border-radius:50%;width:78%;height:78%;display:block}.c4__cell--red .c4__disc{background:var(--c4-red-fill);border:2px solid var(--c4-red-rim)}.c4__cell--yellow .c4__disc{border:6px solid var(--c4-yellow-rim);box-shadow:inset 0 0 0 2px var(--c4-yellow-inner-shadow);background:0 0}.c4__cell--last{--last-move-ring:var(--accent-2);outline:3px solid var(--last-move-ring);outline-offset:-3px;animation:1.4s ease-out lastMovePulse}.c4__cell--winning{box-shadow:0 0 0 3px var(--win-stroke) inset, 0 0 12px var(--win-glow)}.c4__cell--winning-lost{box-shadow:0 0 0 3px var(--lose-stroke) inset, 0 0 12px var(--lose-glow)}.rv{--rv-cell:clamp(28px, calc((100vw - 3rem - 16px) / 8), 56px);--rv-gap:2px;--rv-board:#d8e4cf;--rv-board-border:#a8bd9b;width:calc(8 * var(--rv-cell) + 7 * var(--rv-gap) + 16px);flex-direction:column;align-items:center;gap:.5rem;max-width:100%;margin-inline:auto;display:flex}:root[data-theme=dark] .rv{--rv-board:#1f2a22;--rv-board-border:#f4ece42e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .rv{--rv-board:#1f2a22;--rv-board-border:#f4ece42e}}.rv__toast{color:var(--fg-muted);background:var(--highlight);border:1px solid var(--border);text-align:center;border-radius:6px;padding:.3rem .7rem;font-size:.85rem}.rv__grid{gap:var(--rv-gap);background:var(--rv-board);border:1px solid var(--rv-board-border);border-radius:12px;padding:8px;display:grid}.rv__row{display:contents}.rv__cell{width:var(--rv-cell);height:var(--rv-cell);background:var(--bg);border:1px solid var(--border);cursor:default;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.rv__cell:not(:disabled).rv__cell--legal{cursor:pointer}.rv__cell--legal:after{content:"";background:var(--accent);opacity:.32;pointer-events:none;border-radius:50%;width:26%;height:26%;transition:opacity .12s;position:absolute}.rv__cell--legal:hover:after{opacity:.7}.rv__cell--last{--last-move-ring:var(--accent-2);outline:3px solid var(--last-move-ring);outline-offset:-3px;animation:1.4s ease-out lastMovePulse}.rv__cell--flipped .rv__disc{animation:.38s ease-out rvFlipIn}@keyframes rvFlipIn{0%{opacity:.45;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.rv__disc{border-radius:50%;width:78%;height:78%;display:block;box-shadow:inset -2px -2px 4px #0000001f}.rv__cell--dark .rv__disc{background:#1a1a1a;border:1px solid #2a2a2a}.rv__cell--light .rv__disc{background:#fff;border:1px solid #d0d0d0}:root[data-theme=dark] .rv__cell--dark .rv__disc,:root[data-theme=dark] .game-card__preview-disc--rv-dark,:root[data-theme=dark] .rv__counter--dark:before{border-color:#f4ece46b;box-shadow:inset -2px -2px 4px #0000001f,0 0 0 1px #f4ece438}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .rv__cell--dark .rv__disc,:root:not([data-theme=light]):not([data-theme=dark]) .game-card__preview-disc--rv-dark,:root:not([data-theme=light]):not([data-theme=dark]) .rv__counter--dark:before{border-color:#f4ece46b;box-shadow:inset -2px -2px 4px #0000001f,0 0 0 1px #f4ece438}}:root[data-theme=dark] .rv__cell--light .rv__disc,:root[data-theme=dark] .game-card__preview-disc--rv-light,:root[data-theme=dark] .rv__counter--light:before{background:#f5f1e8;border-color:#b9b3a3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .rv__cell--light .rv__disc,:root:not([data-theme=light]):not([data-theme=dark]) .game-card__preview-disc--rv-light,:root:not([data-theme=light]):not([data-theme=dark]) .rv__counter--light:before{background:#f5f1e8;border-color:#b9b3a3}}.rv__counters{gap:1.25rem;font-size:.95rem;display:flex}.rv__counter{align-items:center;gap:.45rem;display:inline-flex}.rv__counter:before{content:"";border-radius:50%;width:.9rem;height:.9rem;display:inline-block}.rv__counter--dark:before{background:#1a1a1a;border:1px solid #2a2a2a}.rv__counter--light:before{background:#fff;border:1px solid #d0d0d0}.share-link{align-items:center;gap:.5rem;display:flex}.share-link__url{border:1px solid var(--border);background:var(--bg-elevated);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:1;padding:.45rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;overflow:hidden}.rules-panel{color:var(--fg-muted);font-size:.95rem;line-height:1.55}.invite-summary__facts{grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;display:grid}.invite-summary__facts>div{display:contents}.invite-summary__facts dt{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;align-self:center;font-size:.85rem}.invite-summary__facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}.invite-summary__rules>summary{cursor:pointer;color:var(--fg-muted);-webkit-user-select:none;user-select:none;padding:.25rem 0;font-size:.95rem}.invite-summary__rules[open]>summary{margin-bottom:.4rem}.banner{background:var(--highlight);border-radius:8px;padding:.75rem 1rem}.banner--win{background:var(--win-highlight)}.banner--error{color:var(--danger);background:#b000201f}.match-controls{justify-content:flex-end;gap:.6rem;display:flex}.match-controls--split{justify-content:space-between}.button-danger{background:var(--danger);color:var(--accent-fg);border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:500}.button-danger:hover:not(:disabled){filter:brightness(1.08)}.button-danger-soft{background:color-mix(in srgb, var(--danger) 12%, transparent);color:color-mix(in srgb, var(--danger) 70%, var(--fg));border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);border-radius:8px;padding:.55rem 1rem}.button-danger-soft:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 20%, transparent)}.match-controls__actions{align-items:center;gap:.6rem;display:flex}.match-controls{flex-wrap:wrap;row-gap:.5rem}.emote-picker{display:inline-flex;position:relative}.emote-picker__trigger{border:1px solid var(--border);background:var(--bg-elevated);width:2.5rem;height:2.5rem;color:var(--fg-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.55rem;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.emote-picker__trigger:hover:not(:disabled){background:var(--highlight);color:var(--fg);border-color:var(--accent)}.emote-picker__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.emote-picker__trigger[aria-expanded=true]{background:var(--highlight);color:var(--fg);border-color:var(--accent)}.emote-picker__trigger:disabled{opacity:.5;cursor:not-allowed}.emote-picker__tray{border:1px solid var(--border);background:var(--bg-elevated);z-index:6;border-radius:12px;gap:.25rem;padding:.4rem;display:flex;position:absolute;bottom:calc(100% + .5rem);left:0;box-shadow:0 6px 24px #0000002e}.emote-picker__option{width:2.4rem;height:2.4rem;color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .12s,color .12s,transform .12s;display:inline-flex}.emote-picker__option:hover{background:var(--bg-sunken);color:var(--accent)}.emote-picker__option:active{transform:scale(.88)}.emote-picker__option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.emote-picker__option--picked{background:var(--highlight);color:var(--accent);transform:scale(1.4)}@media (prefers-reduced-motion:reduce){.emote-picker__option:active,.emote-picker__option--picked{transform:none}}.emote-icon--colorful[data-emote=smile],.emote-bubble[data-emote=smile]{--emote-color:var(--emote-smile)}.emote-icon--colorful[data-emote=heart],.emote-bubble[data-emote=heart]{--emote-color:var(--emote-heart)}.emote-icon--colorful[data-emote=like],.emote-bubble[data-emote=like]{--emote-color:var(--emote-like)}.emote-icon--colorful[data-emote=cry],.emote-bubble[data-emote=cry]{--emote-color:var(--emote-cry)}.emote-icon--colorful[data-emote=clap],.emote-bubble[data-emote=clap]{--emote-color:var(--emote-clap)}.emote-icon--colorful[data-emote=poke],.emote-bubble[data-emote=poke]{--emote-color:var(--emote-poke)}.emote-icon--colorful{color:var(--emote-color)}.emote-bubble{border:1px solid color-mix(in srgb, var(--emote-color,var(--accent)) 45%, var(--border));background:var(--bg-elevated);width:2.7rem;height:2.7rem;box-shadow:0 2px 10px color-mix(in srgb, var(--emote-color,transparent) 28%, transparent);pointer-events:none;transform-origin:bottom;border-radius:999px;justify-content:center;align-items:center;padding:.34rem;animation:.36s cubic-bezier(.34,1.56,.64,1) both emote-pop,.32s ease-in 3.18s forwards emote-bubble-out;display:inline-flex;position:absolute;top:-1.15rem;right:.5rem}.emote-bubble__spark{background:var(--emote-color,var(--accent));pointer-events:none;border-radius:999px;width:.3rem;height:.3rem;margin:-.15rem 0 0 -.15rem;animation:.5s ease-out both emote-spark;position:absolute;top:50%;left:50%}@keyframes emote-pop{0%{opacity:0;transform:translateY(.5rem)scale(.3)}55%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes emote-bubble-out{to{opacity:0;transform:translateY(-.35rem)scale(.85)}}@keyframes emote-spark{0%{opacity:0;transform:translate(0)scale(0)}30%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(.4);opacity:0}}@media (prefers-reduced-motion:reduce){.emote-bubble{animation:none}.emote-bubble__spark{display:none}}.confirm-dialog{border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);border-radius:12px;width:calc(100% - 2rem);max-width:28rem;margin:auto;padding:0}.confirm-dialog::backdrop{background:#00000073}.confirm-dialog__body{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.confirm-dialog__title{margin:0;font-size:1.1rem;font-weight:600}.confirm-dialog__text{color:var(--fg-muted);margin:0}.confirm-dialog__actions{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}.sb{--sb-cell:clamp(22px, calc((100vw - 3rem - 18px) / 10), 40px);--sb-gap:2px;--sb-water:#dcebf5;--sb-ship:var(--fg);--sb-hit:var(--win-stroke);width:calc(10 * var(--sb-cell) + 9 * var(--sb-gap) + 18px);flex-direction:column;gap:1rem;max-width:100%;margin-inline:auto;display:flex}:root[data-theme=dark] .sb{--sb-water:#12202c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .sb{--sb-water:#12202c}}.sb__heading{margin:0;font-size:1.05rem}.sb__hint{color:var(--fg-muted);margin:0;font-size:.9rem}.sb__board{flex-direction:column;gap:.35rem;display:flex}.sb__board-label{color:var(--fg-muted);margin:0;font-size:.85rem;font-weight:600}.sb--battle .sb__board-label{display:none}.sb__grid{grid-template-columns:repeat(10, var(--sb-cell));gap:var(--sb-gap);background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;width:max-content;max-width:100%;padding:8px;display:grid}.sb__grid--mine{--sb-hit:var(--danger)}.sb__row{display:contents}.sb__cell{width:var(--sb-cell);height:var(--sb-cell);background:var(--sb-water);border:1px solid var(--border);cursor:default;color:inherit;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}button.sb__cell:disabled{opacity:1}.sb__cell--fireable{cursor:pointer}.sb__cell--fireable:hover{outline:2px solid var(--accent);outline-offset:-2px}.sb__cell--ship{background:var(--sb-ship);border-color:var(--sb-ship)}.sb__cell--sunk{background:var(--sb-hit);border-color:var(--sb-hit)}.sb__cell--deduced{background:color-mix(in srgb, var(--sb-water) 70%, var(--fg-muted))}.sb__cell--last{outline:2px solid var(--accent);outline-offset:-2px;animation:1.2s ease-out lastMovePulse}.sb__miss{background:var(--fg-muted);border-radius:50%;width:22%;height:22%}.sb__hit{font-size:calc(var(--sb-cell) * .6);color:var(--accent-fg);font-weight:700;line-height:1}.sb__cell:not(.sb__cell--ship):not(.sb__cell--sunk) .sb__hit{color:var(--sb-hit)}.sb__setup-hint>summary{cursor:pointer;-webkit-user-select:none;user-select:none}.sb__setup-hint>summary .sb__heading{display:inline}.sb__setup-hint[open]>summary{margin-bottom:.4rem}.sb__setup-controls{gap:.6rem;display:flex}.sb__status{margin:0;font-size:.9rem}.sb__status--muted{color:var(--fg-muted)}.sb__status--pill{background:var(--highlight);border-radius:999px;align-self:flex-start;padding:.4rem .8rem;font-size:.95rem}.game-card__preview-sb{border-radius:2px;justify-content:center;align-items:center;width:70%;height:70%;font-size:.5rem;font-weight:700;display:flex}.game-card__preview-sb--ship{background:var(--fg)}.game-card__preview-sb--hit{background:var(--danger);color:var(--accent-fg);width:85%;height:85%}.game-card__preview-sb--miss{background:var(--fg-muted);border-radius:50%;width:30%;height:30%}.sb__boards{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;flex-direction:row;gap:1rem;display:flex;overflow-x:auto}.sb__boards::-webkit-scrollbar{display:none}.sb__boards .sb__board{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%}.sb--battle{gap:.4rem}.sb__tabs{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;gap:.25rem;padding:.25rem;display:flex}.sb__tab{min-width:0;color:var(--fg-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:.4rem .5rem;font-size:.85rem;font-weight:600;line-height:1.2;transition:background-color .15s,color .15s}.sb__tab:hover{color:var(--fg)}.sb__tab--active{background:var(--highlight);color:var(--accent)}.sb__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@container match (min-width:880px){.sb--battle{width:auto}.sb__tabs{display:none}.sb--battle .sb__board-label{display:block}.sb--battle .sb__boards{scroll-snap-type:none;flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:1.5rem;overflow-x:visible}.sb--battle .sb__boards .sb__board{flex:none}}.sb__status--hit{color:var(--accent);font-weight:600}