@font-face{font-family:LoopBoo Display;font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/mplus-rounded-700-cyrillic-BKkNNS7o.woff2)format("woff2");size-adjust:94%;ascent-override:103%;descent-override:25.5%;line-gap-override:0%;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:LoopBoo Display;font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/mplus-rounded-700-latin-ext-8QQsdmZa.woff2)format("woff2");size-adjust:94%;ascent-override:103%;descent-override:25.5%;line-gap-override:0%;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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:LoopBoo Display;font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/mplus-rounded-700-latin-BYs1YzuX.woff2)format("woff2");size-adjust:94%;ascent-override:103%;descent-override:25.5%;line-gap-override:0%;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:LoopBoo Display;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/mplus-rounded-800-cyrillic-D_r6yFHG.woff2)format("woff2");size-adjust:94%;ascent-override:103%;descent-override:25.5%;line-gap-override:0%;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:LoopBoo Display;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/mplus-rounded-800-latin-ext-C01CBpaL.woff2)format("woff2");size-adjust:94%;ascent-override:103%;descent-override:25.5%;line-gap-override:0%;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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:LoopBoo Display;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/mplus-rounded-800-latin-941enk6N.woff2)format("woff2");size-adjust:94%;ascent-override:103%;descent-override:25.5%;line-gap-override:0%;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:LoopBoo Display;font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/mplus-rounded-900-cyrillic-41XaRP-L.woff2)format("woff2");size-adjust:94%;ascent-override:103%;descent-override:25.5%;line-gap-override:0%;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:LoopBoo Display;font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/mplus-rounded-900-latin-ext-w9bUnDud.woff2)format("woff2");size-adjust:94%;ascent-override:103%;descent-override:25.5%;line-gap-override:0%;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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:LoopBoo Display;font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/mplus-rounded-900-latin-C3bL2EA2.woff2)format("woff2");size-adjust:94%;ascent-override:103%;descent-override:25.5%;line-gap-override:0%;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}:root{--bg:#f5f6f0;--bg-tint:#eceee3;--surface:#fff;--surface-2:#f3f4ed;--surface-3:#e6e8da;--border:#e2e4d8;--border-strong:#c8cbb8;--text:#16170f;--text-dim:#55584a;--text-faint:#838774;--accent:#c8ff01;--accent-hover:#b6e800;--accent-text:#4e6b00;--accent-soft:#eefcc2;--accent-ring:#96be0066;--on-accent:#14170a;--lime:#c8ff01;--on-lime:#14170a;--warm:#d97706;--warm-soft:#fdf1d8;--good:#16955f;--good-soft:#dcf3e8;--bad:#d2453f;--bad-soft:#fbe4e3;--radius-xs:8px;--radius-sm:12px;--radius:18px;--radius-lg:26px;--radius-pill:999px;--shadow-sm:0 1px 2px #16170f0f, 0 2px 8px -4px #16170f14;--shadow:0 12px 32px -14px #16170f47;--shadow-accent:0 10px 26px -14px #a0cd00bf;--scrim:#0a08148c;--slide-shade:#080612d1;--on-slide:#fff;--on-slide-dim:#ffffffd6;--gutter:clamp(1rem, 4vw, 2.25rem);--content:74rem;--texture:none;--font-display:"Fredoka", "LoopBoo Display", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}:lang(en),:lang(es),:lang(pt),:lang(fr),:lang(de),:lang(it),:lang(id){--font-display:"Fredoka", "LoopBoo Display", "Nunito", system-ui, sans-serif}:lang(tr),:lang(az),:lang(pl),:lang(ru){--font-display:"LoopBoo Display", "Nunito", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c0d0a;--bg-tint:#121410;--surface:#16180f;--surface-2:#1e2116;--surface-3:#2a2e1f;--border:#272a1d;--border-strong:#3d422c;--text:#f6f7f0;--text-dim:#a9ad98;--text-faint:#7a7e6a;--accent:#c8ff01;--accent-hover:#d8ff45;--accent-text:#c8ff01;--accent-soft:#262d0a;--accent-ring:#c8ff0159;--on-accent:#12150a;--warm:#f6b442;--warm-soft:#33270f;--good:#45d492;--good-soft:#10301f;--bad:#ff6f68;--bad-soft:#351a1b;--shadow-sm:0 1px 2px #00000073;--shadow:0 18px 40px -18px #000000d9;--shadow-accent:0 14px 32px -16px #c8ff0173}}:root[data-theme=dark]{--bg:#0c0d0a;--bg-tint:#121410;--surface:#16180f;--surface-2:#1e2116;--surface-3:#2a2e1f;--border:#272a1d;--border-strong:#3d422c;--text:#f6f7f0;--text-dim:#a9ad98;--text-faint:#7a7e6a;--accent:#c8ff01;--accent-hover:#d8ff45;--accent-text:#c8ff01;--accent-soft:#262d0a;--accent-ring:#c8ff0159;--on-accent:#12150a;--warm:#f6b442;--warm-soft:#33270f;--good:#45d492;--good-soft:#10301f;--bad:#ff6f68;--bad-soft:#351a1b;--shadow-sm:0 1px 2px #00000073;--shadow:0 18px 40px -18px #000000d9;--shadow-accent:0 14px 32px -16px #c8ff0173}:root[data-game=wordboo]{--bg:#f4f1ff;--bg-tint:#ebe5ff;--surface:#fff;--surface-2:#f2edff;--surface-3:#e4dcff;--border:#e3dbff;--border-strong:#c8baf5;--text:#1a1438;--text-dim:#4e4580;--text-faint:#8178b0;--accent:#6a4cf5;--accent-hover:#5b3ff0;--accent-text:#5b3ff0;--accent-soft:#e9e2ff;--accent-ring:#6a4cf559;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #6a4cf573;--texture:url(/textures/wordboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=wordboo]:not([data-theme=light]){--bg:#110e26;--bg-tint:#171338;--surface:#1b1642;--surface-2:#241e53;--surface-3:#2f2866;--border:#2b245e;--border-strong:#443a8c;--text:#f4f1ff;--text-dim:#b9b0e8;--text-faint:#8b82c2;--accent:#9b7bff;--accent-hover:#ae93ff;--accent-text:#c2b0ff;--accent-soft:#2b2266;--accent-ring:#9b7bff66;--on-accent:#120e2b;--shadow-accent:0 14px 32px -16px #9b7bff73;--texture:url(/textures/wordboo-dark.svg)}}:root[data-game=wordboo][data-theme=dark]{--bg:#110e26;--bg-tint:#171338;--surface:#1b1642;--surface-2:#241e53;--surface-3:#2f2866;--border:#2b245e;--border-strong:#443a8c;--text:#f4f1ff;--text-dim:#b9b0e8;--text-faint:#8b82c2;--accent:#9b7bff;--accent-hover:#ae93ff;--accent-text:#c2b0ff;--accent-soft:#2b2266;--accent-ring:#9b7bff66;--on-accent:#120e2b;--shadow-accent:0 14px 32px -16px #9b7bff73;--texture:url(/textures/wordboo-dark.svg)}:root[data-game=sizeboo]{--bg:#eef3fb;--bg-tint:#e3ebf8;--surface:#fff;--surface-2:#f1f5fc;--surface-3:#e1e9f6;--border:#d8e2f2;--border-strong:#b3c4e2;--text:#0f1d3a;--text-dim:#3f5279;--text-faint:#6f82a8;--accent:#ffc21a;--accent-hover:#ffb300;--accent-text:#8a5a00;--accent-soft:#fff1c4;--accent-ring:#e6a00073;--on-accent:#1d1600;--shadow-accent:0 10px 26px -14px #d6960099;--texture:url(/textures/sizeboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=sizeboo]:not([data-theme=light]){--bg:#0a1530;--bg-tint:#0e1b3c;--surface:#112148;--surface-2:#172a57;--surface-3:#203668;--border:#1d3162;--border-strong:#2f4a89;--text:#eef3ff;--text-dim:#a9b8dc;--text-faint:#7688b6;--accent:#ffc933;--accent-hover:#ffd65c;--accent-text:#ffd65c;--accent-soft:#1f3c7c;--accent-ring:#ffc9336b;--on-accent:#1a1400;--shadow-accent:0 14px 32px -16px #ffc9336b;--texture:url(/textures/sizeboo-dark.svg)}}:root[data-game=sizeboo][data-theme=dark]{--bg:#0a1530;--bg-tint:#0e1b3c;--surface:#112148;--surface-2:#172a57;--surface-3:#203668;--border:#1d3162;--border-strong:#2f4a89;--text:#eef3ff;--text-dim:#a9b8dc;--text-faint:#7688b6;--accent:#ffc933;--accent-hover:#ffd65c;--accent-text:#ffd65c;--accent-soft:#1f3c7c;--accent-ring:#ffc9336b;--on-accent:#1a1400;--shadow-accent:0 14px 32px -16px #ffc9336b;--texture:url(/textures/sizeboo-dark.svg)}:root[data-game=colorboo]{--bg:#faf5f0;--bg-tint:#f4ebe3;--surface:#fff;--surface-2:#f8f1ea;--surface-3:#efe4da;--border:#eadfd4;--border-strong:#d6c4b4;--text:#2a1d17;--text-dim:#5e4b40;--text-faint:#8f7a6c;--accent:#ff6b4a;--accent-hover:#ff5a36;--accent-text:#c2391a;--accent-soft:#ffe6dd;--accent-ring:#ff6b4a66;--on-accent:#2a0e06;--shadow-accent:0 10px 26px -14px #e650288c;--texture:url(/textures/colorboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=colorboo]:not([data-theme=light]){--bg:#15110f;--bg-tint:#1b1613;--surface:#221b18;--surface-2:#2a221e;--surface-3:#352b26;--border:#2f2622;--border-strong:#4a3c35;--text:#fbf3ee;--text-dim:#cdbbb0;--text-faint:#9a877c;--accent:#ff7d5c;--accent-hover:#ff9677;--accent-text:#ffa58c;--accent-soft:#3d2219;--accent-ring:#ff7d5c6b;--on-accent:#2a0e06;--shadow-accent:0 14px 32px -16px #ff7d5c73;--texture:url(/textures/colorboo-dark.svg)}}:root[data-game=colorboo][data-theme=dark]{--bg:#15110f;--bg-tint:#1b1613;--surface:#221b18;--surface-2:#2a221e;--surface-3:#352b26;--border:#2f2622;--border-strong:#4a3c35;--text:#fbf3ee;--text-dim:#cdbbb0;--text-faint:#9a877c;--accent:#ff7d5c;--accent-hover:#ff9677;--accent-text:#ffa58c;--accent-soft:#3d2219;--accent-ring:#ff7d5c6b;--on-accent:#2a0e06;--shadow-accent:0 14px 32px -16px #ff7d5c73;--texture:url(/textures/colorboo-dark.svg)}:root[data-game=drawboo]{--bg:#f6f5f0;--bg-tint:#eeece4;--surface:#fff;--surface-2:#f4f3ee;--surface-3:#e8e6dd;--border:#e4e1d6;--border-strong:#cfcabb;--text:#22252a;--text-dim:#4f545c;--text-faint:#858a92;--accent:#10b3a3;--accent-hover:#0ea394;--accent-text:#0b7a70;--accent-soft:#d6f3ef;--accent-ring:#10b3a359;--on-accent:#04211e;--shadow-accent:0 10px 26px -14px #10968a8c;--texture:url(/textures/drawboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=drawboo]:not([data-theme=light]){--bg:#121417;--bg-tint:#171a1e;--surface:#1d2025;--surface-2:#24282e;--surface-3:#2e333a;--border:#2a2e35;--border-strong:#3f454e;--text:#f1f3f5;--text-dim:#b7bdc6;--text-faint:#858c96;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-text:#5eead4;--accent-soft:#123b37;--accent-ring:#2dd4bf66;--on-accent:#04211e;--shadow-accent:0 14px 32px -16px #2dd4bf66;--texture:url(/textures/drawboo-dark.svg)}}:root[data-game=drawboo][data-theme=dark]{--bg:#121417;--bg-tint:#171a1e;--surface:#1d2025;--surface-2:#24282e;--surface-3:#2e333a;--border:#2a2e35;--border-strong:#3f454e;--text:#f1f3f5;--text-dim:#b7bdc6;--text-faint:#858c96;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-text:#5eead4;--accent-soft:#123b37;--accent-ring:#2dd4bf66;--on-accent:#04211e;--shadow-accent:0 14px 32px -16px #2dd4bf66;--texture:url(/textures/drawboo-dark.svg)}:root[data-game=nameboo]{--bg:#f5efe1;--bg-tint:#ede4cf;--surface:#fffdf7;--surface-2:#f8f2e4;--surface-3:#ece2cb;--border:#e6dbc3;--border-strong:#cfc1a1;--text:#1f2340;--text-dim:#4c5070;--text-faint:#868aa0;--accent:#f2b231;--accent-hover:#e5a21c;--accent-text:#9a6500;--accent-soft:#fcefcc;--accent-ring:#f2b23166;--on-accent:#2a1d00;--shadow-accent:0 10px 26px -14px #d696148c;--texture:url(/textures/nameboo-light.svg);--nb-paper:#fdf8ea;--nb-ink:#1f2340;--nb-edge:#e3d6b8;--nb-on-team:#fff;--nb-neutral:#d9cba7;--nb-neutral-ink:#4f4429;--nb-boo:#1c1f33;--nb-boo-tint:#c9cbd6;--nb-red:#e5484d;--nb-red-tint:#f9d5d3;--nb-red-text:#c0272d;--nb-blue:#3a6ff0;--nb-blue-tint:#d6e1fb;--nb-blue-text:#2353c8;--nb-friend:#22a861;--nb-friend-tint:#d3efdf;--nb-friend-text:#157a45}@media (prefers-color-scheme:dark){:root[data-game=nameboo]:not([data-theme=light]){--bg:#11142a;--bg-tint:#151935;--surface:#1a1f3d;--surface-2:#212748;--surface-3:#2b3256;--border:#262c4d;--border-strong:#3a4270;--text:#f1f2fa;--text-dim:#b5b9d6;--text-faint:#8186a8;--accent:#f5bf4f;--accent-hover:#ffd27a;--accent-text:#ffd27a;--accent-soft:#3a2f12;--accent-ring:#f5bf4f66;--on-accent:#2a1d00;--shadow-accent:0 14px 32px -16px #f5bf4f66;--texture:url(/textures/nameboo-dark.svg);--nb-edge:#c9b98f;--nb-neutral:#cbbd97;--nb-neutral-ink:#3d341d;--nb-boo:#05060d;--nb-red:#ec5a5e;--nb-red-text:#ff8a8d;--nb-blue:#4d80ff;--nb-blue-text:#8fb0ff;--nb-friend:#2fbf71;--nb-friend-text:#6fe0a3}}:root[data-game=nameboo][data-theme=dark]{--bg:#11142a;--bg-tint:#151935;--surface:#1a1f3d;--surface-2:#212748;--surface-3:#2b3256;--border:#262c4d;--border-strong:#3a4270;--text:#f1f2fa;--text-dim:#b5b9d6;--text-faint:#8186a8;--accent:#f5bf4f;--accent-hover:#ffd27a;--accent-text:#ffd27a;--accent-soft:#3a2f12;--accent-ring:#f5bf4f66;--on-accent:#2a1d00;--shadow-accent:0 14px 32px -16px #f5bf4f66;--texture:url(/textures/nameboo-dark.svg);--nb-edge:#c9b98f;--nb-neutral:#cbbd97;--nb-neutral-ink:#3d341d;--nb-boo:#05060d;--nb-red:#ec5a5e;--nb-red-text:#ff8a8d;--nb-blue:#4d80ff;--nb-blue-text:#8fb0ff;--nb-friend:#2fbf71;--nb-friend-text:#6fe0a3}:root[data-game=hueboo]{--bg:#f7f6f4;--bg-tint:#efedea;--surface:#fff;--surface-2:#f6f5f2;--surface-3:#eae7e3;--border:#e6e2dd;--border-strong:#cfc9c2;--text:#1e1b1d;--text-dim:#555056;--text-faint:#8a8489;--accent:#e0336f;--accent-hover:#c9255f;--accent-text:#b81f57;--accent-soft:#fde4ed;--accent-ring:#e0336f61;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #c81e5a80;--texture:url(/textures/hueboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=hueboo]:not([data-theme=light]){--bg:#131215;--bg-tint:#18171b;--surface:#1f1e23;--surface-2:#26252b;--surface-3:#313037;--border:#2b2a30;--border-strong:#47454e;--text:#f6f4f6;--text-dim:#c6c2c8;--text-faint:#8f8b94;--accent:#ff5c93;--accent-hover:#ff7aa7;--accent-text:#ff8fb3;--accent-soft:#3b1a28;--accent-ring:#ff5c936b;--on-accent:#2a0614;--shadow-accent:0 14px 32px -16px #ff5c9373;--texture:url(/textures/hueboo-dark.svg)}}:root[data-game=hueboo][data-theme=dark]{--bg:#131215;--bg-tint:#18171b;--surface:#1f1e23;--surface-2:#26252b;--surface-3:#313037;--border:#2b2a30;--border-strong:#47454e;--text:#f6f4f6;--text-dim:#c6c2c8;--text-faint:#8f8b94;--accent:#ff5c93;--accent-hover:#ff7aa7;--accent-text:#ff8fb3;--accent-soft:#3b1a28;--accent-ring:#ff5c936b;--on-accent:#2a0614;--shadow-accent:0 14px 32px -16px #ff5c9373;--texture:url(/textures/hueboo-dark.svg)}:root[data-game=fuseboo]{--bg:#fbf6f2;--bg-tint:#f4ece6;--surface:#fff;--surface-2:#f8f2ee;--surface-3:#eee4de;--border:#ebe0d9;--border-strong:#d5c5bb;--text:#26171a;--text-dim:#5e4a4d;--text-faint:#907c7f;--accent:#d42a45;--accent-hover:#bd1f39;--accent-text:#b21d36;--accent-soft:#fde2e6;--accent-ring:#d42a455c;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #be1e378c;--texture:url(/textures/fuseboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=fuseboo]:not([data-theme=light]){--bg:#141012;--bg-tint:#1a1517;--surface:#221b1e;--surface-2:#2a2226;--surface-3:#362c30;--border:#30272b;--border-strong:#4c3f44;--text:#fbf1f2;--text-dim:#cfbcbf;--text-faint:#9a878b;--accent:#ff4d63;--accent-hover:#ff6b7e;--accent-text:#ff8494;--accent-soft:#3d1a21;--accent-ring:#ff4d636b;--on-accent:#2b0509;--shadow-accent:0 14px 32px -16px #ff4d6373;--texture:url(/textures/fuseboo-dark.svg)}}:root[data-game=fuseboo][data-theme=dark]{--bg:#141012;--bg-tint:#1a1517;--surface:#221b1e;--surface-2:#2a2226;--surface-3:#362c30;--border:#30272b;--border-strong:#4c3f44;--text:#fbf1f2;--text-dim:#cfbcbf;--text-faint:#9a878b;--accent:#ff4d63;--accent-hover:#ff6b7e;--accent-text:#ff8494;--accent-soft:#3d1a21;--accent-ring:#ff4d636b;--on-accent:#2b0509;--shadow-accent:0 14px 32px -16px #ff4d6373;--texture:url(/textures/fuseboo-dark.svg)}:root[data-game=typeboo]{--bg:#f5f7f3;--bg-tint:#ecefe8;--surface:#fff;--surface-2:#f4f6f1;--surface-3:#e5e9e1;--border:#e1e6dc;--border-strong:#c6cebf;--text:#17201a;--text-dim:#4d5a50;--text-faint:#839085;--accent:#16a34a;--accent-hover:#15803d;--accent-text:#15803d;--accent-soft:#dcfce7;--accent-ring:#16a34a5c;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #15803d8c;--texture:url(/textures/typeboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=typeboo]:not([data-theme=light]){--bg:#0f1311;--bg-tint:#141916;--surface:#19201c;--surface-2:#1f2722;--surface-3:#29332c;--border:#26302a;--border-strong:#3e4a42;--text:#eef5f0;--text-dim:#b8c4bc;--text-faint:#7f8c84;--accent:#3ddc84;--accent-hover:#5ce69a;--accent-text:#5ce69a;--accent-soft:#163322;--accent-ring:#3ddc8466;--on-accent:#052e16;--shadow-accent:0 14px 32px -16px #3ddc846b;--texture:url(/textures/typeboo-dark.svg)}}:root[data-game=typeboo][data-theme=dark]{--bg:#0f1311;--bg-tint:#141916;--surface:#19201c;--surface-2:#1f2722;--surface-3:#29332c;--border:#26302a;--border-strong:#3e4a42;--text:#eef5f0;--text-dim:#b8c4bc;--text-faint:#7f8c84;--accent:#3ddc84;--accent-hover:#5ce69a;--accent-text:#5ce69a;--accent-soft:#163322;--accent-ring:#3ddc8466;--on-accent:#052e16;--shadow-accent:0 14px 32px -16px #3ddc846b;--texture:url(/textures/typeboo-dark.svg)}:root[data-game=whenboo]{--bg:#faf6ee;--bg-tint:#f2ebdd;--surface:#fffdf8;--surface-2:#f7f1e5;--surface-3:#ece2cf;--border:#e8dcc6;--border-strong:#d0bf9f;--text:#2b2117;--text-dim:#5f4f3d;--text-faint:#938169;--accent:#c2410c;--accent-hover:#a8380b;--accent-text:#9a3412;--accent-soft:#ffedd5;--accent-ring:#c2410c59;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #9a341280;--texture:url(/textures/whenboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=whenboo]:not([data-theme=light]){--bg:#15110c;--bg-tint:#1b1610;--surface:#231c14;--surface-2:#2b2319;--surface-3:#382d20;--border:#32281c;--border-strong:#50412f;--text:#f8f1e6;--text-dim:#cfc0aa;--text-faint:#9a8a73;--accent:#f59e5b;--accent-hover:#f8b47e;--accent-text:#f8b47e;--accent-soft:#3d2a17;--accent-ring:#f59e5b66;--on-accent:#2b1406;--shadow-accent:0 14px 32px -16px #f59e5b6b;--texture:url(/textures/whenboo-dark.svg)}}:root[data-game=whenboo][data-theme=dark]{--bg:#15110c;--bg-tint:#1b1610;--surface:#231c14;--surface-2:#2b2319;--surface-3:#382d20;--border:#32281c;--border-strong:#50412f;--text:#f8f1e6;--text-dim:#cfc0aa;--text-faint:#9a8a73;--accent:#f59e5b;--accent-hover:#f8b47e;--accent-text:#f8b47e;--accent-soft:#3d2a17;--accent-ring:#f59e5b66;--on-accent:#2b1406;--shadow-accent:0 14px 32px -16px #f59e5b6b;--texture:url(/textures/whenboo-dark.svg)}:root[data-game=memoryboo]{--bg:#f2f7fd;--bg-tint:#e6f0fb;--surface:#fff;--surface-2:#f0f6fd;--surface-3:#dfeaf7;--border:#d9e6f5;--border-strong:#b3c9e3;--text:#0f1d2e;--text-dim:#45586f;--text-faint:#7a8ca3;--accent:#1f8fe0;--accent-hover:#1577c2;--accent-text:#0f63a8;--accent-soft:#dceefc;--accent-ring:#1f8fe059;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #0f63a880;--texture:url(/textures/memoryboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=memoryboo]:not([data-theme=light]){--bg:#0b1322;--bg-tint:#0f192b;--surface:#142036;--surface-2:#1a2841;--surface-3:#23344f;--border:#1f2e47;--border-strong:#34496a;--text:#eef4fc;--text-dim:#b4c3d8;--text-faint:#7f91aa;--accent:#5cc8ff;--accent-hover:#86d6ff;--accent-text:#86d6ff;--accent-soft:#15324d;--accent-ring:#5cc8ff66;--on-accent:#062236;--shadow-accent:0 14px 32px -16px #5cc8ff6b;--texture:url(/textures/memoryboo-dark.svg)}}:root[data-game=memoryboo][data-theme=dark]{--bg:#0b1322;--bg-tint:#0f192b;--surface:#142036;--surface-2:#1a2841;--surface-3:#23344f;--border:#1f2e47;--border-strong:#34496a;--text:#eef4fc;--text-dim:#b4c3d8;--text-faint:#7f91aa;--accent:#5cc8ff;--accent-hover:#86d6ff;--accent-text:#86d6ff;--accent-soft:#15324d;--accent-ring:#5cc8ff66;--on-accent:#062236;--shadow-accent:0 14px 32px -16px #5cc8ff6b;--texture:url(/textures/memoryboo-dark.svg)}:root[data-game=fruboo]{--bg:#fcf3fb;--bg-tint:#f8e8f6;--surface:#fff;--surface-2:#fbf0fa;--surface-3:#f3dff0;--border:#f0dcec;--border-strong:#ddb5d6;--text:#2a0f26;--text-dim:#6b4565;--text-faint:#a07a99;--accent:#c026d3;--accent-hover:#a21caf;--accent-text:#9d1aaa;--accent-soft:#fae0fb;--accent-ring:#c026d359;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #9d1aaa80;--texture:url(/textures/fruboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=fruboo]:not([data-theme=light]){--bg:#170a1a;--bg-tint:#1d0d21;--surface:#24112a;--surface-2:#2c1533;--surface-3:#391c42;--border:#34193b;--border-strong:#52305b;--text:#fbeefc;--text-dim:#d6b8d9;--text-faint:#9d7ea3;--accent:#e879f9;--accent-hover:#f0a3fb;--accent-text:#f0a3fb;--accent-soft:#3e1747;--accent-ring:#e879f966;--on-accent:#2b0633;--shadow-accent:0 14px 32px -16px #e879f96b;--texture:url(/textures/fruboo-dark.svg)}}:root[data-game=fruboo][data-theme=dark]{--bg:#170a1a;--bg-tint:#1d0d21;--surface:#24112a;--surface-2:#2c1533;--surface-3:#391c42;--border:#34193b;--border-strong:#52305b;--text:#fbeefc;--text-dim:#d6b8d9;--text-faint:#9d7ea3;--accent:#e879f9;--accent-hover:#f0a3fb;--accent-text:#f0a3fb;--accent-soft:#3e1747;--accent-ring:#e879f966;--on-accent:#2b0633;--shadow-accent:0 14px 32px -16px #e879f96b;--texture:url(/textures/fruboo-dark.svg)}:root[data-game=slideboo]{--bg:#eef8fb;--bg-tint:#e2f2f7;--surface:#fff;--surface-2:#eef7fa;--surface-3:#dcedf3;--border:#d3e8ef;--border-strong:#a9cfdc;--text:#0b1f26;--text-dim:#3e5761;--text-faint:#64808b;--accent:#0781a0;--accent-hover:#066d87;--accent-text:#0b6680;--accent-soft:#d5f1f8;--accent-ring:#0891b259;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #0b668080;--texture:url(/textures/slideboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=slideboo]:not([data-theme=light]){--bg:#071a22;--bg-tint:#0a2029;--surface:#0f2a35;--surface-2:#143340;--surface-3:#1c4050;--border:#173643;--border-strong:#2b5566;--text:#ecf8fb;--text-dim:#b0c8d1;--text-faint:#7895a1;--accent:#22d3ee;--accent-hover:#67e8f9;--accent-text:#67e8f9;--accent-soft:#0e3a47;--accent-ring:#22d3ee66;--on-accent:#042f38;--shadow-accent:0 14px 32px -16px #22d3ee6b;--texture:url(/textures/slideboo-dark.svg)}}:root[data-game=slideboo][data-theme=dark]{--bg:#071a22;--bg-tint:#0a2029;--surface:#0f2a35;--surface-2:#143340;--surface-3:#1c4050;--border:#173643;--border-strong:#2b5566;--text:#ecf8fb;--text-dim:#b0c8d1;--text-faint:#7895a1;--accent:#22d3ee;--accent-hover:#67e8f9;--accent-text:#67e8f9;--accent-soft:#0e3a47;--accent-ring:#22d3ee66;--on-accent:#042f38;--shadow-accent:0 14px 32px -16px #22d3ee6b;--texture:url(/textures/slideboo-dark.svg)}:root[data-game=mineboo]{--bg:#f3f8ec;--bg-tint:#e8f1dc;--surface:#fff;--surface-2:#f1f7e8;--surface-3:#e1edd0;--border:#dce8cc;--border-strong:#b6ca9a;--text:#18220f;--text-dim:#4b5a3c;--text-faint:#738262;--accent:#47800f;--accent-hover:#3d6f0c;--accent-text:#3b6b0d;--accent-soft:#e2f2cc;--accent-ring:#47800f59;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #3b6b0d80;--texture:url(/textures/mineboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=mineboo]:not([data-theme=light]){--bg:#0d140a;--bg-tint:#121b0e;--surface:#172113;--surface-2:#1d2918;--surface-3:#27361f;--border:#223019;--border-strong:#3a4d2c;--text:#f0f7e6;--text-dim:#b2c29e;--text-faint:#7e8f6c;--accent:#a3e048;--accent-hover:#b8ea6c;--accent-text:#b8ea6c;--accent-soft:#24361a;--accent-ring:#a3e04866;--on-accent:#132006;--shadow-accent:0 14px 32px -16px #a3e0486b;--texture:url(/textures/mineboo-dark.svg)}}:root[data-game=mineboo][data-theme=dark]{--bg:#0d140a;--bg-tint:#121b0e;--surface:#172113;--surface-2:#1d2918;--surface-3:#27361f;--border:#223019;--border-strong:#3a4d2c;--text:#f0f7e6;--text-dim:#b2c29e;--text-faint:#7e8f6c;--accent:#a3e048;--accent-hover:#b8ea6c;--accent-text:#b8ea6c;--accent-soft:#24361a;--accent-ring:#a3e04866;--on-accent:#132006;--shadow-accent:0 14px 32px -16px #a3e0486b;--texture:url(/textures/mineboo-dark.svg)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--text-faint) 55%, transparent) padding-box;border:3px solid #0000;border-radius:999px;min-height:40px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab, var(--accent-text) 80%, transparent)}::-webkit-scrollbar-thumb:active{background-color:var(--accent-text)}::-webkit-scrollbar-button{display:none}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--text-faint) 55%, transparent) transparent}}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:500;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.005em;margin:0;font-weight:600;line-height:1.15}h1{font-size:1.4rem}h2{font-size:1.6rem}h3{font-size:1.1rem}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none;transition:color .12s}a:hover{color:var(--accent-text)}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px;border-radius:var(--radius-xs)}button,input,select,textarea{font:inherit;color:inherit}.btn{border-radius:var(--radius-pill);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-body);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.92rem;font-weight:700;transition:background .14s,border-color .14s,color .14s,transform .1s,box-shadow .14s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:#0000}.btn-sm{padding:.32rem .75rem;font-size:.84rem}.btn-lg{padding:.72rem 1.5rem;font-size:1rem}.input{border-radius:var(--radius-pill);border:1.5px solid var(--border-strong);background:var(--surface);min-width:0;padding:.6rem .95rem;font-weight:600;transition:border-color .14s,box-shadow .14s}.input::placeholder{color:var(--text-faint);font-weight:500}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.badge{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-dim);white-space:nowrap;align-items:center;gap:.25rem;padding:.14rem .6rem;font-size:.76rem;font-weight:700;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent-text)}.badge-warm{background:var(--warm-soft);color:var(--warm)}.badge-good{background:var(--good-soft);color:var(--good)}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.tiny{font-size:.82rem}.mono{letter-spacing:.14em;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;font-weight:700}.stack{flex-direction:column;gap:1rem;display:flex}.stack-sm{flex-direction:column;gap:.5rem;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.alert{border-radius:var(--radius-sm);background:var(--bad-soft);color:var(--bad);padding:.7rem 1rem;font-size:.9rem;font-weight:600}html[data-relang] #root{visibility:hidden}.app{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.app:before{content:"";z-index:-1;pointer-events:none;background-image:var(--texture);background-size:288px 288px;height:min(1400px,100%);position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 8%,#0000 80%);mask-image:linear-gradient(#000 8%,#0000 80%)}.shell{width:100%;max-width:var(--content);padding-inline:var(--gutter);margin-inline:auto}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1.5px solid var(--border);position:sticky;top:0}.site-header .shell{align-items:center;gap:1.25rem;height:68px;display:flex}.brand{color:var(--text);flex:none;align-items:center;display:inline-flex}.brand:hover{color:var(--accent-text)}.brand svg{width:auto;height:30px}.site-nav{gap:.25rem;margin-right:auto;display:flex}.site-nav a{border-radius:var(--radius-pill);color:var(--text-dim);padding:.4rem .85rem;font-size:.92rem;font-weight:700}.site-nav a:hover{background:var(--surface-2);color:var(--text)}.site-nav a.active{background:var(--accent-soft);color:var(--accent-text)}.header-tools{align-items:center;gap:.5rem;display:flex}.select{display:inline-flex;position:relative}.select-value{align-items:center;gap:.35rem;min-width:0;display:inline-flex}.select-chevron{color:var(--text-faint);flex:none;transition:transform .16s}[aria-expanded=true]>.select-chevron{transform:rotate(180deg)}.menu{z-index:30;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:max(100%,13.5rem);max-height:min(30rem,70vh);box-shadow:var(--shadow);text-align:left;margin:0;padding:.4rem;list-style:none;animation:.14s ease-out menu-in;position:absolute;top:calc(100% + .5rem);left:0;overflow-y:auto}.menu.is-end{left:auto;right:0}.menu:focus{outline:none}.menu-item{border-radius:var(--radius-sm);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .8rem;font-size:.92rem;font-weight:700;display:flex}.menu-item.is-active{background:var(--surface-2)}.menu-item[aria-selected=true]{background:var(--accent-soft);color:var(--accent-text)}.menu-hint{color:var(--text-faint);letter-spacing:.06em;font-size:.74rem}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){.menu{animation:none}.select-chevron{transition:none}}.lang-picker{gap:.35rem}.lang-picker svg{flex:none}.lang-picker[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.lang-picker-code{display:none}.theme-switch{border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-2);cursor:pointer;flex:none;align-items:center;gap:1px;padding:2px;display:inline-flex;position:relative}.theme-switch:before{content:"";background:var(--accent);width:24px;height:24px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .18s;position:absolute;top:2px;left:2px}.theme-switch[aria-checked=true]:before{transform:translate(25px)}.theme-switch svg{width:24px;height:24px;color:var(--text-faint);padding:4px;transition:color .18s;position:relative}.theme-switch[aria-checked=false] .theme-sun,.theme-switch[aria-checked=true] .theme-moon{color:var(--on-accent)}.theme-switch:hover{border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.theme-switch:before,.theme-switch svg{transition:none}}.sound-switch{border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-2);flex:none;align-items:center;gap:1px;padding:2px;display:inline-flex}.sound-switch:hover{border-color:var(--accent)}.sound-btn{width:24px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .18s,color .18s;display:grid}.sound-btn svg{width:16px;height:16px}.sound-btn:hover{color:var(--text)}.sound-btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.sound-slash{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.sound-btn{transition:none}}@media (width<=23.4rem){.lang-picker .select-chevron{display:none}}.room-head .fs-sound{display:none}.play-stage[data-fullscreen] .room-head .fs-sound{display:inline-flex}.site-main{flex:1;padding-block:clamp(1.5rem,4vw,3rem) 4.5rem}.site-footer{border-top:1.5px solid var(--border);color:var(--text-faint);padding-block:1.5rem;font-size:.84rem}.site-footer .shell{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer svg{width:auto;height:22px;color:var(--text-faint)}.account{flex:none;display:inline-flex;position:relative}.account-trigger{border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);max-width:13rem;color:var(--text);cursor:pointer;align-items:center;gap:.45rem;padding:.22rem .6rem .22rem .22rem;font-size:.88rem;font-weight:700;transition:border-color .14s,background .14s;display:inline-flex}.account-trigger:hover,.account-trigger[aria-expanded=true]{border-color:var(--accent)}.account-trigger[aria-expanded=true]{background:var(--surface-2)}.account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.avatar{border-radius:var(--radius-pill);width:28px;height:28px;font-family:var(--font-display);color:var(--on-accent);background:var(--accent);flex:none;place-items:center;font-size:.74rem;font-weight:600;display:grid}.avatar-pic{object-fit:cover;background:var(--surface-2);-webkit-user-select:none;user-select:none;padding:0;display:block}.account-menu{min-width:16rem;max-width:min(20rem,100vw - 2rem)}.account-card{align-items:center;gap:.75rem;padding:.45rem .55rem .6rem;display:flex}.avatar.account-card-avatar{width:44px;height:44px;font-size:1rem}.account-card-text{min-width:0;line-height:1.3;display:grid}.account-card-text strong{font-family:var(--font-display);font-size:1rem;font-weight:600}.account-card-text span{color:var(--text-faint);font-size:.82rem;font-weight:500}.account-card-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-sep{background:var(--border);height:1.5px;margin:.15rem .2rem .35rem}.menu-item.account-item{width:100%;font:inherit;text-align:left;background:0 0;border:0;justify-content:flex-start;gap:.65rem;font-size:.92rem;font-weight:700}.account-item svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;color:var(--text-dim);flex:none}.account-item:hover,.account-item:focus{background:var(--surface-2);outline:none}.account-item:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-ring)}@media (width<=64rem){.account-trigger{max-width:10rem}}.hero{border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 8% 0%, var(--accent-soft) 0%, transparent 55%), var(--surface);border:1.5px solid var(--border);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);margin-bottom:2.75rem;padding:clamp(1.75rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.hero-ghost{width:24rem;color:var(--accent);opacity:.07;pointer-events:none;position:absolute;bottom:-22%;right:-3%}.hero-copy{z-index:1;position:relative}.hero h1{letter-spacing:-.02em;margin-block:.6rem .85rem;font-size:clamp(2rem,4.6vw,3.1rem)}.hero p{color:var(--text-dim);max-width:32rem;font-size:1.03rem}.hero-slider{z-index:1;min-width:0;position:relative}.hero-slides{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--surface-3);box-shadow:var(--shadow);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.hero-slide{opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s linear .6s;position:absolute;inset:0}.hero-slide[data-active]{opacity:1;visibility:visible;transition:opacity .6s}.hero-slide img{object-fit:cover;width:100%;height:100%;transition:transform 6s ease-out;display:block;transform:scale(1.06)}.hero-slide[data-active] img{transform:scale(1)}.hero-slide-copy{background:linear-gradient(to top, var(--slide-shade) 0%, var(--slide-shade) 35%, transparent 100%);color:var(--on-slide);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name cta""tagline cta";align-items:end;column-gap:1rem;padding:3.5rem 1.1rem 1rem;display:grid;position:absolute;inset:auto 0 0}.hero-slide-name{color:var(--on-slide);grid-area:name;margin:0;font-size:clamp(1.2rem,2.2vw,1.55rem)}.hero .hero-slide-tagline{color:var(--on-slide-dim);text-overflow:ellipsis;white-space:nowrap;grid-area:tagline;max-width:none;margin:.15rem 0 0;font-size:.92rem;overflow:hidden}.hero-slide-cta{grid-area:cta;gap:.45rem}.hero-slide-cta svg,.hero-slider-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.hero-slider-btn svg .fill{fill:currentColor;stroke:none}.hero-slider-bar{align-items:center;gap:.4rem;margin-top:.75rem;display:flex}.hero-slider-btn{border-radius:var(--radius-pill);border:1.5px solid var(--border-strong);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;flex:none;place-items:center;display:inline-grid}.hero-slider-btn:hover{background:var(--surface-2)}.hero-slider-dots{flex:1;justify-content:center;gap:.15rem;min-width:0;display:flex}.hero-slider-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:1.1rem;height:1.5rem;padding:0;display:grid}.hero-slider-dot:before{content:"";border-radius:var(--radius-pill);background:var(--border-strong);width:.45rem;height:.45rem;transition:width .25s,background-color .25s}.hero-slider-dot[data-edge]:before{width:.3rem;height:.3rem}.hero-slider-dot[aria-current]:before{background:var(--accent-text);width:1rem}@media (prefers-reduced-motion:reduce){.hero-slide,.hero-slide[data-active],.hero-slide img,.hero-slider-dot:before{transition:none}.hero-slide img{transform:none}}@media (width<=30rem){.hero-slide-copy{grid-template-areas:"name cta";align-items:center;padding:2.25rem .8rem .75rem}.hero .hero-slide-tagline{display:none}.hero-slide-cta{padding:.5rem .9rem;font-size:.9rem}}.recent-games{margin-bottom:2.25rem}.recent-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;grid-auto-columns:minmax(13.5rem,calc(25% - .9375rem));grid-auto-flow:column;gap:1.25rem;padding-bottom:.4rem;display:grid;overflow-x:auto}.recent-row>*{scroll-snap-align:start}@media (width<=44rem){.recent-row{grid-auto-columns:70%}}.game-card-compact .game-card-body{padding-bottom:1rem}.join-form{gap:.5rem;margin-top:1rem;display:flex}.join-form .input{text-transform:uppercase;letter-spacing:.24em;text-align:center;font-family:var(--font-display);flex:1;font-size:1.05rem}.hero-join{max-width:28rem;margin-top:1.6rem}.hero-join-label{color:var(--text-dim);font-size:.88rem;font-weight:700;display:block}.join-form.is-hero{margin-top:.5rem}.join-form.is-hero .input{text-align:left;padding-inline:1.1rem}.join-form.is-hero .input::placeholder{text-transform:none;letter-spacing:normal;font-family:var(--font-body);font-size:.98rem}.join-form.is-hero .btn{padding-inline:1.4rem}.join-form.is-compact{flex-wrap:wrap;justify-content:center;align-items:center;width:min(24rem,100%);margin-top:0}.join-form-label{color:var(--text-dim);font-size:.88rem;font-weight:700}.join-form.is-compact .input{flex:7rem;max-width:10rem;padding-block:.45rem}.related-games{margin-top:2.5rem}.related-games .game-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.filter-row{flex-wrap:wrap;gap:.35rem;display:flex}.home-tools{flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;display:flex}.sort-row{align-items:center}.sort-label{color:var(--text-faint);margin-right:.15rem;font-size:.82rem;font-weight:700}.filter-row button{border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;padding:.34rem .9rem;font-size:.87rem;font-weight:700;transition:background .14s,color .14s,border-color .14s}.filter-row button:hover{color:var(--text);border-color:var(--border-strong)}.filter-row button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:1.25rem;display:grid}.game-card{cursor:pointer;flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.game-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.game-card:has(.game-card-link:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.game-card-link{color:inherit}.game-card-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.game-card-link:focus-visible{outline:none}.game-card .game-cover img{transition:transform .3s}.game-card:hover .game-cover img{transform:scale(1.035)}.game-cover{aspect-ratio:16/9;place-items:center;display:grid;position:relative;overflow:hidden}.game-cover svg{width:62%;height:auto}.status-pin{color:#16170f;background:#ffffffe6;position:absolute;top:.7rem;right:.7rem}.game-card-body{flex-direction:column;flex:1;gap:.6rem;padding:1.05rem 1.15rem 1.15rem;display:flex}.game-card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.game-card:hover h3{color:var(--accent-text)}.game-card-go{border-radius:var(--radius-pill);background:var(--surface-2);width:2.25rem;height:2.25rem;color:var(--text-dim);flex:none;place-items:center;transition:background .16s,color .16s;display:grid}.game-card-go svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem;transition:transform .16s}.game-card:hover .game-card-go{background:var(--accent);color:var(--on-accent)}.game-card:has(.game-card-link:focus-visible) .game-card-go{background:var(--accent);color:var(--on-accent)}.game-card:hover .game-card-go svg{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.game-card,.game-card .game-cover img,.game-card-go svg{transition:none}.game-card:hover,.game-card:hover .game-cover img,.game-card:hover .game-card-go svg{transform:none}}.game-card-tagline{color:var(--text-faint);font-size:.85rem;font-weight:600}.game-card-summary{color:var(--text-dim);flex:1;font-size:.9rem}.game-card-meta{flex-wrap:wrap;gap:.35rem;display:flex}.crumbs{color:var(--text-faint);margin-bottom:1rem;font-size:.85rem;font-weight:600}.detail-art{aspect-ratio:4/3;border-radius:var(--radius-sm);flex:none;place-items:center;width:8.5rem;display:grid;overflow:hidden}.detail-art svg{width:66%;height:auto}.game-cover.has-image img,.detail-art.has-image img{object-fit:cover;width:100%;height:100%}.game-start{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:1.75rem;padding:3rem 2.5rem 2.25rem;display:flex}.game-title{flex-direction:column;align-items:center;gap:.75rem;font-size:clamp(2rem,4vw,2.75rem);display:flex}.game-genre{font-family:var(--font-body);letter-spacing:.01em;font-size:.8rem;font-weight:800}.game-start-tagline{color:var(--text-dim);margin-top:-.25rem;font-size:1.1rem}.mode-picker{border:0;width:min(46rem,100%);margin:.75rem 0 0;padding:0}.mode-picker legend{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;margin:0 auto .75rem;padding:0;font-size:.76rem;font-weight:700}.mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.mode-option{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.2rem;padding:1rem 1.1rem 1.1rem;transition:border-color .14s,background .14s,box-shadow .14s;display:flex;position:relative}.mode-option:hover{border-color:var(--border-strong)}.mode-option.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-ring)}.mode-option:has(input:focus-visible){outline:3px solid var(--accent-ring);outline-offset:2px}.mode-option input{opacity:0;pointer-events:none;position:absolute}.mode-option-name{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.mode-option-meta{color:var(--accent-text);font-size:.8rem;font-weight:700}.mode-option-hint{color:var(--text-faint);font-size:.85rem;font-weight:600}.mode-option-soon{position:absolute;top:.75rem;right:.75rem}.btn-play{gap:.6rem;min-width:15rem;margin-top:.75rem;padding:1rem 2.75rem;font-size:1.15rem}.btn-play svg{width:18px;height:18px}.word-lang{flex-direction:column;align-items:center;gap:.6rem;width:min(15rem,100%);display:flex}.word-lang-label{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:700}.word-lang .select{width:100%}.word-lang-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;font-weight:700;display:flex}.word-lang-trigger:hover{border-color:var(--accent)}.word-lang-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.word-lang.is-compact{flex-direction:row;justify-content:space-between;width:100%}.word-lang.is-compact .word-lang-label{color:var(--text-dim);letter-spacing:normal;text-transform:none;font-size:.86rem}.word-lang.is-compact .select{width:12rem}.word-lang.is-compact .word-lang-trigger{padding-block:.4rem;font-size:.9rem}.segmented-stack{flex-direction:column;align-items:center;gap:1.1rem;width:min(30rem,100%);display:flex}.segmented{flex-direction:column;align-items:center;gap:.6rem;width:100%;display:flex}.segmented-choices{grid-template-columns:repeat(var(--count), minmax(0, 1fr));border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);gap:4px;width:100%;padding:4px;display:grid}.segmented-choices label{border-radius:var(--radius-pill);color:var(--text-dim);text-align:center;cursor:pointer;padding:.5rem .4rem;font-size:.9rem;font-weight:700;transition:background .14s,color .14s;position:relative}.segmented-choices label:hover{color:var(--text)}.segmented-choices label.is-selected{background:var(--accent);color:var(--on-accent)}.segmented-choices label:has(input:focus-visible){outline:3px solid var(--accent-ring);outline-offset:1px}.segmented-choices input{opacity:0;pointer-events:none;position:absolute}.segmented p{text-align:center;margin:0}.segmented.is-compact{flex-direction:row;justify-content:space-between}.segmented.is-compact .word-lang-label{color:var(--text-dim);letter-spacing:normal;text-transform:none;font-size:.86rem}.segmented.is-compact .segmented-choices{width:12rem}.segmented.is-compact .segmented-choices label{padding-block:.3rem;font-size:.84rem}.board-lang{flex-direction:column;gap:.4rem;margin-bottom:.85rem;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.credit{margin-top:1rem}.credit a{color:inherit;text-decoration:underline}.game-start-links{color:var(--text-dim);gap:1.25rem;font-size:.9rem;font-weight:700;display:flex}.game-logo{justify-content:center;gap:.2143em;font-size:32px;display:flex}.game-logo-tile{width:1.5714em;height:1.7143em;font-family:var(--font-display);border-radius:.3571em;place-items:center;font-size:1em;font-weight:600;line-height:1;display:grid}.tile-hit{background:var(--lime);color:var(--on-lime)}.tile-near{background:var(--warm);color:var(--on-lime)}.tile-miss{background:var(--surface-3);color:var(--text)}.tile-accent{background:var(--accent);color:var(--on-accent)}.detail-layout{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:1.5rem;display:grid}.panel{padding:1.35rem}.panel>h3{margin-bottom:.85rem}.rule-list{color:var(--text-dim);flex-direction:column;gap:.6rem;font-size:.93rem;display:flex}.rule-list li{gap:.65rem;display:flex}.rule-list li:before{content:"";border-radius:var(--radius-pill);background:var(--accent-text);flex:none;width:7px;height:7px;margin-top:.55rem}.meta-list{flex-direction:column;gap:.6rem;font-size:.92rem;font-weight:600;display:flex}.meta-list li{justify-content:space-between;gap:1rem;display:flex}.meta-list span:first-child{color:var(--text-faint);font-weight:500}.room-head{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.75rem;padding:.55rem .7rem .55rem .6rem;display:flex}.room-head-title{align-items:center;gap:.85rem;margin-right:auto;display:flex}.room-head .detail-art{aspect-ratio:1;border-radius:var(--radius-xs);width:2.75rem}.room-head h2{font-size:1.1rem}.play-stage{--play-room:max(24rem, calc(100dvh - 10.5rem))}.site-main:has(.play-stage){padding-top:.75rem}.room-code{border:1.5px dashed var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-2);align-items:center;gap:.6rem;padding:.35rem .4rem .35rem .9rem;font-size:.88rem;display:flex}.play-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (width>=64rem){.play-layout>aside{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}}.play-board{min-width:0;position:relative}.play-board>.fullscreen-toggle{z-index:5;background:color-mix(in oklab, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:36px;height:36px;padding:0;position:absolute;top:10px;right:10px}.play-board>.fullscreen-toggle .fullscreen-label{display:none}.play-board>.game-panel{padding-top:54px}.board-frame{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;place-items:center;min-height:min(62vh,32rem);padding:2rem;display:grid}.board-placeholder{flex-direction:column;align-items:center;gap:.75rem;max-width:27rem;display:flex}.board-placeholder .ghost{width:5rem;color:var(--text-faint);opacity:.55;margin-bottom:.25rem}.board-placeholder p{color:var(--text-dim);font-size:.94rem}.slot-list{flex-direction:column;gap:.45rem;display:flex}.slot{border-radius:var(--radius-pill);background:var(--surface-2);align-items:center;gap:.6rem;padding:.45rem .6rem;font-size:.9rem;font-weight:600;display:flex}.slot.empty{border:1.5px dashed var(--border);color:var(--text-faint);background:0 0}.slot .avatar{width:26px;height:26px;font-size:.68rem}.slot .avatar.ghost-seat{background:var(--surface-3);color:var(--text-faint)}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px solid var(--border);padding-bottom:.55rem;font-size:.76rem;font-weight:700}.table td{border-bottom:1px solid var(--border);padding-block:.6rem;font-weight:600}.table tr:last-child td{border-bottom:none}.table td:last-child,.table th:last-child{text-align:right}.score-table{border-collapse:separate;border-spacing:0}.score-table td:first-child,.score-table th:first-child{padding-left:.7rem}.score-table td:last-child,.score-table th:last-child{padding-right:.7rem}.score-name{flex-wrap:wrap;align-items:center;gap:.2rem .45rem;display:inline-flex}.score-table tr.is-me td{background:var(--accent-soft);border-bottom-color:#0000}.score-you{background:var(--accent);color:var(--on-accent);padding:.08rem .5rem;font-size:.7rem}.score-table tr.is-me td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);box-shadow:inset 4px 0 0 var(--accent-text);color:var(--accent-text);font-weight:800}.score-table tr.is-me td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}:is(.score-table tr:has(+tr.is-me) td,.score-table tr:has(+tr.score-gap) td){border-bottom-color:#0000}.score-table tr.score-gap td{text-align:center;border-bottom:none;padding:.8rem 0 .4rem}.score-gap span{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;display:flex}.score-gap span:before,.score-gap span:after{content:"";border-top:1.5px dashed var(--border-strong);flex:1}.empty-state{text-align:center;color:var(--text-faint);padding:1.5rem 1rem;font-size:.9rem;font-weight:600}@media (width<=64rem){.lang-picker-name{display:none}.lang-picker-code{display:inline}.hero,.detail-layout,.play-layout{grid-template-columns:1fr}.hero-ghost{display:none}}@media (width<=44rem){.site-header{position:static}.site-header .shell{flex-wrap:wrap;gap:.5rem .4rem;height:auto;padding-block:.6rem}.lang-picker{padding-inline:.5rem}.header-tools{display:contents}.brand{order:1;margin-right:auto}.lang-select,.theme-toggle,.header-tools>.sound-switch,.account{order:2}.account-trigger{gap:.3rem;padding-right:.45rem}.account-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-nav{order:5;width:100%;margin-right:0}.detail-art{aspect-ratio:16/9;width:100%}.game-start{padding:1.75rem 1.25rem 1.5rem}.mode-options{gap:.5rem}.mode-option{padding:.7rem .75rem}.mode-option-hint{display:none}.mode-option-soon{margin-top:.3rem;position:static}.btn-play{width:100%}.game-logo{font-size:22px}.room-head-title{width:100%}}.fullscreen-toggle,.back-toggle{flex:none;gap:.4rem;padding-inline:.6rem .85rem}.fullscreen-toggle svg,.back-toggle svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}html[data-immersive]{overflow:hidden}.play-stage[data-fullscreen]{--fs-pad:clamp(10px, 1.8vw, 24px);--fs-head:calc(3.25rem + env(safe-area-inset-top));--play-room:max(24rem, calc(100dvh - var(--fs-head) - 2 * var(--fs-pad)));z-index:70;overscroll-behavior:contain;scroll-padding-top:calc(var(--fs-head) + var(--fs-pad));padding:0 max(var(--fs-pad), env(safe-area-inset-right)) max(var(--fs-pad), env(safe-area-inset-bottom)) max(var(--fs-pad), env(safe-area-inset-left));background:linear-gradient(to bottom, transparent 8%, var(--bg) 85%), var(--texture) 0 0 / 288px 288px, var(--bg);color:var(--text);position:fixed;inset:0;overflow:auto}.play-stage[data-fullscreen]::backdrop{background:var(--bg)}.play-stage[data-fullscreen] .game-screen{max-width:96rem;margin-inline:auto}.play-stage[data-fullscreen] .room-head{z-index:30;height:var(--fs-head);margin-bottom:var(--fs-pad);padding:env(safe-area-inset-top) .5rem 0 .6rem;border-radius:0 0 var(--radius) var(--radius);border-top:0;flex-wrap:nowrap;gap:.75rem;position:sticky;top:0}.play-stage[data-fullscreen] .room-head-title{gap:.6rem;width:auto;min-width:0}.play-stage[data-fullscreen] .room-head-title>div{min-width:0}.play-stage[data-fullscreen] .room-head .detail-art{width:2.25rem}.play-stage[data-fullscreen] .room-head h2{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.play-stage[data-fullscreen] .room-head-title p{display:none}.play-stage[data-fullscreen] .room-code{padding-block:.15rem}@media (width<=44rem){.fullscreen-toggle,.back-toggle{width:40px;height:40px;padding:0}.fullscreen-label,.back-label{display:none}.play-stage:not([data-fullscreen]) .fullscreen-toggle,.play-stage:not([data-fullscreen]) .back-toggle{margin-left:auto}.play-stage:not([data-fullscreen]) .back-toggle+.fullscreen-toggle{margin-left:0}.play-stage:not([data-fullscreen]){--play-room:max(24rem, calc(100dvh - 4rem))}.play-stage[data-fullscreen] .room-head{gap:.45rem}.play-stage[data-fullscreen] .room-head>.badge,.play-stage[data-fullscreen] .room-code>.faint{display:none}.play-stage[data-fullscreen] .room-code{gap:.4rem;padding-left:.7rem}}.prose{gap:.85rem;max-width:46rem;margin-inline:auto;line-height:1.6;display:grid}.prose h1{font-size:clamp(1.7rem,4vw,2.2rem)}.prose h2{margin:.6rem 0 .35rem;font-size:1.15rem}.prose section p+p{margin-top:.6rem}.prose a{color:var(--accent-text);font-weight:700}.site-footer nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.site-footer nav a,.footer-link{color:var(--text-faint);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.site-footer nav a:hover,.footer-link:hover{color:var(--text)}.footer-credit{flex-basis:100%;margin:0;font-size:.76rem}.cookie-banner{z-index:50;border-color:var(--border-strong);width:min(25rem,100vw - 2rem);box-shadow:var(--shadow);gap:.9rem;padding:1.1rem 1.15rem 1.15rem;animation:.24s ease-out both cookie-rise;display:grid;position:fixed;bottom:1rem;left:1rem}.cookie-banner h2{padding-right:1.6rem;font-size:1.05rem}.cookie-banner p{color:var(--text-dim);margin-top:.35rem;font-size:.86rem;line-height:1.5}.cookie-banner a{color:var(--accent-text);white-space:nowrap;font-weight:700}.cookie-banner-now{font-weight:700}.cookie-banner-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.cookie-banner-close{border-radius:var(--radius-pill);width:1.9rem;height:1.9rem;color:var(--text-faint);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:.7rem;right:.7rem}.cookie-banner-close:hover{background:var(--surface-2);color:var(--text)}.cookie-banner-close svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}@keyframes cookie-rise{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.cookie-banner{animation:none}}@media (width<=44rem){.cookie-banner{width:auto;bottom:.5rem;left:.5rem;right:.5rem}}.score-period{margin-bottom:.7rem}.score-period .segmented.is-compact .segmented-choices{width:100%}.score-period .segmented.is-compact .segmented-choices label{padding:.38rem .2rem;font-size:.78rem}.notices{z-index:60;left:50%;bottom:max(20px, calc(env(safe-area-inset-bottom) + 12px));pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.notice{border-radius:var(--radius-pill);background:var(--accent);max-width:100%;box-shadow:var(--shadow-accent), var(--shadow);color:var(--on-accent);font:inherit;text-align:left;cursor:pointer;pointer-events:auto;animation:notice-life var(--notice-ms,2.8s) ease-in-out forwards;border:0;align-items:center;gap:12px;padding:8px 22px 8px 10px;display:flex}.notice:focus-visible{outline:3px solid var(--accent-ring);outline-offset:3px}.notice-badge{background:var(--surface);width:44px;height:44px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.notice-badge svg{width:30px;animation:.52s ease-out 2 notice-hop}.notice-badge i{background:var(--on-accent);opacity:0;border-radius:50%;width:6px;height:6px;margin:-3px;animation:.7s ease-out .14s notice-spark;position:absolute;top:50%;left:50%}.notice-badge i:nth-child(odd){background:var(--warm)}.notice-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.notice-text strong{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.notice-text span{opacity:.9;font-size:.85rem;font-weight:700}@keyframes notice-life{0%{opacity:0;transform:translateY(18px)scale(.7)}10%{opacity:1;transform:translateY(-4px)scale(1.05)}16%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes notice-hop{40%{transform:translateY(-4px)rotate(-6deg)}}@keyframes notice-spark{0%{opacity:1;transform:rotate(calc(var(--i) * 45deg)) translateY(-14px) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 45deg)) translateY(-34px) scale(.4)}}@keyframes notice-fade{0%,to{opacity:0}6%,90%{opacity:1}}@media (prefers-reduced-motion:reduce){.notice{animation-name:notice-fade;animation-timing-function:linear}.notice-badge svg,.notice-badge i{animation:none}}@media (width<=44rem){.notice{gap:10px;padding:6px 18px 6px 8px}.notice-badge{width:38px;height:38px}.notice-text strong{font-size:1.05rem}}.game-about{gap:1.4rem;display:grid}.game-about h2{font-family:var(--font-display);margin-bottom:.45rem;font-size:1.3rem;font-weight:600}.game-about p{color:var(--text-dim);line-height:1.6}.game-about p+p{margin-top:.6rem}.guide{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(760px,100vw - 32px);max-width:none;max-height:min(88dvh,960px);box-shadow:var(--shadow);color:var(--text);margin:auto;padding:0;overflow:hidden}.guide[open]{animation:.2s ease-out guide-in;display:flex}.guide::backdrop{background:var(--scrim)}.guide-panel{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.guide-head{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 14px;display:flex}.guide-head h2{font-family:var(--font-display);font-size:1.45rem;font-weight:600}.guide-close{border:1.5px solid var(--border);background:var(--surface-2);width:40px;height:40px;color:var(--text-dim);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.guide-close:hover{color:var(--text)}.guide-close:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.guide-close svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:18px;height:18px}.guide-body{overscroll-behavior:contain;flex:auto;gap:1.5rem;min-height:0;padding:20px 22px 26px;display:grid;overflow-y:auto}.guide-body h3{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.guide-body p{color:var(--text-dim);line-height:1.6}.guide-body p+p{margin-top:.55rem}.guide-intro{font-size:1.05rem}.guide-steps{counter-reset:step;gap:.55rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.guide-steps li{color:var(--text-dim);counter-increment:step;padding-left:2.2rem;line-height:1.55;position:relative}.guide-steps li:before{content:counter(step);background:var(--accent-soft);width:1.55rem;height:1.55rem;color:var(--accent-text);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.guide-shot{margin:.9rem 0 0}.guide-shot img{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;height:auto;box-shadow:var(--shadow-sm);display:block}.guide-shot figcaption{color:var(--text-faint);text-align:center;margin-top:.45rem;font-size:.85rem}.guide-faq{gap:.9rem;margin:0;display:grid}.guide-faq dt{font-weight:700}.guide-faq dd{color:var(--text-dim);margin:.2rem 0 0;line-height:1.55}.guide-open{width:100%}@keyframes guide-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (prefers-reduced-motion:reduce){.guide[open]{animation:none}}@media (width<=44rem){.guide{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.guide-head{padding:14px 16px 12px}.guide-head h2{font-size:1.2rem}.guide-body{padding:16px 16px 22px}}.profile-dialog{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(560px,100vw - 32px);max-width:none;max-height:min(92dvh,880px);box-shadow:var(--shadow);color:var(--text);margin:auto;padding:0;overflow:hidden}.profile-dialog[open]{animation:.2s ease-out guide-in;display:flex}.profile-dialog::backdrop{background:var(--scrim)}.profile-panel{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.profile-body{overscroll-behavior:contain;flex:auto;gap:1.15rem;min-height:0;padding:18px 22px 20px;display:grid;overflow-y:auto}.profile-preview{border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:.9rem;padding:.75rem;display:flex}.avatar.profile-preview-avatar{width:72px;height:72px;font-size:1.5rem}.profile-preview-text{gap:.1rem;min-width:0;display:grid}.profile-preview-text strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.3rem;font-weight:600;line-height:1.2}.profile-field{border:0;gap:.45rem;min-width:0;margin:0;padding:0;display:grid}.profile-label{color:var(--text);font-family:var(--font-body);padding:0;font-size:.88rem;font-weight:700}legend.profile-label{margin-bottom:.45rem}.profile-field .input{width:100%}.profile-field .input[aria-invalid=true]{border-color:var(--bad)}.profile-hint{color:var(--text-faint);font-size:.85rem;font-weight:500;line-height:1.45}.profile-hint.is-error{color:var(--bad)}.profile-photo-actions .btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.profile-signin{border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem .75rem;padding:.7rem .85rem;display:flex}.profile-boo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;display:grid}.profile-boo{aspect-ratio:1;cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative}.profile-boo .avatar.profile-boo-pic{width:100%;max-width:64px;height:100%;max-height:64px;box-shadow:0 0 0 1.5px var(--border);font-size:1.1rem;transition:transform .12s,box-shadow .12s}.profile-boo:hover .profile-boo-pic{transform:scale(1.06)}.profile-boo input:checked+.profile-boo-pic{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--accent-text)}.profile-boo input:focus-visible+.profile-boo-pic{outline:3px solid var(--accent-ring);outline-offset:6px}.profile-foot{border-top:1.5px solid var(--border);gap:.6rem;padding:14px 22px 18px;display:grid}.profile-foot-actions{justify-content:flex-end;gap:.6rem;display:flex}@media (prefers-reduced-motion:reduce){.profile-dialog[open]{animation:none}.profile-boo .avatar.profile-boo-pic{transition:none}}@media (width<=44rem){.profile-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.profile-body{padding:14px 16px 18px}.profile-foot{padding:12px 16px 14px}.profile-boo-grid{gap:.5rem}.profile-foot-actions .btn{flex:1}}.score-name .avatar{width:26px;height:26px;font-size:.68rem}.confirm-card{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(400px,100%);box-shadow:var(--shadow);gap:12px;margin:auto;padding:26px 26px 22px;animation:.22s ease-out wb-rise;display:grid}.confirm-card h2{margin:0;font-size:1.35rem}.confirm-card p{margin:0}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}@media (width<=30rem){.confirm-actions>.btn{flex:100%}}@media (prefers-reduced-motion:reduce){.confirm-card{animation:none}}.game-panel{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:24px;padding:28px 40px 36px;display:flex;position:relative}.wb-status{color:var(--text-faint);font-size:.875rem;font-weight:600}.wb-toast{z-index:2;border-radius:var(--radius-pill);background:var(--text);color:var(--bg);white-space:nowrap;padding:12px 20px;font-size:.94rem;font-weight:700;animation:1.5s forwards wb-toast;position:absolute;top:64px;left:50%;transform:translate(-50%)}.wb-board{flex-direction:column;gap:8px;display:flex}.wb-row{gap:8px;display:flex}.wb-tile{--tile:62px;width:var(--tile);height:var(--tile);border:2px solid var(--border-strong);color:var(--text);font-family:var(--font-display);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:0 0;border-radius:12px;place-items:center;font-size:32px;font-weight:600;line-height:1;display:grid}.wb-tile[data-state=typed]{border-color:var(--text-faint);animation:.1s ease-out wb-pop}.wb-tile[data-state=hit]{background:var(--lime);color:var(--on-lime);border-color:#0000}.wb-tile[data-state=near]{background:var(--warm);color:var(--on-lime);border-color:#0000}.wb-tile[data-state=miss]{background:var(--surface-3);color:var(--text);border-color:#0000}.wb-tile.is-revealing{animation:wb-flip .25s ease-in-out calc(var(--i) * .1s) both;transition:background-color,border-color,color;transition-delay:calc(var(--i) * .1s + .125s)}.wb-tile.is-winning{animation:wb-bounce .5s ease calc(var(--i) * 80ms)}.wb-row.is-shaking{animation:.3s ease-in-out wb-shake}.wb-tile-m{--tile:54px;border-radius:10px;font-size:28px}.wb-keyboard{flex-direction:column;gap:8px;width:100%;max-width:534px;display:flex}.wb-key-row{justify-content:center;gap:6px;display:flex}.wb-key{background:var(--surface-2);max-width:48px;height:58px;color:var(--text);font-family:var(--font-body);text-transform:uppercase;cursor:pointer;border:none;border-radius:10px;flex:1 1 0;place-items:center;padding:0;font-size:18px;font-weight:700;transition:background-color .14s,color .14s,transform 80ms;display:grid}.wb-key:active{transform:translateY(1px)}.wb-key-wide{flex-grow:1.56;max-width:75px}.wb-key-spacer{flex:.5 1 0;max-width:21px}.wb-key-enter{background:var(--accent);color:var(--on-accent);letter-spacing:.06em;font-size:13px}.wb-key[data-state=hit]{background:var(--lime);color:var(--on-lime)}.wb-key[data-state=near]{background:var(--warm);color:var(--on-lime)}.wb-key[data-state=miss]{background:var(--bg-tint);color:var(--text-faint)}.wb-panel{--wb-gap:8px;--wb-kgap:8px;--wb-rows:3;--wb-tmin:62px;--wb-kmin:58px;--wb-fixed:calc(54px + 1.5rem + 36px + 2 * 14px);--wb-avail:calc(var(--play-room,46rem) - var(--wb-fixed) - 5 * var(--wb-gap) - (var(--wb-rows) - 1) * var(--wb-kgap));--wb-t:clamp(var(--wb-tmin), min(var(--wb-avail) / (6 + var(--wb-rows) * .82), (var(--wb-avail) - var(--wb-rows) * var(--wb-kmin)) / 6), 100px);--wb-k:clamp(var(--wb-kmin), var(--wb-t) * .82, 82px);gap:14px}.wb-panel:has(.wb-key-row:nth-child(4)){--wb-rows:4}.wb-panel .wb-board{width:min(100%, 5 * var(--wb-t) + 4 * var(--wb-gap));gap:var(--wb-gap);container-type:inline-size}.wb-panel .wb-row{gap:var(--wb-gap)}.wb-panel .wb-board .wb-tile{--wb-tw:calc((100cqi - 4 * var(--wb-gap)) / 5);aspect-ratio:1;border-radius:calc(var(--wb-tw) * .19);width:auto;min-width:0;height:auto;font-size:calc(var(--wb-tw) * .52);flex:1 1 0}.wb-panel .wb-keyboard{gap:var(--wb-kgap);max-width:calc(var(--wb-k) * 9.2)}.wb-panel .wb-key-row{gap:calc(var(--wb-k) * .1)}.wb-panel .wb-key{height:var(--wb-k);max-width:calc(var(--wb-k) * .83);border-radius:calc(var(--wb-k) * .17);font-size:calc(var(--wb-k) * .31)}.wb-panel .wb-key-wide{max-width:calc(var(--wb-k) * 1.3)}.wb-panel .wb-key-spacer{max-width:calc(var(--wb-k) * .36)}.wb-panel .wb-key-enter{font-size:calc(var(--wb-k) * .22)}.wb-panel .wb-key svg{width:calc(var(--wb-k) * .38);height:auto}.wb-legend{color:var(--text-dim);flex-direction:column;gap:10px;font-size:.875rem;font-weight:600;display:flex}.wb-legend li{align-items:center;gap:10px;display:flex}.wb-swatch{border-radius:4px;flex:none;width:18px;height:18px}.wb-swatch[data-state=hit]{background:var(--lime)}.wb-swatch[data-state=near]{background:var(--warm)}.wb-swatch[data-state=miss]{background:var(--surface-3)}.wb-overlay{z-index:40;background:color-mix(in srgb, var(--bg) 78%, transparent);justify-content:center;align-items:flex-start;padding:150px 16px 24px;animation:.2s ease-out wb-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.wb-result{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);flex-direction:column;gap:20px;padding:32px;animation:.26s ease-out wb-rise;display:flex;position:relative}.wb-result-close{z-index:1;border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);width:40px;height:40px;color:var(--text-dim);cursor:pointer;place-items:center;padding:0;transition:background .12s ease-out,color .12s ease-out;display:grid;position:absolute;top:12px;right:12px}.wb-result-close:after{content:"";border-radius:inherit;position:absolute;inset:-2px}.wb-result-close:hover{background:var(--surface-3);color:var(--text)}.wb-result-close:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px;border-radius:var(--radius-pill)}.wb-result-close svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:18px;height:18px}.wb-result.has-close .wb-result-head{padding-right:40px}.wb-result-head{flex-direction:column;gap:6px;display:flex}.wb-result h2{font-size:34px}.wb-eyebrow{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.wb-eyebrow.is-accent{color:var(--accent-text)}.wb-answer{flex-direction:column;gap:8px;display:flex}.wb-answer p{color:var(--text-faint);font-size:13px;font-weight:600}.wb-spelled{color:var(--text);text-transform:uppercase;font-weight:800}.wb-answer-tiles{gap:6px;display:flex}.wb-stats{gap:12px;margin:0;display:flex}.wb-stats div{background:var(--surface-2);border-radius:14px;flex-direction:column-reverse;flex:1;gap:2px;padding:12px 14px;display:flex}.wb-stats dd{font-family:var(--font-display);margin:0;font-size:26px;font-weight:600;line-height:1.1}.wb-stats dt{color:var(--text-faint);font-size:12px;font-weight:600}.wb-note{color:var(--text-dim);font-size:14px}.wb-result-actions{flex-direction:column;gap:8px;display:flex}.wb-result-actions>div{gap:8px;display:flex}.wb-result-actions .btn{flex:1}.wb-end{justify-items:center;display:grid}.room-message{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1.5rem;display:flex}.room-lobby{text-align:center;gap:18px;padding-block:44px}.room-code-tiles{gap:8px;display:flex}.room-code-tiles .wb-tile{border-color:var(--accent);animation:none}.room-lobby-hint{max-width:28rem}.room-lobby-actions{flex-wrap:wrap;justify-content:center}.room-players .slot{border-radius:var(--radius-sm)}.room-player{flex-direction:column;flex:1;min-width:0;display:flex}.room-player-name{overflow-wrap:anywhere;align-items:center;gap:.35rem;display:flex}.room-player-name .badge{padding:.05rem .45rem;font-size:.68rem}.room-rival{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.room-leave,.room-end{align-self:flex-start}.room-standings{width:min(540px,100%)}.room-standings tr.is-me td{color:var(--accent-text)}.room-result-reopen{z-index:30;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.wb-mini{flex-direction:column;flex:none;gap:2px;display:flex}.wb-mini-row{gap:2px;display:flex}.wb-mini span{width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--border);border-radius:2px}.wb-mini-md,.wb-mini-md .wb-mini-row{gap:5px}.wb-mini-md span{width:26px;height:26px;box-shadow:inset 0 0 0 1.5px var(--border-strong);border-radius:6px}.wb-mini span[data-state=hit]{background:var(--lime);box-shadow:none}.wb-mini span[data-state=near]{background:var(--warm);box-shadow:none}.wb-mini span[data-state=miss]{background:var(--surface-3);box-shadow:none}@keyframes wb-pop{50%{transform:scale(1.08)}}@keyframes wb-flip{50%{transform:rotateX(90deg)}}@keyframes wb-bounce{40%{transform:translateY(-12px)}70%{transform:translateY(3px)}}@keyframes wb-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes wb-toast{0%{opacity:0;transform:translate(-50%,-6px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes wb-fade{0%{opacity:0}}@keyframes wb-rise{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.wb-tile,.wb-row,.wb-toast,.wb-overlay,.wb-result,.wb-result-close{transition:none!important;animation:none!important}}@media (width<=44rem){.game-panel{gap:18px;padding:18px 8px 20px}.wb-status{font-size:.82rem}.wb-board,.wb-row{gap:6px}.wb-tile{--tile:54px;border-radius:10px;font-size:28px}.wb-key-row{gap:4px}.wb-key{border-radius:8px;height:52px;font-size:16px}.wb-key-enter{font-size:11px}.wb-panel{--wb-gap:6px;--wb-kgap:8px;--wb-fixed:calc(54px + 1.2rem + 20px + 2 * 18px);--wb-tmin:54px;--wb-kmin:52px;--wb-k:clamp(var(--wb-kmin), var(--wb-t) * .82, 56px);gap:18px}.wb-panel .wb-key-row{gap:4px}.wb-panel .wb-key{border-radius:8px;font-size:16px}.wb-panel .wb-key-enter{font-size:11px}.wb-overlay{padding-top:120px}.wb-result{padding:24px 20px}}.sb-panel{align-items:stretch;gap:16px}.sb-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.sb-chips{gap:6px;margin:0;padding:0;list-style:none;display:flex}.sb-chip{border-radius:var(--radius-pill);background:var(--surface-2);min-width:2.4rem;height:1.75rem;color:var(--text-faint);font-family:var(--font-display);place-items:center;padding:0 .5rem;font-size:.92rem;font-weight:600;display:inline-grid}.sb-chip[data-state=current]{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 2px var(--accent)}.sb-chip[data-state=great]{background:var(--good-soft);color:var(--good)}.sb-chip[data-state=good]{background:var(--accent-soft);color:var(--accent-text)}.sb-chip[data-state=fair]{background:var(--warm-soft);color:var(--warm)}.sb-chip[data-state=poor]{background:var(--bad-soft);color:var(--bad)}.sb-panel{--sb-chrome:376px}.sb-stage{height:clamp(260px, max(min(46vh, 420px), var(--play-room,46rem) - var(--sb-chrome)), 672px);border:1.5px solid var(--border);border-radius:var(--radius);background-color:var(--surface-2);background-image:linear-gradient(color-mix(in srgb, var(--border) 70%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 70%, transparent) 1px, transparent 1px);touch-action:pan-y;-webkit-user-select:none;user-select:none;background-position:-1px -1px;background-size:24px 24px;position:relative;overflow:hidden}.sb-stage.is-live{cursor:ew-resize}.sb-stage>svg{display:block}.sb-ruler line{stroke:var(--text-faint);stroke-width:1.5px;stroke-linecap:round}.sb-ruler text{fill:var(--text-faint);font-family:var(--font-body);font-size:10.5px;font-weight:700}.sb-ruler.is-revealed text{animation:.4s ease-out both sb-fade-in}@keyframes sb-fade-in{0%{opacity:0}}.sb-ground{stroke:var(--border-strong);stroke-width:2px}.sb-guide{stroke:var(--text-faint);stroke-width:1px;stroke-dasharray:4 5;opacity:.55}.sb-ink{color:var(--text)}.sb-guess{color:var(--accent);transition:opacity .2s}.sb-guess.is-locked{opacity:.32}.sb-real{color:var(--good);opacity:.85}.sb-captions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sb-caption{border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:10px;min-width:0;padding:10px 14px;display:flex}.sb-caption>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.sb-caption strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:600;overflow:hidden}.sb-caption-size{color:var(--text-dim);font-size:.86rem;font-weight:600}.sb-swatch{background:var(--text);border-radius:4px;flex:none;width:14px;height:14px}.sb-swatch[data-kind=guess]{background:var(--accent)}.sb-swatch[data-kind=real]{background:var(--good)}.wb-legend .sb-swatch{width:16px;height:16px}.sb-control{gap:12px;display:grid}.sb-slider-row{align-items:center;gap:12px;display:flex}.sb-step{flex:none;width:44px;height:44px;padding:0}.sb-slider{cursor:ew-resize;appearance:none;background:0 0;flex:1;min-width:0;height:44px;margin:0}.sb-slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:repeating-linear-gradient(90deg, #00000052 0 1.5px, transparent 1.5px 10px) left center / 100% 7px no-repeat, var(--accent);height:16px}.sb-slider::-moz-range-track{border-radius:var(--radius-pill);background:repeating-linear-gradient(90deg, #00000052 0 1.5px, transparent 1.5px 10px) left center / 100% 7px no-repeat, var(--accent);height:16px}.sb-slider::-webkit-slider-thumb{border:3px solid var(--text);background:var(--surface);width:30px;height:30px;box-shadow:var(--shadow-sm);-webkit-appearance:none;border-radius:50%;margin-top:-7px}.sb-slider::-moz-range-thumb{border:3px solid var(--text);background:var(--surface);width:24px;height:24px;box-shadow:var(--shadow-sm);border-radius:50%}.sb-slider:focus-visible{outline:none}.sb-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-ring)}.sb-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-ring)}.sb-lock{width:100%}.sb-hint{text-align:center}.sb-verdict{border-radius:var(--radius);background:var(--surface-2);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 18px;animation:.24s ease-out sb-rise;display:grid}.sb-verdict-points{border-radius:var(--radius-sm);background:var(--good-soft);min-width:4.6rem;height:3.6rem;color:var(--good);font-family:var(--font-display);place-items:center;font-size:1.7rem;font-weight:600;display:grid}.sb-verdict[data-tone=good] .sb-verdict-points{background:var(--accent-soft);color:var(--accent-text)}.sb-verdict[data-tone=fair] .sb-verdict-points{background:var(--warm-soft);color:var(--warm)}.sb-verdict[data-tone=poor] .sb-verdict-points{background:var(--bad-soft);color:var(--bad)}.sb-verdict-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sb-verdict-head{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.sb-verdict-text .muted{font-size:.9rem}.sb-verdict-wait{text-align:right;max-width:12rem}@keyframes sb-rise{0%{opacity:0;transform:translateY(6px)}}.sb-units{border-radius:var(--radius-pill);background:var(--surface-2);gap:4px;padding:4px;display:flex}.sb-unit{border-radius:var(--radius-pill);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:.45rem .8rem;font-size:.9rem;font-weight:700}.sb-unit.is-on{background:var(--accent);color:var(--on-accent)}.sb-unit:focus-visible{outline:3px solid var(--accent-ring)}.sb-result-max{color:var(--text-faint);font-size:.6em}.sb-result-pairs{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sb-result-pairs li{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:8px 10px 8px 14px;font-size:.92rem;display:grid}.sb-result-names{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sb-mini-chips{gap:3px;display:flex}.sb-mini-chips span{background:var(--surface-3);border-radius:3px;width:10px;height:10px}.sb-mini-chips span[data-state=great]{background:var(--good)}.sb-mini-chips span[data-state=good]{background:var(--accent)}.sb-mini-chips span[data-state=fair]{background:var(--warm)}.sb-mini-chips span[data-state=poor]{background:var(--bad)}.sb-logo{font-family:var(--font-display);align-items:flex-end;gap:.12em;font-size:44px;font-weight:600;line-height:.9;display:inline-flex}.sb-logo-size{background:linear-gradient(var(--accent), var(--accent)) left bottom / 100% .12em no-repeat;align-items:flex-end;gap:.04em;padding:0 .08em .1em;display:inline-flex}.sb-logo-letter.is-0{font-size:.82em}.sb-logo-letter.is-1{font-size:.88em}.sb-logo-letter.is-2{font-size:.94em}.sb-logo-letter.is-3{font-size:1em}.sb-logo-boo{color:var(--accent-text);padding-bottom:.1em}@media (prefers-reduced-motion:reduce){.sb-verdict,.sb-ruler.is-revealed text{animation:none}.sb-guess{transition:none}}@media (width<=44rem){.sb-stage{height:clamp(280px, var(--play-room,46rem) - 500px, 420px)}.sb-captions{grid-template-columns:1fr;gap:6px}.sb-verdict{grid-template-columns:auto 1fr}.sb-verdict>.btn,.sb-verdict-wait{text-align:left;grid-column:1/-1;max-width:none}.sb-logo{font-size:34px}}@media (width>=44.01rem){.sb-panel{--sb-chrome:318px}.sb-control{grid-template-columns:minmax(0,1fr) minmax(11rem,15rem);align-items:center;column-gap:20px}.sb-hint{grid-column:1/-1}}.cb-panel{align-items:stretch;gap:18px}.cb-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.cb-meters{align-items:center;gap:16px;display:flex}.cb-shuffle{border:1.5px solid var(--border);background:var(--surface-2);width:38px;height:38px;color:var(--text-dim);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background .14s,color .14s,transform .2s;display:grid}.cb-shuffle svg,.cb-legend-shuffle{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.cb-legend-shuffle{width:22px;height:22px;color:var(--text-faint)}@media (hover:hover) and (pointer:fine){.cb-shuffle:not(:disabled):hover{background:var(--surface-3);color:var(--text)}}.cb-shuffle:not(:disabled):active{transform:rotate(180deg)scale(.92)}.cb-shuffle:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.cb-shuffle:disabled{opacity:.45;cursor:default}.cb-tries{gap:2px;display:inline-flex}.cb-heart{width:22px;height:22px;fill:var(--bad);transition:fill .2s,transform .2s}.cb-heart.is-lost{fill:var(--surface-3);transform:scale(.84)}.cb-clock{align-items:center;gap:8px;display:inline-flex}.cb-clock-bar{border-radius:var(--radius-pill);background:var(--surface-3);width:96px;height:8px;overflow:hidden}.cb-clock-bar>span{border-radius:inherit;background:var(--good);height:100%;transition:width .1s linear;display:block}.cb-clock.is-low .cb-clock-bar>span{background:var(--bad)}.cb-clock-text{min-width:2.4em;color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right;font-size:.9rem;font-weight:700}.cb-clock.is-low .cb-clock-text{color:var(--bad)}.cb-clock.is-free .cb-clock-text{min-width:0;color:var(--text-faint);font-size:.82rem}.cb-panel{--cb-chrome:150px}.cb-grid{grid-template-columns:repeat(var(--side), minmax(0, 1fr));width:min(100%, max(520px, var(--play-room,46rem) - var(--cb-chrome)), 832px);gap:clamp(5px,1.1vw,12px);margin-inline:auto;animation:.24s ease-out cb-pop;display:grid}.cb-tile{aspect-ratio:1;border-radius:clamp(8px, calc(56px / var(--side)), 20px);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;place-items:center;padding:0;transition:transform .14s,opacity .2s;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.cb-grid:not(.is-revealed) .cb-tile:not([data-state]):hover{transform:scale(.95)}}.cb-tile:active{transform:scale(.93)}.cb-tile:focus-visible{outline:3px solid var(--text);outline-offset:3px}.cb-tile[data-state=miss]{opacity:.32;cursor:default;animation:.32s cb-shake}.cb-tile svg{fill:none;width:46%;height:46%;stroke:var(--text);stroke-width:3px;stroke-linecap:round}.cb-grid.is-revealed .cb-tile{cursor:default}.cb-grid.is-revealed .cb-tile:not([data-state=answer]){opacity:.5}.cb-tile[data-state=answer]{z-index:1;box-shadow:0 0 0 4px var(--surface), 0 0 0 8px var(--text);animation:1.2s ease-in-out 2 cb-ring}@keyframes cb-pop{0%{opacity:0;transform:scale(.96)}}@keyframes cb-shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes cb-ring{50%{transform:scale(1.06)}}.cb-end{border-radius:var(--radius);background:var(--surface-2);grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:14px 18px;animation:.24s ease-out cb-rise;display:grid}.cb-end-count{border-radius:var(--radius-sm);background:var(--accent-soft);min-width:4.2rem;height:3.6rem;color:var(--accent-text);font-family:var(--font-display);place-items:center;padding:0 .6rem;font-size:1.7rem;font-weight:600;display:grid}.cb-end-text{flex-direction:column;gap:2px;min-width:0;display:flex}.cb-end-head{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.cb-end-text .muted{font-size:.9rem}.cb-end-wait{text-align:right;max-width:12rem}@keyframes cb-rise{0%{opacity:0;transform:translateY(6px)}}.cb-pair{border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--text) 10%, transparent);flex:none;display:inline-flex;overflow:hidden}.cb-pair>span{width:28px;height:44px}.cb-mini{border-radius:var(--radius-pill);background:var(--accent-soft);min-width:2rem;height:1.5rem;color:var(--accent-text);font-family:var(--font-display);place-items:center;padding:0 .45rem;font-size:.9rem;font-weight:600;display:inline-grid}.cb-mini[data-done]{background:var(--surface-3);color:var(--text-faint)}.cb-legend .cb-heart{flex:none;width:18px;height:18px}.cb-legend-clock{border:2.5px solid var(--good);border-right-color:var(--surface-3);border-radius:50%;flex:none;width:18px;height:18px}.cb-legend-grid{flex:none;grid-template-columns:repeat(2,7px);gap:2px;display:grid}.cb-legend-grid>span{background:var(--accent);border-radius:2px;width:7px;height:7px}.cb-legend-grid>span:nth-child(3){background:color-mix(in oklab, var(--accent) 72%, var(--surface))}.cb-result-swatch{background:var(--surface-2);border-radius:14px;align-items:center;gap:14px;margin:0;padding:12px 14px;display:flex}.cb-result-swatch .cb-pair>span{width:36px;height:36px}.cb-logo{font-family:var(--font-display);align-items:center;gap:.14em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.cb-logo-chip{background:var(--accent);width:1.36em;height:1.5em;color:var(--on-accent);border-radius:.32em;place-items:center;display:grid}.cb-logo-chip.is-odd{background:color-mix(in oklab, var(--accent) 80%, var(--surface))}.cb-logo-boo{color:var(--accent-text);margin-left:.12em}@media (prefers-reduced-motion:reduce){.cb-grid,.cb-end,.cb-tile,.cb-tile[data-state]{transition:none;animation:none}.cb-clock-bar>span,.cb-heart{transition:none}}@media (width<=44rem){.cb-panel{gap:14px;padding-inline:12px}.cb-top{text-align:center;justify-content:center}.cb-grid{gap:5px;width:100%}.cb-end{grid-template-columns:auto 1fr auto;gap:12px}.cb-end>.btn,.cb-end-wait{text-align:left;grid-column:1/-1;max-width:none}.cb-logo{font-size:24px}}.db-panel{align-items:stretch;gap:14px}[data-fullscreen] .db-panel{--db-fit:max(20rem, (100dvh - 26rem) * 4 / 3, (var(--play-room,100dvh) - 316px) * 4 / 3)}[data-fullscreen] .db-panel>*{width:100%;max-width:var(--db-fit);margin-inline:auto}[data-fullscreen] .db-panel>.db-toolbar{max-width:max(var(--db-fit), 44rem)}.db-top{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.db-clock{--left:1;background:conic-gradient(var(--accent) calc(var(--left) * 360deg), var(--surface-3) 0);width:44px;height:44px;color:var(--text);font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:600;display:grid;position:relative}.db-clock:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:5px}.db-clock{isolation:isolate}.db-clock:before{z-index:-1}.db-clock.is-low{background:conic-gradient(var(--bad) calc(var(--left) * 360deg), var(--surface-3) 0);color:var(--bad)}.db-word{min-height:44px;font-family:var(--font-display);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px;font-size:28px;font-weight:600;line-height:1;display:flex}.db-word.is-shown{color:var(--accent-text);letter-spacing:.04em;font-size:32px}.db-blank{border-bottom:3px solid var(--text);text-transform:uppercase;place-items:end center;width:.95em;height:1.25em;display:inline-grid}.db-blank[data-hint]{color:var(--accent-text)}.db-gap{width:.6em}.db-dash{padding-bottom:.15em}.db-count{color:var(--text-faint);font-family:var(--font-body);align-self:center;margin-left:8px;font-size:.85rem;font-weight:800}.db-paper{border:1.5px solid var(--border);border-radius:var(--radius);aspect-ratio:4/3;background:#fff;position:relative;overflow:hidden}.db-paper canvas{width:100%;height:100%;display:block}.db-paper.is-editable canvas{cursor:crosshair;touch-action:none}.db-paper.is-editable[data-tool=fill] canvas{cursor:cell}.db-cover{background:color-mix(in srgb, var(--surface) 90%, transparent);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;animation:.2s ease-out db-fade;display:flex;position:absolute;inset:0}.db-cover-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.db-cover-word{color:var(--accent-text);font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:600;line-height:1}.db-choices{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.db-gains{gap:6px;min-width:min(260px,100%);margin:4px 0 0;padding:0;list-style:none;display:grid}.db-gains li{border-radius:var(--radius-pill);background:var(--surface-2);justify-content:space-between;gap:16px;padding:6px 14px;font-weight:700;display:flex}.db-gains strong{color:var(--good)}@keyframes db-fade{0%{opacity:0}}.db-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.db-toolbar[aria-disabled]{opacity:.55}.db-colors{grid-template-columns:repeat(7,26px);gap:5px;display:grid}.db-color{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--text) 18%, transparent);cursor:pointer;border-radius:50%;min-width:0;padding:0}.db-color[aria-checked=true]{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--text)}.db-color:focus-visible,.db-size:focus-visible,.db-tool:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.db-toolrow{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.db-sizes,.db-tools{border-radius:var(--radius-pill);background:var(--surface-2);gap:6px;padding:4px;display:flex}.db-size,.db-tool{width:40px;height:40px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.db-size span{background:currentColor;border-radius:50%}.db-size[aria-checked=true],.db-tool[aria-checked=true]{background:var(--accent);color:var(--on-accent)}.db-tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.db-size:disabled,.db-tool:disabled,.db-color:disabled{cursor:default}.db-guess{flex-wrap:wrap;gap:8px;display:flex}.db-guess .input{flex:1;min-width:0}.db-notice{color:var(--bad);flex-basis:100%;font-size:.9rem;font-weight:700}.db-chat{overscroll-behavior:contain;flex-direction:column;gap:6px;max-height:340px;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex;overflow-y:auto}.db-chat-empty{color:var(--text-faint)}.db-line{overflow-wrap:anywhere}.db-line strong{font-weight:800}.db-line.is-hit{color:var(--good);font-weight:800}.db-line.is-hidden{color:var(--text-faint)}.db-line.is-turn{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin-top:4px;font-size:.75rem;font-weight:800;display:flex}.db-line.is-turn:before,.db-line.is-turn:after{content:"";background:var(--border);flex:1;height:1px}.db-line.is-turn:first-child{margin-top:0}.db-chat.is-compact{max-height:none;overflow:visible}.db-recent{display:none}.db-chat-panel .db-chat{height:300px}.db-seat.is-drawing .avatar{box-shadow:0 0 0 3px var(--accent)}.db-points{border-radius:var(--radius-pill);background:var(--surface-3);min-width:2.2rem;height:1.6rem;color:var(--text-dim);font-family:var(--font-display);place-items:center;padding:0 .5rem;font-weight:600;display:inline-grid}.db-points[data-got]{background:var(--good-soft);color:var(--good)}.db-logo{font-family:var(--font-display);align-items:flex-end;gap:.1em;font-size:44px;font-weight:600;line-height:.95;display:inline-flex}.db-logo-draw{gap:.02em;padding:0 .04em .16em;display:inline-flex;position:relative}.db-logo-letter{display:inline-block}.db-logo-letter.is-0{transform:rotate(-6deg)}.db-logo-letter.is-1{transform:translateY(.04em)rotate(4deg)}.db-logo-letter.is-2{transform:rotate(-3deg)}.db-logo-letter.is-3{transform:translateY(.03em)rotate(5deg)}.db-logo-scribble{fill:none;width:100%;height:.3em;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;position:absolute;bottom:0;left:0;right:0}.db-logo-boo{color:var(--accent-text);padding-bottom:.16em}.db-start-who{align-items:center;gap:1.25rem;width:min(30rem,100%);display:flex}.db-start-avatar{border:4px solid var(--surface);width:88px;height:88px;box-shadow:0 0 0 3px var(--accent);font-size:1.9rem}.db-start-fields{flex:1;gap:.75rem;min-width:0;display:grid}.db-start-fields .word-lang{text-align:left;align-items:stretch;gap:.35rem;width:100%}.db-start-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.db-start-actions .btn-play,.db-start-rooms{min-width:12rem}.db-start-rooms{gap:.6rem;margin-top:.75rem;padding:1rem 2rem;font-size:1.15rem}.db-start-rooms svg{width:20px;height:20px}.db-start-hint{max-width:30rem}.db-rooms-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:1.25rem;display:flex}.db-rooms-head h2{text-align:center;flex:1;font-size:1.6rem}.db-rooms-filters{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.db-rooms-filters .word-lang.is-compact{align-items:center;gap:.5rem;width:auto}.db-rooms-filters .word-lang.is-compact .select{width:9.5rem}.db-room-list{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.75rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.db-room-card{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);height:100%;color:var(--text);text-align:center;flex-direction:column;align-items:center;gap:.45rem;padding:1rem .75rem .9rem;text-decoration:none;transition:border-color .14s,transform .14s;display:flex}.db-room-card:hover{border-color:var(--accent);transform:translateY(-2px)}.db-room-card:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.db-room-icon{background:var(--accent);width:56px;height:56px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.db-room-icon svg,.db-room-meta svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.db-room-icon svg{width:30px;height:30px}.db-room-name{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.db-room-meta{color:var(--text-dim);gap:.8rem;font-size:.82rem;font-weight:700;display:flex}.db-room-meta span{align-items:center;gap:.2rem;display:inline-flex}.db-room-meta svg{stroke-width:2.2px;width:15px;height:15px}.db-room-card .badge[data-state=playing]{background:var(--good-soft);color:var(--good)}.db-rooms-empty{text-align:center;padding:2rem 0}.db-rooms .join-form,.db-rooms .db-start-actions{margin-inline:auto}.db-rooms .join-form{margin-top:1.25rem}.db-new-grid{grid-template-columns:minmax(15rem,20rem) minmax(0,1fr);gap:1rem;display:grid}.db-new-side{align-content:start;gap:1rem;display:grid}.db-new-block{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);align-content:start;gap:.75rem;min-width:0;margin:0;padding:1rem 1.1rem 1.1rem;display:grid}.db-new-block legend{float:left;width:100%;color:var(--accent-text);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;padding:0;font-size:1rem;font-weight:600}.db-new-row{color:var(--text-dim);justify-content:space-between;align-items:center;gap:.75rem;font-weight:700;display:flex}.db-new-row .select{width:6.5rem}.db-new-select{cursor:pointer;justify-content:space-between;align-items:center;gap:.4rem;width:100%;padding-block:.4rem;font-weight:700;display:flex}.db-new-block .word-lang{align-items:stretch;width:100%}.db-new-block .word-lang-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.db-theme-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;display:grid}.db-theme{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.45rem;padding:.9rem .5rem .8rem;font-weight:700;transition:border-color .14s,background .14s,box-shadow .14s;display:flex;position:relative}.db-theme:hover{border-color:var(--border-strong)}.db-theme.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-ring)}.db-theme:has(input:focus-visible){outline:3px solid var(--accent-ring);outline-offset:2px}.db-theme input{opacity:0;pointer-events:none;position:absolute}.db-theme-name{font-size:.92rem}.db-new .db-start-actions{margin-top:.5rem}.db-switch{border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-3);cursor:pointer;flex:none;width:48px;height:28px;padding:0;transition:background .14s,border-color .14s;position:relative}.db-switch-knob{background:var(--surface);width:21px;height:21px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .14s;position:absolute;top:2px;left:2px}.db-switch[aria-checked=true]{border-color:var(--accent);background:var(--accent)}.db-switch[aria-checked=true] .db-switch-knob{transform:translate(20px)}.db-switch:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.db-lobby-settings{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}@media (prefers-reduced-motion:reduce){.db-cover{animation:none}.db-room-card,.db-switch-knob{transition:none}}@media (width<=44rem){.db-panel{gap:10px;padding-inline:10px}.db-colors{flex:1;grid-template-columns:repeat(7,minmax(0,1fr))}.db-toolrow{justify-content:space-between}.db-word{font-size:22px}.db-recent{display:block}.db-chat-panel .db-chat{height:220px}.db-logo{font-size:34px}.db-start-who{flex-direction:column}.db-start-actions>*{flex:10rem;min-width:0}.db-rooms-head h2{flex-basis:100%;order:-1}.db-rooms-filters,.db-rooms-filters .word-lang.is-compact{width:100%}.db-rooms-filters .word-lang.is-compact .select{flex:1;width:auto}.db-room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.db-room-meta{flex-wrap:wrap;justify-content:center;gap:.25rem .6rem}.db-new-grid{grid-template-columns:minmax(0,1fr)}.db-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.nb-panel{align-items:stretch;gap:16px}.nb-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;min-height:44px;display:flex}.nb-teams-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nb-team{--team:var(--nb-red);--team-text:var(--nb-red-text);border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);opacity:.75;align-items:center;gap:8px;padding:5px 16px 5px 10px;display:inline-flex}.nb-team[data-team=b]{--team:var(--nb-blue);--team-text:var(--nb-blue-text)}.nb-team[data-team=f]{--team:var(--nb-friend);--team-text:var(--nb-friend-text)}.nb-team[data-turn]{border:2.5px solid var(--team);opacity:1}.nb-team-mark{width:22px;height:auto;color:var(--team)}.nb-team-name{color:var(--team-text);font-family:var(--font-display);font-size:1rem;font-weight:600}.nb-team strong{font-family:var(--font-display);font-size:1.45rem;font-weight:600;line-height:1}.nb-team-left{color:var(--text-faint);font-size:.75rem;font-weight:800}.nb-tokens{gap:6px;display:flex}.nb-token{border:1.5px solid var(--accent-text);background:var(--accent);border-radius:50%;width:14px;height:14px}.nb-token.is-used{background:var(--surface-3);border-color:#0000}.nb-clue-line{flex-direction:column;align-items:center;gap:6px;display:flex}.nb-clue{--team:var(--nb-red);border:2.5px solid var(--team);border-radius:var(--radius-pill);background:var(--surface);align-items:center;gap:14px;padding:6px 6px 6px 22px;animation:.26s ease-out nb-rise;display:inline-flex}.nb-clue[data-team=b]{--team:var(--nb-blue)}.nb-clue[data-team=f]{--team:var(--nb-friend)}.nb-clue-word{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:1.6rem;font-weight:600}.nb-clue-count{border-radius:var(--radius-pill);background:var(--team);min-width:40px;height:40px;color:var(--nb-on-team);font-family:var(--font-display);place-items:center;padding:0 8px;font-size:1.3rem;font-weight:600;display:grid}.nb-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.nb-card{--edge:var(--nb-edge);aspect-ratio:1.6;border:1.5px solid var(--edge);background:var(--nb-paper);min-width:0;box-shadow:0 3px 0 var(--edge);color:var(--nb-ink);font-family:var(--font-display);text-transform:uppercase;cursor:default;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px;font-weight:600;transition:transform .14s,box-shadow .14s;display:flex;position:relative;container-type:inline-size}.nb-card:not([data-open]):after{content:"";background:var(--edge);opacity:.7;border-radius:1px;height:2px;position:absolute;bottom:20%;left:18%;right:18%}.nb-card:disabled{opacity:1}.nb-card:not(:disabled){cursor:pointer}.nb-card:not(:disabled):hover{box-shadow:0 5px 0 var(--edge);transform:translateY(-2px)}.nb-card:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.nb-card[data-pointed]{outline:3px solid var(--accent);outline-offset:2px}.nb-card-word{max-width:100%;font-size:min(max(1.06rem, 8.6cqi), calc((100cqi - 10px) / (var(--len,6) * .7)));text-align:center;white-space:nowrap;line-height:1.1}.nb-card-word.is-small{font-family:var(--font-body);font-size:min(max(.74rem, 6cqi), calc((100cqi - 10px) / (var(--len,6) * .82)));letter-spacing:.06em;opacity:.9;font-weight:800}.nb-card[data-key=r]{--edge:var(--nb-red);background:linear-gradient(90deg, var(--nb-red) 6px, var(--nb-red-tint) 6px);border-width:2.5px}.nb-card[data-key=b]{--edge:var(--nb-blue);background:linear-gradient(90deg, var(--nb-blue) 6px, var(--nb-blue-tint) 6px);border-width:2.5px}.nb-card[data-key=n]{--edge:var(--nb-neutral);background:linear-gradient(90deg, var(--nb-neutral) 6px, var(--nb-paper) 6px);border-width:2.5px}.nb-card[data-key=k]{--edge:var(--nb-boo);background:linear-gradient(90deg, var(--nb-boo) 6px, var(--nb-boo-tint) 6px);border-width:2.5px}.nb-card[data-key=f]{--edge:var(--nb-friend);background:linear-gradient(90deg, var(--nb-friend) 6px, var(--nb-friend-tint) 6px);border-width:2.5px}.nb-card-boo{width:16px;height:auto;color:var(--nb-boo);position:absolute;top:7px;right:8px}.nb-card[data-open]{--fill:var(--nb-red);--edge:var(--fill);background:var(--fill);color:var(--nb-on-team);animation:.32s ease-out nb-turn}.nb-card[data-open=b]{--fill:var(--nb-blue)}.nb-card[data-open=n]{--fill:var(--nb-neutral);color:var(--nb-neutral-ink)}.nb-card[data-open=k]{--fill:var(--nb-boo)}.nb-card[data-open=f]{--fill:var(--nb-friend)}.nb-card-art{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;width:auto;max-width:100%;height:38cqi}.nb-card[data-turning]{animation:.7s ease-in-out infinite nb-pulse}.nb-marks{display:flex;position:absolute;top:6px;left:6px}.nb-mark{border:2px solid var(--nb-paper);background:var(--accent);width:22px;height:22px;color:var(--on-accent);font-family:var(--font-body);letter-spacing:0;border-radius:50%;place-items:center;margin-left:-6px;font-size:.56rem;font-weight:800;display:grid}.nb-mark:first-child{margin-left:0}.nb-mark.is-mine{background:var(--nb-ink);color:var(--nb-paper)}.nb-passed{border-radius:var(--radius-pill);background:var(--nb-neutral);color:var(--nb-neutral-ink);font-family:var(--font-body);letter-spacing:0;padding:1px 6px;font-size:.56rem;font-weight:800;position:absolute;bottom:5px;right:6px}.nb-pick{z-index:1;border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-family:var(--font-body);letter-spacing:0;text-transform:none;white-space:nowrap;padding:2px 9px;font-size:.62rem;font-weight:800;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.nb-cluebar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nb-cluebar .input{flex:1;min-width:10rem}.nb-stepper{border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-2);align-items:center;gap:2px;padding:3px;display:inline-flex}.nb-stepper button{width:38px;height:38px;color:var(--text-dim);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:1.2rem;font-weight:600;display:grid}.nb-stepper button:disabled{opacity:.4;cursor:default}.nb-stepper-value{border-radius:var(--radius-pill);background:var(--accent-soft);width:48px;height:38px;color:var(--accent-text);font-family:var(--font-display);text-align:center;text-align-last:center;appearance:none;cursor:pointer;border:0;font-size:1.2rem;font-weight:600}.nb-stepper button:focus-visible,.nb-stepper-value:focus-visible{outline:3px solid var(--accent-ring);outline-offset:1px}.nb-notice{color:var(--text-faint);flex-basis:100%;font-size:.85rem;font-weight:600}.nb-notice.is-bad{color:var(--bad);font-weight:700}.nb-guessbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.nb-seat{--team:var(--border-strong)}.nb-seat[data-team=r]{--team:var(--nb-red)}.nb-seat[data-team=b]{--team:var(--nb-blue)}.nb-seat[data-team=f]{--team:var(--nb-friend)}.nb-seat .avatar{box-shadow:0 0 0 2.5px var(--team)}.nb-seat .room-player{flex:1}.nb-seat-spy{width:18px;height:auto;color:var(--team);margin-right:4px}.nb-history{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.nb-history li{--team:var(--nb-red);align-items:center;gap:8px;display:flex}.nb-history li[data-team=b]{--team:var(--nb-blue)}.nb-history li[data-team=f]{--team:var(--nb-friend)}.nb-history li:before{content:"";background:var(--team);border-radius:50%;flex:none;width:10px;height:10px}.nb-history-word{font-family:var(--font-display);text-transform:uppercase;font-weight:600}.nb-history-count{border-radius:var(--radius-pill);background:var(--surface-3);min-width:22px;height:22px;font-family:var(--font-display);place-items:center;padding:0 5px;font-size:.8rem;font-weight:600;display:grid}.nb-history .faint{margin-left:auto}.nb-lobby-teams{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.nb-lobby-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.nb-lobby-team{--team:var(--nb-red);--team-text:var(--nb-red-text);border:1.5px solid var(--border);border-top:4px solid var(--team);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:10px;padding:14px;display:flex}.nb-lobby-team[data-team=b]{--team:var(--nb-blue);--team-text:var(--nb-blue-text)}.nb-lobby-team h4{color:var(--team-text);font-family:var(--font-display);font-size:1.1rem;font-weight:600}.nb-lobby-team ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.nb-lobby-team li{align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.nb-lobby-team li .avatar{width:26px;height:26px;box-shadow:0 0 0 2px var(--team);font-size:.66rem}.nb-lobby-team li .badge{margin-left:auto}.nb-lobby-team .btn[aria-pressed=true]{border-color:var(--team);background:var(--team);color:var(--nb-on-team)}.nb-result-teams{flex-direction:column;gap:10px;display:flex}.nb-logo{font-family:var(--font-display);align-items:center;gap:.18em;font-size:44px;font-weight:600;line-height:1;display:inline-flex}.nb-logo-stamp{border:.08em solid var(--accent);letter-spacing:.04em;border-radius:.24em;padding:.02em .24em .06em;font-size:.9em;transform:rotate(-4deg)}.nb-logo-boo{color:var(--accent-text)}@keyframes nb-turn{0%{transform:rotateY(90deg)}}@keyframes nb-pulse{50%{opacity:.6}}@keyframes nb-rise{0%{opacity:0;transform:translateY(6px)}}.nb-options{flex-direction:column;align-items:center;gap:1.1rem;width:min(30rem,100%);display:flex}.nb-timer{flex-direction:column;align-items:center;gap:.6rem;width:100%;display:flex}.nb-timer-choices{border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;padding:4px;display:grid}.nb-timer-choices label{border-radius:var(--radius-pill);color:var(--text-dim);text-align:center;cursor:pointer;padding:.5rem .4rem;font-size:.9rem;font-weight:700;transition:background .14s,color .14s;position:relative}.nb-timer-choices label:hover{color:var(--text)}.nb-timer-choices label.is-selected{background:var(--accent);color:var(--on-accent)}.nb-timer-choices label:has(input:focus-visible){outline:3px solid var(--accent-ring);outline-offset:1px}.nb-timer-choices input{opacity:0;pointer-events:none;position:absolute}.nb-timer-custom{gap:.5rem;width:100%;display:grid}.nb-timer-field{color:var(--text-dim);justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;font-weight:700;display:flex}.nb-stepper output{border-radius:var(--radius-pill);background:var(--accent-soft);min-width:58px;height:38px;color:var(--accent-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-size:1.05rem;font-weight:600;display:grid}.nb-clock{border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);min-width:4.4rem;height:36px;color:var(--text);font-family:var(--font-display);font-variant-numeric:tabular-nums;place-items:center;padding:0 .85rem;font-size:1.05rem;font-weight:600;display:inline-grid}.nb-clock.is-low,.nb-clock.is-up{border-color:var(--bad);color:var(--bad)}.nb-clock.is-up{background:var(--bad-soft);font-size:.95rem}.nb-timeup{border:1.5px dashed var(--bad);border-radius:var(--radius);padding:10px 12px}.nb-lobby-settings{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}@media (prefers-reduced-motion:reduce){.nb-card,.nb-card[data-open],.nb-card[data-turning],.nb-clue{transition:none;animation:none}}@media (width<=44rem){.nb-panel{gap:12px;padding-inline:10px}.nb-board{gap:6px}.nb-card{aspect-ratio:1.12;border-radius:10px;padding:4px 3px}.nb-card-word{font-size:min(.8rem, calc((100cqi - 6px) / (var(--half,6) * .7)));white-space:normal;-webkit-hyphens:manual;hyphens:manual}.nb-card-word.is-small{font-size:min(.6rem, calc((100cqi - 6px) / (var(--len,6) * .82)))}.nb-card-art{height:56cqi}.nb-mark{width:18px;height:18px;font-size:.5rem}.nb-pick{display:none}.nb-timer-choices label{padding-inline:.2rem;font-size:.8rem}.nb-clue-word{font-size:1.25rem}.nb-team strong{font-size:1.2rem}.nb-lobby-columns{grid-template-columns:1fr}.nb-logo{font-size:34px}}.hb-board{flex-direction:column;gap:12px;min-width:0;display:flex}.hb-notice{background:var(--surface-2);color:var(--text-dim)}.hb-news{text-align:center;margin:0}.hb-panel{align-items:stretch;gap:18px}.hb-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.hb-steps{gap:6px;margin:0;padding:0;list-style:none;display:flex}.hb-steps li{flex-direction:column;align-items:center;gap:3px;min-width:34px;display:flex}.hb-step-dot{background:var(--surface-3);border:2px solid #0000;border-radius:9px;width:26px;height:26px;transition:background .2s,border-color .2s}.hb-steps li.is-current .hb-step-dot{border-color:var(--accent);background:var(--surface)}.hb-step-points{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:700}.hb-steps li.is-done .hb-step-points{color:var(--text-dim)}.hb-board{--hb-room:var(--play-room,46rem)}.hb-board:has(>.hb-news){--hb-room:calc(var(--play-room,46rem) - 32px)}.hb-panel{--hb-under:225px}.hb-panel:has(.hb-dials){--hb-under:455px}.hb-panel:has(.hb-split){--hb-under:325px}.play-board>.hb-board>.hb-panel:first-child{padding-top:54px}.play-board>.hb-board>.hb-notice,.play-board>.hb-board>.hb-news{margin-right:50px}.play-board>.hb-board>.hb-news{margin-left:50px}.hb-stage{width:min(100%, 832px, max(520px, (var(--hb-room) - 225px) * 4 / 3));flex-direction:column;align-items:center;gap:18px;margin-inline:auto;display:flex}.hb-swatch{aspect-ratio:4/3;width:100%;min-height:120px;max-height:max(390px, var(--hb-room) - var(--hb-under));outline:1px solid var(--border);border-radius:28px;place-items:center;animation:.26s ease-out hb-pop;display:grid;position:relative}.hb-swatch.is-empty{outline:2px dashed var(--border-strong);outline-offset:-2px;background:var(--surface-2);padding:24px}.hb-intro{max-width:22rem;color:var(--text-dim);text-align:center;margin:0;font-size:1.05rem;font-weight:600}.hb-look{border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:6px 12px;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hb-look-bar{border-radius:var(--radius-pill);background:var(--surface-3);width:88px;height:7px;overflow:hidden}.hb-look-bar>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.hb-look-text{min-width:1.8em;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-size:.9rem;font-weight:700}.hb-dials{gap:14px;width:100%;display:grid}.hb-dial{gap:6px;display:grid}.hb-dial-head{color:var(--text-dim);justify-content:space-between;font-size:.86rem;font-weight:700;display:flex}.hb-dial-head output{color:var(--text);font-variant-numeric:tabular-nums}.hb-dial input{cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;width:100%;height:34px;margin:0}.hb-dial input::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:var(--track);height:18px;box-shadow:inset 0 0 0 1px var(--border)}.hb-dial input::-moz-range-track{border-radius:var(--radius-pill);background:var(--track);height:18px;box-shadow:inset 0 0 0 1px var(--border)}.hb-dial input::-webkit-slider-thumb{border:4px solid var(--surface);background:var(--thumb);width:30px;height:30px;box-shadow:0 0 0 1.5px var(--border-strong), var(--shadow-sm);appearance:none;border-radius:50%;margin-top:-6px}.hb-dial input::-moz-range-thumb{border:4px solid var(--surface);background:var(--thumb);width:22px;height:22px;box-shadow:0 0 0 1.5px var(--border-strong), var(--shadow-sm);border-radius:50%}.hb-dial input:focus-visible{outline:none}.hb-dial input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-ring), 0 0 0 1.5px var(--border-strong)}.hb-dial input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-ring), 0 0 0 1.5px var(--border-strong)}.hb-reveal{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.hb-split{aspect-ratio:4/3;width:100%;min-height:120px;max-height:max(390px, var(--hb-room) - var(--hb-under));outline:1px solid var(--border);border-radius:28px;grid-template-columns:1fr 1fr;animation:.26s ease-out hb-pop;display:grid;overflow:hidden}.hb-half{justify-content:center;align-items:flex-end;padding:14px;display:flex}.hb-chip{border-radius:var(--radius-pill);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);padding:4px 12px;font-size:.8rem;font-weight:700}.hb-verdict{align-items:baseline;gap:10px;display:flex}.hb-verdict strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2.6rem;line-height:1}.hb-verdict span{color:var(--text-dim);font-weight:700}.hb-verdict[data-tier=perfect] strong,.hb-verdict[data-tier=great] strong{color:var(--good)}.hb-verdict[data-tier=off] strong,.hb-verdict[data-tier=miss] strong{color:var(--bad)}.hb-offsets{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hb-offsets li{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-dim);padding:4px 10px;font-size:.82rem;font-weight:600}.hb-offsets strong{color:var(--text);font-variant-numeric:tabular-nums}.hb-wait{margin:0}.hb-pairs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hb-pairs li{flex-direction:column;align-items:center;gap:4px;display:flex}.hb-pair{aspect-ratio:3/4;outline:1px solid var(--border);border-radius:14px;grid-template-rows:1fr 1fr;width:100%;max-width:64px;display:grid;overflow:hidden}.hb-pair-points{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.hb-mini{gap:3px;display:inline-flex}.hb-mini>span{outline:1px solid var(--border);border-radius:4px;width:12px;height:12px}.hb-mini.is-row>span{border-radius:5px;width:18px;height:18px}.hb-mini.is-target>span{border-radius:50%}.hb-duo{justify-items:center;gap:12px;display:grid}.hb-duo>div{flex-direction:column;align-items:center;gap:6px;display:flex}.hb-legend-swatch{border-radius:7px;width:22px;height:22px}.hb-legend-dials{gap:3px;width:22px;display:grid}.hb-legend-dials>span{border-radius:var(--radius-pill);background:var(--text-faint);height:4px}.hb-legend-points{background:var(--accent);width:22px;height:22px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:.66rem;font-weight:800;display:grid}.hb-logo{--hb-1:#e0336f;--hb-2:#23a36b;--hb-3:#4a6cf7;font-family:var(--font-display);align-items:center;gap:.14em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.hb-logo-chip{color:#fff;border-radius:.32em;place-items:center;width:1.36em;height:1.5em;display:grid}.hb-logo-chip.is-0{background:var(--hb-1)}.hb-logo-chip.is-1{background:var(--hb-2)}.hb-logo-chip.is-2{background:var(--hb-3);position:relative}.hb-logo-chip.is-2:after{border:.08em solid var(--surface);background:var(--hb-1);content:"";border-radius:50%;width:.42em;height:.42em;position:absolute;bottom:-.16em;right:-.16em}.hb-logo-boo{color:var(--accent-text);margin-left:.12em}@keyframes hb-pop{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.hb-swatch,.hb-split,.hb-step-dot{transition:none;animation:none}}@media (width<=640px){.hb-top{text-align:center;justify-content:center}.hb-swatch,.hb-split{aspect-ratio:1;border-radius:22px}.hb-swatch.is-dial{aspect-ratio:16/9}.hb-steps li{min-width:28px}.hb-step-dot{width:22px;height:22px}.hb-verdict strong{font-size:2.2rem}.hb-logo{font-size:24px}}.fb-panel{--fb-chrome:224px;--fb-h:clamp(560px, var(--play-room,46rem) - var(--fb-chrome), 896px);align-items:stretch;gap:16px;container-type:inline-size}.fb-status{text-align:center;min-height:1.4em}@media (width>=640.02px){.fb-panel:has(>.fb-input+.fb-bonus){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:24px;display:grid}.fb-panel:has(>.fb-input+.fb-bonus)>:not(.fb-input,.fb-bonus){grid-column:1/-1}.fb-panel>.fb-input{margin-inline:auto 0}.fb-panel>.fb-bonus{align-items:flex-start}.fb-panel>.fb-bonus .fb-bonus-letters{justify-content:flex-start}}.fb-arena{--fb-shell:#24222b;--fb-shell-edge:#3b3946;--fb-spark:#ffc93c;--fb-fuse:#a07b52;--fb-seat-r:50px;--fb-rx:calc(50cqw - var(--fb-seat-r));--fb-ry:calc(50cqh - var(--fb-seat-r));width:min(100cqi, 900px, var(--fb-h) * 1.8);height:min(var(--fb-h), 100cqi);margin-inline:auto;position:relative;container-type:size}.fb-arena[data-solo]{flex-direction:column-reverse;justify-content:center;align-items:center;gap:18px;width:100%;height:auto;padding-block:8px;display:flex;container-type:normal}.fb-arena.is-boom{animation:.42s fb-shake}.fb-seat{top:calc(50% + var(--sin,0) * var(--fb-ry));left:calc(50% + var(--cos,0) * var(--fb-rx));border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:3px;width:116px;padding:8px 6px;transition:border-color .2s,box-shadow .2s,opacity .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.fb-arena[data-solo] .fb-seat{width:180px;position:static;transform:none}.fb-seat .avatar{width:30px;height:30px;font-size:.72rem}.fb-seat[data-holder]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.fb-seat[data-out]{opacity:.45}.fb-seat[data-hit=boom]{animation:.7s fb-hit}.fb-seat[data-hit=word] .fb-seat-text{color:var(--good)}.fb-seat[data-hit=life] .fb-hearts{animation:.5s fb-pop}.fb-seat-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;font-weight:700;overflow:hidden}.fb-seat-text{max-width:100%;min-height:1.3em;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.fb-seat[data-holder] .fb-seat-text{color:var(--text)}.fb-hearts{gap:1px;display:inline-flex}.fb-heart{width:16px;height:16px;fill:var(--bad)}.fb-heart.is-lost{fill:var(--surface-3)}.fb-bomb{aspect-ratio:1;place-items:center;width:34cqmin;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fb-arena[data-solo] .fb-bomb{width:min(60%, clamp(220px, var(--play-room,46rem) - var(--fb-chrome) - 152px, 352px));position:relative;top:auto;left:auto;transform:none;container-type:inline-size}.fb-bomb-body{grid-area:1/1;width:100%;height:100%;overflow:visible}.fb-shell{fill:var(--fb-shell);stroke:var(--fb-shell-edge);stroke-width:2px}.fb-shine{fill:#fff;opacity:.16}.fb-cap{fill:var(--fb-shell-edge)}.fb-fuse{fill:none;stroke:var(--fb-fuse);stroke-width:4px;stroke-linecap:round}.fb-spark{fill:var(--fb-spark);opacity:0;transform-box:fill-box;transform-origin:50%}.fb-bomb[data-stage=live] .fb-spark{opacity:1;animation:.26s ease-in-out infinite alternate fb-spark}.fb-prompt{z-index:1;color:#fff;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;grid-area:1/1;margin-top:14%;margin-right:6%;font-size:clamp(1.1rem,6.8cqmin,4rem);font-weight:700;line-height:1}.fb-bomb[data-stage=countdown] .fb-prompt{font-size:clamp(1.6rem,9.3cqmin,5.4rem)}.fb-arena[data-solo] .fb-prompt{font-size:clamp(1.2rem,19cqi,4.2rem)}.fb-arena[data-solo] .fb-bomb[data-stage=countdown] .fb-prompt{font-size:clamp(2rem,26cqi,5.4rem)}.fb-pointer{opacity:0;transform:rotate(var(--turn,90deg));transition:transform .32s cubic-bezier(.3,1.4,.5,1),opacity .2s;position:absolute;inset:0}.fb-pointer:after{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid var(--accent);content:"";width:0;height:0;position:absolute;top:50%;right:-16%;transform:translateY(-50%)}.fb-bomb[data-stage=live] .fb-pointer{opacity:1}.fb-arena:not([data-solo]) .fb-pointer{transform:rotate(calc(var(--turn,90deg) + atan2(calc(var(--fb-ry) * sin(var(--turn,90deg))), calc(var(--fb-rx) * cos(var(--turn,90deg)))) - atan2(sin(var(--turn,90deg)), cos(var(--turn,90deg)))))}.fb-input{grid-template-columns:1fr auto;gap:6px 8px;width:min(100%,460px);margin-inline:auto;display:grid}.fb-input .input{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:1.2rem;font-weight:600}.fb-input .input::placeholder{font-family:var(--font-body,inherit);letter-spacing:normal;text-transform:none;font-size:.95rem;font-weight:500}.fb-input[data-problem] .input{border-color:var(--bad);animation:.26s fb-nudge}.fb-input-note{color:var(--bad);text-align:center;grid-column:1/-1;margin:0;font-size:.82rem;font-weight:600}.fb-bonus{flex-direction:column;align-items:center;gap:6px;display:flex}.fb-bonus-letters{flex-wrap:wrap;justify-content:center;gap:3px;max-width:460px;display:flex}.fb-bonus-letters span{background:var(--surface-2);width:22px;height:24px;color:var(--text-faint);text-transform:uppercase;border-radius:6px;place-items:center;font-size:.74rem;font-weight:800;display:grid}.fb-bonus-letters span.is-used{background:var(--accent);color:var(--on-accent)}.fb-ready{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:40px 16px;display:flex}.fb-ready p{max-width:26rem;margin:0}.fb-longest{font-family:var(--font-display);text-transform:uppercase}.fb-legend-prompt,.fb-legend-bonus{background:var(--fb-legend-shell,#24222b);color:#fff;border-radius:6px;place-items:center;min-width:22px;height:22px;padding-inline:3px;font-size:.62rem;font-weight:800;display:grid}.fb-legend-bonus{background:var(--accent);color:var(--on-accent)}.fb-legend-bomb{background:#24222b;border-radius:50%;width:20px;height:20px;position:relative}.fb-legend-bomb:after{content:"";background:#ffc93c;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-2px}.fb-logo{font-family:var(--font-display);align-items:center;gap:.18em;font-size:32px;font-weight:700;line-height:1;display:inline-flex}.fb-logo-fuse{color:#fff;letter-spacing:.04em;background:#24222b;border-radius:.34em;padding:.16em .36em;position:relative;box-shadow:inset 0 0 0 .06em #ffffff24}.fb-logo-fuse:after{content:"";background:#ffc93c;border-radius:50%;width:.36em;height:.36em;position:absolute;top:-.28em;right:-.22em;box-shadow:0 0 .3em #ffc93c}.fb-logo-boo{color:var(--accent-text)}@keyframes fb-spark{0%{transform:scale(.75)}to{transform:scale(1.25)}}@keyframes fb-shake{20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}@keyframes fb-hit{30%{border-color:var(--bad);box-shadow:0 0 0 6px var(--bad-soft)}}@keyframes fb-pop{50%{transform:scale(1.3)}}@keyframes fb-nudge{30%{transform:translate(-5px)}70%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.fb-arena.is-boom,.fb-seat,.fb-bomb[data-stage=live] .fb-spark,.fb-input[data-problem] .input,.fb-pointer{transition:none;animation:none}}@media (width<=640px){.fb-seat{width:84px;padding:5px 3px}.fb-seat .avatar{width:24px;height:24px;font-size:.62rem}.fb-seat-name{font-size:.68rem}.fb-seat-text{font-size:.78rem}.fb-heart{width:12px;height:12px}.fb-bomb{width:36%}.fb-arena{--fb-seat-r:30px}.fb-arena[data-crowd]{flex-wrap:wrap;justify-content:center;gap:6px;height:auto;display:flex;container-type:normal}.fb-arena[data-crowd] .fb-prompt{font-size:1.4rem}.fb-arena[data-crowd] .fb-bomb[data-stage=countdown] .fb-prompt{font-size:2rem}.fb-arena[data-crowd] .fb-seat{position:static;transform:none}.fb-arena[data-crowd] .fb-bomb{order:-1;width:132px;margin-inline:calc(50% - 66px);position:relative;top:auto;left:auto;transform:none}.fb-arena[data-crowd] .fb-pointer{display:none}.fb-logo{font-size:24px}}.tb-panel{align-items:stretch;gap:16px;container:tb-panel/inline-size}.tb-top{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.tb-clock{min-width:2.2ch;color:var(--accent-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(2rem,3.4cqi,2.75rem);font-weight:700;line-height:1}.tb-live{color:var(--text-dim);font-size:.9rem;font-weight:700}.tb-live strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.2rem}.tb-top .btn{margin-left:auto}.tb-hint{text-align:center;margin:0}.tb-box{--tb-size:clamp(1.15rem, 2.8cqi, 2.25rem);--tb-line:calc(var(--tb-size) * 1.7);padding:calc(var(--tb-size) * .66) calc(var(--tb-size) * .85);border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:text;position:relative}.tb-box[data-focused]{border-color:var(--accent)}.tb-box[data-disabled]{cursor:default;opacity:.6}.tb-window{height:calc(var(--tb-line) * 3);overflow:hidden}.tb-words{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:var(--tb-size);line-height:var(--tb-line);flex-wrap:wrap;column-gap:.62em;transition:transform .14s;display:flex}.tb-word{color:var(--text-faint);white-space:nowrap;position:relative}.tb-word[data-wrong]{text-decoration:underline;-webkit-text-decoration-color:var(--bad);text-decoration-color:var(--bad);text-underline-offset:.22em;text-decoration-thickness:2px}.tb-letter.is-ok{color:var(--text)}.tb-letter.is-wrong{color:var(--bad)}.tb-letter.is-extra{color:var(--bad);opacity:.7}.tb-letter.is-missed{color:var(--text-faint)}.tb-caret{width:0;height:var(--tb-line);vertical-align:top;display:inline-block;position:relative}.tb-caret:after{background:var(--accent);content:"";border-radius:2px;width:2px;height:1.15em;animation:1s step-end infinite tb-blink;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.tb-box:not([data-focused]) .tb-caret:after{opacity:.35;animation:none}.tb-input{color:#0000;opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.tb-focus{border-radius:inherit;background:color-mix(in srgb, var(--surface-2) 82%, transparent);color:var(--text-dim);font-size:max(1rem, calc(var(--tb-size) * .6));pointer-events:none;place-items:center;margin:0;font-weight:700;display:grid;position:absolute;inset:0}.tb-bad{color:var(--bad)}.tb-track{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tb-track li{grid-template-columns:minmax(6rem,9rem) 1fr 6.5rem;align-items:center;gap:12px;display:grid}.tb-lane-name{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;overflow:hidden}.tb-lane{border-radius:var(--radius-pill);background:var(--surface-3);height:6px;margin-inline:14px;position:relative}.tb-runner{transition:left .24s;position:absolute;top:50%;transform:translate(-50%,-50%)}.tb-runner .avatar{width:28px;height:28px;font-size:.66rem}.tb-track li.is-me .tb-runner .avatar{background:var(--accent);color:var(--on-accent)}.tb-lane-stat{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.tb-legend-key{border:1.5px solid var(--border-strong);min-width:22px;height:22px;color:var(--text-dim);border-bottom-width:3px;border-radius:6px;place-items:center;padding-inline:3px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;font-weight:700;display:grid}.tb-legend-key.is-wrong{color:var(--bad)}.tb-logo{font-family:var(--font-display);align-items:center;gap:.12em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.tb-logo-key{border:2px solid var(--border-strong);background:var(--surface);width:1.3em;height:1.36em;color:var(--text);border-bottom-width:5px;border-radius:.28em;place-items:center;display:grid}.tb-logo-key.is-pressed{border-color:var(--accent);background:var(--accent);color:var(--on-accent);border-bottom-width:2px;transform:translateY(3px)}.tb-logo-boo{color:var(--accent-text);margin-left:.14em}@keyframes tb-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.tb-words,.tb-runner{transition:none}.tb-caret:after{animation:none}}@media (width<=640px){.tb-box{padding:12px 14px}.tb-clock{font-size:2rem}.tb-track li{grid-template-columns:5rem 1fr 4.5rem;gap:6px}.tb-logo{font-size:24px}}.play-layout:has(>.wh-panel){grid-template-columns:minmax(0,1fr)}@media (width>=64rem){.play-layout:has(>.wh-panel)>aside{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}}.wh-panel{align-items:stretch;gap:12px}.wh-top{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.wh-top .wb-status{flex:1}.wh-score{color:var(--accent-text);font-family:var(--font-display);font-size:1.15rem;font-weight:700}.wh-lives{gap:2px;display:inline-flex}.wh-heart{width:20px;height:20px;fill:var(--bad)}.wh-heart.is-lost{fill:var(--surface-3)}.wh-restart{align-items:center;gap:6px;display:inline-flex}.wh-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.wh-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.wh-board,.wh-legend{--wh-invention:#3b82f6;--wh-science:#0ea47a;--wh-space:#6366f1;--wh-history:#c2661c;--wh-culture:#e04891;--wh-sport:#f97316;--wh-nature:#22a55a;--wh-art:#a855f7}:is(.wh-board,.wh-legend) [data-cat=invention]{--wh-band:var(--wh-invention)}:is(.wh-board,.wh-legend) [data-cat=science]{--wh-band:var(--wh-science)}:is(.wh-board,.wh-legend) [data-cat=space]{--wh-band:var(--wh-space)}:is(.wh-board,.wh-legend) [data-cat=history]{--wh-band:var(--wh-history)}:is(.wh-board,.wh-legend) [data-cat=culture]{--wh-band:var(--wh-culture)}:is(.wh-board,.wh-legend) [data-cat=sport]{--wh-band:var(--wh-sport)}:is(.wh-board,.wh-legend) [data-cat=nature]{--wh-band:var(--wh-nature)}:is(.wh-board,.wh-legend) [data-cat=art]{--wh-band:var(--wh-art)}.wh-board{--wh-u:clamp(.8px, calc((var(--play-room) - 185px) / 472), 1.4px);--card-w:calc(136 * var(--wh-u));--card-h:calc(180 * var(--wh-u));--band:calc(56 * var(--wh-u));--held-w:calc(164 * var(--wh-u));--held-h:calc(212 * var(--wh-u));--pin:calc(12 * var(--wh-u));--stamp:calc(28 * var(--wh-u));gap:6px;width:100%;min-width:0;display:grid}.wh-card{grid-template-rows:var(--band) minmax(0, 1fr);width:var(--card-w);height:var(--card-h);border:1.5px solid var(--border);border-radius:calc(18 * var(--wh-u));background:var(--surface);box-shadow:var(--shadow-sm);display:grid;overflow:hidden}.wh-art{background:radial-gradient(circle at 24% 18%, #ffffff42, transparent 52%), linear-gradient(150deg, var(--wh-band,var(--accent)), color-mix(in oklab, var(--wh-band,var(--accent)), #000 32%));place-items:center;display:grid}.wh-icon{width:calc(30 * var(--wh-u));height:calc(30 * var(--wh-u));fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #0000002e)}.wh-body{align-content:start;gap:calc(5 * var(--wh-u));min-height:0;padding:calc(10 * var(--wh-u)) calc(12 * var(--wh-u)) calc(12 * var(--wh-u));display:grid}.wh-cat{color:var(--text-faint);font-size:max(.6rem, calc(10.56 * var(--wh-u)));letter-spacing:.1em;text-transform:uppercase;font-weight:800}.wh-name{font-size:max(.74rem, calc(13.76 * var(--wh-u)));-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;font-weight:700;line-height:1.28;display:-webkit-box;overflow:hidden}.wh-pin{width:2px;height:var(--pin);background:var(--border-strong)}.wh-stamp{min-width:calc(70 * var(--wh-u));height:var(--stamp);padding:0 calc(12 * var(--wh-u));border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-family:var(--font-display);font-size:max(.86rem, calc(15.68 * var(--wh-u)));font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 0 0 4px var(--surface);place-items:center;font-weight:700;display:grid}.wh-stamp.is-hidden{border:2px dashed var(--border-strong);background:var(--surface-2);color:var(--text-faint);letter-spacing:.14em}.wh-hand{z-index:3;min-height:calc(var(--held-h) + var(--pin) + var(--stamp) + 8px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px 28px;display:grid;position:relative}.wh-hand>*{grid-row:1}.wh-hand>.wh-verdict{grid-column:1;justify-self:end}.wh-hand>.wh-held{grid-column:2}.wh-hand>.wh-hint{grid-column:3;justify-self:start}.wh-hand>.wh-end{grid-area:2/1/auto/-1}.wh-hand:has(>.wh-end){align-content:center}.wh-hand:has(>.wh-end)>.wh-verdict{grid-column:1/-1;justify-self:center}.wh-held{--card-w:var(--held-w);--card-h:var(--held-h);--band:calc(72 * var(--wh-u));grid-template-rows:var(--card-h) var(--pin) var(--stamp);border-radius:calc(20 * var(--wh-u));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;justify-items:center;animation:.34s cubic-bezier(.2,.8,.2,1) wh-deal;display:grid}.wh-held .wh-card{border:2px solid var(--accent);box-shadow:var(--shadow), 0 0 0 6px var(--accent-soft);transition:transform .2s,box-shadow .2s;transform:rotate(-2.5deg)}.wh-held .wh-icon{width:calc(36 * var(--wh-u));height:calc(36 * var(--wh-u))}.wh-held .wh-name{font-size:max(.86rem, calc(15.68 * var(--wh-u)));-webkit-line-clamp:7;line-clamp:7}@media (hover:hover){.wh-held:not([data-disabled]):hover .wh-card{transform:rotate(0)translateY(-4px)}}.wh-held:focus-visible .wh-card{outline:3px solid var(--accent-ring);outline-offset:4px}.wh-held[data-dragging]{z-index:10;cursor:grabbing;position:relative}.wh-held[data-dragging] .wh-card{box-shadow:0 34px 60px -24px #00000080, 0 0 0 6px var(--accent-soft);transform:scale(1.03)}.wh-held[data-dragging] .wh-pin,.wh-held[data-dragging] .wh-stamp{opacity:0}.wh-held[data-disabled]{cursor:default;opacity:.55}.wh-hint{max-width:15rem;color:var(--text-dim);justify-items:start;gap:4px;margin:0;font-size:.86rem;font-weight:700;transition:opacity .16s;display:grid}.wh-hint-drag{align-items:center;gap:6px;display:inline-flex}.wh-hint-drag svg{fill:none;width:16px;height:16px;stroke:var(--accent-text);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;animation:1.6s ease-in-out infinite wh-nudge}.wh-hint-keys{color:var(--text-faint);font-size:.76rem;font-weight:600}@media (hover:none){.wh-hint-keys{display:none}}.wh-board[data-placing] .wh-hint{opacity:0}.wh-verdict{border-radius:var(--radius-pill);text-align:center;margin:0;padding:4px 14px;font-size:.86rem;font-weight:800;animation:.32s cubic-bezier(.2,.8,.2,1) wh-pop}.wh-verdict.is-right{background:var(--good-soft);color:var(--good)}.wh-verdict.is-wrong{background:var(--bad-soft);color:var(--bad)}.wh-track{z-index:1;padding:6px 0 12px;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.wh-line{gap:calc(14 * var(--wh-u));width:max-content;margin:0 auto;padding:8px 32px 4px;list-style:none;display:flex;position:relative}.wh-line:before{top:calc(8px + var(--card-h) + var(--pin) + var(--stamp) / 2 - 2px);background:linear-gradient(90deg, transparent, var(--border-strong) 32px, var(--border-strong) calc(100% - 32px), transparent);content:"";border-radius:2px;height:4px;position:absolute;left:0;right:0}.wh-item,.wh-gap{grid-template-rows:var(--card-h) var(--pin) var(--stamp);justify-items:center;display:grid;position:relative}.wh-item[data-wrong] .wh-card{border-color:var(--bad)}.wh-item[data-wrong] .wh-stamp{background:var(--bad);color:var(--bg)}.wh-item[data-fresh] .wh-stamp{animation:.46s cubic-bezier(.2,.8,.2,1) .38s both wh-stamp}.wh-item[data-fresh] .wh-card{box-shadow:var(--shadow-sm), 0 0 0 4px var(--accent-ring)}.wh-item[data-fresh][data-wrong] .wh-card{box-shadow:var(--shadow-sm), 0 0 0 4px var(--bad-soft);animation:.42s ease-in-out .46s wh-shake}.wh-gap-card{width:var(--card-w);height:var(--card-h);border:2px dashed var(--accent);border-radius:calc(18 * var(--wh-u));background:var(--accent-soft);animation:.2s ease-out wh-gap}.wh-gap .wh-pin{background:var(--accent)}.wh-gap .wh-stamp{background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 2px var(--accent), 0 0 0 6px var(--surface);font-size:.74rem;font-weight:800}.wh-end{justify-items:center;gap:12px;padding:4px 14px 14px;display:grid}.wh-end-score{font-family:var(--font-display);text-align:center;margin:0;font-size:1.5rem;font-weight:700}.wh-legend-drag{border:2px solid var(--accent);background:linear-gradient(var(--accent) 0 34%, var(--surface) 34%);border-radius:5px;width:18px;height:24px;position:relative;transform:rotate(-8deg)}.wh-legend-stamp{border-radius:var(--radius-pill);background:var(--accent);width:26px;height:12px}.wh-legend-stamp.is-wrong{background:var(--bad)}.wh-logo{font-family:var(--font-display);align-items:center;gap:.18em;font-size:32px;font-weight:700;line-height:1;display:inline-flex}.wh-logo-when{color:var(--text);letter-spacing:.06em;padding-bottom:.32em;position:relative}.wh-logo-when:before{background:var(--accent);content:"";border-radius:999px;height:.09em;position:absolute;bottom:.08em;left:0;right:0}.wh-logo-when:after{background:radial-gradient(circle, var(--accent) .12em, transparent .13em) 0 50% / calc((100% - .26em) / 3) 100% repeat-x;content:"";height:.26em;position:absolute;bottom:0;left:.3em;right:.3em}.wh-logo-boo{color:var(--accent-text)}@keyframes wh-deal{0%{opacity:0;transform:translateY(-14px)scale(.94)}}@keyframes wh-pop{0%{opacity:0;transform:scale(.8)}}@keyframes wh-nudge{50%{transform:translateY(3px)}}@keyframes wh-gap{0%{opacity:0;transform:scale(.9)}}@keyframes wh-stamp{0%{opacity:0;transform:scale(.3)rotate(-14deg)}70%{opacity:1;transform:scale(1.14)rotate(2deg)}}@keyframes wh-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.wh-held,.wh-verdict,.wh-gap-card,.wh-hint-drag svg,.wh-item[data-fresh] .wh-stamp,.wh-item[data-fresh][data-wrong] .wh-card{animation:none}.wh-held .wh-card{transition:none}}@media (width<=44rem){.wh-top .wb-status{flex-basis:100%}.wh-restart{margin-left:auto}.wh-hand{grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px}.wh-hand>.wh-verdict,.wh-hand>.wh-held,.wh-hand>.wh-hint,.wh-hand>.wh-end{grid-area:auto/1}.wh-hand>.wh-verdict,.wh-hand>.wh-hint{justify-self:center}.wh-hint{text-align:center;justify-items:center}.wh-board{--wh-u:1px;--card-w:116px;--card-h:162px;--band:48px;--held-w:148px;--held-h:200px;--pin:10px;--stamp:26px}.wh-held{--band:64px}.wh-icon{width:24px;height:24px}.wh-held .wh-icon{width:32px;height:32px}.wh-card,.wh-gap-card{border-radius:18px}.wh-body{gap:3px;padding:8px 9px 9px}.wh-cat{font-size:.6rem}.wh-name{font-size:.74rem}.wh-held .wh-name{font-size:.86rem}.wh-stamp{min-width:58px;font-size:.86rem}.wh-line{gap:10px;padding-inline:20px}.wh-logo{font-size:24px}}.mb-panel{align-items:stretch;gap:16px}.mb-top{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.mb-top .wb-status{flex:1}.mb-count{color:var(--accent-text);font-family:var(--font-display);font-size:1.1rem;font-weight:700}.mb-clock{min-width:3.2em;color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.1rem;font-weight:600}.mb-restart{align-items:center;gap:6px;display:inline-flex}.mb-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.mb-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.mb-table{--table-w:896px;--card-r:14% / 17.5%;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));width:min(100%, var(--table-w), max(320px, calc((var(--play-room) - 152px) * 1.25)));gap:clamp(6px,1.4vw,16px);margin-inline:auto;display:grid}.mb-table[data-level=hard]{--table-w:1152px;--card-r:12% / 15%}.mb-card{aspect-ratio:5/4;border-radius:var(--card-r);cursor:pointer;perspective:700px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.mb-card[aria-disabled]{cursor:default}.mb-card:focus-visible{outline:3px solid var(--accent-ring);outline-offset:3px}.mb-inner{border-radius:inherit;transform-style:preserve-3d;transition:transform .34s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.mb-card:not([data-state=down]) .mb-inner{transform:rotateY(180deg)}@media (hover:hover){.mb-card[data-state=down]:not([aria-disabled]):hover .mb-inner{transform:translateY(-3px)}}.mb-back,.mb-face{border-radius:inherit;backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.mb-back{border:2px solid color-mix(in oklab, var(--accent), #000 12%);background:radial-gradient(circle at 30% 18%, #ffffff47, transparent 55%), linear-gradient(160deg, var(--accent), color-mix(in oklab, var(--accent), #000 22%));box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:12%;display:flex}.mb-eye{aspect-ratio:3/4;background:var(--on-accent);opacity:.92;border-radius:50%;width:11%}.mb-face{box-shadow:var(--shadow-sm);color:var(--pic,#333);background:#fffdf8;border:2px solid #e6e1d6;padding:11% 18%;transform:rotateY(180deg)}.mb-picture{fill:currentColor;width:100%;height:100%}.mb-card[data-state=found] .mb-face{border-color:var(--good);box-shadow:var(--shadow-sm), 0 0 0 3px color-mix(in oklab, var(--good), transparent 70%);animation:.52s cubic-bezier(.2,.8,.2,1) .26s both mb-pair}.mb-card[data-state=miss] .mb-face{border-color:var(--bad);animation:.38s ease-in-out .3s mb-shake}.mb-card[data-pic=ball]{--pic:#e5484d}.mb-card[data-pic=banana]{--pic:#d99a00}.mb-card[data-pic=bee]{--pic:#f76b15}.mb-card[data-pic=bulb]{--pic:#8e4ec6}.mb-card[data-pic=bus]{--pic:#0090ff}.mb-card[data-pic=car]{--pic:#12a594}.mb-card[data-pic=cat]{--pic:#3e63dd}.mb-card[data-pic=egg]{--pic:#a07553}.mb-card[data-pic=eiffel]{--pic:#6e56cf}.mb-card[data-pic=elephant]{--pic:#6b7785}.mb-card[data-pic=giraffe]{--pic:#c2410c}.mb-card[data-pic=guitar]{--pic:#d6409f}.mb-card[data-pic=ladybug]{--pic:#c8102e}.mb-card[data-pic=mug]{--pic:#00a2c7}.mb-card[data-pic=pencil]{--pic:#46a758}.mb-card[data-pic=penguin]{--pic:#20242b}.mb-card[data-pic=pyramid]{--pic:#b08850}.mb-card[data-pic=racket]{--pic:#84a516}.mb-card[data-pic=shoe]{--pic:#a855f7}.mb-card[data-pic=trex]{--pic:#2f855a}.mb-card[data-pic=whale]{--pic:#2563eb}.mb-end{justify-items:center;display:grid}.mb-legend-card{background:linear-gradient(160deg, var(--accent), color-mix(in oklab, var(--accent), #000 22%));border-radius:4px;width:16px;height:22px}.mb-legend-card.is-found{border:2px solid var(--good);background:#fffdf8}.mb-legend-points{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-display);padding:1px 6px;font-size:.72rem;font-weight:700}.mb-logo{font-family:var(--font-display);align-items:center;gap:.12em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.mb-logo-card{border:.06em solid var(--border-strong);background:var(--surface);width:1.1em;height:1.46em;color:var(--text);border-radius:.24em;place-items:center;display:grid}.mb-logo-card.is-pair{background:var(--accent);color:var(--on-accent);border-color:#0000;transform:rotate(-6deg)}.mb-logo-card.is-pair~.mb-logo-card.is-pair{transform:rotate(5deg)}.mb-logo-boo{color:var(--accent-text);margin-left:.12em}@keyframes mb-pair{40%{transform:rotateY(180deg)scale(1.08)}to{transform:rotateY(180deg)scale(1)}}@keyframes mb-shake{20%,60%{transform:rotateY(180deg)translate(-4px)}40%,80%{transform:rotateY(180deg)translate(4px)}}@media (prefers-reduced-motion:reduce){.mb-inner{transition:none}.mb-card[data-state=found] .mb-face,.mb-card[data-state=miss] .mb-face{animation:none}}@media (width<=44rem){.mb-top .wb-status{flex-basis:100%}.mb-restart{margin-left:auto}.mb-face{padding:10% 16%}.mb-logo{font-size:24px}}.fr-panel{align-items:stretch;gap:16px}.fr-top{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.fr-top .wb-status{flex:1}.fr-clock{min-width:3.2em;color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.1rem;font-weight:600}.fr-restart{align-items:center;gap:6px;display:inline-flex}.fr-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.fr-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.fr-panel{container:fr-panel/inline-size}.fr-box{--box-w:min(100cqi - 6px, 640px, max(220px, calc((var(--play-room) - 255px) * 2 / 3)));justify-items:center;gap:10px;display:grid}.fr-hud{width:var(--box-w);justify-content:space-between;align-items:center;gap:12px;display:flex}.fr-score,.fr-next{align-items:center;gap:8px;display:inline-flex}.fr-hud-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.fr-score strong{color:var(--accent-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1}.fr-next .fr-badge{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--border);border-radius:50%;padding:4px}.fr-badge{object-fit:contain;-webkit-user-select:none;user-select:none;flex:none;display:block}.fr-canvas{width:var(--box-w);aspect-ratio:2/3;border:3px solid var(--border-strong);background:linear-gradient(180deg, transparent 0 16%, color-mix(in oklab, var(--accent-soft), transparent 40%) 100%), var(--surface-2);box-sizing:content-box;cursor:crosshair;touch-action:none;border-top-color:#0000;border-radius:10px 10px 30px 30px;transition:border-color .2s;display:block}.fr-canvas:focus-visible{outline:3px solid var(--accent-ring);outline-offset:4px}.fr-box[data-danger] .fr-canvas{border-color:var(--bad);border-top-color:#0000}.fr-help{max-width:var(--box-w);text-align:center}@container fr-panel (width>=36rem){.fr-box{--box-w:min(100cqi - 22rem, 640px, max(240px, calc((var(--play-room) - 152px) * 2 / 3)));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:14px 28px}.fr-hud{display:contents}.fr-score,.fr-next{flex-direction:column;gap:6px;padding-top:18px}.fr-score{grid-area:1/1;justify-self:end;align-items:flex-end}.fr-score strong{font-size:2.2rem}.fr-next{grid-area:1/3;justify-self:start;align-items:flex-start}.fr-next .fr-badge{width:52px;height:52px}.fr-canvas{grid-area:1/2/span 2}.fr-help{text-align:start;grid-area:2/3;justify-self:start;max-width:13rem;margin:0}}.fr-end{justify-items:center;display:grid}.fr-result-fruit{border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:14px;padding:10px 16px;display:flex}.fr-result-fruit>span{gap:2px;display:grid}.fr-result-fruit strong{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.fr-chain{flex-wrap:wrap;align-items:center;gap:2px 4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.fr-chain li{align-items:center;display:inline-flex}.fr-chain li+li:before{content:"›";color:var(--text-faint);margin-right:4px;font-weight:700}.fr-logo{font-family:var(--font-display);align-items:center;gap:.08em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.fr-logo-fruit{background:var(--logo-fruit);color:#fff;border-radius:50%;place-items:center;width:1.18em;height:1.18em;display:grid;position:relative;box-shadow:inset -.08em -.1em #00000029}.fr-logo-fruit:after{content:"";background:#37b24d;border-radius:.2em 0;width:.34em;height:.2em;position:absolute;top:-.2em;left:50%;transform:translate(-10%)rotate(-18deg)}.fr-logo-fruit:first-child{--logo-fruit:#f03e3e}.fr-logo-fruit:nth-child(2){--logo-fruit:#ff922b;transform:translateY(.06em)rotate(5deg)}.fr-logo-fruit:nth-child(3){--logo-fruit:#8e52d9;transform:rotate(-4deg)}.fr-logo-boo{color:var(--accent-text);margin-left:.12em}@media (prefers-reduced-motion:reduce){.fr-canvas{transition:none}}@media (width<=44rem){.fr-top .wb-status{flex-basis:100%}.fr-restart{margin-left:auto}.fr-logo{font-size:24px}}:root{--sd-2:#fbf1df;--sd-2-ink:#5b3d22;--sd-4:#f8e2bd;--sd-4-ink:#5b3d22;--sd-8:#fcc795;--sd-8-ink:#5a2c0b;--sd-16:#fba56c;--sd-16-ink:#4d2106;--sd-32:#f6833f;--sd-32-ink:#3f1702;--sd-64:#d94a33;--sd-64-ink:#fff;--sd-128:#cf3532;--sd-128-ink:#fff;--sd-256:#b8272d;--sd-256-ink:#fff;--sd-512:#f0a32a;--sd-512-ink:#3a2200;--sd-1024:#f3b81f;--sd-1024-ink:#3a2600;--sd-2048:#f8cf27;--sd-2048-ink:#3b2a00;--sd-4096:#0e6f8a;--sd-4096-ink:#fff;--sd-8192:#0b5a72;--sd-8192-ink:#fff;--sd-16384:#0b4559;--sd-16384-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sd-2:#3a342b;--sd-2-ink:#f3e5cc;--sd-4:#4a3e2c;--sd-4-ink:#f8e3bf;--sd-8:#7d4a2a;--sd-8-ink:#fff1e2;--sd-16:#a35a26;--sd-16-ink:#fff1e2;--sd-32:#b95a1c;--sd-32-ink:#fff;--sd-64:#c94a32;--sd-64-ink:#fff;--sd-128:#bd3631;--sd-128-ink:#fff;--sd-256:#a3262c;--sd-256-ink:#fff;--sd-512:#e19a22;--sd-512-ink:#2a1800;--sd-1024:#ebb222;--sd-1024-ink:#2a1b00;--sd-2048:#f5cb30;--sd-2048-ink:#2b1d00;--sd-4096:#22d3ee;--sd-4096-ink:#042f38;--sd-8192:#38bdf8;--sd-8192-ink:#04263a;--sd-16384:#7dd3fc;--sd-16384-ink:#062236}}:root[data-theme=dark]{--sd-2:#3a342b;--sd-2-ink:#f3e5cc;--sd-4:#4a3e2c;--sd-4-ink:#f8e3bf;--sd-8:#7d4a2a;--sd-8-ink:#fff1e2;--sd-16:#a35a26;--sd-16-ink:#fff1e2;--sd-32:#b95a1c;--sd-32-ink:#fff;--sd-64:#c94a32;--sd-64-ink:#fff;--sd-128:#bd3631;--sd-128-ink:#fff;--sd-256:#a3262c;--sd-256-ink:#fff;--sd-512:#e19a22;--sd-512-ink:#2a1800;--sd-1024:#ebb222;--sd-1024-ink:#2a1b00;--sd-2048:#f5cb30;--sd-2048-ink:#2b1d00;--sd-4096:#22d3ee;--sd-4096-ink:#042f38;--sd-8192:#38bdf8;--sd-8192-ink:#04263a;--sd-16384:#7dd3fc;--sd-16384-ink:#062236}:is(.sd-face,.sd-badge)[data-v="2"]{--sd-tile:var(--sd-2);--sd-ink:var(--sd-2-ink)}:is(.sd-face,.sd-badge)[data-v="4"]{--sd-tile:var(--sd-4);--sd-ink:var(--sd-4-ink)}:is(.sd-face,.sd-badge)[data-v="8"]{--sd-tile:var(--sd-8);--sd-ink:var(--sd-8-ink)}:is(.sd-face,.sd-badge)[data-v="16"]{--sd-tile:var(--sd-16);--sd-ink:var(--sd-16-ink)}:is(.sd-face,.sd-badge)[data-v="32"]{--sd-tile:var(--sd-32);--sd-ink:var(--sd-32-ink)}:is(.sd-face,.sd-badge)[data-v="64"]{--sd-tile:var(--sd-64);--sd-ink:var(--sd-64-ink)}:is(.sd-face,.sd-badge)[data-v="128"]{--sd-tile:var(--sd-128);--sd-ink:var(--sd-128-ink)}:is(.sd-face,.sd-badge)[data-v="256"]{--sd-tile:var(--sd-256);--sd-ink:var(--sd-256-ink)}:is(.sd-face,.sd-badge)[data-v="512"]{--sd-tile:var(--sd-512);--sd-ink:var(--sd-512-ink)}:is(.sd-face,.sd-badge)[data-v="1024"]{--sd-tile:var(--sd-1024);--sd-ink:var(--sd-1024-ink)}:is(.sd-face,.sd-badge)[data-v="2048"]{--sd-tile:var(--sd-2048);--sd-ink:var(--sd-2048-ink)}:is(.sd-face,.sd-badge)[data-v="4096"]{--sd-tile:var(--sd-4096);--sd-ink:var(--sd-4096-ink)}:is(.sd-face,.sd-badge)[data-v="8192"]{--sd-tile:var(--sd-8192);--sd-ink:var(--sd-8192-ink)}:is(.sd-face,.sd-badge)[data-v="16384"]{--sd-tile:var(--sd-16384);--sd-ink:var(--sd-16384-ink)}.sd-panel{align-items:stretch;gap:16px}.sd-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.sd-bar .wb-status{flex:1}.sd-clock{min-width:3.2em;color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.1rem;font-weight:600}.sd-restart{align-items:center;gap:6px;display:inline-flex}.sd-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.sd-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.sd-box{--board-w:min(100%, 768px, max(260px, calc(var(--play-room) - 216px)));justify-items:center;gap:10px;display:grid}.sd-hud{width:var(--board-w);justify-content:space-between;align-items:center;gap:12px;display:flex}.sd-score,.sd-top{align-items:center;gap:8px;display:inline-flex}.sd-score{position:relative}.sd-hud-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.sd-score strong{color:var(--accent-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1}.sd-gain{color:var(--accent-text);font-family:var(--font-display);white-space:nowrap;pointer-events:none;margin-left:6px;font-size:.95rem;font-weight:700;animation:.72s ease-out forwards sd-gain;position:absolute;top:-.35em;left:100%}.sd-board{--gap:clamp(8px, 2.5cqw, 18px);--slide:.11s;--tile-r:14%;width:var(--board-w);aspect-ratio:1;border-radius:var(--radius);background:color-mix(in oklab, var(--accent) 16%, var(--surface-3));box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--accent) 24%, var(--border)), var(--shadow-sm);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;container-type:inline-size}.sd-board:active{cursor:grabbing}.sd-board[aria-disabled]{cursor:default}.sd-grid{inset:var(--gap);gap:var(--gap);grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute}.sd-cell{border-radius:var(--tile-r);background:color-mix(in oklab, var(--surface) 62%, transparent)}.sd-tile{--cell:calc((100% - 5 * var(--gap)) / 4);top:var(--gap);left:var(--gap);z-index:2;width:var(--cell);height:var(--cell);transform:translate(calc(var(--col) * (100% + var(--gap))), calc(var(--row) * (100% + var(--gap))));transition:transform var(--slide) ease-in-out;position:absolute}.sd-tile[data-state=gone]{z-index:1;animation:sd-gone 1ms linear calc(var(--slide) + .2s) forwards}.sd-tile[data-state=merged]{z-index:3}.sd-face{border-radius:var(--tile-r);background:var(--sd-tile);width:100%;height:100%;color:var(--sd-ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;place-items:center;font-size:9.5cqw;font-weight:700;line-height:1;display:grid;box-shadow:inset 0 -.18em #00000014}.sd-face[data-digits="3"]{font-size:8cqw}.sd-face[data-digits="4"]{font-size:6.4cqw}.sd-face[data-digits="5"]{font-size:5.2cqw}.sd-face[data-digits="6"]{font-size:4.3cqw}:is(.sd-face,.sd-badge)[data-v="2048"]{box-shadow:inset 0 -.18em 0 #00000014, 0 0 0 2px color-mix(in oklab, var(--sd-2048), #fff 30%), 0 0 22px -2px color-mix(in oklab, var(--sd-2048), transparent 30%)}.sd-tile[data-state=merged] .sd-face{animation:sd-pop .2s ease-out var(--slide) backwards}.sd-tile[data-state=new] .sd-face{animation:sd-new .18s ease-out var(--slide) backwards}.sd-help{max-width:var(--board-w);text-align:center}.sd-end{justify-items:center;display:grid}.sd-badge{--size:40px;width:var(--size);height:var(--size);border-radius:calc(var(--size) * .22);background:var(--sd-tile,var(--surface-3));box-shadow:inset 0 calc(var(--size) * -.06) 0 #00000014;color:var(--sd-ink,var(--text));font-family:var(--font-display);font-size:calc(var(--size) * .44);font-variant-numeric:tabular-nums;vertical-align:middle;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.sd-badge[data-digits="3"]{font-size:calc(var(--size) * .36)}.sd-badge[data-digits="4"]{font-size:calc(var(--size) * .29)}.sd-badge[data-digits="5"]{font-size:calc(var(--size) * .24)}.sd-badge[data-digits="6"]{font-size:calc(var(--size) * .2)}.sd-result-tile{border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:14px;padding:10px 16px;display:flex}.sd-result-tile>span{gap:2px;display:grid}.sd-result-tile strong{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.sd-ramp{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.sd-ramp li{display:inline-flex}.sd-logo{font-family:var(--font-display);align-items:center;gap:.1em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.sd-logo-tile{background:var(--sd-tile);width:1.18em;height:1.18em;color:var(--sd-ink);border-radius:.26em;place-items:center;display:grid;position:relative;box-shadow:inset 0 -.08em #0000001a}.sd-logo-tile.is-0{--sd-tile:var(--sd-2);--sd-ink:var(--sd-2-ink)}.sd-logo-tile.is-1{--sd-tile:var(--sd-8);--sd-ink:var(--sd-8-ink)}.sd-logo-tile.is-2{--sd-tile:var(--sd-16);--sd-ink:var(--sd-16-ink)}.sd-logo-tile.is-3{--sd-tile:var(--sd-32);--sd-ink:var(--sd-32-ink)}.sd-logo-tile.is-4{--sd-tile:var(--sd-64);--sd-ink:var(--sd-64-ink);margin-left:.24em}.sd-logo-tile.is-4:before{content:"";background:repeating-linear-gradient(180deg, var(--accent-text) 0 .06em, transparent .06em .15em);opacity:.55;border-radius:.04em;width:.22em;height:44%;position:absolute;top:28%;right:calc(100% + .05em)}.sd-logo-boo{color:var(--accent-text);margin-left:.12em}@keyframes sd-pop{0%{transform:scale(0)}55%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes sd-new{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes sd-gone{to{opacity:0}}@keyframes sd-gain{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@media (prefers-reduced-motion:reduce){.sd-tile{transition:none}.sd-tile[data-state=gone],.sd-gain{display:none}.sd-tile[data-state] .sd-face{animation:none}}@media (width<=44rem){.sd-bar .wb-status{flex-basis:100%}.sd-restart{margin-left:auto}.sd-box{--board-w:min(100%, 768px, max(240px, calc(var(--play-room) - 250px)))}.sd-logo{font-size:24px}}.mn-field,.mn-legend,.mn-logo,.mn-result-art{--mn-grass-a:#a7d65e;--mn-grass-b:#9ccc52;--mn-grass-hover:#bde481;--mn-grass-edge:#7aa83a;--mn-soil-a:#efe2c6;--mn-soil-b:#e8d8b7;--mn-n1:#1a52ad;--mn-n2:#22661a;--mn-n3:#b0231e;--mn-n4:#5a2a9c;--mn-n5:#8f3808;--mn-n6:#0a6363;--mn-n7:#2a2018;--mn-n8:#5c5245;--mn-mine:#23281c;--mn-mine-rim:transparent;--mn-eye:#fff;--mn-fuse:#6b5536;--mn-spark:#f59e0b;--mn-hit:#d2453f;--mn-flag:#c0171d;--mn-pole:#3b2f20;--mn-cross:#2a1a12}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.mn-field,.mn-legend,.mn-logo,.mn-result-art){--mn-grass-a:#3d6a22;--mn-grass-b:#355f1d;--mn-grass-hover:#4a7d2b;--mn-grass-edge:#23401a;--mn-soil-a:#3b3024;--mn-soil-b:#342a1f;--mn-n1:#86b6ff;--mn-n2:#93dc6e;--mn-n3:#ff8f86;--mn-n4:#cfa8ff;--mn-n5:#ffb26a;--mn-n6:#62d8d2;--mn-n7:#f4ede1;--mn-n8:#bdb2a2;--mn-mine:#0e110b;--mn-mine-rim:#d9ecbf;--mn-eye:#f6f7f0;--mn-fuse:#cdb894;--mn-spark:#f6b442;--mn-hit:#ff6f68;--mn-flag:#ff8a8a;--mn-pole:#f0e6d4;--mn-cross:#ffd9d6}}:root[data-theme=dark] :is(.mn-field,.mn-legend,.mn-logo,.mn-result-art){--mn-grass-a:#3d6a22;--mn-grass-b:#355f1d;--mn-grass-hover:#4a7d2b;--mn-grass-edge:#23401a;--mn-soil-a:#3b3024;--mn-soil-b:#342a1f;--mn-n1:#86b6ff;--mn-n2:#93dc6e;--mn-n3:#ff8f86;--mn-n4:#cfa8ff;--mn-n5:#ffb26a;--mn-n6:#62d8d2;--mn-n7:#f4ede1;--mn-n8:#bdb2a2;--mn-mine:#0e110b;--mn-mine-rim:#d9ecbf;--mn-eye:#f6f7f0;--mn-fuse:#cdb894;--mn-spark:#f6b442;--mn-hit:#ff6f68;--mn-flag:#ff8a8a;--mn-pole:#f0e6d4;--mn-cross:#ffd9d6}.mn-panel{align-items:stretch;gap:16px}.mn-top{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.mn-top .wb-status{flex:1}.mn-count{--mn-flag:currentColor;--mn-pole:currentColor;color:var(--accent-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:1.1rem;font-weight:700;display:inline-flex}.mn-count-icon{width:1.15em;height:1.15em}.mn-clock{min-width:3.2em;color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.1rem;font-weight:600}.mn-restart{align-items:center;gap:6px;display:inline-flex}.mn-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.mn-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.mn-board{justify-items:center;gap:14px;width:100%;display:grid}.mn-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;display:flex}.mn-switch{border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:inline-grid}.mn-tool{--mn-flag:currentColor;--mn-pole:currentColor;border-radius:var(--radius-pill);color:var(--text-dim);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:.42rem 1rem;font-size:.9rem;font-weight:700;transition:background .14s,color .14s;display:inline-flex}.mn-tool:hover{color:var(--text)}.mn-tool[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.mn-tool:focus-visible{outline:3px solid var(--accent-ring);outline-offset:1px}.mn-tool-icon{flex:none;width:18px;height:18px}.mn-shovel-handle{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round}.mn-shovel-blade{fill:currentColor}.mn-hint{color:var(--text-faint);font-size:.82rem;font-weight:600}.mn-hint.is-touch{display:none}@media (pointer:coarse){.mn-hint.is-touch{display:inline}.mn-hint.is-mouse{display:none}}.mn-field{--max-cell:70px;--old-cell:44px;--mn-chrome:12.75rem;--mn-old:min(calc(var(--cols) * var(--old-cell)), max(280px, calc((100dvh - 340px) * var(--cols) / var(--rows))));--mn-fit:calc((var(--play-room,calc(100dvh - 10.5rem)) - var(--mn-chrome)) * var(--cols) / var(--rows));grid-template-columns:repeat(var(--cols), minmax(0, 1fr));width:min(100%, calc(var(--cols) * var(--max-cell)), max(280px, var(--mn-old), var(--mn-fit)));box-shadow:0 0 0 3px var(--mn-grass-edge), var(--shadow-sm);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:14px;transition:box-shadow .3s;display:grid;overflow:hidden;container-type:inline-size}.mn-field[data-level=normal]{--max-cell:58px;--old-cell:36px}.mn-field[data-level=hard]{--max-cell:51px;--old-cell:32px}.mn-field[data-turned]{width:min(100%, calc(var(--cols) * var(--max-cell)))}.mn-field[data-over=won]{box-shadow:0 0 0 3px var(--accent), var(--shadow-accent)}.mn-cell{aspect-ratio:1;background:var(--mn-grass-a);min-width:0;font-family:var(--font-display);font-size:calc(100cqi / var(--cols) * .6);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;place-items:center;padding:0;font-weight:700;line-height:1;display:grid}.mn-cell[data-tone=b]{background:var(--mn-grass-b)}.mn-cell:is([data-look=open],[data-look=mine]){background:var(--mn-soil-a);cursor:default}.mn-cell:is([data-look=open],[data-look=mine])[data-tone=b]{background:var(--mn-soil-b)}.mn-cell[data-look=open][data-n]{cursor:pointer}.mn-cell[data-look=hit]{background:var(--mn-hit)}.mn-field[aria-disabled] .mn-cell{cursor:default}.mn-cell:focus-visible{z-index:1;outline:3px solid var(--text);outline-offset:-3px}@media (hover:hover){.mn-field:not([aria-disabled]) .mn-cell:is([data-look=closed],[data-look=flag]):hover{background:var(--mn-grass-hover)}}[data-n="1"]:is(.mn-cell,.mn-legend-cell,.mn-logo-cell){color:var(--mn-n1)}[data-n="2"]:is(.mn-cell,.mn-legend-cell,.mn-logo-cell){color:var(--mn-n2)}[data-n="3"]:is(.mn-cell,.mn-legend-cell,.mn-logo-cell){color:var(--mn-n3)}[data-n="4"]:is(.mn-cell,.mn-legend-cell,.mn-logo-cell){color:var(--mn-n4)}[data-n="5"]:is(.mn-cell,.mn-legend-cell,.mn-logo-cell){color:var(--mn-n5)}[data-n="6"]:is(.mn-cell,.mn-legend-cell,.mn-logo-cell){color:var(--mn-n6)}[data-n="7"]:is(.mn-cell,.mn-legend-cell,.mn-logo-cell){color:var(--mn-n7)}[data-n="8"]:is(.mn-cell,.mn-legend-cell,.mn-logo-cell){color:var(--mn-n8)}.mn-icon{width:76%;height:76%;overflow:visible}.mn-mine-body,.mn-mine-cap{fill:var(--mn-mine);stroke:var(--mn-mine-rim);stroke-width:1.2px}.mn-mine-pupil{fill:var(--mn-mine)}.mn-mine-eye{fill:var(--mn-eye)}.mn-mine-shine{fill:none;stroke:#fff6;stroke-width:1.6px;stroke-linecap:round}.mn-mine-fuse{fill:none;stroke:var(--mn-fuse);stroke-width:1.8px;stroke-linecap:round}.mn-mine-spark{fill:var(--mn-spark)}.mn-flag-cloth{fill:var(--mn-flag);stroke:var(--mn-flag);stroke-width:1.4px;stroke-linejoin:round}.mn-flag-pole{fill:var(--mn-pole)}.mn-cross{fill:none;stroke:var(--mn-cross);stroke-width:3px;stroke-linecap:round}.mn-cell[data-look=open]{animation:.22s ease-out mn-dig}.mn-cell[data-look=open]>span{animation:.24s cubic-bezier(.2,.8,.2,1) both mn-pop}.mn-cell[data-look=flag] .mn-icon{transform-origin:35% 80%;animation:.22s cubic-bezier(.2,.8,.2,1) both mn-plant}.mn-cell[data-look=mine] .mn-icon{animation:.28s cubic-bezier(.2,.8,.2,1) .12s both mn-pop}.mn-cell[data-look=hit] .mn-icon{animation:.48s cubic-bezier(.2,.8,.2,1) both mn-boom}.mn-end{justify-items:center;display:grid}.mn-result-head{flex-direction:row;align-items:center;gap:16px}.mn-result-head>div{flex-direction:column;gap:6px;display:flex}.mn-result-art{border-radius:var(--radius);background:var(--mn-hit);flex:none;place-items:center;width:64px;height:64px;display:grid}.mn-result-art[data-won]{background:var(--mn-grass-a);box-shadow:inset 0 0 0 3px var(--mn-grass-b)}.mn-result-art .mn-icon{width:44px;height:44px}.mn-cleared{margin-left:6px}.mn-legend-cell{background:var(--mn-grass-a);width:22px;height:22px;font-family:var(--font-display);border-radius:5px;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.mn-legend-cell.is-open{background:var(--mn-soil-a);box-shadow:inset 0 0 0 1.5px var(--mn-soil-b)}.mn-legend-cell .mn-icon{width:82%;height:82%}.mn-legend-points{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-display);flex:none;padding:1px 6px;font-size:.72rem;font-weight:700}.mn-logo{font-family:var(--font-display);align-items:center;gap:.18em;font-size:32px;font-weight:700;line-height:1;display:inline-flex}.mn-logo-cells{box-shadow:0 0 0 .07em var(--mn-grass-edge);border-radius:.26em;grid-auto-flow:column;display:inline-grid;overflow:hidden}.mn-logo-cell{background:var(--mn-soil-a);place-items:center;width:1.08em;height:1.2em;display:grid}.mn-logo-cell:nth-child(2n){background:var(--mn-soil-b)}.mn-logo-boo{color:var(--accent-text);align-items:center;font-weight:600;display:inline-flex}.mn-logo-bomb{width:.92em;height:.92em;margin:0 .01em;transform:translateY(-.04em)}@keyframes mn-dig{0%{background:var(--mn-grass-a)}}@keyframes mn-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes mn-plant{0%{opacity:0;transform:scale(.3)translateY(20%)}to{opacity:1;transform:none}}@keyframes mn-boom{0%{transform:scale(.3)}45%{transform:scale(1.3)rotate(-8deg)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mn-field{transition:none}.mn-cell[data-look],.mn-cell[data-look]>span,.mn-cell[data-look] .mn-icon{animation:none}}@media (width<=44rem){.mn-top .wb-status{flex-basis:100%}.mn-restart{margin-left:auto}.mn-board{gap:12px}.mn-field{border-radius:10px}.mn-tool{padding-inline:.85rem}.mn-logo{font-size:24px}}:root[data-game=blockboo]{--bg:#fff8e6;--bg-tint:#fdf0d0;--surface:#fff;--surface-2:#fff7e3;--surface-3:#f7e9c4;--border:#f1e3bf;--border-strong:#dcc48c;--text:#2e1a2b;--text-dim:#5d4656;--text-faint:#765e6d;--accent:#ffc928;--accent-hover:#fb0;--accent-text:#8f5c00;--accent-soft:#ffefb8;--accent-ring:#e6a50073;--on-accent:#2e1a2b;--shadow-accent:0 10px 26px -14px #c88c008c;--texture:url(/textures/blockboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=blockboo]:not([data-theme=light]){--bg:#180f1f;--bg-tint:#1d1326;--surface:#22172b;--surface-2:#2a1d35;--surface-3:#352641;--border:#33233b;--border-strong:#4f3a5a;--text:#fbf1f7;--text-dim:#d4bfcd;--text-faint:#a8929f;--accent:#ffd23f;--accent-hover:#ffdd6b;--accent-text:#ffd23f;--accent-soft:#43332e;--accent-ring:#ffd23f6b;--on-accent:#241505;--shadow-accent:0 14px 32px -16px #ffd23f66;--texture:url(/textures/blockboo-dark.svg)}}:root[data-game=blockboo][data-theme=dark]{--bg:#180f1f;--bg-tint:#1d1326;--surface:#22172b;--surface-2:#2a1d35;--surface-3:#352641;--border:#33233b;--border-strong:#4f3a5a;--text:#fbf1f7;--text-dim:#d4bfcd;--text-faint:#a8929f;--accent:#ffd23f;--accent-hover:#ffdd6b;--accent-text:#ffd23f;--accent-soft:#43332e;--accent-ring:#ffd23f6b;--on-accent:#241505;--shadow-accent:0 14px 32px -16px #ffd23f66;--texture:url(/textures/blockboo-dark.svg)}:root{--bk-c1:#ff7759;--bk-c2:#ffc23d;--bk-c3:#2fc28a;--bk-c4:#4a63f0;--bk-c5:#9a6bf2;--bk-c6:#f0609e;--bk-tray:#eadde3;--bk-empty:#fbf4f6;--bk-empty-edge:#2e1a2b14;--bk-eye:#fff;--bk-pupil:#2e1a2b;--bk-flash:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bk-c1:#ff8a6e;--bk-c2:#ffcb52;--bk-c3:#3ed69b;--bk-c4:#6d83ff;--bk-c5:#ab84ff;--bk-c6:#ff78ae;--bk-tray:#100915;--bk-empty:#2b1f35;--bk-empty-edge:#0000004d;--bk-eye:#fff;--bk-pupil:#180f1f;--bk-flash:#fff}}:root[data-theme=dark]{--bk-c1:#ff8a6e;--bk-c2:#ffcb52;--bk-c3:#3ed69b;--bk-c4:#6d83ff;--bk-c5:#ab84ff;--bk-c6:#ff78ae;--bk-tray:#100915;--bk-empty:#2b1f35;--bk-empty-edge:#0000004d;--bk-eye:#fff;--bk-pupil:#180f1f;--bk-flash:#fff}:is(.bk-cell,.bk-block,.bk-pop,.bk-logo-block)[data-c="1"]{--bk:var(--bk-c1)}:is(.bk-cell,.bk-block,.bk-pop,.bk-logo-block)[data-c="2"]{--bk:var(--bk-c2)}:is(.bk-cell,.bk-block,.bk-pop,.bk-logo-block)[data-c="3"]{--bk:var(--bk-c3)}:is(.bk-cell,.bk-block,.bk-pop,.bk-logo-block)[data-c="4"]{--bk:var(--bk-c4)}:is(.bk-cell,.bk-block,.bk-pop,.bk-logo-block)[data-c="5"]{--bk:var(--bk-c5)}:is(.bk-cell,.bk-block,.bk-pop,.bk-logo-block)[data-c="6"]{--bk:var(--bk-c6)}.bk-cell[data-ghost="1"]{--bk:var(--bk-c1)}.bk-cell[data-ghost="2"]{--bk:var(--bk-c2)}.bk-cell[data-ghost="3"]{--bk:var(--bk-c3)}.bk-cell[data-ghost="4"]{--bk:var(--bk-c4)}.bk-cell[data-ghost="5"]{--bk:var(--bk-c5)}.bk-cell[data-ghost="6"]{--bk:var(--bk-c6)}.bk-cell[data-hot="1"]{--bk:var(--bk-c1)}.bk-cell[data-hot="2"]{--bk:var(--bk-c2)}.bk-cell[data-hot="3"]{--bk:var(--bk-c3)}.bk-cell[data-hot="4"]{--bk:var(--bk-c4)}.bk-cell[data-hot="5"]{--bk:var(--bk-c5)}.bk-cell[data-hot="6"]{--bk:var(--bk-c6)}.bk-block,.bk-cell[data-c],.bk-cell[data-ghost],.bk-pop,.bk-logo-block{background:linear-gradient(180deg, color-mix(in oklab, var(--bk) 70%, #fff) 0%, var(--bk) 42%, color-mix(in oklab, var(--bk) 86%, #000) 100%);box-shadow:inset 0 -2px #00000029,inset 0 1.5px #ffffff59}.bk-panel{align-items:stretch;gap:16px}.bk-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.bk-bar .wb-status{flex:1}.bk-clock{min-width:3.2em;color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.1rem;font-weight:600}.bk-restart{align-items:center;gap:6px;display:inline-flex}.bk-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.bk-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.bk-end{justify-items:center;display:grid}.bk-box{--bk-room:var(--play-room,calc(100dvh - 10.5rem));--bk-old:min(440px, max(260px, calc((100dvh - 400px) * .8)));--board-w:min(100cqw, 704px, max(var(--bk-old), calc((var(--bk-room) - 17.5rem) * .79)));justify-items:center;gap:12px;display:grid;container-type:inline-size}.bk-hud{width:var(--board-w);justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.bk-score{align-items:center;gap:8px;display:inline-flex;position:relative}.bk-hud-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.bk-score strong{color:var(--accent-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1}.bk-gain{color:var(--accent-text);font-family:var(--font-display);white-space:nowrap;pointer-events:none;margin-left:6px;font-size:.95rem;font-weight:700;animation:.76s ease-out forwards bk-gain;position:absolute;top:-.35em;left:100%}.bk-streak{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-display);white-space:nowrap;padding:5px 12px;font-size:.95rem;font-weight:600;animation:.32s ease-out bk-bump}.bk-board{--pad:10px;--gap:4px;--cell-r:22%;width:var(--board-w);aspect-ratio:1;padding:var(--pad);border-radius:var(--radius);background:color-mix(in oklab, var(--accent) 9%, var(--bk-tray));box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--accent) 18%, var(--border)), inset 0 2px 6px #0000000f, var(--shadow-sm);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.bk-grid,.bk-layer{gap:var(--gap);grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.bk-grid{width:100%;height:100%}.bk-cell{border-radius:var(--cell-r);background:var(--bk-empty);box-shadow:inset 0 1.5px 2px var(--bk-empty-edge)}.bk-cell[data-ghost]{opacity:.5}.bk-cell[data-blocked]{background:color-mix(in oklab, var(--bad) 16%, var(--bk-empty));box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--bad) 70%, transparent)}.bk-cell[data-c][data-blocked]{box-shadow:inset 0 0 0 2px var(--bad), inset 0 -2px 0 #00000029}.bk-cell[data-hot]{opacity:1;animation:.7s ease-in-out infinite alternate bk-hot}.bk-cell[data-landed]{animation:.26s cubic-bezier(.3,1.6,.5,1) backwards bk-land}.bk-board[data-over] .bk-cell[data-c]{filter:saturate(.55)brightness(.94);transition:filter .6s}.bk-board[aria-disabled]{cursor:default}.bk-layer{inset:var(--pad);z-index:2;pointer-events:none;position:absolute}.bk-pop{border-radius:var(--cell-r);animation:bk-pop .56s ease-in var(--d,0s) both}.bk-sweep{z-index:1;border-radius:var(--cell-r);background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--bk-flash) 85%, transparent) 50%, transparent);animation:.46s ease-out both bk-sweep}.bk-sweep.is-col{background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--bk-flash) 85%, transparent) 50%, transparent);animation-name:bk-sweep-col}.bk-points{z-index:3;color:var(--accent-text);font-family:var(--font-display);white-space:nowrap;text-shadow:0 0 6px var(--surface), 0 0 2px var(--surface);place-self:center;font-size:1.05rem;font-weight:700;animation:.9s ease-out both bk-rise}.bk-points[data-big]{font-size:1.35rem}.bk-combo{z-index:4;border-radius:var(--radius-lg);background:color-mix(in oklab, var(--surface) 88%, transparent);box-shadow:var(--shadow-accent);color:var(--accent-text);font-family:var(--font-display);text-align:center;grid-area:1/1/-1/-1;place-self:center;justify-items:center;gap:2px;padding:10px 22px;animation:1.1s ease-out both bk-combo;display:grid}.bk-combo strong{font-size:1.7rem;font-weight:700;line-height:1.05}.bk-combo small{color:var(--text-dim);font-size:.95rem;font-weight:600}.bk-combo[data-lines="3"] strong,.bk-combo[data-lines="4"] strong{font-size:2.1rem}.bk-combo[data-all] strong{font-size:2.3rem}.bk-tray{width:var(--board-w);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.bk-slot{--cell:min(calc(var(--board-w) / 8 * .42), calc((var(--board-w) - 20px) / 15 - 4.5px));--gap:2px;height:calc(var(--cell) * 5 + var(--gap) * 4 + 14px);border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;place-items:center;padding:4px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid;position:relative}.bk-slot:active{cursor:grabbing}.bk-slot:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}@media (hover:hover){.bk-slot:not([aria-disabled]):hover{border-color:var(--border-strong);transform:translateY(-2px)}}.bk-slot[aria-pressed=true]{border-color:var(--accent-text);box-shadow:0 0 0 3px var(--accent-ring)}.bk-slot[aria-disabled]{cursor:default}.bk-slot[data-used]{background:0 0;border-style:dashed}.bk-slot[data-stuck] .bk-piece{filter:grayscale();opacity:.4}.bk-slot[data-lifted] .bk-piece{visibility:hidden}.bk-slot-key{color:var(--text-faint);font-family:var(--font-display);font-size:.75rem;font-weight:600;display:none;position:absolute;top:6px;left:9px}@media (hover:hover) and (pointer:fine){.bk-slot:not([data-used]) .bk-slot-key{display:block}}.bk-help{max-width:var(--board-w);text-align:center;min-height:2.6em;margin:0}@media (width>=48rem) and (aspect-ratio>=1){.bk-box{--bk-h:calc(var(--bk-room) - 15rem);--board-w:min(704px, calc((100cqw - 40px) / 1.2625), max(var(--bk-old), min(var(--bk-h), calc((var(--bk-h) - 86px) * 1.27))));--slot:calc(var(--board-w) * .2625 + 22px);grid-template-columns:auto auto;grid-template-areas:"hud hud""board tray""help help";justify-content:center;align-items:start;column-gap:16px}.bk-hud{grid-area:hud;width:100%}.bk-board{grid-area:board}.bk-tray{width:var(--slot);grid-area:tray;grid-template-columns:minmax(0,1fr)}.bk-slot{--cell:calc(var(--board-w) / 8 * .42);height:var(--slot)}.bk-help{grid-area:help;justify-self:center}}.bk-piece{grid-template-columns:repeat(var(--cols), var(--cell));grid-template-rows:repeat(var(--rows), var(--cell));gap:var(--gap);display:grid}.bk-block{border-radius:22%;position:relative}.bk-floating{z-index:1000;pointer-events:none;filter:drop-shadow(0 12px 14px #00000038);position:fixed}.bk-floating .bk-block{border-radius:22%}.bk-eyes{pointer-events:none;justify-content:center;align-items:center;gap:11%;display:flex;position:absolute;inset:0}.bk-eyes i{background:var(--bk-eye);border-radius:50%;width:21%;height:34%;position:relative}.bk-eyes i:after{content:"";background:var(--bk-pupil);border-radius:50%;width:58%;height:50%;position:absolute;bottom:10%;right:8%}.bk-table{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0 0;display:grid}.bk-table div{border-radius:var(--radius-sm);background:var(--surface-2);text-align:center;flex-direction:column-reverse;gap:1px;padding:7px 8px;display:flex}.bk-table dt{color:var(--text-faint);font-size:.72rem;font-weight:600}.bk-table dd{color:var(--accent-text);font-family:var(--font-display);margin:0;font-size:1.1rem;font-weight:600}.bk-kinds{--cell:9px;--gap:1.5px;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:4px 0 0;padding:0;list-style:none;display:flex}.bk-kinds li{display:inline-flex}.bk-kinds .bk-block{border-radius:2.5px;box-shadow:inset 0 -1px #00000029}.bk-lines-badge{border-radius:var(--radius-pill);background:var(--accent-soft);min-width:30px;color:var(--accent-text);font-family:var(--font-display);text-align:center;padding:3px 9px;font-size:.9rem;font-weight:600}.bk-logo{font-family:var(--font-display);align-items:center;gap:.08em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.bk-logo-block{color:#fff;text-shadow:0 .05em #00000038;border-radius:.24em;place-items:center;width:1.12em;height:1.12em;display:grid;position:relative}.bk-logo-block[data-c="2"]{color:#4a3200;text-shadow:none}.bk-logo-block[data-i="4"]{transform:translateY(-.26em)rotate(7deg)}.bk-logo-boo{color:var(--accent-text);margin-left:.14em}@keyframes bk-land{0%{transform:scale(.72)}to{transform:scale(1)}}@keyframes bk-pop{0%{filter:brightness();transform:scale(1)}22%{filter:brightness(1.45);transform:scale(1.12)}to{opacity:0;transform:translate(var(--dx,0), var(--dy,0)) scale(.15) rotate(28deg);filter:brightness(1.6)}}@keyframes bk-sweep{0%{opacity:0;transform:scaleX(.2)}35%{opacity:1}to{opacity:0;transform:scaleX(1.08)}}@keyframes bk-sweep-col{0%{opacity:0;transform:scaleY(.2)}35%{opacity:1}to{opacity:0;transform:scaleY(1.08)}}@keyframes bk-rise{0%{opacity:0;transform:translateY(6px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.05)}to{opacity:0;transform:translateY(-34px)scale(1)}}@keyframes bk-combo{0%{opacity:0;transform:scale(.5)}18%{opacity:1;transform:scale(1.1)}30%{transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)translateY(-10px)}}@keyframes bk-gain{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@keyframes bk-bump{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes bk-hot{0%{filter:brightness()}to{filter:brightness(1.22)saturate(1.1)}}@keyframes bk-fade{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.bk-cell[data-landed],.bk-cell[data-hot],.bk-streak{animation:none}.bk-sweep,.bk-points,.bk-gain{display:none}.bk-pop{animation:.3s linear both bk-fade}.bk-combo{animation:1.1s ease-in both bk-fade}.bk-slot{transition:none}.bk-slot:hover{transform:none}}@media (width<=44rem){.bk-bar .wb-status{flex-basis:100%}.bk-restart{margin-left:auto}.bk-box{--bk-old:min(440px, max(240px, calc((100dvh - 250px) * .74)));--board-w:min(100cqw, 704px, max(var(--bk-old), calc((var(--bk-room) - 17.5rem) * .79)))}.bk-board{--pad:7px;--gap:3px}.bk-tray{gap:5px}.bk-slot{--cell:min(calc(var(--board-w) / 8 * .42), calc((var(--board-w) - 10px) / 15 - 3.5px));padding:2px}.bk-logo{font-size:24px}}:root[data-game=flagboo]{--bg:#f7f4ec;--bg-tint:#efe9dc;--surface:#fff;--surface-2:#f6f3eb;--surface-3:#e9e3d5;--border:#e4ddcd;--border-strong:#c9bfa8;--text:#161a2b;--text-dim:#474c63;--text-faint:#72778c;--accent:#2b4bd8;--accent-hover:#2340bd;--accent-text:#2342c4;--accent-soft:#e2e8fd;--accent-ring:#2b4bd859;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #2342c48c;--texture:url(/textures/flagboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=flagboo]:not([data-theme=light]){--bg:#0b1022;--bg-tint:#10162b;--surface:#151c35;--surface-2:#1a2240;--surface-3:#252f53;--border:#212a49;--border-strong:#364473;--text:#eef1fb;--text-dim:#b0b8d6;--text-faint:#7f88aa;--accent:#8ea2ff;--accent-hover:#aebcff;--accent-text:#aebcff;--accent-soft:#1e2856;--accent-ring:#8ea2ff66;--on-accent:#0b1236;--shadow-accent:0 14px 32px -16px #8ea2ff73;--texture:url(/textures/flagboo-dark.svg)}}:root[data-game=flagboo][data-theme=dark]{--bg:#0b1022;--bg-tint:#10162b;--surface:#151c35;--surface-2:#1a2240;--surface-3:#252f53;--border:#212a49;--border-strong:#364473;--text:#eef1fb;--text-dim:#b0b8d6;--text-faint:#7f88aa;--accent:#8ea2ff;--accent-hover:#aebcff;--accent-text:#aebcff;--accent-soft:#1e2856;--accent-ring:#8ea2ff66;--on-accent:#0b1236;--shadow-accent:0 14px 32px -16px #8ea2ff73;--texture:url(/textures/flagboo-dark.svg)}:root{--fl-red:#cf3434;--fl-red-ink:#fff;--fl-gold:#f2b705;--fl-gold-ink:#2b2000;--fl-blue:#2b4bd8;--fl-blue-ink:#fff;--fl-green:#19804a;--fl-green-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fl-red:#ef6461;--fl-red-ink:#2a0606;--fl-gold:#f5c33b;--fl-gold-ink:#2b2000;--fl-blue:#8ea2ff;--fl-blue-ink:#0b1236;--fl-green:#4cc98a;--fl-green-ink:#062614}}:root[data-theme=dark]{--fl-red:#ef6461;--fl-red-ink:#2a0606;--fl-gold:#f5c33b;--fl-gold-ink:#2b2000;--fl-blue:#8ea2ff;--fl-blue-ink:#0b1236;--fl-green:#4cc98a;--fl-green-ink:#062614}.fl-panel{align-items:stretch;gap:16px}.fl-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:2.1rem;display:flex}.fl-bar .wb-status{flex:1}.fl-restart{align-items:center;gap:6px;display:inline-flex}.fl-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.fl-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.fl-box{--fl-chrome:24rem;--fl-old:min(440px, max(240px, calc((100dvh - 520px) * 4 / 3)));--card-w:min(100%, 704px, max(var(--fl-old), calc((var(--play-room,calc(100dvh - 10.5rem)) - var(--fl-chrome)) * 4 / 3)));--row-w:min(100%, max(560px, var(--card-w)));justify-items:center;gap:12px;display:grid}.fl-hud{width:var(--row-w);justify-content:space-between;align-items:center;gap:12px;display:flex}.fl-score,.fl-streak{align-items:center;gap:8px;display:inline-flex;position:relative}.fl-hud-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.fl-score strong,.fl-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1}.fl-score strong{color:var(--accent-text)}.fl-streak strong{min-width:1.4em;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}.fl-pips{gap:4px;display:inline-flex}.fl-pip{background:var(--surface-3);width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--border-strong);border-radius:50%;transition:background .16s ease-out}.fl-pip[data-on]{background:var(--fl-gold);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--fl-gold), #000 18%)}.fl-clock{min-width:2ch;color:var(--text);text-align:right}.fl-gain{color:var(--accent-text);font-family:var(--font-display);white-space:nowrap;pointer-events:none;margin-left:6px;font-size:.95rem;font-weight:700;animation:.72s ease-out forwards fl-gain;position:absolute;top:-.35em;left:100%}.fl-bonus{border-radius:var(--radius-pill);background:var(--fl-gold);color:var(--fl-gold-ink);white-space:nowrap;pointer-events:none;padding:2px 10px;font-size:.8rem;font-weight:800;animation:1.1s ease-out forwards fl-gain;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50%}.fl-timebar{width:var(--row-w);border-radius:var(--radius-pill);background:var(--surface-3);height:8px;overflow:hidden}.fl-timebar span{width:calc(var(--left) * 100%);border-radius:inherit;background:var(--accent);height:100%;transition:width .1s linear,background .2s ease-out;display:block}.fl-timebar[data-hurry] span{background:var(--bad)}.fl-card{width:var(--card-w);aspect-ratio:4/3;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);place-items:center;margin:0;padding:12px;display:grid;position:relative}.fl-card[data-phase=idle],.fl-card[data-phase=countdown],.fl-card[data-phase=over]{background:var(--surface-2)}.fl-card[data-miss]{border-color:var(--bad);animation:.32s ease-in-out fl-shake}.fl-picture{border-radius:var(--radius-sm);object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:.16s ease-out fl-in;display:block;box-shadow:0 0 0 1px #0000001a,0 6px 18px -10px #00000059}.fl-ready{text-align:center;justify-items:center;gap:12px;padding:8px;display:grid}.fl-ready-title{max-width:18em;font-family:var(--font-display);font-size:1.3rem;font-weight:600;line-height:1.2}.fl-count{color:var(--accent-text);font-family:var(--font-display);font-size:5rem;font-weight:600;line-height:1;animation:1s ease-out fl-count}.fl-over{font-family:var(--font-display);font-size:1.6rem;font-weight:600}.fl-options{width:var(--row-w);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.fl-option{border:1.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:60px;color:var(--text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;align-items:center;gap:10px;padding:10px 14px;font-size:1rem;font-weight:700;line-height:1.2;transition:background .12s ease-out,border-color .12s ease-out,opacity .12s ease-out;display:flex}@media (hover:hover){.fl-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}}.fl-option:active:not(:disabled){transform:translateY(1px)}.fl-option:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.fl-option:disabled{cursor:default}.fl-option:disabled:not([data-state]){background:0 0;border-style:dashed}.fl-option kbd{background:var(--surface-3);width:26px;height:26px;color:var(--text-dim);font-family:var(--font-display);border-radius:8px;flex:none;place-items:center;font-size:.85rem;font-weight:600;display:inline-grid}.fl-option[data-state=right]{border-color:var(--good);background:var(--good-soft)}.fl-option[data-state=right] kbd{background:var(--good);color:var(--surface)}.fl-option[data-state=wrong]{border-color:var(--bad);background:var(--bad-soft)}.fl-option[data-state=wrong] kbd{background:var(--bad);color:var(--surface)}.fl-option[data-state=dim]{opacity:.5}.fl-help{max-width:var(--row-w);text-align:center}.fl-end{justify-items:center;display:grid}.fl-missed{gap:8px;display:grid}.fl-missed ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0;padding:0;list-style:none;display:grid}.fl-missed li{align-items:center;gap:8px;min-width:0;font-size:.88rem;font-weight:600;display:flex}.fl-missed li span{overflow-wrap:anywhere}.fl-thumb{object-fit:cover;border-radius:5px;flex:none;width:40px;height:30px;box-shadow:0 0 0 1px #0000001f}.fl-clean{color:var(--good);font-weight:700}.fl-player-right{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem;font-weight:700}.fl-legend-mark{background:var(--surface-3);min-width:34px;height:26px;color:var(--text-dim);font-family:var(--font-display);border-radius:8px;flex:none;place-items:center;padding:0 6px;font-size:.85rem;font-weight:600;display:inline-grid}.fl-legend-mark.is-right{background:var(--good-soft);color:var(--good)}.fl-legend-mark.is-wrong{background:var(--bad-soft);color:var(--bad)}.fl-legend-mark.is-streak{background:var(--fl-gold);color:var(--fl-gold-ink)}.fl-credit a{color:var(--accent-text)}.fl-logo{font-family:var(--font-display);align-items:center;gap:.14em;font-size:32px;font-weight:700;line-height:1;display:inline-flex}.fl-logo-bunting{gap:.08em;padding:.1em .06em 0;display:inline-flex;position:relative}.fl-logo-bunting:before{content:"";border-bottom:.06em solid var(--text-dim);border-radius:0 0 50% 50%/0 0 100% 100%;height:.42em;position:absolute;top:-.26em;left:-.06em;right:-.06em}.fl-logo-pennant{background:var(--fl-pennant);width:1em;height:1.3em;color:var(--fl-pennant-ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);place-items:start center;padding-top:.12em;font-size:.86em;display:grid;position:relative}.fl-logo-pennant.is-0{--fl-pennant:var(--fl-red);--fl-pennant-ink:var(--fl-red-ink);transform:rotate(-5deg)}.fl-logo-pennant.is-1{--fl-pennant:var(--fl-gold);--fl-pennant-ink:var(--fl-gold-ink);transform:translateY(.08em)rotate(-2deg)}.fl-logo-pennant.is-2{--fl-pennant:var(--fl-blue);--fl-pennant-ink:var(--fl-blue-ink);transform:translateY(.08em)rotate(2deg)}.fl-logo-pennant.is-3{--fl-pennant:var(--fl-green);--fl-pennant-ink:var(--fl-green-ink);transform:rotate(5deg)}.fl-logo-boo{color:var(--accent-text);font-weight:600}@keyframes fl-in{0%{transform:scale(.94)}}@keyframes fl-count{0%{opacity:0;transform:scale(1.5)}25%{opacity:1;transform:scale(1)}}@keyframes fl-shake{20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}@keyframes fl-gain{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@media (prefers-reduced-motion:reduce){.fl-picture,.fl-count,.fl-card[data-miss]{animation:none}.fl-gain,.fl-bonus{display:none}.fl-timebar span,.fl-pip,.fl-option{transition:none}}@media (width<=44rem){.fl-bar .wb-status{flex-basis:100%}.fl-restart{margin-left:auto}.fl-box{--card-w:min(100%, 704px, max(min(420px, max(220px, calc((100dvh - 330px) * 4 / 3))), calc((var(--play-room,calc(100dvh - 4rem)) - var(--fl-chrome)) * 4 / 3)));gap:10px}.fl-card{border-radius:var(--radius);padding:8px}.fl-hud-label{font-size:.7rem}.fl-score strong,.fl-clock{font-size:1.35rem}.fl-options{gap:8px}.fl-option{border-radius:var(--radius-sm);gap:8px;min-height:56px;padding:8px 10px;font-size:.92rem}.fl-option kbd{border-radius:6px;width:22px;height:22px;font-size:.78rem}.fl-logo{font-size:24px}}:root[data-game=pourboo]{--bg:#effaf6;--bg-tint:#e1f4ec;--surface:#fff;--surface-2:#edf8f3;--surface-3:#d8efe5;--border:#d2eadf;--border-strong:#a3cfbe;--text:#0a2621;--text-dim:#395b53;--text-faint:#557469;--accent:#2fc9a8;--accent-hover:#27b596;--accent-text:#0c7363;--accent-soft:#d4f5ea;--accent-ring:#2fc9a866;--on-accent:#032b23;--shadow-accent:0 10px 26px -14px #0c736380;--texture:url(/textures/pourboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=pourboo]:not([data-theme=light]){--bg:#061a18;--bg-tint:#0a201d;--surface:#0d2623;--surface-2:#12302c;--surface-3:#1a3d38;--border:#163430;--border-strong:#2a524b;--text:#e8faf4;--text-dim:#a9cbc1;--text-faint:#7ca399;--accent:#66e8c6;--accent-hover:#8ff0d6;--accent-text:#7eecd0;--accent-soft:#11392f;--accent-ring:#66e8c666;--on-accent:#03261e;--shadow-accent:0 14px 32px -16px #66e8c66b;--texture:url(/textures/pourboo-dark.svg)}}:root[data-game=pourboo][data-theme=dark]{--bg:#061a18;--bg-tint:#0a201d;--surface:#0d2623;--surface-2:#12302c;--surface-3:#1a3d38;--border:#163430;--border-strong:#2a524b;--text:#e8faf4;--text-dim:#a9cbc1;--text-faint:#7ca399;--accent:#66e8c6;--accent-hover:#8ff0d6;--accent-text:#7eecd0;--accent-soft:#11392f;--accent-ring:#66e8c666;--on-accent:#03261e;--shadow-accent:0 14px 32px -16px #66e8c66b;--texture:url(/textures/pourboo-dark.svg)}:root{--po-c0:#e5484d;--po-i0:#fff;--po-c1:#f5872a;--po-i1:#3b1a00;--po-c2:#f7c926;--po-i2:#3d2f00;--po-c3:#2f9e5b;--po-i3:#fff;--po-c4:#16b5a8;--po-i4:#03312d;--po-c5:#5bc0f8;--po-i5:#06283f;--po-c6:#3451d1;--po-i6:#fff;--po-c7:#8f4bd8;--po-i7:#fff;--po-c8:#f26aa9;--po-i8:#45072a;--po-c9:#9b5b2b;--po-i9:#fff;--po-glass:#f6fcfa;--po-glass-edge:#66958a;--po-shine:#ffffff8c;--po-cork:#d6a46e;--po-cork-edge:#a87443;--po-eye:#fff;--po-pupil:#0a2621}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--po-c6:#4d6bf0;--po-c7:#9d5cf0;--po-c9:#b06d38;--po-glass:#0a1f1d;--po-glass-edge:#5f9488;--po-shine:#ffffff1a;--po-cork:#c28c55;--po-cork-edge:#8d6033}}:root[data-theme=dark]{--po-c6:#4d6bf0;--po-c7:#9d5cf0;--po-c9:#b06d38;--po-glass:#0a1f1d;--po-glass-edge:#5f9488;--po-shine:#ffffff1a;--po-cork:#c28c55;--po-cork-edge:#8d6033}[data-c="0"]:is(.po-layer,.po-swatch,.po-stream,.po-logo-tube){--po-c:var(--po-c0);--po-ink:var(--po-i0)}[data-c="1"]:is(.po-layer,.po-swatch,.po-stream,.po-logo-tube){--po-c:var(--po-c1);--po-ink:var(--po-i1)}[data-c="2"]:is(.po-layer,.po-swatch,.po-stream,.po-logo-tube){--po-c:var(--po-c2);--po-ink:var(--po-i2)}[data-c="3"]:is(.po-layer,.po-swatch,.po-stream,.po-logo-tube){--po-c:var(--po-c3);--po-ink:var(--po-i3)}[data-c="4"]:is(.po-layer,.po-swatch,.po-stream,.po-logo-tube){--po-c:var(--po-c4);--po-ink:var(--po-i4)}[data-c="5"]:is(.po-layer,.po-swatch,.po-stream,.po-logo-tube){--po-c:var(--po-c5);--po-ink:var(--po-i5)}[data-c="6"]:is(.po-layer,.po-swatch,.po-stream,.po-logo-tube){--po-c:var(--po-c6);--po-ink:var(--po-i6)}[data-c="7"]:is(.po-layer,.po-swatch,.po-stream,.po-logo-tube){--po-c:var(--po-c7);--po-ink:var(--po-i7)}[data-c="8"]:is(.po-layer,.po-swatch,.po-stream,.po-logo-tube){--po-c:var(--po-c8);--po-ink:var(--po-i8)}[data-c="9"]:is(.po-layer,.po-swatch,.po-stream,.po-logo-tube){--po-c:var(--po-c9);--po-ink:var(--po-i9)}.po-panel{align-items:stretch;gap:14px}.po-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.po-bar .wb-status{flex:1}.po-clock{min-width:3.2em;color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.35rem;font-weight:600}.po-clock[data-low]{color:var(--bad);animation:1s ease-in-out infinite po-tick}.po-restart,.po-tool{align-items:center;gap:6px;display:inline-flex}:is(.po-restart,.po-tool) svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.po-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.po-hud{border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;padding:10px 14px;display:flex}.po-hud-level{gap:1px;margin-right:auto;display:grid}.po-hud-level strong{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.po-hud-pours,.po-hud-points{align-items:baseline;gap:6px;display:inline-flex}.po-hud-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}:is(.po-hud-pours,.po-hud-points) strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:600;line-height:1}.po-hud-points strong{color:var(--accent-text)}.po-hud-pours[data-over] strong{color:var(--warm)}.po-stage{position:relative;container-type:inline-size}.po-board{--gap-x:clamp(8px, 3cqw, 24px);--per-row:5;--rows:1;--po-room:var(--play-room,calc(100dvh - 10.5rem));--tw:clamp(30px, min(calc((100cqw - (var(--per-row) - 1) * var(--gap-x)) / var(--per-row)), max(min(60px, calc((100dvh - 440px) / (var(--rows) * 4.4 + .5))), calc((var(--po-room) - 20.25rem - var(--rows) * 20px) / (var(--rows) * 4.05)))), 96px);--layer:calc(var(--tw) * .74);justify-items:center;gap:12px;display:grid;position:relative}.po-board[data-rows="2"]{--rows:2}.po-tubes{grid-template-columns:repeat(var(--per-row), var(--tw));justify-content:center;column-gap:var(--gap-x);row-gap:calc(var(--tw) * .62);padding-top:calc(var(--tw) * .5);display:grid}.po-tube{width:var(--tw);color:inherit;font:inherit;cursor:pointer;transform-origin:50% 0;animation:.38s cubic-bezier(.2,.9,.3,1.2) backwards po-enter;animation-delay:calc(var(--i,0) * 35ms);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:12px;justify-items:center;gap:6px;margin:0;padding:0;transition:transform .16s ease-out;display:grid;position:relative}.po-tube:focus-visible{outline:3px solid var(--accent-text);outline-offset:5px}.po-tube[data-picked]{transform:translateY(calc(var(--tw) * -.42))}.po-tubes[aria-disabled] .po-tube{cursor:default}.po-tube:before{content:"";z-index:3;background:var(--po-glass-edge);border-radius:4px;height:7px;position:absolute;top:-3px;left:-4px;right:-4px}.po-glass{width:100%;height:calc(var(--layer) * 4.6 + 3px);border:3px solid var(--po-glass-edge);border-radius:2px 2px calc(var(--tw) * .5) calc(var(--tw) * .5);background:var(--po-glass);border-top:0;transition:border-color .16s ease-out,box-shadow .16s ease-out;display:block;position:relative;overflow:hidden}.po-tube[data-picked] .po-glass,.po-tube[data-picked]:before{border-color:var(--accent-text)}.po-tube[data-picked]:before{background:var(--accent-text)}.po-tube[data-picked] .po-glass{box-shadow:0 0 0 4px var(--accent-ring), 0 14px 24px -14px var(--accent-text)}@media (hover:hover){.po-tubes:not([aria-disabled]) .po-tube:not([data-picked]):hover .po-glass{border-color:color-mix(in oklab, var(--po-glass-edge), var(--accent-text) 45%)}}.po-glass:after{content:"";z-index:2;background:var(--po-shine);pointer-events:none;border-radius:999px;width:13%;position:absolute;top:8%;bottom:14%;left:14%}.po-water{flex-direction:column-reverse;display:flex;position:absolute;inset:auto 0 0;box-shadow:0 -2px #00000024}.po-water:not(:has(>.po-layer:not(.is-draining))){box-shadow:none}.po-layer{height:var(--layer);background:var(--po-c);color:var(--po-ink);flex:none;place-items:center;display:grid;overflow:hidden}.po-layer+.po-layer:not([data-joined]){box-shadow:inset 0 -2px #0000001f}.po-mark{width:calc(var(--layer) * .5);height:calc(var(--layer) * .5);fill:currentColor;opacity:.92}.po-eyes{width:calc(var(--layer) * .72);height:auto;animation:4.2s ease-in-out 1.2s infinite po-blink}.po-eye{fill:var(--po-eye)}.po-pupil{fill:var(--po-pupil)}.po-cork{top:calc(var(--layer) * .1);z-index:3;height:calc(var(--layer) * .44);background:var(--po-cork);box-shadow:inset 0 -3px 0 var(--po-cork-edge);border-radius:4px 4px 7px 7px;animation:.34s cubic-bezier(.3,1.4,.5,1) backwards po-cork;position:absolute;left:16%;right:16%}.po-key{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:800;line-height:1}.po-tube[data-picked] .po-key{color:var(--accent-text)}.po-layer.is-filling{animation:.26s ease-out .216s backwards po-fill}.po-layer.is-draining{animation:.26s ease-in .216s forwards po-drain}.po-stream{--sw:max(5px, calc(var(--tw) * .15));z-index:4;width:var(--sw);height:0;margin-left:calc(var(--sw) / -2);background:var(--po-c,transparent);transform-origin:50% 0;pointer-events:none;border-radius:999px;position:absolute;transform:scaleY(0)}.po-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.po-help{text-align:center;max-width:32rem;margin:0}.po-solved{z-index:6;border-radius:var(--radius-pill);background:var(--accent);box-shadow:var(--shadow-accent);color:var(--on-accent);font-family:var(--font-display);white-space:nowrap;pointer-events:none;align-items:baseline;gap:10px;padding:10px 20px;animation:.42s cubic-bezier(.3,1.5,.5,1) backwards po-solved;display:inline-flex;position:absolute;top:34%;left:50%;transform:translate(-50%)}.po-solved strong{font-size:1.35rem;font-weight:600}.po-solved span{font-size:1.2rem;font-weight:600}.po-solved .po-solved-par{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--on-accent) 22%, transparent);padding:2px 10px;font-size:.85rem}.po-countdown{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.po-countdown strong{background:var(--accent);width:5.5rem;height:5.5rem;box-shadow:var(--shadow-accent);color:var(--on-accent);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:3rem;font-weight:600;animation:.36s cubic-bezier(.3,1.5,.5,1) backwards po-solved;display:grid}.po-end{justify-items:center;display:grid}.po-swatches{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.po-swatch{background:var(--po-c);width:30px;height:30px;color:var(--po-ink);border-radius:9px;place-items:center;display:grid}.po-swatch .po-mark{width:17px;height:17px}.po-results{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.po-results li{border-radius:var(--radius-sm);background:var(--surface-2);justify-items:center;min-width:4.2rem;padding:6px 10px;display:grid}.po-results li[data-par]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-ring)}.po-results strong{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.po-results li[data-par] strong{color:var(--accent-text)}.po-logo{font-family:var(--font-display);align-items:flex-end;gap:.08em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.po-logo-tube{box-sizing:content-box;border:.07em solid var(--po-glass-edge);background:linear-gradient(to top, var(--po-c) calc(100% - .26em), var(--po-glass) calc(100% - .26em));width:1.08em;height:1.38em;color:var(--po-ink);border-top:0;border-radius:.06em .06em .54em .54em;place-items:end center;padding-bottom:.1em;font-size:.78em;line-height:1;display:grid;position:relative}.po-logo-tube.is-0{--po-c:var(--po-c0);--po-ink:var(--po-i0)}.po-logo-tube.is-1{--po-c:var(--po-c2);--po-ink:var(--po-i2)}.po-logo-tube.is-2{--po-c:var(--po-c4);--po-ink:var(--po-i4)}.po-logo-tube.is-3{--po-c:var(--po-c7);--po-ink:var(--po-i7);transform-origin:50% 0;margin-left:.12em;transform:rotate(16deg)translateY(-.06em)}.po-logo-boo{color:var(--accent-text);margin-left:.08em}@keyframes po-fill{0%{height:0}}@keyframes po-drain{to{height:0}}@keyframes po-enter{0%{opacity:0;transform:translateY(18px)scale(.92)}}@keyframes po-cork{0%{opacity:0;transform:translateY(-140%)}}@keyframes po-solved{0%{opacity:0;scale:.6}}@keyframes po-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes po-tick{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.po-tube,.po-glass{transition:none}.po-tube,.po-cork,.po-eyes,.po-solved,.po-countdown strong,.po-clock[data-low],.po-layer.is-filling{animation:none}.po-layer.is-draining{display:none}.po-tube[data-picked]{transform:none}}@media (width<=44rem){.po-bar .wb-status{flex-basis:100%}.po-restart{margin-left:auto}.po-hud{padding:8px 12px}.po-board{--tw:clamp(28px, min(calc((100cqw - (var(--per-row) - 1) * var(--gap-x)) / var(--per-row)), calc((var(--po-room) - 266px) / (var(--rows) * 4.4 + .5))), 90px)}.po-logo{font-size:24px}}:root[data-game=nearboo]{--bg:#fdf5ee;--bg-tint:#fbece0;--surface:#fff;--surface-2:#fdf1e7;--surface-3:#f7e2d1;--border:#f2dccb;--border-strong:#e2bea2;--text:#27160b;--text-dim:#5d4333;--text-faint:#87695a;--accent:#c2410c;--accent-hover:#9a3412;--accent-text:#b13a0a;--accent-soft:#ffe8d6;--accent-ring:#ea580c59;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #c2410c80;--texture:url(/textures/nearboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=nearboo]:not([data-theme=light]){--bg:#0a1622;--bg-tint:#0d1b2a;--surface:#122236;--surface-2:#172a42;--surface-3:#1f3653;--border:#1b3149;--border-strong:#2c4a6c;--text:#eef5fb;--text-dim:#b4c5d6;--text-faint:#7e93a9;--accent:#fb923c;--accent-hover:#fdba74;--accent-text:#fdba74;--accent-soft:#3a2415;--accent-ring:#fb923c66;--on-accent:#2a1103;--shadow-accent:0 14px 32px -16px #fb923c6b;--texture:url(/textures/nearboo-dark.svg)}}:root[data-game=nearboo][data-theme=dark]{--bg:#0a1622;--bg-tint:#0d1b2a;--surface:#122236;--surface-2:#172a42;--surface-3:#1f3653;--border:#1b3149;--border-strong:#2c4a6c;--text:#eef5fb;--text-dim:#b4c5d6;--text-faint:#7e93a9;--accent:#fb923c;--accent-hover:#fdba74;--accent-text:#fdba74;--accent-soft:#3a2415;--accent-ring:#fb923c66;--on-accent:#2a1103;--shadow-accent:0 14px 32px -16px #fb923c6b;--texture:url(/textures/nearboo-dark.svg)}:root{--ne-track:#f3e6dc;--ne-cold:#7aa7e8;--ne-cool:#3fb6e0;--ne-tepid:#e9bf2f;--ne-warm:#f59e0b;--ne-hot:#f26a1b;--ne-burning:#e63a2e;--ne-found:#c81e5a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ne-track:#20344d;--ne-cold:#5f8fd6;--ne-cool:#2fa6d4;--ne-tepid:#e3b62a;--ne-warm:#f6a128;--ne-hot:#fb7a2e;--ne-burning:#ff5a48;--ne-found:#ff4f8b}}:root[data-theme=dark]{--ne-track:#20344d;--ne-cold:#5f8fd6;--ne-cool:#2fa6d4;--ne-tepid:#e3b62a;--ne-warm:#f6a128;--ne-hot:#fb7a2e;--ne-burning:#ff5a48;--ne-found:#ff4f8b}:is(.ne-row,.ne-bar,.ne-key li,.ne-secret,.ne-ring,.ne-ring-label,.ne-dot,.ne-dust,.ne-ping,.ne-tag,.ne-rival,.ne-best,.ne-said-text,.ne-race-row)[data-band=cold]{--ne-band:var(--ne-cold)}:is(.ne-row,.ne-bar,.ne-key li,.ne-secret,.ne-ring,.ne-ring-label,.ne-dot,.ne-dust,.ne-ping,.ne-tag,.ne-rival,.ne-best,.ne-said-text,.ne-race-row)[data-band=cool]{--ne-band:var(--ne-cool)}:is(.ne-row,.ne-bar,.ne-key li,.ne-secret,.ne-ring,.ne-ring-label,.ne-dot,.ne-dust,.ne-ping,.ne-tag,.ne-rival,.ne-best,.ne-said-text,.ne-race-row)[data-band=tepid]{--ne-band:var(--ne-tepid)}:is(.ne-row,.ne-bar,.ne-key li,.ne-secret,.ne-ring,.ne-ring-label,.ne-dot,.ne-dust,.ne-ping,.ne-tag,.ne-rival,.ne-best,.ne-said-text,.ne-race-row)[data-band=warm]{--ne-band:var(--ne-warm)}:is(.ne-row,.ne-bar,.ne-key li,.ne-secret,.ne-ring,.ne-ring-label,.ne-dot,.ne-dust,.ne-ping,.ne-tag,.ne-rival,.ne-best,.ne-said-text,.ne-race-row)[data-band=hot]{--ne-band:var(--ne-hot)}:is(.ne-row,.ne-bar,.ne-key li,.ne-secret,.ne-ring,.ne-ring-label,.ne-dot,.ne-dust,.ne-ping,.ne-tag,.ne-rival,.ne-best,.ne-said-text,.ne-race-row)[data-band=burning]{--ne-band:var(--ne-burning)}:is(.ne-row,.ne-bar,.ne-key li,.ne-secret,.ne-ring,.ne-ring-label,.ne-dot,.ne-dust,.ne-ping,.ne-tag,.ne-rival,.ne-best,.ne-said-text,.ne-race-row)[data-band=found]{--ne-band:var(--ne-found)}.play-layout:has(>.ne-panel){grid-template-columns:minmax(0,1fr)}@media (width>=64rem){.play-layout:has(>.ne-panel)>aside{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}}.ne-panel{align-items:stretch;gap:16px}.ne-board{--ne-radar-w:min(870px, max(34rem, calc(var(--play-room,100dvh - 168px) - 96px - 4.5rem)));grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""said""dock""actions""words";gap:12px;width:100%;display:grid}.ne-board:has(.ne-race){grid-template-areas:"head""stage""said""dock""actions""race""words"}.ne-head{grid-area:head}.ne-stage{grid-area:stage}.ne-dock{grid-area:dock}.ne-actions{grid-area:actions}.ne-said{grid-area:said}.ne-words{grid-area:words}.ne-race{grid-area:race}@media (width>=52rem){.ne-board{grid-template-columns:minmax(0, min(var(--ne-radar-w), max(34rem, calc(100% - 21rem - clamp(20px, 3vw, 36px))))) minmax(17rem, 1fr);grid-template-rows:auto auto auto minmax(12rem,1fr) auto;grid-template-areas:"stage head""stage actions""stage said""stage words""dock dock";align-items:start;gap:14px clamp(20px,3vw,36px)}.ne-board:has(.ne-race){grid-template-rows:auto auto auto auto minmax(9rem,1fr) auto;grid-template-areas:"stage head""stage actions""stage said""stage race""stage words""dock dock"}.ne-board .ne-said{text-align:left}.ne-words{contain:size;overscroll-behavior:contain;align-self:stretch;min-height:0;margin-right:-6px;padding-right:6px;overflow-y:auto}}.ne-notice{background:var(--surface-2);color:var(--text-dim)}.ne-status{margin:0}.ne-best{border:1.5px solid color-mix(in oklab, var(--ne-band) 45%, var(--surface));border-radius:var(--radius);background:color-mix(in oklab, var(--ne-band) 9%, var(--surface));gap:2px;padding:12px 18px 14px;display:grid}.ne-best .ne-label{margin:0}.ne-best-row{align-items:center;gap:14px;min-width:0;display:flex}.ne-best-rank{color:color-mix(in oklab, var(--ne-band) 85%, var(--text));font-family:var(--font-display);font-variant-numeric:tabular-nums;flex:none;font-size:3rem;font-weight:600;line-height:1}.ne-best-text{min-width:0;display:grid}.ne-best-word{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.6rem;font-weight:600;line-height:1.15;overflow:hidden}.ne-best-note{color:var(--text-dim);font-size:.88rem;font-weight:700}.ne-stage{justify-items:center;display:grid}.ne-radar{width:100%;max-width:var(--ne-radar-w);aspect-ratio:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative}.ne-radar>svg,.ne-radar-labels{width:100%;height:100%;position:absolute;inset:0}.ne-radar{isolation:isolate}.ne-radar-base{z-index:0}.ne-sweep{z-index:1}.ne-radar-dots{z-index:2}.ne-radar-labels{z-index:3;pointer-events:none}.ne-rim{fill:var(--surface-2);stroke:var(--border);stroke-width:1.5px}.ne-ring{--tint:20%;fill:color-mix(in oklab, var(--ne-band) var(--tint), var(--surface));stroke:color-mix(in oklab, var(--ne-band) 60%, var(--surface));stroke-dasharray:5 6;stroke-width:1.5px}.ne-ring[data-band=cool]{--tint:22%}.ne-ring[data-band=tepid],.ne-ring[data-band=warm]{--tint:26%}.ne-ring[data-band=hot]{--tint:28%}.ne-ring[data-band=burning]{--tint:32%}.ne-axis{stroke:var(--border-strong);stroke-width:1px;opacity:.7}@property --ne-sweep-turn{syntax:"<angle>";inherits:false;initial-value:0deg}.ne-sweep{background:conic-gradient(from var(--ne-sweep-turn), transparent 0 78%, color-mix(in oklab, var(--ne-hot) 30%, transparent) 100%);pointer-events:none;border-radius:50%;animation:6s linear infinite ne-sweep;position:absolute;inset:2.667%}.ne-dot{fill:var(--ne-band);stroke:var(--surface);stroke-width:3px}.ne-dot[data-old]{opacity:.6}.ne-dot[data-hint]{stroke:var(--accent);stroke-dasharray:3 2}.ne-dust{fill:var(--ne-band);opacity:.5}.ne-halo{fill:none;stroke:var(--text);stroke-dasharray:4 3;stroke-width:2px}.ne-ping{fill:none;stroke:var(--ne-band,var(--text));stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:1.1s ease-out forwards ne-ping}.ne-ping.is-flash{stroke:var(--text);animation-iteration-count:2}.ne-core{fill:var(--ne-found);stroke:var(--surface);stroke-width:4px}.ne-core-glow{fill:color-mix(in oklab, var(--ne-found) 18%, transparent)}.ne-radar[data-outcome=gave] .ne-core{fill:var(--ne-cold)}.ne-radar[data-outcome=gave] .ne-core-glow{fill:color-mix(in oklab, var(--ne-cold) 18%, transparent)}.ne-ring-label{border:1px solid color-mix(in oklab, var(--ne-band) 70%, var(--surface));border-radius:var(--radius-pill);background:var(--surface);color:var(--text-dim);padding:1px 6px;font-size:10px;font-weight:800;line-height:1.35;position:absolute;transform:translate(-50%,-50%)}.ne-core-mark,.ne-core-word{font-family:var(--font-display);font-weight:600;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ne-core-mark{color:var(--on-accent);font-size:clamp(18px, calc(var(--side) * .06), 34px)}.ne-core-word{border-radius:var(--radius-pill);background:var(--ne-found);box-shadow:var(--shadow);color:var(--on-accent);font-size:clamp(17px, calc(var(--side) * .055), 28px);white-space:nowrap;padding:.35em .9em;animation:.52s cubic-bezier(.2,.8,.2,1.25) ne-reveal}.ne-core-word[data-outcome=gave]{border:2px solid var(--ne-cold);background:var(--surface);color:var(--text)}.ne-tag{border:1.5px solid color-mix(in oklab, var(--ne-band) 70%, var(--surface));border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm);white-space:nowrap;align-items:center;gap:5px;padding:0 9px;font-weight:800;line-height:1;display:inline-flex;position:absolute}.ne-tag[data-latest]{border-width:2px;border-color:var(--ne-band);animation:.26s ease-out ne-tag-in}.ne-tag[data-selected]{z-index:2;border-color:var(--text)}.ne-tag-rank{color:color-mix(in oklab, var(--ne-band) 78%, var(--text));font-family:var(--font-display);font-weight:600}.ne-tag .ne-hint-badge{font-size:.6rem}.ne-rival{border:2px solid var(--ne-band);background:var(--surface);width:26px;height:26px;box-shadow:var(--shadow-sm);color:var(--text);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%)}.ne-dock{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:48rem;margin-inline:auto;display:flex}.ne-dock-actions{flex:none;gap:8px;display:flex}.ne-form{flex:20rem;gap:8px;display:flex}.ne-input{flex:1;width:0;padding:.8rem 1.15rem;font-size:1.1rem}.ne-input:disabled{opacity:.6}.ne-go{flex:none;padding-inline:1.5rem}.ne-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;container:ne-actions/inline-size}@container ne-actions (width<=27rem){.ne-meta{flex-basis:100%}}.ne-meta{flex-wrap:wrap;gap:6px;margin:0 auto 0 0;padding:0;list-style:none;display:flex}.ne-meta li{border-radius:var(--radius-pill);background:var(--surface-2);align-items:baseline;gap:6px;padding:4px 10px;display:inline-flex}.ne-meta span{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:800}.ne-meta strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.ne-hint{align-items:center;gap:6px;display:inline-flex}.ne-hint svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.ne-quit.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.ne-said{min-height:1.4em;color:var(--text-dim);text-align:center;margin:0;font-size:.95rem;font-weight:700}.ne-said-text{animation:.22s ease-out ne-said;display:inline-block}.ne-said-text[data-kind=guess]{color:color-mix(in oklab, var(--ne-band) 70%, var(--text))}.ne-said-text[data-kind=unknown],.ne-said-text[data-kind=short]{color:var(--bad)}.ne-said-text[data-kind=hint]{color:var(--accent-text)}.ne-label{color:var(--text-faint);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}.ne-empty{text-align:center;margin:8px 0}.ne-more{margin-top:8px}.ne-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ne-row[data-selected]{border-color:var(--text-faint);box-shadow:var(--shadow-sm)}@keyframes ne-sweep{to{--ne-sweep-turn:1turn}}@keyframes ne-ping{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(2.6)}}@keyframes ne-tag-in{0%{opacity:0;transform:translateY(4px)}}@keyframes ne-reveal{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}@media (prefers-reduced-motion:reduce){.ne-sweep{display:none}.ne-ping,.ne-tag[data-latest],.ne-core-word{animation:none}.ne-ping{opacity:0}}.ne-row{border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);grid-template-columns:minmax(0,1.2fr) minmax(64px,2fr) auto;align-items:center;gap:12px;padding:9px 14px;display:grid}.ne-row.is-latest{border-color:color-mix(in oklab, var(--ne-band) 70%, var(--border));background:color-mix(in oklab, var(--ne-band) 9%, var(--surface))}.ne-row[data-band=found]{border-color:var(--ne-found);background:color-mix(in oklab, var(--ne-found) 12%, var(--surface))}.ne-word{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:1.02rem;font-weight:700;display:flex;overflow:hidden}.ne-hint-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);letter-spacing:.04em;text-transform:uppercase;flex:none;padding:1px 7px;font-size:.68rem;font-weight:800}.ne-rank{min-width:3.6em;font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.05rem;font-weight:600}.ne-bar{border-radius:var(--radius-pill);background:var(--ne-track);height:10px;display:block;position:relative;overflow:hidden}.ne-bar>span{border-radius:inherit;background:var(--ne-band);transition:width .42s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.ne-row.is-latest .ne-bar>span{animation:.52s cubic-bezier(.2,.8,.2,1) ne-fill}.ne-end{justify-items:center;display:grid}.ne-key{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.ne-key li{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.ne-key-name{font-size:.9rem;font-weight:700}.ne-key-name:first-letter{text-transform:uppercase}.ne-legend li+li{margin-top:4px}.ne-legend+.ne-label{margin-top:16px}.room-player .ne-bar{width:min(140px,100%);height:6px;margin-top:4px}.wb-overlay:has(>.ne-result){padding-top:24px}.ne-result{gap:16px;width:min(560px,100%);margin-block:auto}.ne-secret{border-radius:var(--radius);background:color-mix(in oklab, var(--ne-band) 14%, var(--surface-2));flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:14px 18px;display:flex}.ne-secret-word{color:var(--text);font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.8rem;font-weight:600;line-height:1.1}.ne-closest-list{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:4px 8px;display:grid}.ne-row.is-small{grid-template-columns:minmax(0,1fr) 48px auto;gap:8px;padding:5px 12px}.ne-row.is-small .ne-word{font-size:.92rem}.ne-row.is-small .ne-rank{min-width:0;font-size:.92rem}.ne-row.is-small .ne-bar{height:7px}@media (width<=30rem){.ne-row.is-small{grid-template-columns:minmax(0,1fr) auto;padding:5px 10px}.ne-row.is-small .ne-bar{display:none}.ne-row.is-small .ne-rank{color:color-mix(in oklab, var(--ne-band) 70%, var(--text))}}.ne-logo{font-family:var(--font-display);align-items:center;gap:.02em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.ne-logo-meter{width:.62em;height:1.24em;margin-right:.1em}.ne-logo-tube{fill:var(--ne-track);stroke:var(--border-strong);stroke-width:1.2px}.ne-logo-mercury,.ne-logo-bulb{fill:var(--ne-burning)}.ne-logo-letter.is-0{color:var(--ne-cold)}.ne-logo-letter.is-1{color:var(--ne-cool)}.ne-logo-letter.is-2{color:var(--ne-warm)}.ne-logo-letter.is-3{color:var(--ne-hot)}.ne-logo-boo{color:var(--accent-text);margin-left:.06em}@keyframes ne-fill{0%{width:0}}@keyframes ne-said{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.ne-bar>span,.ne-row.is-latest .ne-bar>span,.ne-said-text{transition:none;animation:none}}@media (width<=44rem){.ne-panel{padding-inline:12px}.ne-row{grid-template-columns:minmax(0,1.3fr) minmax(48px,1.4fr) auto;gap:8px;padding:8px 12px}.ne-word{font-size:.95rem}.ne-rank{min-width:3em;font-size:.95rem}.ne-go{padding-inline:1.1rem}.ne-best{padding:10px 14px 12px}.ne-best-rank{font-size:2.3rem}.ne-best-word{font-size:1.3rem}.ne-logo{font-size:26px}}@media (width>=72rem){.ne-board:has(.ne-race){grid-template-columns:14rem minmax(0, min(var(--ne-radar-w), calc(100% - 29rem - 48px))) minmax(15rem, 1fr);grid-template-rows:auto auto auto minmax(9rem,1fr) auto;grid-template-areas:"race stage head""race stage actions""race stage said""race stage words""dock dock dock";column-gap:24px}.ne-board:has(.ne-race) .ne-race{contain:size;flex-direction:column;align-self:stretch;min-height:0;display:flex}.ne-board:has(.ne-race) .ne-race-list{flex:1;align-content:start;min-height:0;max-height:none}.ne-board:has(.ne-race) .ne-race-row{grid-template-columns:.9rem auto minmax(0,1fr) auto;gap:7px;padding:5px 10px 5px 7px}.ne-board:has(.ne-race) .ne-race-row .avatar{width:24px;height:24px}.ne-board:has(.ne-race) .ne-race-rank{min-width:0;font-size:.92rem}.ne-board:has(.ne-race) .ne-race-name{display:block}.ne-board:has(.ne-race) .ne-race-name .badge{display:none}.ne-board:has(.ne-race) .ne-best-rank{font-size:clamp(1.6rem,2.4vw,2.1rem)}.ne-board:has(.ne-race) .ne-best-row{flex-wrap:wrap;row-gap:2px}.ne-board:has(.ne-race) .ne-race-bar{display:none}}.ne-race-list{overscroll-behavior:contain;gap:6px;max-height:244px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.ne-race-row{--ne-band:var(--border-strong);border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);grid-template-columns:1.2rem auto minmax(0,1fr) minmax(36px,64px) auto;align-items:center;gap:10px;min-height:44px;padding:5px 12px 5px 8px;display:grid}.ne-race-row.is-me{border-color:color-mix(in oklab, var(--ne-band) 70%, var(--border));background:color-mix(in oklab, var(--ne-band) 9%, var(--surface))}.ne-race-row[data-band=found]{border-color:var(--ne-found);background:color-mix(in oklab, var(--ne-found) 12%, var(--surface))}.ne-race-row[data-out]{opacity:.55}.ne-race-place{color:var(--text-faint);font-family:var(--font-display);text-align:center;font-size:.95rem;font-weight:600}.ne-race-row .avatar{width:28px;height:28px}.ne-race-who{min-width:0;line-height:1.2;display:grid}.ne-race-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;font-weight:700;display:flex;overflow:hidden}.ne-race-name .badge{padding-block:0;font-size:.68rem}.ne-race-note{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.ne-race-bar{min-width:0}.ne-race-bar:empty{display:none}.ne-race-rank{min-width:3.2ch;color:color-mix(in oklab, var(--ne-band) 85%, var(--text));font-family:var(--font-display);text-align:right;font-size:1.05rem;font-weight:700;animation:.7s ease-out ne-race-pulse}@keyframes ne-race-pulse{0%{transform:scale(1.35)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ne-race-rank{animation:none}}@media (width<=30rem){.ne-race-row{grid-template-columns:1.1rem auto minmax(0,1fr) auto}.ne-race-bar{display:none}}:root[data-game=gemboo]{--bg:#f1faf4;--bg-tint:#e5f3ea;--surface:#fff;--surface-2:#f2f9f4;--surface-3:#e0efe6;--border:#d3e8db;--border-strong:#a6cbb5;--text:#0b211a;--text-dim:#2f4d3f;--text-faint:#4f6b5d;--accent:#0a7a4c;--accent-hover:#086640;--accent-text:#07714a;--accent-soft:#d8f2e3;--accent-ring:#0a7a4c59;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #07714a80;--texture:url(/textures/gemboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=gemboo]:not([data-theme=light]){--bg:#061a12;--bg-tint:#08201a;--surface:#0c271c;--surface-2:#102e22;--surface-3:#16392b;--border:#173a2c;--border-strong:#2a5e48;--text:#e8fbf1;--text-dim:#a7d6bf;--text-faint:#7aab93;--accent:#34e39b;--accent-hover:#5ceeb0;--accent-text:#5ceeb0;--accent-soft:#0f3b29;--accent-ring:#34e39b66;--on-accent:#03231a;--shadow-accent:0 14px 32px -16px #34e39b66;--texture:url(/textures/gemboo-dark.svg)}}:root[data-game=gemboo][data-theme=dark]{--bg:#061a12;--bg-tint:#08201a;--surface:#0c271c;--surface-2:#102e22;--surface-3:#16392b;--border:#173a2c;--border-strong:#2a5e48;--text:#e8fbf1;--text-dim:#a7d6bf;--text-faint:#7aab93;--accent:#34e39b;--accent-hover:#5ceeb0;--accent-text:#5ceeb0;--accent-soft:#0f3b29;--accent-ring:#34e39b66;--on-accent:#03231a;--shadow-accent:0 14px 32px -16px #34e39b66;--texture:url(/textures/gemboo-dark.svg)}:root{--gm-c1:#f0405e;--gm-c2:#ff8a2a;--gm-c3:#ffcb2e;--gm-c4:#22b866;--gm-c5:#2f7bf5;--gm-c6:#9b5bf2;--gm-eye:#12201a;--gm-bomb-ink:#12201a;--gm-ink-base:#0b1611;--gm-tray:#0b2618;--gm-tray-edge:#c9a24a;--gm-cell:#11331f;--gm-cell-2:#0e2c1b;--gm-gold:#f5c542;--gm-flash:#fff;--gm-cursor:#ffe27a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--gm-c1:#ff5a74;--gm-c2:#ff9a45;--gm-c3:#ffd54a;--gm-c4:#34cf7a;--gm-c5:#4f92ff;--gm-c6:#ad76ff;--gm-eye:#12201a;--gm-bomb-ink:#12201a;--gm-ink-base:#06100b;--gm-tray:#051710;--gm-tray-edge:#a8843a;--gm-cell:#0e2a1c;--gm-cell-2:#0b2417;--gm-gold:#f5c542;--gm-flash:#fff;--gm-cursor:#ffe27a}}:root[data-theme=dark]{--gm-c1:#ff5a74;--gm-c2:#ff9a45;--gm-c3:#ffd54a;--gm-c4:#34cf7a;--gm-c5:#4f92ff;--gm-c6:#ad76ff;--gm-eye:#12201a;--gm-bomb-ink:#12201a;--gm-ink-base:#06100b;--gm-tray:#051710;--gm-tray-edge:#a8843a;--gm-cell:#0e2a1c;--gm-cell-2:#0b2417;--gm-gold:#f5c542;--gm-flash:#fff;--gm-cursor:#ffe27a}.gm-art[data-kind="0"]{--gm-c:var(--gm-c1)}.gm-art[data-kind="1"]{--gm-c:var(--gm-c2)}.gm-art[data-kind="2"]{--gm-c:var(--gm-c3)}.gm-art[data-kind="3"]{--gm-c:var(--gm-c4)}.gm-art[data-kind="4"]{--gm-c:var(--gm-c5)}.gm-art[data-kind="5"]{--gm-c:var(--gm-c6)}.gm-art[data-kind]{--gm-ink:color-mix(in oklab, var(--gm-c) 52%, var(--gm-ink-base))}.gm-defs{width:0;height:0;position:absolute;overflow:hidden}.gm-panel{align-items:stretch;gap:16px}.gm-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:2.1rem;display:flex}.gm-bar .wb-status{flex:1}.gm-restart{align-items:center;gap:6px;display:inline-flex}.gm-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.gm-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.gm-end{justify-items:center;display:grid}.gm-box{--board-w:min(100cqw, 800px, max(min(500px, max(260px, calc(100dvh - 360px))), calc(var(--play-room,100dvh - 168px) - 262px)));justify-items:center;gap:10px;display:grid;position:relative;container-type:inline-size}.gm-hud{width:var(--board-w);justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.gm-score{align-items:center;gap:8px;display:inline-flex;position:relative}.gm-hud-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.gm-score strong,.gm-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1}.gm-score strong{color:var(--accent-text)}.gm-gain{color:var(--accent-text);font-family:var(--font-display);white-space:nowrap;pointer-events:none;margin-left:6px;font-size:.95rem;font-weight:700;animation:.72s ease-out forwards gm-gain;position:absolute;top:-.35em;left:100%}.gm-chain{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-faint);align-items:center;gap:6px;padding:4px 12px;transition:background .16s ease-out,color .16s ease-out;display:inline-flex}.gm-chain strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600}.gm-chain[data-on]{background:var(--accent-soft);color:var(--accent-text)}.gm-chain[data-on] strong{animation:.26s ease-out gm-bump}.gm-clock{min-width:2ch;color:var(--text);text-align:right}.gm-timebar{width:var(--board-w);border-radius:var(--radius-pill);background:var(--surface-3);height:8px;overflow:hidden}.gm-timebar span{width:calc(var(--left) * 100%);border-radius:inherit;background:var(--accent);height:100%;transition:width .1s linear,background .2s ease-out;display:block}.gm-timebar[data-hurry] span{background:var(--bad)}.gm-board{--pad:8px;width:var(--board-w);aspect-ratio:1;padding:var(--pad);border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 28% 8%, color-mix(in oklab, var(--gm-tray), #fff 9%), var(--gm-tray) 70%);box-shadow:inset 0 0 0 2px var(--gm-tray-edge), inset 0 3px 12px #00000059, var(--shadow-sm);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.gm-cells,.gm-gems,.gm-fx{inset:var(--pad);border-radius:calc(var(--radius-lg) - var(--pad));position:absolute}.gm-cells{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow:hidden}.gm-cell{background:var(--gm-cell)}.gm-cell[data-dark]{background:var(--gm-cell-2)}.gm-gems{touch-action:none;cursor:pointer;overflow:hidden}.gm-board[aria-disabled] .gm-gems{cursor:default}.gm-fx{z-index:3;pointer-events:none}.gm-gem{width:12.5%;height:12.5%;transform:translate(calc(var(--col) * 100%), calc(var(--row) * 100%));transition:transform var(--t,0s) cubic-bezier(.3, .7, .4, 1);pointer-events:none;position:absolute;top:0;left:0}.gm-gem[data-fell]{transition-timing-function:cubic-bezier(.5,0,.75,1.12)}.gm-gem[data-fresh]{animation:gm-enter var(--t) cubic-bezier(.5, 0, .75, 1.12) both}.gm-gem[data-intro]{animation:gm-intro .52s cubic-bezier(.5, 0, .75, 1.15) var(--delay,0s) both}.gm-art{filter:drop-shadow(0 2px #00000047);width:90%;height:90%;position:absolute;inset:5%;overflow:visible}.gm-lid{transform-box:fill-box;transform-origin:50% 0;animation:gm-lid 7s calc(var(--blink,0s) * -1) infinite;transform:scaleY(0)}.gm-eye{transform-box:fill-box;transform-origin:50%;animation:gm-blink 7s calc(var(--blink,0s) * -1) infinite}.gm-rays{animation:1.2s ease-in-out infinite alternate gm-glow}.gm-halo{transform-box:view-box;transform-origin:50%;animation:6s linear infinite gm-turn}.gm-bomb-body{transform-box:view-box;transform-origin:50% 90%;animation:1.6s ease-in-out infinite gm-bob}.gm-gem[data-selected] .gm-art{filter:drop-shadow(0 0 5px var(--gm-flash)) drop-shadow(0 2px 0 #00000047);transform:scale(1.12)}.gm-gem[data-selected]:before{content:"";border:3px solid var(--gm-cursor);border-radius:28%;position:absolute;inset:4%}.gm-gem[data-hint] .gm-art{animation:1s ease-in-out infinite gm-hint}.gm-gem[data-bad] .gm-art{animation:.3s ease-in-out gm-wobble}.gm-gem[data-pop]{z-index:2}.gm-gem[data-pop] .gm-art{animation:.2s ease-in forwards gm-pop}.gm-gem[data-pop]:after{content:"";border:3px solid var(--gm-flash);border-radius:50%;animation:.26s ease-out forwards gm-ring-pop;position:absolute;inset:12%}.gm-gem[data-made] .gm-art{animation:.24s cubic-bezier(.3,1.6,.5,1) gm-made}.gm-cursor{top:calc(var(--pad) + var(--row) * (100% - 2 * var(--pad)) / 8);left:calc(var(--pad) + var(--col) * (100% - 2 * var(--pad)) / 8);z-index:4;width:calc((100% - 2 * var(--pad)) / 8);height:calc((100% - 2 * var(--pad)) / 8);border:3px dashed var(--gm-cursor);pointer-events:none;border-radius:26%;transition:top 90ms ease-out,left 90ms ease-out;position:absolute}.gm-cursor[data-picked]{border-style:solid}.gm-beam{border-radius:var(--radius-pill);background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--gm-flash) 92%, transparent) 30% 70%, transparent);box-shadow:0 0 18px color-mix(in oklab, var(--gm-flash) 70%, transparent);position:absolute}.gm-beam.is-row{top:calc(var(--row) * 12.5% + 3%);height:6.5%;animation:.32s ease-out both gm-beam-x;left:0;right:0}.gm-beam.is-col{top:0;bottom:0;left:calc(var(--col) * 12.5% + 3%);background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--gm-flash) 92%, transparent) 30% 70%, transparent);width:6.5%;animation:.32s ease-out both gm-beam-y}.gm-beam.is-row.is-wide{top:calc((var(--row) - 1) * 12.5% + 2%);height:33.5%}.gm-beam.is-col.is-wide{left:calc((var(--col) - 1) * 12.5% + 2%);width:33.5%}.gm-ring{top:calc((var(--row) + .5) * 12.5%);left:calc((var(--col) + .5) * 12.5%);width:calc(var(--reach) * 25%);aspect-ratio:1;border:4px solid var(--gm-flash);box-shadow:0 0 18px var(--gm-flash), inset 0 0 18px color-mix(in oklab, var(--gm-flash) 70%, transparent);border-radius:50%;animation:.34s ease-out both gm-ring;position:absolute;translate:-50% -50%}.gm-zaps{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gm-zaps line{stroke:var(--gm-flash);stroke-width:.09px;stroke-linecap:round;stroke-dasharray:12;stroke-dashoffset:12px;filter:drop-shadow(0 0 .12px var(--gm-flash));animation:.32s ease-out forwards gm-zap}.gm-flash{border-radius:inherit;background:radial-gradient(circle, var(--gm-flash), color-mix(in oklab, var(--gm-flash) 0%, transparent) 72%);animation:.42s ease-out both gm-flash;position:absolute;inset:0}.gm-points{top:calc((var(--row) + .5) * 12.5%);left:calc((var(--col) + .5) * 12.5%);z-index:2;color:#fff;font-family:var(--font-display);font-size:max(1.15rem, calc(var(--board-w) * .037));white-space:nowrap;text-shadow:0 2px #0006,0 0 10px #00000059;font-weight:700;animation:.56s ease-out both gm-rise;position:absolute;translate:-50% -50%}.gm-points[data-big]{font-size:max(1.5rem, calc(var(--board-w) * .048))}.gm-label{z-index:4;border-radius:var(--radius-pill);border:2px solid color-mix(in oklab, var(--accent) 50%, transparent);background:color-mix(in oklab, var(--surface) 92%, transparent);box-shadow:var(--shadow-accent);color:var(--accent-text);font-family:var(--font-display);white-space:nowrap;padding:6px 18px;animation:.64s ease-out both gm-label;position:absolute;top:9%;left:50%;translate:-50%}.gm-label strong{font-size:max(1.3rem, calc(var(--board-w) * .042));font-weight:700}.gm-label[data-chain="3"] strong{font-size:max(1.5rem, calc(var(--board-w) * .048))}.gm-label[data-chain="4"] strong,.gm-label[data-chain="5"] strong{font-size:max(1.75rem, calc(var(--board-w) * .056))}.gm-label.is-shuffle,.gm-label.is-wipe{top:50%;translate:-50% -50%}.gm-cover{z-index:5;border-radius:inherit;background:color-mix(in oklab, var(--gm-tray) 55%, transparent);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.gm-cover.is-count{pointer-events:none;background:0 0}.gm-cover.is-over{background:color-mix(in oklab, var(--gm-tray) 40%, transparent);pointer-events:none}.gm-ready{border-radius:var(--radius-lg);background:var(--surface);max-width:22rem;box-shadow:var(--shadow);text-align:center;justify-items:center;gap:12px;padding:22px 24px;display:grid}.gm-ready-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;line-height:1.2}.gm-count{color:#fff;font-family:var(--font-display);font-size:max(5rem, calc(var(--board-w) * .16));text-shadow:0 4px #00000059;font-weight:600;line-height:1;animation:1s ease-out gm-count}.gm-over{border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow);font-family:var(--font-display);padding:10px 22px;font-size:1.5rem;font-weight:600}.gm-help{max-width:max(var(--board-w), 36rem);text-align:center;min-height:2.6em;margin:0}.gm-badge{width:var(--size);height:var(--size);background:var(--gm-tray);box-shadow:inset 0 0 0 1.5px var(--gm-tray-edge);border-radius:28%;flex:none;display:inline-block;position:relative}.gm-badge .gm-art{width:84%;height:84%;inset:8%}.gm-kinds{flex-wrap:wrap;gap:6px;margin:2px 0 4px;padding:0;list-style:none;display:flex}.gm-kinds li{display:inline-flex}.gm-legend-special{align-items:center;gap:10px;display:flex}.gm-table{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0 0;display:grid}.gm-table div{border-radius:var(--radius-sm);background:var(--surface-2);text-align:center;flex-direction:column-reverse;gap:1px;padding:7px 8px;display:flex}.gm-table dt{color:var(--text-faint);font-size:.72rem;font-weight:600}.gm-table dd{color:var(--accent-text);font-family:var(--font-display);margin:0;font-size:1.1rem;font-weight:600}.gm-player-chain{border-radius:var(--radius-pill);background:var(--accent-soft);min-width:30px;color:var(--accent-text);font-family:var(--font-display);text-align:center;padding:3px 9px;font-size:.9rem;font-weight:600}.gm-logo{font-family:var(--font-display);align-items:center;gap:.08em;font-size:32px;font-weight:600;line-height:1;display:inline-flex;position:relative}.gm-logo-chip{background:linear-gradient(145deg, color-mix(in oklab, var(--gm-c), #fff 38%) 0 32%, var(--gm-c) 32% 68%, color-mix(in oklab, var(--gm-c), #000 22%) 68%);clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);color:#fff;text-shadow:0 .05em #00000040;place-items:center;width:1.14em;height:1.14em;display:grid}.gm-logo-chip[data-i="0"]{--gm-c:color-mix(in oklab, var(--gm-c4), #000 26%);transform:rotate(-6deg)}.gm-logo-chip[data-i="1"]{--gm-c:var(--gm-c3);color:#4a3000;text-shadow:none;transform:translateY(-.08em)}.gm-logo-chip[data-i="2"]{--gm-c:var(--gm-c1);transform:rotate(6deg)}.gm-logo:after{content:"";background:var(--gm-gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:.36em;height:.36em;position:absolute;top:-.2em;left:3.05em}.gm-logo-boo{color:var(--accent-text);margin-left:.14em}@keyframes gm-enter{0%{transform:translate(calc(var(--col) * 100%), calc((var(--row) - var(--drop)) * 100%))}}@keyframes gm-intro{0%{transform:translate(calc(var(--col) * 100%), calc((var(--row) - 9) * 100%))}}@keyframes gm-pop{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(1.6);transform:scale(1.22)}to{opacity:0;filter:brightness(1.8);transform:scale(.2)rotate(20deg)}}@keyframes gm-ring-pop{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}@keyframes gm-made{0%{filter:brightness(1.8)drop-shadow(0 0 8px #fff);transform:scale(.55)}to{transform:scale(1)}}@keyframes gm-hint{0%,to{transform:none}50%{transform:translate(calc(var(--lx,0) * 10%), calc(var(--ly,0) * 10%)) scale(1.06)}}@keyframes gm-wobble{25%{transform:rotate(-9deg)}60%{transform:rotate(7deg)}}@keyframes gm-lid{0%,95%{transform:scaleY(0)}97%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes gm-blink{0%,95%{transform:scaleY(1)}97%{transform:scaleY(.12)}to{transform:scaleY(1)}}@keyframes gm-glow{0%{opacity:.75}to{opacity:1}}@keyframes gm-turn{to{transform:rotate(360deg)}}@keyframes gm-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-3deg)}}@keyframes gm-beam-x{0%{opacity:0;transform:scaleX(.1)}30%{opacity:1}to{opacity:0;transform:scaleX(1.1)}}@keyframes gm-beam-y{0%{opacity:0;transform:scaleY(.1)}30%{opacity:1}to{opacity:0;transform:scaleY(1.1)}}@keyframes gm-ring{0%{opacity:0;scale:.3}30%{opacity:1}to{opacity:0;scale:1.15}}@keyframes gm-zap{0%{opacity:1;stroke-dashoffset:12px}60%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes gm-flash{0%{opacity:0}25%{opacity:.95}to{opacity:0}}@keyframes gm-rise{0%{opacity:0;transform:translateY(6px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.05)}to{opacity:0;transform:translateY(-30px)scale(1)}}@keyframes gm-label{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.08)}32%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes gm-gain{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@keyframes gm-bump{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes gm-count{0%{opacity:0;transform:scale(1.5)}25%{opacity:1;transform:scale(1)}}@keyframes gm-fade-in{0%{opacity:0}}@keyframes gm-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.gm-gem,.gm-cursor,.gm-chain,.gm-timebar span{transition:none}.gm-gem[data-fresh],.gm-gem[data-intro]{animation:.14s linear both gm-fade-in}.gm-gem[data-pop] .gm-art{animation:.16s linear forwards gm-fade-out}.gm-gem[data-pop]:after,.gm-beam,.gm-ring,.gm-zaps,.gm-points,.gm-gain{display:none}.gm-eye,.gm-lid,.gm-rays,.gm-halo,.gm-bomb-body,.gm-gem[data-made] .gm-art,.gm-gem[data-bad] .gm-art,.gm-chain[data-on] strong,.gm-count{animation:none}.gm-gem[data-hint] .gm-art{filter:drop-shadow(0 0 6px var(--gm-flash)) drop-shadow(0 2px 0 #00000047);animation:none}.gm-label{animation:.16s linear both gm-fade-in}.gm-flash{animation:.3s linear both gm-fade-out}}@media (width<=44rem){.gm-bar .wb-status{flex-basis:100%}.gm-restart{margin-left:auto}.gm-box{--board-w:min(100cqw, 800px, max(min(500px, max(240px, calc(100dvh - 270px))), calc(var(--play-room,100dvh - 4rem) - 290px)))}.gm-board{--pad:5px;border-radius:var(--radius)}.gm-hud-label{font-size:.7rem}.gm-score strong,.gm-clock{font-size:1.35rem}.gm-chain{padding:3px 9px}.gm-label strong{font-size:1.1rem}.gm-count{font-size:4rem}.gm-logo{font-size:24px}}:root[data-game=popboo]{--bg:#eef5fd;--bg-tint:#e3eefb;--surface:#fff;--surface-2:#f2f7fd;--surface-3:#e2ecf8;--border:#d9e5f3;--border-strong:#b3c8e2;--text:#14203a;--text-dim:#45536f;--text-faint:#66738d;--accent:#c42f78;--accent-hover:#ab2667;--accent-text:#b0256a;--accent-soft:#fbe3ef;--accent-ring:#c42f7859;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #b0256a80;--texture:url(/textures/popboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=popboo]:not([data-theme=light]){--bg:#0b1230;--bg-tint:#0f1738;--surface:#141d45;--surface-2:#19234f;--surface-3:#222d5d;--border:#1e2854;--border-strong:#35427a;--text:#eef2ff;--text-dim:#b6bfe0;--text-faint:#8089b3;--accent:#ff7ab8;--accent-hover:#ff9cca;--accent-text:#ff9cca;--accent-soft:#3a1d45;--accent-ring:#ff7ab866;--on-accent:#3a0a24;--shadow-accent:0 14px 32px -16px #ff7ab86b;--texture:url(/textures/popboo-dark.svg)}}:root[data-game=popboo][data-theme=dark]{--bg:#0b1230;--bg-tint:#0f1738;--surface:#141d45;--surface-2:#19234f;--surface-3:#222d5d;--border:#1e2854;--border-strong:#35427a;--text:#eef2ff;--text-dim:#b6bfe0;--text-faint:#8089b3;--accent:#ff7ab8;--accent-hover:#ff9cca;--accent-text:#ff9cca;--accent-soft:#3a1d45;--accent-ring:#ff7ab866;--on-accent:#3a0a24;--shadow-accent:0 14px 32px -16px #ff7ab86b;--texture:url(/textures/popboo-dark.svg)}:root{--pp-c1:#ff4f6d;--pp-c2:#ff962b;--pp-c3:#ffcf2b;--pp-c4:#1fbd7e;--pp-c5:#3a8ef6;--pp-c6:#9a5cf5;--pp-ink:#fff;--pp-ink-3:#6b4b00;--pp-sky-top:#d9eaff;--pp-sky-bottom:#f7fbff;--pp-plate:#c6d6ee;--pp-plate-dot:#14203a2e;--pp-line:#14203a4d;--pp-guide:#14203a8c;--pp-shine:#ffffff9e;--pp-eye:#fff;--pp-pupil:#14203a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--pp-c1:#ff6b84;--pp-c2:#ffa94a;--pp-c3:#ffd84f;--pp-c4:#34d795;--pp-c5:#5aa3ff;--pp-c6:#ad7bff;--pp-ink:#fff;--pp-ink-3:#5c4000;--pp-sky-top:#1a2558;--pp-sky-bottom:#0d1434;--pp-plate:#2a3567;--pp-plate-dot:#eef2ff33;--pp-line:#eef2ff52;--pp-guide:#eef2ffb3;--pp-shine:#ffffff80;--pp-eye:#fff;--pp-pupil:#0b1230}}:root[data-theme=dark]{--pp-c1:#ff6b84;--pp-c2:#ffa94a;--pp-c3:#ffd84f;--pp-c4:#34d795;--pp-c5:#5aa3ff;--pp-c6:#ad7bff;--pp-ink:#fff;--pp-ink-3:#5c4000;--pp-sky-top:#1a2558;--pp-sky-bottom:#0d1434;--pp-plate:#2a3567;--pp-plate-dot:#eef2ff33;--pp-line:#eef2ff52;--pp-guide:#eef2ffb3;--pp-shine:#ffffff80;--pp-eye:#fff;--pp-pupil:#0b1230}:is(.pp-bubble,.pp-ring,.pp-logo-bubble)[data-c="1"]{--pp:var(--pp-c1)}:is(.pp-bubble,.pp-ring,.pp-logo-bubble)[data-c="2"]{--pp:var(--pp-c2)}:is(.pp-bubble,.pp-ring,.pp-logo-bubble)[data-c="3"]{--pp:var(--pp-c3)}:is(.pp-bubble,.pp-ring,.pp-logo-bubble)[data-c="4"]{--pp:var(--pp-c4)}:is(.pp-bubble,.pp-ring,.pp-logo-bubble)[data-c="5"]{--pp:var(--pp-c5)}:is(.pp-bubble,.pp-ring,.pp-logo-bubble)[data-c="6"]{--pp:var(--pp-c6)}.pp-ball{fill:var(--pp);stroke:color-mix(in oklab, var(--pp) 70%, #000);stroke-width:1.1px}.pp-shine,.pp-shine-dot{fill:var(--pp-shine)}.pp-sign{fill:var(--pp-ink);stroke:var(--pp-ink);stroke-width:.6px;stroke-linejoin:round;opacity:.92}.pp-bubble[data-c="3"] .pp-sign{fill:var(--pp-ink-3);stroke:var(--pp-ink-3)}.pp-eyes ellipse{fill:var(--pp-eye)}.pp-pupils circle{fill:var(--pp-pupil);transition:cx .12s}.pp-panel{align-items:stretch;gap:16px}.pp-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.pp-bar .wb-status{flex:1}.pp-clock{min-width:3.2em;color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.1rem;font-weight:600}.pp-restart{align-items:center;gap:6px;display:inline-flex}.pp-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.pp-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.pp-end{justify-items:center;display:grid}.pp-box{--pp-room:var(--play-room,calc(100dvh - 10.5rem));--pp-old:min(430px, max(250px, calc((100dvh - 395px) * .61)));--board-w:min(100cqw, 688px, max(var(--pp-old), calc((var(--pp-room) - 15rem) * .599)));justify-items:center;gap:10px;display:grid;container-type:inline-size}.pp-hud{width:var(--board-w);justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.pp-score{align-items:center;gap:8px;display:inline-flex;position:relative}.pp-hud-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.pp-score strong{color:var(--accent-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1}.pp-gain{color:var(--accent-text);font-family:var(--font-display);white-space:nowrap;pointer-events:none;margin-left:6px;font-size:.95rem;font-weight:700;animation:.76s ease-out forwards pp-gain;position:absolute;top:-.35em;left:100%}.pp-field-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-display);white-space:nowrap;padding:5px 12px;font-size:.95rem;font-weight:600;animation:.36s ease-out pp-bump}.pp-board{width:var(--board-w);aspect-ratio:160/267;border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--pp-sky-top), var(--pp-sky-bottom) 78%);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--accent) 16%, var(--border)), var(--shadow-sm);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.pp-board:focus-visible{outline:3px solid var(--accent-ring);outline-offset:3px}.pp-board[aria-disabled]{cursor:default}.pp-svg{width:100%;height:100%;display:block;overflow:hidden}.pp-plate,.pp-field{transition:transform .42s cubic-bezier(.3,1.35,.5,1)}.pp-plate-body{fill:var(--pp-plate)}.pp-plate-edge{fill:color-mix(in oklab, var(--accent) 55%, var(--pp-plate))}.pp-plate-dot{fill:var(--pp-plate-dot)}.pp-field-in{animation:.62s cubic-bezier(.25,1.25,.5,1) both pp-field-in}.pp-line{stroke:var(--pp-line);stroke-width:1.2px;stroke-dasharray:4 3.5;stroke-linecap:round}.pp-board[data-danger] .pp-line{stroke:var(--bad);stroke-width:1.6px;animation:.8s ease-in-out infinite alternate pp-danger}.pp-board[data-over] .pp-cell{filter:saturate(.45)brightness(.94);transition:filter .6s}.pp-guide{fill:none;stroke:var(--pp-guide);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.01 5.4;animation:.7s linear infinite pp-march}.pp-cradle{fill:color-mix(in oklab, var(--accent-soft) 70%, var(--surface));stroke:color-mix(in oklab, var(--accent) 45%, var(--border));stroke-width:1.6px}.pp-pointer{fill:var(--accent)}.pp-loaded,.pp-next-ball{animation:.24s cubic-bezier(.3,1.5,.5,1) both pp-load}.pp-swap-arrows,.pp-misses-icon{fill:none;stroke:var(--text-faint);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.pp-small{fill:var(--text-faint);font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;font-size:6.2px;font-weight:800}.pp-miss{fill:none;stroke:var(--text-faint);stroke-width:1.2px;transition:fill .2s}.pp-miss.is-used{fill:var(--bad);stroke:var(--bad)}.pp-swap{border-radius:var(--radius-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}@media (hover:hover){.pp-swap:not(:disabled):hover{background:color-mix(in oklab, var(--accent) 12%, transparent)}}.pp-swap:disabled{cursor:default}.pp-land{animation:.3s cubic-bezier(.3,1.6,.5,1) both pp-land}.pp-pop{animation:pp-pop .36s ease-out var(--d,0s) both}.pp-ring{fill:none;stroke:var(--pp);stroke-width:2.2px;animation:pp-ring .48s ease-out var(--d,0s) both}.pp-fall{animation:pp-fall .95s cubic-bezier(.5, 0, .9, .55) var(--d,0s) both}.pp-points{fill:var(--accent-text);stroke:var(--surface);stroke-width:2.6px;paint-order:stroke;font-family:var(--font-display);font-size:9px;font-weight:700;animation:.95s ease-out both pp-rise}.pp-points.is-big{font-size:13px}.pp-combo{z-index:2;border-radius:var(--radius-lg);background:color-mix(in oklab, var(--surface) 90%, transparent);box-shadow:var(--shadow-accent);color:var(--accent-text);font-family:var(--font-display);text-align:center;white-space:nowrap;pointer-events:none;justify-items:center;gap:2px;padding:10px 22px;animation:1.2s ease-out both pp-combo;display:grid;position:absolute;top:40%;left:50%;translate:-50% -50%}.pp-combo strong{font-size:1.6rem;font-weight:700;line-height:1.05}.pp-combo small{color:var(--text-dim);font-size:1rem;font-weight:600}.pp-combo[data-kind=clear] strong{font-size:2rem}.pp-combo[data-kind=ceiling]{color:var(--bad)}.pp-combo[data-kind=ceiling] strong{font-size:1.25rem}.pp-help{max-width:min(100%, max(var(--board-w), 36rem));text-align:center;min-height:2.6em;margin:0}@media (width>=48rem) and (aspect-ratio>=1){.pp-box{--board-w:min(calc(100cqw - 2 * 9rem - 2 * 20px), 688px, max(var(--pp-old), calc((var(--pp-room) - 9rem) * .599)));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"help board hud";align-items:start;column-gap:20px}.pp-board{grid-area:board}.pp-hud{flex-direction:column;grid-area:hud;justify-content:flex-start;justify-self:start;align-items:flex-start;width:auto;padding-top:8px}.pp-help{text-align:right;grid-area:help;justify-self:end;max-width:16rem;padding-top:8px}}.pp-table{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0 6px;display:grid}.pp-table div{border-radius:var(--radius-sm);background:var(--surface-2);text-align:center;flex-direction:column-reverse;gap:1px;padding:7px 6px;display:flex}.pp-table dt{color:var(--text-faint);font-size:.72rem;font-weight:600}.pp-table dd{color:var(--accent-text);font-family:var(--font-display);margin:0;font-size:1.1rem;font-weight:600}.pp-signs-title{margin:4px 0 0}.pp-signs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin:4px 0 6px;padding:0;list-style:none;display:grid}.pp-signs li{color:var(--text-dim);align-items:center;gap:7px;font-size:.85rem;display:flex}.pp-icon{flex:none}.pp-fields-badge{border-radius:var(--radius-pill);background:var(--accent-soft);min-width:30px;color:var(--accent-text);font-family:var(--font-display);text-align:center;padding:3px 9px;font-size:.9rem;font-weight:600}.pp-logo{font-family:var(--font-display);align-items:center;gap:.06em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.pp-logo-bubble{background:radial-gradient(circle at 34% 30%, color-mix(in oklab, var(--pp) 55%, #fff) 0 18%, var(--pp) 52%, color-mix(in oklab, var(--pp) 80%, #000) 100%);color:#fff;text-shadow:0 .05em #00000038;border-radius:50%;place-items:center;width:1.18em;height:1.18em;display:grid;position:relative;box-shadow:inset 0 -.05em #00000024}.pp-logo-bubble[data-i="0"]{transform:translateY(-.1em)}.pp-logo-bubble[data-i="1"]{transform:translateY(.08em)}.pp-logo-bubble[data-i="2"]{transform:translateY(-.18em)rotate(8deg)}.pp-logo-bubble[data-i="2"]:after{content:"";border:.06em solid var(--pp);opacity:.7;border-radius:50%;width:.34em;height:.34em;position:absolute;top:-.16em;right:-.18em}.pp-logo-eyes{justify-content:center;align-items:center;gap:.1em;display:flex}.pp-logo-eyes i{background:var(--pp-eye);border-radius:50%;width:.24em;height:.34em;position:relative}.pp-logo-eyes i:after{content:"";background:var(--pp-pupil);border-radius:50%;width:58%;height:50%;position:absolute;bottom:10%;right:8%}.pp-logo-boo{color:var(--accent-text);margin-left:.14em}@keyframes pp-field-in{0%{opacity:0;transform:translateY(-160px)}40%{opacity:1}to{transform:translateY(0)}}@keyframes pp-load{0%{opacity:.4;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pp-land{0%{transform:scale(1.14,.84)}to{transform:scale(1)}}@keyframes pp-pop{0%{opacity:1;transform:scale(1)}35%{opacity:1;transform:scale(1.24)}to{opacity:0;transform:scale(1.5)}}@keyframes pp-ring{0%{opacity:0;transform:scale(.7)}25%{opacity:.9}to{opacity:0;transform:scale(1.8)}}@keyframes pp-fall{0%{transform:translate(0)rotate(0)}14%{transform:translate(calc(var(--dx,0px) * .25), -7px) rotate(calc(var(--spin,0deg) * .2))}to{opacity:.85;transform:translate(var(--dx,0px), 300px) rotate(var(--spin,0deg))}}@keyframes pp-rise{0%{opacity:0;transform:translateY(5px)}20%{opacity:1}to{opacity:0;transform:translateY(-22px)}}@keyframes pp-combo{0%{opacity:0;scale:.5}18%{opacity:1;scale:1.1}30%{scale:1}78%{opacity:1;scale:1}to{opacity:0;scale:.96}}@keyframes pp-gain{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@keyframes pp-bump{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes pp-march{to{stroke-dashoffset:-5.41px}}@keyframes pp-danger{0%{opacity:.55}to{opacity:1}}@keyframes pp-fade{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.pp-plate,.pp-field,.pp-pupils circle{transition:none}.pp-field-in,.pp-loaded,.pp-next-ball,.pp-land,.pp-guide,.pp-field-badge,.pp-board[data-danger] .pp-line{animation:none}.pp-ring,.pp-points,.pp-gain{display:none}.pp-pop,.pp-fall{animation:.32s linear both pp-fade}.pp-combo{animation:1.2s ease-in both pp-fade}}@media (width<=44rem){.pp-bar .wb-status{flex-basis:100%}.pp-restart{margin-left:auto}.pp-box{--board-w:min(100cqw, 688px, max(240px, calc((var(--pp-room) - 146px) * .61), calc((100dvh - 210px) * .61)))}.pp-combo strong{font-size:1.3rem}.pp-logo{font-size:24px}}:root[data-game=cueboo]{--bg:#faeee2;--bg-tint:#f6e4d3;--surface:#fffaf4;--surface-2:#faefe4;--surface-3:#f3decc;--border:#eedacb;--border-strong:#d5b39d;--text:#3a0d19;--text-dim:#6a3540;--text-faint:#84505a;--accent:#c99532;--accent-hover:#b8832a;--accent-text:#85560e;--accent-soft:#f5e2bc;--accent-ring:#c9953273;--on-accent:#2e0b14;--shadow-accent:0 10px 26px -14px #9664148c;--texture:url(/textures/cueboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=cueboo]:not([data-theme=light]){--bg:#1e0c10;--bg-tint:#230e13;--surface:#2b1218;--surface-2:#33171d;--surface-3:#3f1e26;--border:#3c1c24;--border-strong:#5b313b;--text:#fbefe8;--text-dim:#dfc2bf;--text-faint:#b9969a;--accent:#e0b45a;--accent-hover:#ebc677;--accent-text:#e8c06e;--accent-soft:#46291f;--accent-ring:#e0b45a6b;--on-accent:#2a0c12;--shadow-accent:0 14px 32px -16px #e0b45a66;--texture:url(/textures/cueboo-dark.svg)}}:root[data-game=cueboo][data-theme=dark]{--bg:#1e0c10;--bg-tint:#230e13;--surface:#2b1218;--surface-2:#33171d;--surface-3:#3f1e26;--border:#3c1c24;--border-strong:#5b313b;--text:#fbefe8;--text-dim:#dfc2bf;--text-faint:#b9969a;--accent:#e0b45a;--accent-hover:#ebc677;--accent-text:#e8c06e;--accent-soft:#46291f;--accent-ring:#e0b45a6b;--on-accent:#2a0c12;--shadow-accent:0 14px 32px -16px #e0b45a66;--texture:url(/textures/cueboo-dark.svg)}:root{--cu-felt:#138a5e;--cu-felt-hi:#1ca371;--cu-felt-deep:#0b6646;--cu-cushion:#0e7a52;--cu-cushion-edge:#0a5e3f;--cu-rail:#9b5a32;--cu-rail-hi:#c27d4d;--cu-diamond:#f6e3b8;--cu-pocket:#10140f;--cu-pocket-rim:#5b3219;--cu-line:#ffffff6b;--cu-guide:#fff;--cu-bad:#ff6b5e;--cu-on-bad:#fff;--cu-hand:#ffe9a8;--cu-shadow:#001e1257;--cu-ball-white:#fbfaf3;--cu-ink:#17181c;--cu-eye:#17181c;--cu-cue:#e9c58f;--cu-cue-butt:#5b2f1a;--cu-cue-tip:#4a7fd6;--cu-cue-ferrule:#f7f3ea;--cu-b1:#f6c12b;--cu-b2:#2f5bd6;--cu-b3:#e2463b;--cu-b4:#7f4fd1;--cu-b5:#f2802a;--cu-b6:#ec5c9e;--cu-b7:#8a4e2c;--cu-b8:#1d1f24}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--cu-felt:#0f6e4c;--cu-felt-hi:#158259;--cu-felt-deep:#08513a;--cu-cushion:#0c6143;--cu-cushion-edge:#073f2b;--cu-rail:#6b3c20;--cu-rail-hi:#8d5532;--cu-diamond:#e8d3a2;--cu-pocket:#030605;--cu-pocket-rim:#3a1f0f;--cu-shadow:#0000006b}}:root[data-theme=dark]{--cu-felt:#0f6e4c;--cu-felt-hi:#158259;--cu-felt-deep:#08513a;--cu-cushion:#0c6143;--cu-cushion-edge:#073f2b;--cu-rail:#6b3c20;--cu-rail-hi:#8d5532;--cu-diamond:#e8d3a2;--cu-pocket:#030605;--cu-pocket-rim:#3a1f0f;--cu-shadow:#0000006b}.cu-mini[data-n="1"],.cu-mini[data-n="9"],.cu-logo-ball.is-0{--cu-c:var(--cu-b1)}.cu-mini[data-n="2"],.cu-mini[data-n="10"],.cu-logo-ball.is-1{--cu-c:var(--cu-b2)}.cu-mini[data-n="3"],.cu-mini[data-n="11"],.cu-logo-ball.is-2{--cu-c:var(--cu-b3)}.cu-mini[data-n="4"],.cu-mini[data-n="12"]{--cu-c:var(--cu-b4)}.cu-mini[data-n="5"],.cu-mini[data-n="13"]{--cu-c:var(--cu-b5)}.cu-mini[data-n="6"],.cu-mini[data-n="14"]{--cu-c:var(--cu-b6)}.cu-mini[data-n="7"],.cu-mini[data-n="15"]{--cu-c:var(--cu-b7)}.cu-mini[data-n="8"]{--cu-c:var(--cu-b8)}.cu-mini[data-n="0"]{--cu-c:var(--cu-ball-white)}.cu-mini{--cu-size:22px;width:var(--cu-size);height:var(--cu-size);background:radial-gradient(circle at 34% 30%, #ffffff8c, #fff0 42%), var(--cu-c);border-radius:50%;flex:none;place-items:center;transition:opacity .25s,transform .25s;display:inline-grid;position:relative;box-shadow:inset 0 -.12em .2em #00000038,0 1px 2px #0000002e}.cu-mini[data-kind=stripe]{background:radial-gradient(circle at 34% 30%, #ffffff8c, #fff0 42%), linear-gradient(var(--cu-ball-white) 0 24%, var(--cu-c) 24% 76%, var(--cu-ball-white) 76%)}.cu-mini[data-kind=cue]{box-shadow:inset 0 -.12em .2em #00000029, 0 0 0 1px var(--border-strong)}.cu-mini[data-kind=cue]:before,.cu-mini[data-kind=cue]:after{content:"";background:var(--cu-eye);border-radius:50%;width:15%;height:26%;position:absolute;top:30%}.cu-mini[data-kind=cue]:before{left:30%}.cu-mini[data-kind=cue]:after{right:30%}.cu-mini-num{background:var(--cu-ball-white);width:54%;height:54%;color:var(--cu-ink);font-family:var(--font-display);font-size:calc(var(--cu-size) * .34);letter-spacing:-.04em;border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid}.cu-mini.is-potted{opacity:.28;transform:scale(.86)}.cu-panel{align-items:stretch;gap:14px}.cu-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.cu-bar .wb-status{flex:1}.cu-restart{align-items:center;gap:6px;display:inline-flex}.cu-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.cu-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.cu-hud{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cu-seat{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);gap:4px;min-width:0;padding:10px 14px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:grid}.cu-seat.is-turn{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-accent)}.cu-seat-head{align-items:center;gap:6px;min-width:0;display:flex}.cu-seat-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:600;overflow:hidden}.cu-seat-turn{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);white-space:nowrap;margin-left:auto;padding:2px 9px;font-size:.72rem;font-weight:800}.cu-seat-group{margin:0}@media (width>=44.01rem){.cu-seat{grid-template-columns:auto minmax(0,1fr);column-gap:12px;padding-block:8px}.cu-seat-group{text-align:right;align-self:center}.cu-tray{grid-column:1/-1}}.cu-tray{--cu-size:19px;min-height:var(--cu-size);flex-wrap:wrap;align-items:center;gap:3px;display:flex}.cu-tray .cu-mini[data-n="8"]{margin-left:4px}.cu-box{gap:12px;display:grid}.cu-table{justify-items:center;width:100%;display:grid;position:relative}.cu-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:22px;outline:none;max-width:100%;display:block}.cu-canvas.is-active{cursor:crosshair}.cu-canvas:focus-visible{box-shadow:0 0 0 3px var(--accent-ring)}.cu-flash{z-index:2;border-radius:var(--radius-pill);background:var(--surface);max-width:calc(100% - 32px);box-shadow:var(--shadow);color:var(--text);font-family:var(--font-display);text-align:center;pointer-events:none;margin:0;padding:8px 18px;font-size:1.05rem;font-weight:600;animation:2.2s forwards cu-flash;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.cu-flash.is-good{background:var(--accent);color:var(--on-accent)}.cu-flash.is-bad{background:var(--bad);color:var(--cu-on-bad)}@keyframes cu-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.cu-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;display:flex}.cu-controls[aria-disabled=true]{opacity:.55}.cu-control-label{line-height:1.15;display:grid}.cu-control-label strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.cu-spin-wrap,.cu-power-wrap{align-items:center;gap:10px;display:flex}.cu-spin{cursor:pointer;touch-action:none;border-radius:50%;outline:none;width:46px;height:46px}.cu-spin[aria-disabled=true]{cursor:default}.cu-spin:focus-visible{box-shadow:0 0 0 3px var(--accent-ring)}.cu-spin svg{width:100%;height:100%;display:block}.cu-spin-ball{fill:var(--cu-ball-white);stroke:var(--border-strong);stroke-width:2px}.cu-spin-axis{stroke:var(--border-strong);stroke-width:1.5px;stroke-dasharray:2 3}.cu-spin-dot{fill:var(--accent);stroke:var(--on-accent);stroke-width:1.5px;transition:cy .15s}.cu-power-wrap .cu-control-label{min-width:4.6em}.cu-power{border-radius:var(--radius-pill);background:var(--surface-3);cursor:pointer;touch-action:none;outline:none;width:clamp(150px,30vw,260px);height:18px;position:relative;box-shadow:inset 0 1px 3px #00000024}.cu-power[aria-disabled=true]{cursor:default}.cu-power:focus-visible{box-shadow:0 0 0 3px var(--accent-ring)}.cu-power-fill{width:var(--cu-power);border-radius:inherit;background:linear-gradient(90deg, var(--accent-soft), var(--accent));position:absolute;inset:0 auto 0 0}.cu-power-thumb{top:50%;left:var(--cu-power);border:3px solid var(--accent);background:var(--surface);width:26px;height:26px;box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.cu-nudge{gap:6px;display:flex}.cu-nudge-btn{place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.cu-nudge-btn svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cu-shoot{min-width:7.5rem}.cu-help,.cu-last{text-align:center;margin:0}.cu-last{min-height:1.3em}.cu-end{justify-items:center;display:grid}.cu-result-balls{--cu-size:26px;flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cu-legend li{align-items:flex-start;gap:10px;display:flex}.cu-legend-balls{flex:none;gap:2px;padding-top:2px;display:inline-flex}.cu-logo{font-family:var(--font-display);align-items:center;gap:.08em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.cu-logo-ball{background:radial-gradient(circle at 34% 30%, #ffffff80, #fff0 44%), var(--cu-c);border-radius:50%;place-items:center;width:1.22em;height:1.22em;display:grid;box-shadow:inset 0 -.08em .14em #00000038}.cu-logo-ball.is-1{background:radial-gradient(circle at 34% 30%, #ffffff80, #fff0 44%), linear-gradient(var(--cu-ball-white) 0 22%, var(--cu-c) 22% 78%, var(--cu-ball-white) 78%)}.cu-logo-ball>span{background:var(--cu-ball-white);width:.74em;height:.74em;color:var(--cu-ink);border-radius:50%;place-items:center;font-size:.62em;line-height:1;display:grid}.cu-logo-boo{color:var(--accent-text);align-items:center;margin-left:.12em;display:inline-flex}@media (prefers-reduced-motion:reduce){.cu-flash{animation:2.2s linear forwards cu-flash-calm}.cu-mini,.cu-seat,.cu-spin-dot{transition:none}}@keyframes cu-flash-calm{0%,85%{opacity:1}to{opacity:0}}@media (width<=44rem){.cu-hud{gap:6px}.cu-seat{padding:8px 10px}.cu-seat-name{font-size:.92rem}.cu-tray{--cu-size:15px;gap:2px}.cu-tray>.faint{display:none}.cu-controls{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;display:grid}.cu-power-wrap{min-width:0}.cu-power{flex:1;width:auto;min-width:0}.cu-spin-wrap .cu-control-label{display:none}.cu-shoot{width:100%}.cu-flash{font-size:.92rem}.cu-logo{font-size:24px}}:root[data-game=okeyboo]{--bg:#eceacf;--bg-tint:#e4e2c3;--surface:#fffdf3;--surface-2:#f7f5e4;--surface-3:#ecead2;--border:#e1dec3;--border-strong:#c4c09d;--text:#1d1e10;--text-dim:#4a4b33;--text-faint:#66674d;--accent:#1f5fd1;--accent-hover:#1a52b8;--accent-text:#1a50b2;--accent-soft:#dde6f7;--accent-ring:#1f5fd159;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #1a50b280;--texture:url(/textures/okeyboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=okeyboo]:not([data-theme=light]){--bg:#14140c;--bg-tint:#18180f;--surface:#1e1e13;--surface-2:#252518;--surface-3:#303020;--border:#2c2c1d;--border-strong:#47472f;--text:#f3f2e2;--text-dim:#c6c5a9;--text-faint:#9a997e;--accent:#5b9bff;--accent-hover:#80b3ff;--accent-text:#80b3ff;--accent-soft:#1b2a45;--accent-ring:#5b9bff66;--on-accent:#071429;--shadow-accent:0 14px 32px -16px #5b9bff6b;--texture:url(/textures/okeyboo-dark.svg)}}:root[data-game=okeyboo][data-theme=dark]{--bg:#14140c;--bg-tint:#18180f;--surface:#1e1e13;--surface-2:#252518;--surface-3:#303020;--border:#2c2c1d;--border-strong:#47472f;--text:#f3f2e2;--text-dim:#c6c5a9;--text-faint:#9a997e;--accent:#5b9bff;--accent-hover:#80b3ff;--accent-text:#80b3ff;--accent-soft:#1b2a45;--accent-ring:#5b9bff66;--on-accent:#071429;--shadow-accent:0 14px 32px -16px #5b9bff6b;--texture:url(/textures/okeyboo-dark.svg)}:root{--ok-felt:#5b6633;--ok-felt-deep:#48522a;--ok-felt-ink:#fbf8e4;--ok-felt-dim:#e6e2c4;--ok-felt-panel:#14160842;--ok-wood:#93613a;--ok-wood-deep:#6e4527;--ok-wood-edge:#4b2d17;--ok-ivory:#fbf6e5;--ok-ivory-top:#fffdf6;--ok-ivory-shade:#ebe2c6;--ok-ivory-edge:#cdbf98;--ok-red:#c0212e;--ok-amber:#b56f00;--ok-blue:#1f56c7;--ok-black:#1d1d22;--ok-fake:#3b4520;--ok-back:#2b5c93;--ok-back-2:#24507f;--ok-glow:#ffcf4a;--ok-tile-w:46px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ok-felt:#46502a;--ok-felt-deep:#333b1d;--ok-felt-panel:#08090252}}:root[data-theme=dark]{--ok-felt:#46502a;--ok-felt-deep:#333b1d;--ok-felt-panel:#08090252}.ok-panel{--ok-table-tile:clamp(44px, calc((var(--play-room,732px) - 732px) * .1 + 44px), 60px);align-items:stretch;gap:12px;padding:20px 22px 18px}.ok-bar{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.ok-bar .wb-status{min-width:12rem;color:var(--text-dim);flex:1}.ok-hand-no{color:var(--text-faint);font-family:var(--font-display);white-space:nowrap;font-size:.95rem;font-weight:600}.ok-restart{align-items:center;gap:6px;display:inline-flex}.ok-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.ok-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.ok-last{text-align:center;min-height:1.3em;margin:-4px 0 0}.ok-end{justify-items:center;display:grid}.ok-board{flex-direction:column;gap:10px;width:100%;display:flex;position:relative}.ok-board.is-dragging{cursor:grabbing}.ok-table{--ok-tile-w:var(--ok-table-tile);background:radial-gradient(120% 90% at 50% 45%, #ffffff12, #fff0 60%), radial-gradient(ellipse at 50% 50%, var(--ok-felt) 0%, var(--ok-felt-deep) 100%);box-shadow:inset 0 0 0 7px var(--ok-wood-deep), inset 0 0 0 9px var(--ok-wood-edge), inset 0 0 0 10px #ffffff1f, inset 0 0 46px #00000047, var(--shadow-sm);color:var(--ok-felt-ink);-webkit-user-select:none;user-select:none;border-radius:24px;grid-template:"spot2 top spot1""left centre right"minmax(132px,auto)"spot3 bottom spot0"/minmax(96px,1fr) minmax(0,2.1fr) minmax(96px,1fr);gap:10px 12px;padding:22px;display:grid;position:relative}.ok-panel.is-waiting .ok-centre .ok-tile:not(.is-back),.ok-panel.is-waiting .ok-seat-meta{visibility:hidden}.ok-seat{background:var(--ok-felt-panel);border-radius:16px;align-items:center;gap:8px;min-width:0;padding:7px 10px;transition:box-shadow .16s ease-out;display:flex;position:relative}.ok-seat.is-top{grid-area:top;justify-self:center}.ok-seat.is-bottom{grid-area:bottom;justify-self:center}.ok-seat.is-left,.ok-seat.is-right{text-align:center;flex-direction:column;place-self:center}.ok-seat.is-left{grid-area:left}.ok-seat.is-right{grid-area:right}.ok-seat.is-turn{box-shadow:0 0 0 2px var(--ok-glow), 0 0 18px -2px #ffcf4a8c}.ok-avatar{width:34px;height:34px;font-size:.82rem}.ok-avatar.is-bot{background:var(--ok-ivory);color:var(--ok-fake)}.ok-avatar.is-bot svg{width:72%;height:auto}.ok-seat-text{flex-direction:column;gap:1px;min-width:0;display:flex}.ok-seat-name{align-items:center;justify-content:inherit;min-width:0;max-width:13rem;font-family:var(--font-display);gap:6px;font-size:.98rem;font-weight:600;display:inline-flex}.ok-seat-who{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ok-seat.is-left .ok-seat-name,.ok-seat.is-right .ok-seat-name{justify-content:center}.ok-seat-name .badge{color:var(--ok-felt-ink);background:#ffffff2e;flex:none;padding:.05rem .45rem;font-size:.68rem}.ok-seat-meta{justify-content:inherit;color:var(--ok-felt-dim);flex-wrap:wrap;gap:0 5px;font-size:.78rem;font-weight:700;display:inline-flex}.ok-seat.is-left .ok-seat-meta,.ok-seat.is-right .ok-seat-meta{justify-content:center}.ok-seat-note{color:var(--ok-glow);font-size:.76rem;font-weight:700}.ok-seat.is-turn .ok-seat-note:after{content:"";vertical-align:bottom;width:1.1em;animation:1.2s steps(4,end) infinite ok-dots;display:inline-block;overflow:hidden}.ok-backs{height:15px;padding-left:6px;display:flex}.ok-backs span{background:linear-gradient(var(--ok-back), var(--ok-back-2));border-radius:2.5px;width:9px;height:14px;margin-left:-4px;box-shadow:inset 0 0 0 1px #ffffff47,0 1px 1px #0000004d}.ok-shown{align-items:center;gap:4px;display:flex;position:absolute;top:-10px;right:-8px}.ok-shown .tiny{display:none}.ok-spot{min-height:calc(var(--ok-tile-w) * 1.36 + 22px);align-content:center;justify-items:center;gap:4px;display:grid;position:relative}.ok-spot.is-bottom{grid-area:spot0}.ok-spot.is-right{grid-area:spot1}.ok-spot.is-top{grid-area:spot2}.ok-spot.is-left{grid-area:spot3}.ok-spot .ok-tile{--w:var(--ok-tile-w)}.ok-spot-empty{width:var(--ok-tile-w);height:calc(var(--ok-tile-w) * 1.36);border-radius:calc(var(--ok-tile-w) * .2);border:2px dashed #ffffff47}.ok-spot-count{top:-6px;left:calc(50% + var(--ok-tile-w) / 2 - 10px);border-radius:var(--radius-pill);background:var(--ok-wood-edge);min-width:20px;color:var(--ok-felt-ink);text-align:center;padding:1px 5px;font-size:.7rem;font-weight:800;position:absolute}.ok-spot-label{max-width:100%;color:var(--ok-felt-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:700;overflow:hidden}.ok-spot-button{color:inherit;cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid;position:relative}.ok-spot-button:focus-visible{outline:3px solid var(--ok-glow);outline-offset:3px;border-radius:10px}.ok-spot.is-mine.is-open .ok-spot-empty,.ok-spot.is-mine.is-open .ok-tile{outline:2px dashed var(--ok-glow);outline-offset:4px}.ok-spot.is-over .ok-spot-empty,.ok-spot.is-over .ok-tile{outline:3px solid var(--ok-glow);outline-offset:4px}.ok-spot.is-offer .ok-tile{cursor:grab;animation:1.6s ease-in-out infinite ok-offer}.ok-centre{border-radius:20px;grid-area:centre;justify-content:center;align-items:center;gap:clamp(10px,3vw,26px);padding:12px;transition:background .16s ease-out,box-shadow .16s ease-out;display:flex;position:relative}.ok-centre.can-finish{background:#ffcf4a14;box-shadow:inset 0 0 0 2px #ffcf4abf}.ok-centre.is-over{box-shadow:inset 0 0 0 3px var(--ok-glow);background:#ffcf4a2e}.ok-centre>div{justify-items:center;gap:5px;display:grid}.ok-centre .ok-tile{--w:var(--ok-tile-w)}.ok-centre-label{color:var(--ok-felt-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.ok-finish-hint{border-radius:var(--radius-pill);background:var(--ok-glow);color:#2b2306;white-space:nowrap;padding:3px 10px;font-size:.72rem;font-weight:800;position:absolute;bottom:-2px;left:50%;transform:translate(-50%,50%)}.ok-pile{color:inherit;cursor:default;background:0 0;border:none;place-items:center;padding:0;display:grid;position:relative}.ok-pile .ok-tile{box-shadow:inset 0 0 0 2px #ffffff4d, 2px 2px 0 var(--ok-back-2), 4px 4px 0 var(--ok-back), 5px 6px 8px -2px #00000073}.ok-pile.is-open{cursor:grab}.ok-pile.is-open .ok-tile{animation:1.6s ease-in-out infinite ok-offer}.ok-pile:focus-visible{outline:3px solid var(--ok-glow);outline-offset:6px;border-radius:10px}.ok-pile-count{color:#fff;font-family:var(--font-display);font-size:calc(var(--ok-tile-w) * .42);text-shadow:0 1px 2px #00000080;pointer-events:none;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.ok-tile{--w:var(--ok-tile-w);--ok-ink:var(--ok-black);box-sizing:border-box;width:var(--w);height:calc(var(--w) * 1.36);padding:calc(var(--w) * .1) 0 calc(var(--w) * .16);border-radius:calc(var(--w) * .2);background:linear-gradient(180deg, var(--ok-ivory-top) 0%, var(--ok-ivory) 58%, var(--ok-ivory-shade) 100%);box-shadow:inset 0 calc(var(--w) * -.07) 0 var(--ok-ivory-edge), inset 0 0 0 1px #0000000d, 0 1px 0 #00000029, 0 calc(var(--w) * .08) calc(var(--w) * .14) calc(var(--w) * -.04) #00000061;color:var(--ok-ink);font-family:var(--font-display);-webkit-user-select:none;user-select:none;touch-action:none;flex:none;grid-template-rows:1fr auto;place-items:center;font-weight:700;line-height:1;display:inline-grid;position:relative}.ok-tile[data-c="0"]{--ok-ink:var(--ok-red)}.ok-tile[data-c="1"]{--ok-ink:var(--ok-amber)}.ok-tile[data-c="2"]{--ok-ink:var(--ok-blue)}.ok-tile[data-c="3"]{--ok-ink:var(--ok-black)}.ok-n{font-size:calc(var(--w) * .56);letter-spacing:-.03em}.ok-mark{width:calc(var(--w) * .22);height:calc(var(--w) * .22);fill:currentColor}.ok-star{top:calc(var(--w) * .05);right:calc(var(--w) * .06);width:calc(var(--w) * .26);height:calc(var(--w) * .26);fill:var(--ok-glow);stroke:#7a5a00;stroke-width:.9px;stroke-linejoin:round;position:absolute}.ok-tile.is-wild{background:linear-gradient(#fffbe8 0%,#fdf1c4 60%,#f1dfa2 100%)}.ok-tile.is-fake{place-items:center;padding:0;display:grid}.ok-fake{width:72%;height:auto;color:var(--ok-fake)}.ok-tile.is-back{background:radial-gradient(circle at 50% 42%, #ffffff38 0 18%, transparent 19%), repeating-linear-gradient(45deg, var(--ok-back) 0 3px, var(--ok-back-2) 3px 6px);box-shadow:inset 0 0 0 2px #ffffff4d, 0 calc(var(--w) * .06) calc(var(--w) * .12) #00000059}.ok-tile.is-mini{--w:20px}.ok-tile.is-small{--w:30px}.ok-tile.is-landed{animation:.26s cubic-bezier(.2,.8,.3,1.2) ok-land}.ok-rack{background:repeating-linear-gradient(92deg, #ffffff08 0 6px, #00000008 6px 13px), linear-gradient(180deg, var(--ok-wood) 0%, var(--ok-wood-deep) 100%);box-shadow:inset 0 2px 0 #ffffff2e, inset 0 -3px 0 var(--ok-wood-edge), 0 10px 22px -12px #0009;border-radius:16px;gap:8px;padding:10px 10px 8px;display:grid;container-type:inline-size}.ok-rack.is-over{box-shadow:inset 0 0 0 3px var(--ok-glow), 0 10px 22px -12px #0009}.ok-rack-row{border-bottom:5px solid var(--ok-wood-edge);border-radius:0 0 4px 4px;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;padding-bottom:5px;display:grid}.ok-slot{--w:calc((100cqw - 24px) / 13 - 2px);height:calc(var(--w) * 1.36 + 4px);border-radius:6px;place-items:end center;transition:background .12s ease-out;display:grid}.ok-slot .ok-tile{--w:inherit;cursor:grab;transition:transform .14s ease-out,box-shadow .14s ease-out,opacity .12s ease-out}.ok-slot.is-over{background:#fff3}.ok-slot.is-cursor{outline:2px dashed var(--ok-glow);outline-offset:-1px}.ok-slot .ok-tile.is-selected{box-shadow:0 0 0 2px var(--accent), 0 6px 12px -4px #00000080;transform:translateY(-8%)}.ok-slot .ok-tile.is-lifted{box-shadow:0 0 0 3px var(--ok-glow), 0 12px 18px -6px #0009;transform:translateY(-16%)}.ok-slot .ok-tile.is-dragged{opacity:.25}.ok-slot .ok-tile.is-fresh{animation:1.6s ease-out ok-fresh}.ok-slot .ok-tile.is-finisher{box-shadow:inset 0 calc(var(--w) * -.07) 0 var(--ok-ivory-edge), 0 0 0 2px var(--ok-glow), 0 0 12px #ffcf4acc}.ok-rack.is-locked .ok-tile{cursor:default}.ok-ghost{z-index:60;pointer-events:none;filter:drop-shadow(0 10px 12px #0006);position:fixed;top:0;left:0}.ok-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ok-tools>div{flex-wrap:wrap;gap:6px;display:flex}.ok-hint{color:var(--accent-text);text-align:center;margin:-2px 0 0;font-size:.86rem;font-weight:700}.ok-legend-tiles{flex:none;gap:2px;display:inline-flex}.ok-legend li{align-items:flex-start}.ok-standings td:not(:first-child),.ok-standings th:not(:first-child){text-align:right}.ok-loss{color:var(--bad);font-weight:700}.ok-won{background:linear-gradient(180deg, var(--ok-wood) 0%, var(--ok-wood-deep) 100%);border-radius:16px;flex-wrap:wrap;gap:8px 12px;padding:12px;display:flex}.ok-won-group{gap:2px;display:inline-flex}.ok-won-group.is-down{border-left:2px dashed #ffffff59;margin-left:auto;padding-left:10px}.ok-result.wb-result{width:min(480px,100%)}.ok-logo{font-family:var(--font-display);align-items:center;gap:.08em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.ok-logo-tile{width:.98em;height:1.3em;color:var(--ok-black);background:linear-gradient(#fffdf6 0%,#fbf6e5 58%,#ebe2c6 100%);border-radius:.2em;place-items:center;font-size:.92em;font-weight:700;display:grid;box-shadow:inset 0 -.07em #cdbf98,0 .06em .12em #00000047}.ok-logo-tile[data-c="0"]{color:var(--ok-red)}.ok-logo-tile[data-c="1"]{color:var(--ok-amber)}.ok-logo-tile[data-c="2"]{color:var(--ok-blue)}.ok-logo-boo{color:var(--accent-text);margin-left:.14em}@keyframes ok-land{0%{opacity:.4;transform:translateY(-30%)scale(1.08)}}@keyframes ok-fresh{0%,60%{box-shadow:0 0 0 3px var(--ok-glow), 0 0 14px #ffcf4ae6}}@keyframes ok-offer{50%{transform:translateY(-4%)}}@keyframes ok-dots{0%{width:0}to{width:1.1em}}@media (prefers-reduced-motion:reduce){.ok-tile.is-landed,.ok-slot .ok-tile.is-fresh,.ok-spot.is-offer .ok-tile,.ok-pile.is-open .ok-tile,.ok-seat.is-turn .ok-seat-note:after{animation:none}.ok-slot .ok-tile{transition:none}}@media (width>=40.01rem) and (height<=53.75rem){.ok-panel{gap:8px}.ok-table{grid-template-rows:auto minmax(0,auto) auto;gap:4px 12px;padding:10px 16px}.ok-seat.is-left,.ok-seat.is-right{text-align:left;flex-direction:row}.ok-centre{padding:8px 12px}}@media (width<=40rem){.ok-panel{gap:10px;padding:12px 8px}.ok-bar{padding:0 4px}.ok-table{--ok-tile-w:32px;border-radius:18px;grid-template-rows:auto minmax(96px,auto) auto;grid-template-columns:minmax(62px,.9fr) minmax(0,1.7fr) minmax(62px,.9fr);gap:6px;padding:12px 10px}.ok-seat{border-radius:12px;gap:5px;padding:5px 7px}.ok-avatar{width:26px;height:26px;font-size:.68rem}.ok-seat-name{max-width:6.5rem;font-size:.82rem}.ok-seat-meta{font-size:.68rem}.ok-backs,.ok-seat-meta span:nth-child(2){display:none}.ok-seat-meta{flex-direction:column}.ok-centre{gap:10px;padding:8px 4px}.ok-centre-label,.ok-spot-label,.ok-finish-hint{font-size:.62rem}.ok-rack{border-radius:12px;gap:6px;padding:7px 6px 5px}.ok-rack-row{border-bottom-width:4px;gap:1px;padding-bottom:4px}.ok-slot{--w:calc((100cqw - 12px) / 13 - 1px)}.ok-tools .btn-sm{padding-inline:.7rem}.ok-logo{font-size:24px}}:root[data-game=zooboo]{--bg:#e8f0da;--bg-tint:#dfe9cf;--surface:#fffef8;--surface-2:#f4f7ec;--surface-3:#e6edd8;--border:#dbe3c9;--border-strong:#b8c39e;--text:#1b2214;--text-dim:#424e37;--text-faint:#59654f;--accent:#8a5a2b;--accent-hover:#774c23;--accent-text:#7b4f25;--accent-soft:#f2e5d4;--accent-ring:#8a5a2b59;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #7b4f2580;--texture:url(/textures/zooboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=zooboo]:not([data-theme=light]){--bg:#0d1f14;--bg-tint:#10241a;--surface:#142a1c;--surface-2:#193222;--surface-3:#213d2b;--border:#1f3a28;--border-strong:#36573f;--text:#eef4e8;--text-dim:#c2d0bb;--text-faint:#97a990;--accent:#e9b98a;--accent-hover:#f2cba4;--accent-text:#f0c9a0;--accent-soft:#3a2c1c;--accent-ring:#e9b98a66;--on-accent:#2a1606;--shadow-accent:0 14px 32px -16px #e9b98a6b;--texture:url(/textures/zooboo-dark.svg)}}:root[data-game=zooboo][data-theme=dark]{--bg:#0d1f14;--bg-tint:#10241a;--surface:#142a1c;--surface-2:#193222;--surface-3:#213d2b;--border:#1f3a28;--border-strong:#36573f;--text:#eef4e8;--text-dim:#c2d0bb;--text-faint:#97a990;--accent:#e9b98a;--accent-hover:#f2cba4;--accent-text:#f0c9a0;--accent-soft:#3a2c1c;--accent-ring:#e9b98a66;--on-accent:#2a1606;--shadow-accent:0 14px 32px -16px #e9b98a6b;--texture:url(/textures/zooboo-dark.svg)}:root{--zb-meadow:#d6e8bd;--zb-lawn:#c6e2a2;--zb-lawn-edge:#a3cb7e;--zb-path:#f4e3b9;--zb-path-edge:#d6b97f;--zb-fence:#b98a55;--zb-crown:#e0a21e;--zb-plate:#fff7e6;--zb-plate-edge:#c08a4c;--zb-pip:#343e2233;--zb-pip-on:#8a5a2b;--zb-ink:#2a1c10;--zb-aim:#7b4f25;--zb-bear:#c4824a;--zb-bear-deep:#8f5428;--zb-panda:#fbfaf7;--zb-panda-ink:#262626;--zb-eye:#1d1d22}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--zb-meadow:#18321f;--zb-lawn:#244a2c;--zb-lawn-edge:#33583a;--zb-path:#4b3c26;--zb-path-edge:#6e5835;--zb-fence:#9a7446;--zb-crown:#ffc65c;--zb-plate:#2c2518;--zb-plate-edge:#b98a54;--zb-pip:#ffffff29;--zb-pip-on:#e9b98a;--zb-ink:#fff6e8;--zb-aim:#f0c9a0}}:root[data-theme=dark]{--zb-meadow:#18321f;--zb-lawn:#244a2c;--zb-lawn-edge:#33583a;--zb-path:#4b3c26;--zb-path-edge:#6e5835;--zb-fence:#9a7446;--zb-crown:#ffc65c;--zb-plate:#2c2518;--zb-plate-edge:#b98a54;--zb-pip:#ffffff29;--zb-pip-on:#e9b98a;--zb-ink:#fff6e8;--zb-aim:#f0c9a0}.zb-panel{align-items:stretch;gap:14px}.zb-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.zb-bar .wb-status{flex:1}.zb-clock{min-width:3.2em;color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.1rem;font-weight:600}.zb-restart{align-items:center;gap:6px;display:inline-flex}.zb-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.zb-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.zb-box{--ring-w:min(100cqw, 900px, max(min(560px, max(260px, calc(100dvh - 330px))), calc(var(--play-room,100dvh - 168px) - 304px)));justify-items:center;gap:10px;display:grid;container-type:inline-size}[data-fullscreen] .zb-box{--ring-w:min(100cqw, 900px, max(min(640px, max(260px, calc(100dvh - 306px))), calc(var(--play-room,100dvh) - 304px)))}.zb-hud{width:var(--ring-w);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.zb-score,.zb-count,.zb-next{align-items:center;gap:8px;min-width:0;display:inline-flex}.zb-count{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--border);border-radius:999px;justify-self:center;padding:4px 14px 4px 12px;transition:background-color .2s,box-shadow .2s}.zb-next{justify-self:end}.zb-hud-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.zb-score strong,.zb-count strong{color:var(--accent-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1}.zb-count strong{color:var(--text)}.zb-count small{color:var(--text-faint);font-size:.62em}.zb-box[data-danger] .zb-count{background:var(--bad-soft);box-shadow:inset 0 0 0 1.5px var(--bad)}.zb-box[data-danger] .zb-count strong{color:var(--bad)}.zb-score{position:relative}.zb-gain{color:var(--accent-text);font-size:.95rem;font-family:var(--font-display);pointer-events:none;font-weight:600;animation:1.1s ease-out forwards zb-gain;position:absolute;bottom:78%;right:-.4em}@keyframes zb-gain{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.zb-next .zb-badge{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--border);border-radius:50%;padding:3px}.zb-badge{object-fit:contain;-webkit-user-select:none;user-select:none;flex:none;display:block}.zb-board{width:var(--ring-w);aspect-ratio:1;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 50%, var(--zb-meadow) 0 58%, transparent 71%), var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--border);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.zb-board:focus-visible{outline:3px solid var(--accent-ring);outline-offset:4px}.zb-board[aria-disabled]{cursor:default}.zb-canvas{width:100%;height:100%;display:block}.zb-board[data-over] .zb-canvas{filter:saturate(.85);opacity:.9}.zb-ladder{width:var(--ring-w);background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--border);border-radius:999px;align-items:center;margin:0;padding:10px 10px 8px;list-style:none;display:flex}.zb-rung{flex:1 1 0;place-items:center;min-width:0;display:grid;position:relative}.zb-rung+.zb-rung:before{content:"";border-top:2px solid var(--text-faint);border-right:2px solid var(--text-faint);width:5px;height:5px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)rotate(45deg)}.zb-rung-animal{width:min(max(36px, calc(var(--ring-w) * .05)), 78%);aspect-ratio:1;opacity:.5;height:auto;transition:opacity .2s,transform .2s}.zb-rung[data-reached] .zb-rung-animal{opacity:1}.zb-rung[data-now] .zb-rung-animal{opacity:1;box-shadow:0 0 0 2px var(--surface-2), 0 0 0 4px var(--accent);border-radius:50%;transform:translateY(-2px)scale(1.08)}.zb-rung[data-best]:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.zb-crown{width:16px;height:11px;fill:var(--zb-crown);position:absolute;top:-10px;left:50%;transform:translate(-50%)}.zb-help{max-width:max(var(--ring-w), 36rem);text-align:center;margin:0}.zb-end{justify-items:center;display:grid}.zb-result-animal{border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:14px;padding:10px 16px;display:flex}.zb-result-animal>span{gap:2px;display:grid}.zb-result-animal strong{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.zb-table-animal,.zb-player-top{vertical-align:middle;display:inline-block}.zb-player-top{margin-left:auto}.zb-notice-icon{object-fit:contain;width:100%;height:100%;display:block}.zb-chain-title{margin:4px 0 0}.zb-chain{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 4px;margin:0;padding:0;list-style:none;display:grid}.zb-chain li{justify-items:center;gap:1px;display:grid}.zb-chain span{color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.zb-logo{font-family:var(--font-display);align-items:center;gap:.05em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.zb-logo-z{color:var(--accent-text);font-size:1.22em;font-weight:700;transform:rotate(-6deg)}.zb-logo-face{background:radial-gradient(circle at 36% 30%, color-mix(in oklab, var(--zb-face) 60%, #fff) 0 16%, var(--zb-face) 55%);width:1.1em;height:1.06em;box-shadow:inset 0 -.05em 0 #00000024, 0 0 0 .035em var(--zb-face-edge);border-radius:50%;place-items:center;margin-top:.12em;display:grid;position:relative}.zb-logo-face:before,.zb-logo-face:after{content:"";background:var(--zb-ear);width:.34em;height:.34em;box-shadow:0 0 0 .035em var(--zb-face-edge);z-index:-1;border-radius:50%;position:absolute;top:-.1em}.zb-logo-face:before{left:.02em}.zb-logo-face:after{right:.02em}.zb-logo-face[data-face=bear]{--zb-face:var(--zb-bear);--zb-ear:var(--zb-bear-deep);--zb-face-edge:var(--zb-bear-deep);transform:rotate(-5deg)}.zb-logo-face[data-face=panda]{--zb-face:var(--zb-panda);--zb-ear:var(--zb-panda-ink);--zb-face-edge:color-mix(in oklab, var(--zb-panda-ink) 30%, transparent);transform:translateY(-.06em)rotate(6deg)}.zb-logo-face{isolation:isolate}.zb-logo-eyes{gap:.12em;margin-top:.02em;display:flex}.zb-logo-eyes i{background:var(--zb-eye);border-radius:50%;width:.2em;height:.28em;position:relative}.zb-logo-face[data-face=panda] .zb-logo-eyes i{box-shadow:0 0 0 .05em var(--zb-panda-ink)}.zb-logo-eyes i:after{content:"";background:#fff;border-radius:50%;width:36%;height:30%;position:absolute;top:16%;right:14%}.zb-logo-boo{color:var(--accent-text);margin-left:.08em}@media (width<=44rem){.zb-bar .wb-status{flex-basis:100%}.zb-restart{margin-left:auto}.zb-box{--ring-w:min(100cqw, 900px, max(min(560px, max(250px, calc(100dvh - 250px))), calc(var(--play-room,100dvh - 4rem) - 330px)))}.zb-hud{gap:8px}.zb-hud-label{font-size:.68rem}.zb-score strong,.zb-count strong{font-size:1.3rem}.zb-count{padding:3px 10px}.zb-ladder{padding:9px 4px 7px}.zb-logo{font-size:26px}}@media (prefers-reduced-motion:reduce){.zb-gain{opacity:0;animation-duration:1ms}}:root[data-game=groupboo]{--bg:#fdf0ea;--bg-tint:#f9e6dd;--surface:#fffaf7;--surface-2:#fbefe9;--surface-3:#f5e2d8;--border:#f0dcd1;--border-strong:#d9b9aa;--text:#23171a;--text-dim:#55424a;--text-faint:#6c5960;--accent:#0f5f66;--accent-hover:#0b4c52;--accent-text:#0d5a61;--accent-soft:#e2f1ef;--accent-ring:#0f5f6659;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #0f5f668c;--texture:url(/textures/groupboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=groupboo]:not([data-theme=light]){--bg:#22121a;--bg-tint:#27151e;--surface:#2c1922;--surface-2:#331e28;--surface-3:#3d2531;--border:#3d2532;--border-strong:#5c3b4b;--text:#f8ecef;--text-dim:#dcc6cd;--text-faint:#b8a0a8;--accent:#9ae6d8;--accent-hover:#b6efe4;--accent-text:#a6ebde;--accent-soft:#1d3936;--accent-ring:#9ae6d866;--on-accent:#0b2a27;--shadow-accent:0 14px 32px -16px #9ae6d866;--texture:url(/textures/groupboo-dark.svg)}}:root[data-game=groupboo][data-theme=dark]{--bg:#22121a;--bg-tint:#27151e;--surface:#2c1922;--surface-2:#331e28;--surface-3:#3d2531;--border:#3d2532;--border-strong:#5c3b4b;--text:#f8ecef;--text-dim:#dcc6cd;--text-faint:#b8a0a8;--accent:#9ae6d8;--accent-hover:#b6efe4;--accent-text:#a6ebde;--accent-soft:#1d3936;--accent-ring:#9ae6d866;--on-accent:#0b2a27;--shadow-accent:0 14px 32px -16px #9ae6d866;--texture:url(/textures/groupboo-dark.svg)}:root{--gp-1:#ffc896;--gp-1-ink:#4a2408;--gp-2:#f8a9bf;--gp-2-ink:#4d1424;--gp-3:#8fd9cf;--gp-3-ink:#0b3833;--gp-4:#39404d;--gp-4-ink:#fff;--gp-card:#fffcf8;--gp-card-edge:#ecd6ca;--gp-card-ink:#23171a;--gp-card-shadow:0 2px 0 #e7cfc2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--gp-1:#f3a96b;--gp-1-ink:#2e1503;--gp-2:#ec8aa6;--gp-2-ink:#2f0a16;--gp-3:#5fc4b8;--gp-3-ink:#062824;--gp-4:#565e6e;--gp-4-ink:#fff;--gp-card:#3a2430;--gp-card-edge:#563848;--gp-card-ink:#f8ecef;--gp-card-shadow:0 2px 0 #170b11}}:root[data-theme=dark]{--gp-1:#f3a96b;--gp-1-ink:#2e1503;--gp-2:#ec8aa6;--gp-2-ink:#2f0a16;--gp-3:#5fc4b8;--gp-3-ink:#062824;--gp-4:#565e6e;--gp-4-ink:#fff;--gp-card:#3a2430;--gp-card-edge:#563848;--gp-card-ink:#f8ecef;--gp-card-shadow:0 2px 0 #170b11}:is(.gp-band,.gp-chip)[data-level="1"]{--gp-c:var(--gp-1);--gp-ink:var(--gp-1-ink)}:is(.gp-band,.gp-chip)[data-level="2"]{--gp-c:var(--gp-2);--gp-ink:var(--gp-2-ink)}:is(.gp-band,.gp-chip)[data-level="3"]{--gp-c:var(--gp-3);--gp-ink:var(--gp-3-ink)}:is(.gp-band,.gp-chip)[data-level="4"]{--gp-c:var(--gp-4);--gp-ink:var(--gp-4-ink)}.gp-panel{align-items:stretch;gap:14px}.gp-notice{background:var(--surface-2);color:var(--text-dim)}.gp-board{--gp-fixed:240px;--gp-h:clamp(76px, calc((var(--play-room,544px) - var(--gp-fixed)) / 4), 120px);width:min(100%, calc(var(--gp-h) * 8.4 + 24px));flex-direction:column;gap:14px;margin-inline:auto;display:flex}.gp-status{text-align:center;min-height:1.5em;margin:0}.gp-field,.gp-bands{flex-direction:column;gap:8px;display:flex}.gp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.gp-tile{min-width:0;height:var(--gp-h,76px);border:1.5px solid var(--gp-card-edge);border-radius:var(--radius-sm);background:var(--gp-card);color:var(--gp-card-ink);box-shadow:var(--gp-card-shadow);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;place-items:center;padding:4px 5px;transition:background-color .12s,color .12s,transform .12s,border-color .12s;display:grid;position:relative;container-type:inline-size}.gp-tile:hover:not(:disabled):not(.is-picked){border-color:var(--border-strong);transform:translateY(-1px)}.gp-tile:active:not(:disabled){transform:scale(.97)}.gp-tile:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.gp-tile.is-picked{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-accent)}.gp-tile:disabled{cursor:default}.gp-tile.is-blank{background:var(--surface-2);box-shadow:none;border-style:dashed}.gp-word{max-width:100%;font-family:var(--font-display);font-weight:600;font-size:clamp(.6rem, calc((100cqi - 2px) / (var(--n,6) * .68)), max(1.08rem, calc(var(--gp-h,76px) * .2)));letter-spacing:.01em;text-align:center;text-transform:uppercase;white-space:normal;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;line-height:1.12;display:block}.gp-band{min-height:var(--gp-h,76px);border-radius:var(--radius-sm);background:var(--gp-c);color:var(--gp-ink);border:1.5px solid #0000;align-items:center;gap:12px;padding:10px 16px;display:flex}.gp-band.is-missed{border:2px dashed color-mix(in srgb, var(--gp-ink) 45%, transparent)}.gp-band .gp-mark{fill:currentColor;flex:none;width:26px;height:26px}.gp-band-text{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding-right:26px;display:flex}.gp-band-name{font-family:var(--font-display);font-weight:700;font-size:max(1.02rem, calc(var(--gp-h,76px) * .16));line-height:1.2}.gp-band-words{font-weight:700;font-size:max(.86rem, calc(var(--gp-h,76px) * .125));letter-spacing:.02em;text-transform:uppercase}.gp-said{text-align:center;min-height:1.5em;color:var(--text-dim);margin:0;font-weight:800}.gp-said.is-away{color:var(--accent-text)}.gp-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gp-lives-wrap{color:var(--text-dim);align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:inline-flex}.gp-lives{gap:6px;display:inline-flex}.gp-life{border:2px solid var(--text-faint);border-radius:50%;width:12px;height:12px}.gp-life.is-left{border-color:var(--text);background:var(--text)}.gp-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.gp-actions .btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.gp-submit{min-width:7rem}.gp-end{justify-items:center;display:grid}@keyframes gp-hop{0%{transform:none}35%{transform:translateY(-9px)}to{opacity:0;transform:translateY(-4px)scale(.86)}}@keyframes gp-band-in{0%{opacity:0;transform:scale(.94)}}@keyframes gp-shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.gp-tile.is-leaving{animation:.48s ease-in both gp-hop;animation-delay:calc(var(--i,0) * 50ms)}.gp-band.is-fresh{animation:.32s ease-out both gp-band-in}.gp-tile.is-shaking{animation:.42s ease-in-out gp-shake}@media (prefers-reduced-motion:reduce){.gp-tile,.gp-tile.is-leaving,.gp-band.is-fresh,.gp-tile.is-shaking{transition:none;animation:none}}.gp-chip{background:var(--gp-c);width:26px;height:26px;color:var(--gp-ink);border-radius:8px;flex:none;place-items:center;display:inline-grid}.gp-chip .gp-mark{fill:currentColor;width:16px;height:16px}.gp-chip.is-small{border-radius:5px;width:18px;height:18px}.gp-chip.is-small .gp-mark{width:11px;height:11px}.gp-chip.is-empty{border:1.5px dashed var(--border-strong);background:0 0}.gp-legend-levels{gap:8px;margin:0 0 4px;padding:0;list-style:none;display:grid}.gp-legend-level{align-items:center;gap:10px;display:flex}.gp-legend-name{flex:1;font-weight:700}.gp-legend p{margin:6px 0 0}.gp-progress{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gp-pips{gap:4px;display:inline-flex}.gp-progress .gp-life{border-width:1.5px;width:9px;height:9px}.gp-progress .gp-lives{gap:4px}.gp-result{width:min(480px,100%)}.gp-result-bands{flex-direction:column;gap:6px;display:flex}.gp-result .gp-bands{gap:6px}.gp-result .gp-band{gap:10px;min-height:0;padding:8px 12px}.gp-result .gp-band .gp-mark{width:20px;height:20px}.gp-result .gp-band-text{padding-right:20px}.gp-result .gp-band-name{font-size:.92rem}.gp-result .gp-band-words{font-size:.76rem}.gp-result .gp-lives{vertical-align:middle}.gp-points{gap:4px;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.gp-points li{color:var(--text-dim);justify-content:space-between;gap:12px;display:flex}.gp-points strong{color:var(--text);font-variant-numeric:tabular-nums}@media (width<=640px){.gp-panel{padding-inline:6px}.gp-grid,.gp-field,.gp-bands{gap:5px}.gp-board{--gp-fixed:250px;--gp-h:clamp(62px, calc((var(--play-room,544px) - var(--gp-fixed)) / 4), 80px)}.gp-tile{border-radius:10px;padding:3px 2px}.gp-band{gap:8px;padding:8px 10px}.gp-band .gp-mark{width:20px;height:20px}.gp-band-text{padding-right:20px}.gp-band-name{font-size:.92rem}.gp-band-words{font-size:.74rem}.gp-foot{justify-content:center}.gp-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.gp-actions .btn{white-space:normal;text-align:center;min-width:0;min-height:42px;padding-inline:6px;line-height:1.1}.gp-actions .btn svg{display:none}.gp-board{gap:10px}.gp-said{min-height:1.3em;font-size:.92rem}}.gp-logo{font-family:var(--font-display);align-items:center;gap:.04em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.gp-logo-cards{width:1.05em;height:1.05em;margin-right:.16em}.gp-logo-card.is-1{fill:var(--gp-1)}.gp-logo-card.is-2{fill:var(--gp-2)}.gp-logo-card.is-3{fill:var(--gp-3)}.gp-logo-card.is-4{fill:var(--gp-4)}.gp-logo-eye{fill:var(--gp-4-ink)}.gp-logo-group{color:var(--text)}.gp-logo-boo{color:var(--accent-text)}@media (width<=640px){.gp-logo{font-size:26px}}:root[data-game=seekboo]{--bg:#f3f4ee;--bg-tint:#e8eadf;--surface:#fff;--surface-2:#f1f2ea;--surface-3:#e4e7da;--border:#dcdfd0;--border-strong:#b6bba5;--text:#1b1f14;--text-dim:#474d3c;--text-faint:#575e49;--accent:#b4dc19;--accent-hover:#a6cc12;--accent-text:#4a6800;--accent-soft:#edf6c8;--accent-ring:#8cb40073;--on-accent:#1d2700;--shadow-accent:0 10px 26px -14px #4a68008c;--texture:url(/textures/seekboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=seekboo]:not([data-theme=light]){--bg:#10132a;--bg-tint:#141833;--surface:#181c38;--surface-2:#1e2343;--surface-3:#272d52;--border:#232948;--border-strong:#3b4370;--text:#f2f5e4;--text-dim:#c3c9b3;--text-faint:#9ea7ba;--accent:#dbf77e;--accent-hover:#e6fa9f;--accent-text:#dbf77e;--accent-soft:#2b3322;--accent-ring:#dbf77e66;--on-accent:#1a2300;--shadow-accent:0 14px 32px -16px #dbf77e61;--texture:url(/textures/seekboo-dark.svg)}}:root[data-game=seekboo][data-theme=dark]{--bg:#10132a;--bg-tint:#141833;--surface:#181c38;--surface-2:#1e2343;--surface-3:#272d52;--border:#232948;--border-strong:#3b4370;--text:#f2f5e4;--text-dim:#c3c9b3;--text-faint:#9ea7ba;--accent:#dbf77e;--accent-hover:#e6fa9f;--accent-text:#dbf77e;--accent-soft:#2b3322;--accent-ring:#dbf77e66;--on-accent:#1a2300;--shadow-accent:0 14px 32px -16px #dbf77e61;--texture:url(/textures/seekboo-dark.svg)}:root{--sk-paper:#fffdf5;--sk-paper-edge:#e2ddc8;--sk-rule:#ece7d4;--sk-ink:#22251b;--sk-ink-soft:#5b5e50;--sk-shadow:0 18px 36px -24px #282c148c;--sk-h0:#d6f03a;--sk-h1:#ff9fcd;--sk-h2:#86d9ff;--sk-h3:#ffb662;--sk-h4:#cdb0ff;--sk-h5:#8fe8a8;--sk-h6:#ffd84a;--sk-h7:#ff9090;--sk-h8:#6fe3d6;--sk-h9:#ef9cf2;--sk-h10:#a3b5ff;--sk-h11:#e3c49a;--sk-cap-alpha:.72;--sk-draw:#6e8c1452;--sk-miss:#d63a3a57;--sk-focus:#4a6800}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sk-paper:#f2eedf;--sk-paper-edge:#8a8670;--sk-rule:#e0dbc6;--sk-shadow:0 22px 40px -22px #000000b3}}:root[data-theme=dark]{--sk-paper:#f2eedf;--sk-paper-edge:#8a8670;--sk-rule:#e0dbc6;--sk-shadow:0 22px 40px -22px #000000b3}[data-h="0"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h0)}[data-h="1"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h1)}[data-h="2"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h2)}[data-h="3"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h3)}[data-h="4"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h4)}[data-h="5"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h5)}[data-h="6"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h6)}[data-h="7"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h7)}[data-h="8"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h8)}[data-h="9"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h9)}[data-h="10"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h10)}[data-h="11"]:is(.sk-cap,.sk-word){--sk-h:var(--sk-h11)}.sk-panel{align-items:stretch;gap:14px;container-type:inline-size}.sk-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.sk-bar .wb-status{flex:1;min-width:12rem}.sk-clock{min-width:3.2em;color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.35rem;font-weight:600}.sk-clock[data-low]{color:var(--bad);animation:1s ease-in-out infinite sk-tick}.sk-restart{align-items:center;gap:6px;display:inline-flex}.sk-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.sk-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.sk-hud{border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;padding:10px 14px;display:flex}.sk-hud-grid{flex-wrap:wrap;align-items:center;gap:4px 12px;display:inline-flex}.sk-hud-grid strong{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.sk-ways{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:.85rem;font-weight:700;display:inline-flex}.sk-ways svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sk-hud-points{align-items:baseline;gap:6px;display:inline-flex}.sk-hud-label{color:var(--text-faint);font-size:.8rem;font-weight:700}.sk-hud-points strong{color:var(--accent-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:600;line-height:1}.sk-stage{grid-template-areas:"bar""hud""board""list";justify-items:center;gap:14px;display:grid}.sk-stage>.sk-bar{grid-area:bar;justify-self:stretch}.sk-stage>.sk-hud{grid-area:hud;justify-self:stretch}.sk-stage>.sk-board{grid-area:board}.sk-stage>.sk-list{grid-area:list}.sk-run{display:none}@container (width>=44rem){.sk-stage{grid-template:"board bar""board hud""board list""board run""board."1fr/auto minmax(14rem,1fr);place-items:start stretch;column-gap:20px}.sk-stage .sk-board{width:max(min(40rem, max(18rem, 100svh - 14rem), 62cqi), min(64rem, max(18rem, var(--play-room,40rem) - 90px), 100cqi - 20px - 16rem))}[data-fullscreen] .sk-stage .sk-board{width:max(min(46rem, max(18rem, 100svh - 9rem), 64cqi), min(64rem, max(18rem, var(--play-room,40rem) - 90px), 100cqi - 20px - 16rem))}.sk-stage>.sk-bar .wb-status{min-width:8rem}.sk-stage>:is(.sk-list,.sk-run){border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px 16px}}@container (width>=60rem){.sk-run{grid-area:run;gap:10px;display:grid}}.sk-board{width:min(100%, max(min(36rem, max(18rem, 100svh - 16rem)), min(40rem, max(18rem, var(--play-room,40rem) - 210px))));border:1px solid var(--sk-paper-edge);border-radius:var(--radius-lg);background:var(--sk-paper);box-shadow:var(--sk-shadow);padding:clamp(6px,2.2vw,14px)}[data-fullscreen] .sk-board{width:min(100%, max(min(40rem, max(18rem, 100svh - 11rem)), min(40rem, max(18rem, var(--play-room,40rem) - 210px))))}.sk-sheet{aspect-ratio:1;border-radius:calc(var(--radius-lg) - 10px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;position:relative;container-type:inline-size}.sk-sheet[data-live]{cursor:pointer}.sk-sheet:focus-visible{box-shadow:0 0 0 3px var(--sk-paper), 0 0 0 6px var(--sk-focus)}.sk-marks{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sk-cap{fill:none;stroke:var(--sk-h,var(--sk-h0));stroke-width:.78px;stroke-linecap:round;stroke-opacity:var(--sk-cap-alpha);animation:.26s cubic-bezier(.3,1.3,.5,1) backwards sk-cap-in}.sk-cap.is-drawing{stroke:var(--sk-draw);stroke-opacity:1;animation:none}.sk-cap.is-miss{stroke:var(--sk-miss);stroke-opacity:1;animation:.42s ease-out forwards sk-miss}.sk-cells{z-index:1;grid-template-columns:repeat(var(--size), 1fr);grid-template-rows:repeat(var(--size), 1fr);display:grid;position:absolute;inset:0}.sk-cell{color:var(--sk-ink);font-family:var(--font-display);font-size:calc(100cqi / var(--size) * .56);text-transform:uppercase;pointer-events:none;place-items:center;font-weight:600;line-height:1;display:grid;position:relative}.sk-sheet[data-covered] .sk-cell:after{content:"";background:var(--sk-rule);border-radius:50%;width:14%;height:14%}.sk-sheet:is(:focus-visible,[data-keys]) .sk-cell[data-cursor]:before{content:"";border:2px solid var(--sk-focus);border-radius:30%;position:absolute;inset:8%}.sk-sheet[data-shake="0"]{animation:.32s ease-out sk-shake-a}.sk-sheet[data-shake="1"]{animation:.32s ease-out sk-shake-b}.sk-cover{z-index:3;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.sk-start{border-radius:var(--radius);background:color-mix(in oklab, var(--sk-paper) 88%, transparent);max-width:22rem;color:var(--sk-ink);text-align:center;justify-items:center;gap:14px;padding:18px 20px;font-weight:700;display:grid}.sk-start p{margin:0}.sk-countdown{place-items:center;display:grid}.sk-countdown strong{background:var(--accent);width:5.5rem;height:5.5rem;box-shadow:var(--shadow-accent);color:var(--on-accent);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:3rem;font-weight:600;animation:.36s cubic-bezier(.3,1.5,.5,1) backwards sk-pop;display:grid}.sk-list{align-content:start;gap:10px;width:100%;display:grid}.sk-list-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sk-list-head strong{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.sk-list-count{color:var(--text-dim);font-variant-numeric:tabular-nums;font-weight:700}.sk-words{flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none;display:flex}.sk-word{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);overflow-wrap:anywhere;align-items:center;min-height:2rem;padding:3px 12px;font-weight:700;display:inline-flex}.sk-word[data-found]{background:var(--sk-h);color:var(--sk-ink);border-color:#0000}.sk-word[data-found]>span:first-child{text-decoration:line-through;text-decoration-thickness:2px}.sk-word.is-blank{background:var(--surface-2);width:5rem}@container (width>=44rem){.sk-words{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));display:grid}}.sk-end{justify-items:center;display:grid}.sk-results{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sk-results li{border-radius:var(--radius-sm);background:var(--surface-2);justify-items:center;min-width:4.6rem;padding:6px 10px;display:grid}.sk-results strong{color:var(--accent-text);font-family:var(--font-display);font-size:1.1rem;font-weight:600}.sk-logo{font-family:var(--font-display);vertical-align:middle;align-items:center;gap:.12em;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.sk-logo-tiles{gap:.08em;display:inline-flex;position:relative}.sk-logo-tiles:before{content:"";z-index:1;background:var(--accent);opacity:.85;border-radius:.31em;height:.62em;position:absolute;top:50%;left:-.12em;right:-.12em;transform:translateY(-50%)rotate(-3deg)}.sk-logo-tile{z-index:2;border:2px solid var(--sk-paper-edge);background:color-mix(in oklab, var(--sk-paper) 70%, transparent);width:.98em;height:1.08em;color:var(--sk-ink);border-radius:.26em;place-items:center;font-size:.84em;display:grid;position:relative}.sk-logo-boo{color:var(--text);align-items:center;gap:.06em;display:inline-flex}.sk-logo-glass{flex:none;width:.82em;height:.82em;margin-top:.12em;overflow:visible}@keyframes sk-cap-in{0%{stroke-opacity:0;stroke-width:.3px}}@keyframes sk-miss{0%{stroke-opacity:1}to{stroke-opacity:0}}@keyframes sk-shake-a{20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}}@keyframes sk-shake-b{20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}}@keyframes sk-pop{0%{opacity:0;transform:scale(.6)}}@keyframes sk-tick{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.sk-cap,.sk-sheet[data-shake],.sk-countdown strong,.sk-clock[data-low],.sk-cap.is-miss{animation:none}}:root[data-game=beeboo]{--bg:#fbefc8;--bg-tint:#f6e3a8;--surface:#fffaeb;--surface-2:#fdf3d6;--surface-3:#f5e4b3;--border:#ead39a;--border-strong:#d0ad5c;--text:#2a1c05;--text-dim:#5a4313;--text-faint:#735a26;--accent:#2b1d08;--accent-hover:#46300d;--accent-text:#7a4d00;--accent-soft:#f8de93;--accent-ring:#c4800073;--on-accent:#ffd257;--shadow-accent:0 10px 26px -14px #3c26008c;--texture:url(/textures/beeboo-light.svg);--bh-cell:#fde7a3;--bh-cell-edge:#e2bf5f;--bh-cell-ink:#2a1c05;--bh-cell-press:#f8d470;--bh-centre:#f2b20a;--bh-centre-edge:#c98e00;--bh-centre-ink:#241600;--bh-good:#2f6b12;--bh-off:#9a2f12}@media (prefers-color-scheme:dark){:root[data-game=beeboo]:not([data-theme=light]){--bg:#281a02;--bg-tint:#2f1f06;--surface:#33230a;--surface-2:#3c2a0e;--surface-3:#4a3514;--border:#4a3615;--border-strong:#6e5220;--text:#fff3d6;--text-dim:#e3c98f;--text-faint:#bfa064;--accent:#ffc93a;--accent-hover:#ffd15e;--accent-text:#ffcb52;--accent-soft:#4a3510;--accent-ring:#ffbf2e6b;--on-accent:#241600;--shadow-accent:0 14px 32px -16px #ffbf2e73;--texture:url(/textures/beeboo-dark.svg);--bh-cell:#4a3612;--bh-cell-edge:#6c5020;--bh-cell-ink:#fff3d6;--bh-cell-press:#5b4317;--bh-centre:#ffc93a;--bh-centre-edge:#ffd36a;--bh-centre-ink:#241600;--bh-good:#a6e07a;--bh-off:#ff9a7a}}:root[data-game=beeboo][data-theme=dark]{--bg:#281a02;--bg-tint:#2f1f06;--surface:#33230a;--surface-2:#3c2a0e;--surface-3:#4a3514;--border:#4a3615;--border-strong:#6e5220;--text:#fff3d6;--text-dim:#e3c98f;--text-faint:#bfa064;--accent:#ffc93a;--accent-hover:#ffd15e;--accent-text:#ffcb52;--accent-soft:#4a3510;--accent-ring:#ffbf2e6b;--on-accent:#241600;--shadow-accent:0 14px 32px -16px #ffbf2e73;--texture:url(/textures/beeboo-dark.svg);--bh-cell:#4a3612;--bh-cell-edge:#6c5020;--bh-cell-ink:#fff3d6;--bh-cell-press:#5b4317;--bh-centre:#ffc93a;--bh-centre-edge:#ffd36a;--bh-centre-ink:#241600;--bh-good:#a6e07a;--bh-off:#ff9a7a}:root{--bh-cell:#fde7a3;--bh-cell-edge:#e2bf5f;--bh-cell-ink:#2a1c05;--bh-cell-press:#f8d470;--bh-centre:#f2b20a;--bh-centre-edge:#c98e00;--bh-centre-ink:#241600;--bh-good:#2f6b12;--bh-off:#9a2f12}.bh-logo{font-family:var(--font-display);align-items:center;gap:.16em;font-size:32px;font-weight:700;line-height:1;display:inline-flex}.bh-logo-comb{align-items:center;gap:.04em;display:inline-flex}.bh-logo-cell{background:var(--bh-cell);width:1.3em;height:1.13em;color:var(--bh-cell-ink);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);place-items:center;font-size:.8em;display:grid;position:relative}.bh-logo-cell:nth-child(odd){transform:translateY(.12em)}.bh-logo-cell.is-gold{isolation:isolate;color:var(--bh-centre-ink);clip-path:none;background:0 0}.bh-logo-cell.is-gold:after{content:"";z-index:-1;background:var(--bh-centre);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);position:absolute;inset:0}.bh-logo-boo{color:var(--accent-text);font-weight:600}.bh-panel,.bh-board{gap:.9rem;display:grid}.bh-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.bh-status{flex:16rem;margin:0}.bh-meta{gap:.4rem;margin:0;display:flex}.bh-meta>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);text-align:center;min-width:4.2rem;padding:.3rem .7rem;display:grid}.bh-meta dt{color:var(--text-faint);font-size:.72rem;font-weight:700}.bh-meta dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:1.15rem;font-weight:600}.bh-meta>.is-warn dd{color:var(--bh-off)}.bh-main{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:1.4rem;display:grid}.bh-play{order:1;justify-items:center;gap:.7rem;display:grid}.bh-side{order:2;gap:.9rem;display:grid}@media (width>=48rem){.bh-panel{grid-template:"play top""play side""play actions""play."1fr/minmax(0,1fr) minmax(18rem,.8fr);align-items:start;column-gap:1.4rem}.bh-panel .bh-board,.bh-panel .bh-main{display:contents}.bh-panel .bh-top{grid-area:top}.bh-panel .bh-side{grid-area:side}.bh-panel .bh-play{grid-area:play}.bh-panel>.bh-actions{grid-area:actions}.bh-panel .bh-hive-wrap,.play-stage[data-fullscreen] .bh-panel .bh-hive-wrap{width:min(100%, max(22rem, min(35rem, (var(--play-room,40rem) - 240px) * .958)))}.bh-panel .bh-found-list{max-height:clamp(6rem, var(--play-room,40rem) - 26rem, 30rem)}}.bh-typed{max-width:100%;min-height:2.6rem;font-family:var(--font-display);letter-spacing:.06em;justify-content:center;align-items:center;font-size:clamp(1.5rem,1.1rem + 1.6vw,2rem);font-weight:600;display:flex;position:relative}.bh-typed-word{overflow-wrap:anywhere}.bh-typed-word .is-centre{color:var(--accent-text)}.bh-typed-word .is-off{color:var(--text-faint);opacity:.6}.bh-typed-hint{white-space:nowrap;color:var(--text-faint);font-family:var(--font-body);letter-spacing:0;font-size:.95rem;font-weight:600}.bh-caret{background:var(--accent-text);width:2px;height:1.2em;margin-left:2px;animation:1s step-end infinite bh-blink}.bh-typed-hint+.bh-typed-word+.bh-caret{margin-left:0}@keyframes bh-blink{50%{opacity:0}}.bh-typed.is-refused .bh-typed-word{animation:.4s bh-shake}@keyframes bh-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.bh-bubble{border-radius:var(--radius-pill);text-align:center;min-height:2rem;margin:0;padding:.3rem .9rem;font-size:.92rem;font-weight:800;animation:.25s ease-out bh-pop}.bh-bubble.is-empty{visibility:hidden}.bh-bubble.is-good{background:var(--accent-soft);color:var(--text)}.bh-bubble.is-pangram{background:var(--bh-centre);color:var(--bh-centre-ink)}.bh-bubble.is-off{background:var(--surface-3);color:var(--text-dim)}@keyframes bh-pop{0%{opacity:0;transform:scale(.85)}}.bh-hive-wrap{width:min(100%,22rem);position:relative;container-type:inline-size}.bh-hive{aspect-ratio:5.222/5.452;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;position:relative}.bh-cell{color:var(--bh-cell-ink);cursor:pointer;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;transition:transform .12s,opacity .2s;display:grid;position:absolute;transform:translate(-50%,-50%)}.bh-cell svg{width:100%;height:100%;position:absolute;inset:0}.bh-cell-shape{fill:var(--bh-cell);stroke:var(--bh-cell-edge);stroke-width:3px;transition:fill .12s}.bh-cell.is-centre{color:var(--bh-centre-ink)}.bh-cell.is-centre .bh-cell-shape{fill:var(--bh-centre);stroke:var(--bh-centre-edge)}.bh-cell-letter{font-family:var(--font-display);font-size:clamp(1.4rem,9.5cqi,3.4rem);font-weight:600;line-height:1;position:relative}.bh-cell:hover:not(:disabled) .bh-cell-shape{fill:var(--bh-cell-press)}.bh-cell.is-centre:hover:not(:disabled) .bh-cell-shape{fill:var(--bh-centre-edge)}.bh-cell:active:not(:disabled){transform:translate(-50%,-50%)scale(.93)}.bh-cell:focus-visible{outline:none}.bh-cell:focus-visible .bh-cell-shape{stroke:var(--text);stroke-width:6px}.bh-cell:disabled{cursor:default}.bh-cell:disabled .bh-cell-letter{opacity:.55}.bh-cell:not(.is-centre) .bh-cell-letter{animation:.3s ease-out bh-fade}@keyframes bh-fade{0%{opacity:0;transform:scale(.7)}}.bh-cover{place-items:center;display:grid;position:absolute;inset:0}.bh-start{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);max-width:15rem;box-shadow:var(--shadow);text-align:center;justify-items:center;gap:.4rem;padding:1.1rem 1.3rem;display:grid}.bh-start-title{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:600}.bh-start .faint{margin:0 0 .4rem}.bh-count{background:var(--bh-centre);width:5.5rem;height:5.5rem;color:var(--bh-centre-ink);font-family:var(--font-display);box-shadow:var(--shadow);border-radius:50%;place-items:center;margin:0;font-size:3rem;font-weight:700;display:grid}.bh-controls{justify-content:center;gap:.6rem;display:flex}.bh-control{min-width:6rem}.bh-shuffle{width:2.9rem;min-width:0;padding-inline:0}.bh-shuffle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:1.3rem}.bh-rank{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);gap:.55rem;padding:.85rem 1rem;display:grid}.bh-rank-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.bh-rank-name{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.bh-rank-track{height:1.6rem;margin:0 .8rem;position:relative}.bh-rank-line,.bh-rank-fill{border-radius:2px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bh-rank-line{background:var(--border-strong);right:0}.bh-rank-fill{background:var(--bh-centre-edge);transition:width .4s}.bh-rank-dot{background:var(--surface);width:.7rem;height:.7rem;box-shadow:inset 0 0 0 2px var(--border-strong);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.bh-rank-dot.is-reached{background:var(--bh-centre-edge);box-shadow:none}.bh-rank-dot.is-current{background:var(--bh-centre);width:1.9rem;height:1.9rem;box-shadow:0 0 0 3px var(--surface-2);color:var(--bh-centre-ink);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:800}.bh-rank-next{margin:0}.bh-found{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.85rem 1rem}.bh-found-title{margin:0 0 .6rem;font-size:.95rem}.bh-found-toggle{display:none}.bh-found-list{letter-spacing:.02em;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.15rem .8rem;max-height:18rem;margin:0;padding:0;font-size:.92rem;font-weight:700;list-style:none;display:grid;overflow-y:auto}.bh-found-list li{border-bottom:1px solid var(--border);padding:.12rem 0}.bh-found-list .is-pangram,.bh-all-list .is-pangram{color:var(--accent-text);font-weight:900}.bh-found-empty{margin:0}.bh-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.bh-all{text-align:left;gap:.4rem;display:grid}.bh-all p{margin:0}.bh-all-list{flex-wrap:wrap;gap:.3rem;max-height:14rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.bh-all-list li{border-radius:var(--radius-pill);align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.82rem;font-weight:700;display:inline-flex}.bh-all-list .is-found{background:var(--bh-centre);color:var(--bh-centre-ink)}.bh-all-list .is-found.is-pangram{color:var(--bh-centre-ink);text-underline-offset:.15em;text-decoration:underline}.bh-all-list .is-found .bh-all-who{color:var(--bh-centre-ink);opacity:.8}.bh-all-list .is-missed{background:var(--surface-2);color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--border-strong)}.bh-all-list .is-nobody{color:var(--text-dim);outline:1px dashed var(--border-strong);outline-offset:-1px;background:0 0}.bh-all-who{color:var(--text-faint);font-size:.72rem;font-weight:800}.bh-result-rank{color:var(--text-dim);font-family:var(--font-display);margin:.2rem 0 0;font-size:1.1rem;font-weight:600}.bh-result-rank.is-top{color:var(--accent-text)}.bh-player-words{color:var(--text-dim);white-space:nowrap;font-size:.85rem;font-weight:700}.bh-legend-mark{background:var(--bh-cell);min-width:2.1rem;height:1.7rem;color:var(--bh-cell-ink);clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%);place-items:center;margin-right:.5rem;padding:0 .3rem;font-size:.8rem;font-weight:800;display:inline-grid}.bh-legend-mark.is-pangram{background:var(--bh-centre);color:var(--bh-centre-ink)}.bh-legend-ranks-title{margin:.8rem 0 .3rem;font-size:.85rem}.bh-legend-ranks{gap:.1rem;margin:0 0 .6rem;padding:0;font-size:.85rem;list-style:none;display:grid}.bh-legend-ranks li{justify-content:space-between;gap:.5rem;display:flex}@media (width<=47.99rem){.bh-main{grid-template-columns:minmax(0,1fr);gap:.8rem}.bh-side{order:0;gap:.6rem}.bh-rank{padding:.6rem .8rem}.bh-found{padding:0;overflow:hidden}.bh-found-title{display:none}.bh-found-toggle{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.bh-found-count{flex:none;font-size:.9rem;font-weight:800}.bh-found-peek{min-width:0;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:700;overflow:hidden}.bh-found-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;flex:none;width:1.1rem;height:1.1rem;transition:transform .2s}.bh-found.is-open .bh-found-toggle svg{transform:rotate(180deg)}.bh-found:not(.is-open) .bh-found-list,.bh-found:not(.is-open) .bh-found-empty{display:none}.bh-found-list,.bh-found-empty{padding:0 .8rem .7rem}.bh-hive-wrap{width:min(100%,19rem)}.bh-meta>div{min-width:3.6rem;padding:.25rem .5rem}}.play-stage[data-fullscreen] .bh-hive-wrap{width:min(100%,22rem,46vh)}@media (prefers-reduced-motion:reduce){.bh-caret,.bh-bubble,.bh-typed.is-refused .bh-typed-word,.bh-cell:not(.is-centre) .bh-cell-letter{animation:none}.bh-cell,.bh-rank-fill,.bh-cell-shape{transition:none}}.bh-result .wb-stats dd{white-space:nowrap;font-variant-numeric:tabular-nums}.bh-result .bh-all-list{max-height:none;overflow:visible}:root[data-game=towerboo]{--bg:#f2eef9;--bg-tint:#e9e3f5;--surface:#fffcff;--surface-2:#f6f2fb;--surface-3:#ece5f6;--border:#e2d9ef;--border-strong:#c3b3dc;--text:#1d1530;--text-dim:#43395a;--text-faint:#5d5473;--accent:#7a2f8f;--accent-hover:#69257d;--accent-text:#6e2883;--accent-soft:#f2e3f5;--accent-ring:#7a2f8f59;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #7a2f8f80;--texture:url(/textures/towerboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=towerboo]:not([data-theme=light]){--bg:#120f24;--bg-tint:#161230;--surface:#1a1631;--surface-2:#1f1a3a;--surface-3:#282247;--border:#2a2448;--border-strong:#463c6e;--text:#f1edfb;--text-dim:#c9c1e0;--text-faint:#a39ac0;--accent:#ffcf9e;--accent-hover:#ffdcb8;--accent-text:#ffd5ab;--accent-soft:#3a2436;--accent-ring:#ffcf9e66;--on-accent:#2a1408;--shadow-accent:0 14px 32px -16px #ffcf9e6b;--texture:url(/textures/towerboo-dark.svg)}}:root[data-game=towerboo][data-theme=dark]{--bg:#120f24;--bg-tint:#161230;--surface:#1a1631;--surface-2:#1f1a3a;--surface-3:#282247;--border:#2a2448;--border-strong:#463c6e;--text:#f1edfb;--text-dim:#c9c1e0;--text-faint:#a39ac0;--accent:#ffcf9e;--accent-hover:#ffdcb8;--accent-text:#ffd5ab;--accent-soft:#3a2436;--accent-ring:#ffcf9e66;--on-accent:#2a1408;--shadow-accent:0 14px 32px -16px #ffcf9e6b;--texture:url(/textures/towerboo-dark.svg)}:root{--tw-sky-top:#d9d1f4;--tw-sky-low:#ffe1cf;--tw-lane:#ffffff3d;--tw-wall:#3d286333;--tw-plinth:#b9a8d6;--tw-plinth-top:#fff4e6;--tw-plinth-edge:#2e1a4f21;--tw-line:#7a2f8f;--tw-line-text:#5d2170;--tw-hold:#e0562b;--tw-height:#2d1b4e73;--tw-mark:#2d1b4e80;--tw-ghost:#ffffff47;--tw-ink:#1d1530;--tw-eye:#fff;--tw-star:#fffc;--tw-rival:#5b4a85;--tw-heart:#f0435f;--tw-heart-off:#c3b3dc;--tw-c1:#29b6e8;--tw-c2:#ffc531;--tw-c3:#a45ef2;--tw-c4:#43c66a;--tw-c5:#ff5b76;--tw-c6:#ff9838;--tw-c7:#4d78f5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tw-sky-top:#0c0a20;--tw-sky-low:#3b2350;--tw-lane:#ffffff09;--tw-wall:#ffffff29;--tw-plinth:#3c3263;--tw-plinth-top:#7a6bab;--tw-plinth-edge:#00000047;--tw-line:#ffcf9e;--tw-line-text:#ffd2ad;--tw-hold:#ff7a59;--tw-height:#ffffff80;--tw-mark:#ffffff80;--tw-ghost:#ffffff1a;--tw-star:#fff8e6d9;--tw-rival:#b8a6f0;--tw-heart-off:#463c6e}}:root[data-theme=dark]{--tw-sky-top:#0c0a20;--tw-sky-low:#3b2350;--tw-lane:#ffffff09;--tw-wall:#ffffff29;--tw-plinth:#3c3263;--tw-plinth-top:#7a6bab;--tw-plinth-edge:#00000047;--tw-line:#ffcf9e;--tw-line-text:#ffd2ad;--tw-hold:#ff7a59;--tw-height:#ffffff80;--tw-mark:#ffffff80;--tw-ghost:#ffffff1a;--tw-star:#fff8e6d9;--tw-rival:#b8a6f0;--tw-heart-off:#463c6e}.tw-panel{align-items:stretch;gap:12px;container:tw-panel/inline-size}.tw-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.tw-bar .wb-status{flex:1}.tw-clock{min-width:3.2em;color:var(--text-dim);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.1rem;font-weight:600}.tw-restart{align-items:center;gap:6px;display:inline-flex}.tw-restart svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.tw-restart.is-confirming{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.tw-box{--tw-w:min(100cqi, 560px, max(min(300px, 100cqi), calc((var(--play-room,100dvh - 168px) - 300px) * .65)));justify-items:center;gap:10px;display:grid}.tw-hud{width:var(--tw-w);grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px 14px;display:grid}.tw-height,.tw-hud-lives,.tw-next,.tw-wobble{align-items:center;gap:7px;min-width:0;display:inline-flex}.tw-next{justify-self:end}.tw-hud-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:700}.tw-height strong{color:var(--accent-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;line-height:1}.tw-height small{color:var(--text-faint);font-size:.6em}.tw-wobble{grid-area:2/1/auto/-1;justify-self:start}.tw-wobble-bars{align-items:flex-end;gap:3px;height:14px;display:inline-flex}.tw-wobble-bars i{background:var(--border-strong);border-radius:3px;width:6px;transition:background-color .2s}.tw-wobble-bars i:first-child{height:6px}.tw-wobble-bars i:nth-child(2){height:10px}.tw-wobble-bars i:nth-child(3){height:14px}.tw-wobble[data-level="0"] .tw-wobble-bars i:first-child,.tw-wobble[data-level="1"] .tw-wobble-bars i:nth-child(-n+2),.tw-wobble[data-level="2"] .tw-wobble-bars i{background:var(--good,#2e9e5b)}.tw-wobble[data-level="1"] .tw-wobble-bars i:nth-child(-n+2){background:var(--tw-c6)}.tw-wobble[data-level="2"] .tw-wobble-bars i{background:var(--bad)}.tw-wobble-word{color:var(--text-dim);font-size:.85rem;font-weight:700}.tw-wobble[data-level="2"] .tw-wobble-word{color:var(--bad)}.tw-wobble[data-level="2"] .tw-wobble-bars{animation:.26s ease-in-out infinite tw-shake}@keyframes tw-shake{25%{transform:translate(-1.5px)rotate(-3deg)}75%{transform:translate(1.5px)rotate(3deg)}}.tw-lives{gap:3px;display:inline-flex}.tw-lives svg{fill:#0000;width:18px;height:17px;stroke:var(--tw-heart-off);stroke-width:2px}.tw-lives svg[data-on]{fill:var(--tw-heart);stroke:color-mix(in oklab, var(--tw-heart), #000 18%)}.tw-lives svg[data-broke]{animation:.7s ease-out tw-break}@keyframes tw-break{0%{fill:var(--tw-heart);transform:scale(1.35)}40%{transform:scale(.8)rotate(-12deg)}to{transform:none}}.tw-piece{flex:none;display:block;overflow:visible}.tw-next .tw-piece{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--border);border-radius:10px;padding:3px}.tw-stage{width:var(--tw-w);position:relative}.tw-board{aspect-ratio:13/20;border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--tw-sky-top), var(--tw-sky-low));width:100%;box-shadow:inset 0 0 0 1.5px var(--border), 0 18px 40px -28px #1d153099;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.tw-board:active{cursor:grabbing}.tw-board:focus-visible{outline:3px solid var(--accent-ring);outline-offset:4px}.tw-board[aria-disabled]{cursor:default}.tw-canvas{width:100%;height:100%;display:block}.tw-box[data-holding] .tw-board{box-shadow:inset 0 0 0 2.5px var(--tw-hold), 0 18px 40px -28px #1d153099}.tw-board[data-over] .tw-canvas{filter:saturate(.9)}.tw-countdown{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.tw-countdown strong{background:var(--accent);width:5.5rem;height:5.5rem;box-shadow:var(--shadow-accent);color:var(--on-accent);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:3rem;font-weight:600;animation:.36s cubic-bezier(.3,1.5,.5,1) backwards tw-pop;display:grid}@keyframes tw-pop{0%{opacity:0;transform:scale(.4)}}.tw-pad{width:var(--tw-w);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.tw-key{border-radius:var(--radius-pill);background:var(--surface-2);height:52px;box-shadow:inset 0 0 0 1.5px var(--border-strong);color:var(--text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;place-items:center;display:grid}.tw-key svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tw-key:active:not(:disabled){background:var(--accent-soft);transform:translateY(1px)}.tw-key:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.tw-key:disabled{opacity:.5;cursor:default}.tw-key-drop{background:var(--accent);box-shadow:var(--shadow-accent);color:var(--on-accent)}.tw-key-drop:active:not(:disabled){background:var(--accent-hover)}.tw-help{max-width:var(--tw-w);text-align:center;margin:0}@container tw-panel (width>=44rem){.tw-box{--tw-w:min(100cqi - 26rem, 600px, max(300px, calc((var(--play-room,100dvh - 168px) - 150px) * .65)));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:14px 24px}.tw-hud{grid-area:1/1/span 2;grid-template-columns:1fr;justify-self:end;justify-items:start;gap:18px;width:auto;min-width:9rem}.tw-height,.tw-hud-lives,.tw-next,.tw-wobble{flex-direction:column;align-items:flex-start;gap:6px}.tw-next,.tw-wobble{grid-area:auto;justify-self:start}.tw-height strong{font-size:2rem}.tw-stage{grid-area:1/2/span 2}.tw-pad{grid-area:1/3;grid-template-columns:repeat(3,56px);grid-template-areas:"turn.drop""left soft right";justify-self:start;width:auto}.tw-pad .tw-key:first-child{grid-area:turn}.tw-pad .tw-key:nth-child(2){grid-area:left}.tw-pad .tw-key:nth-child(3){grid-area:soft}.tw-pad .tw-key:nth-child(4){grid-area:right}.tw-pad .tw-key:nth-child(5){grid-area:drop}.tw-help{text-align:left;grid-area:2/3;justify-self:start;max-width:13rem}}@container tw-panel (width<=30rem){.tw-box{--tw-w:min(100cqi, max(min(300px, 100cqi), calc((var(--play-room,100dvh - 168px) - 250px) * .65)))}.tw-key{height:46px}.tw-hud-label{font-size:.68rem}.tw-height strong{font-size:1.3rem}.tw-help{display:none}}.tw-end{justify-items:center;display:grid}.tw-result-line{color:var(--text-dim);justify-content:center;align-items:center;gap:10px;margin:4px 0 12px;font-weight:700;display:flex}.tw-kinds{flex-wrap:wrap;gap:6px;margin:4px 0 10px;padding:0;list-style:none;display:flex}.tw-kinds li{background:var(--surface-2);width:42px;height:42px;box-shadow:inset 0 0 0 1.5px var(--border);border-radius:12px;place-items:center;display:grid}.tw-logo{font-family:var(--font-display);align-items:flex-end;gap:.02em;font-size:32px;font-weight:600;line-height:1;display:inline-flex;transform:rotate(-2deg)}.tw-logo-t{color:var(--accent-text);font-size:1.2em;font-weight:700}.tw-logo-o{justify-items:center;gap:.04em;margin:0 .04em .05em;display:inline-grid}.tw-logo-block{border-radius:.12em;justify-content:center;align-items:center;gap:.09em;width:.6em;height:.6em;display:flex;position:relative;box-shadow:inset 0 -.07em #00000029,inset 0 .06em #ffffff4d}.tw-logo-block[data-c=a]{background:var(--tw-c5);transform:translate(.06em)rotate(8deg)}.tw-logo-block[data-c=b]{background:var(--tw-c1)}.tw-logo-block b{background:var(--tw-eye);border-radius:50%;width:.12em;height:.16em;position:relative}.tw-logo-block b:after{content:"";background:var(--tw-ink);border-radius:50%;width:.06em;height:.08em;position:absolute;top:.05em;left:.03em}.tw-logo-wer{color:var(--text)}.tw-logo-boo{color:var(--accent-text);margin-left:.08em}@media (prefers-reduced-motion:reduce){.tw-wobble[data-level="2"] .tw-wobble-bars,.tw-lives svg[data-broke],.tw-countdown strong{animation:none}}