: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;--gutter:clamp(1rem, 4vw, 2.25rem);--content:74rem;--texture:none;--font-display:"Fredoka", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe 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%}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;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;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,.label-short{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}}.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)}.player-chip{border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);align-items:center;gap:.45rem;padding:.22rem .7rem .22rem .22rem;display:flex}.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-img{border-radius:var(--radius-pill);object-fit:cover;flex:none;width:28px;height:28px}.player-chip input{background:0 0;border:none;width:8rem;padding:0;font-size:.88rem;font-weight:700}.player-chip input:focus{outline:none}.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-actions{margin-top:1.75rem}.join-card{z-index:1;background:var(--bg-tint);border-color:var(--border-strong);padding:1.4rem;position:relative}.join-card h3{margin-bottom:.2rem}.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}.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}.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:1rem;margin-bottom:1.25rem;padding:1rem 1.15rem;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:3.6rem}.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) 18rem;align-items:start;gap:1.25rem;display:grid}.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;height:auto;padding-block:.6rem}.header-tools{display:contents}.brand{order:1;margin-right:auto}.lang-select,.theme-toggle{order:2}.player-chip{flex:12rem;order:3;min-width:0}.auth-menu{order:4}.site-nav{order:5;width:100%;margin-right:0}.player-chip input{flex:1;width:auto;min-width:0}.label-long{display:none}.label-short{display:inline}.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%}}.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)}.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:#0a08148c}.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}}.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-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}.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}.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{align-self:flex-start}.room-standings{width:min(540px,100%)}.room-standings tr.is-me td{color:var(--accent-text)}.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{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-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-stage{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;height:clamp(260px,46vh,420px);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:280px}.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}}.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-grid{grid-template-columns:repeat(var(--side), minmax(0, 1fr));gap:clamp(5px,1.1vw,9px);width:min(100%,520px);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}.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(1.06rem, 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(.74rem, 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-stage{flex-direction:column;align-items:center;gap:18px;width:min(100%,520px);margin-inline:auto;display:flex}.hb-swatch{aspect-ratio:4/3;outline:1px solid var(--border);border-radius:28px;place-items:center;width:100%;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;outline:1px solid var(--border);border-radius:28px;grid-template-columns:1fr 1fr;width:100%;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{align-items:stretch;gap:16px}.fb-status{text-align:center;min-height:1.4em}.fb-arena{--fb-shell:#24222b;--fb-shell-edge:#3b3946;--fb-spark:#ffc93c;--fb-fuse:#a07b52;aspect-ratio:1;width:min(100%,560px);margin-inline:auto;position:relative}.fb-arena[data-solo]{aspect-ratio:auto;flex-direction:column-reverse;justify-content:center;align-items:center;gap:18px;padding-block:8px;display:flex}.fb-arena.is-boom{animation:.42s fb-shake}.fb-seat{top:var(--y);left:var(--x);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:34%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fb-arena[data-solo] .fb-bomb{width:min(220px,60%);position:relative;top:auto;left:auto;transform:none}.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.4rem,5.4vw,2.4rem);font-weight:700;line-height:1}.fb-bomb[data-stage=countdown] .fb-prompt{font-size:clamp(2rem,8vw,3.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-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[data-crowd]{aspect-ratio:auto;flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.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}.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:2rem;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.4vw, 1.5rem);--tb-line:calc(var(--tb-size) * 1.7);border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:text;padding:16px 20px;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;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:.18em;left:-1px}.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);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-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{--card-w:136px;--card-h:180px;--band:56px;--held-w:164px;--held-h:212px;--pin:12px;--stamp:28px;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);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;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{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #0000002e);width:30px;height:30px}.wh-body{align-content:start;gap:5px;min-height:0;padding:10px 12px 12px;display:grid}.wh-cat{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:800}.wh-name{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;font-size:.86rem;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:70px;height:var(--stamp);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 0 0 4px var(--surface);place-items:center;padding:0 12px;font-size:.98rem;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:72px;grid-template-rows:var(--card-h) var(--pin) var(--stamp);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:20px;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:36px;height:36px}.wh-held .wh-name{-webkit-line-clamp:7;line-clamp:7;font-size:.98rem}@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;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;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:14px;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);background:var(--accent-soft);border-radius:18px;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{--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-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:560px;--card-r:14% / 17.5%;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));width:min(100%, var(--table-w), max(320px, calc((100dvh - 290px) * 1.25)));gap:clamp(6px,1.4vw,12px);margin-inline:auto;display:grid}.mb-table[data-level=hard]{--table-w:720px;--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-box{--box-w:min(100%, 400px, max(240px, calc((100dvh - 300px) * 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}.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-box{--box-w:min(100%, 400px, max(220px, calc((100dvh - 250px) * 2 / 3)))}.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%, 480px, max(260px, calc(100dvh - 320px)));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:12px;--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%, 480px, max(240px, calc(100dvh - 280px)))}.sd-board{--gap:8px}.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:44px;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));width:min(100%, calc(var(--cols) * var(--max-cell)), max(280px, calc((100dvh - 340px) * var(--cols) / var(--rows))));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:36px}.mn-field[data-level=hard]{--max-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:#fbf7ef;--bg-tint:#f4eee1;--surface:#fff;--surface-2:#f8f4ea;--surface-3:#ede6d6;--border:#ebe3d2;--border-strong:#d3c7ac;--text:#191a33;--text-dim:#4a4b66;--text-faint:#6e6f88;--accent:#3347d6;--accent-hover:#2a3bbb;--accent-text:#2d3fc4;--accent-soft:#e4e8fd;--accent-ring:#3347d659;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #2d3fc480;--texture:url(/textures/blockboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=blockboo]:not([data-theme=light]){--bg:#0b1026;--bg-tint:#0f1530;--surface:#151c3d;--surface-2:#1a2248;--surface-3:#232c58;--border:#1f2852;--border-strong:#354078;--text:#eef0ff;--text-dim:#b5badd;--text-faint:#7f86b0;--accent:#8b9cff;--accent-hover:#a9b5ff;--accent-text:#a9b5ff;--accent-soft:#212c63;--accent-ring:#8b9cff66;--on-accent:#0b1240;--shadow-accent:0 14px 32px -16px #8b9cff6b;--texture:url(/textures/blockboo-dark.svg)}}:root[data-game=blockboo][data-theme=dark]{--bg:#0b1026;--bg-tint:#0f1530;--surface:#151c3d;--surface-2:#1a2248;--surface-3:#232c58;--border:#1f2852;--border-strong:#354078;--text:#eef0ff;--text-dim:#b5badd;--text-faint:#7f86b0;--accent:#8b9cff;--accent-hover:#a9b5ff;--accent-text:#a9b5ff;--accent-soft:#212c63;--accent-ring:#8b9cff66;--on-accent:#0b1240;--shadow-accent:0 14px 32px -16px #8b9cff6b;--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:#e2dfea;--bk-empty:#f3f1f7;--bk-empty-edge:#191a3312;--bk-eye:#fff;--bk-pupil:#191a33;--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:#10173a;--bk-empty:#1c2450;--bk-empty-edge:#00000040;--bk-eye:#fff;--bk-pupil:#0b1026;--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:#10173a;--bk-empty:#1c2450;--bk-empty-edge:#00000040;--bk-eye:#fff;--bk-pupil:#0b1026;--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{--board-w:min(100cqw, 440px, max(260px, calc((100dvh - 400px) * .8)));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);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}.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{--board-w:min(100cqw, 440px, max(240px, calc((100dvh - 250px) * .74)))}.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{--row-w:min(100%, 560px);--card-w:min(100%, 440px, max(240px, calc((100dvh - 520px) * 4 / 3)));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%, 420px, max(220px, calc((100dvh - 330px) * 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:#f1f4fd;--bg-tint:#e6ebfa;--surface:#fff;--surface-2:#eff2fc;--surface-3:#dfe5f7;--border:#d9e0f4;--border-strong:#afbbe2;--text:#111633;--text-dim:#444c75;--text-faint:#646d97;--accent:#3352d6;--accent-hover:#2843bd;--accent-text:#2a46c4;--accent-soft:#e0e6fc;--accent-ring:#3352d659;--on-accent:#fff;--shadow-accent:0 10px 26px -14px #2a46c480;--texture:url(/textures/pourboo-light.svg)}@media (prefers-color-scheme:dark){:root[data-game=pourboo]:not([data-theme=light]){--bg:#0a0e22;--bg-tint:#0e132b;--surface:#141a36;--surface-2:#19203f;--surface-3:#232b50;--border:#1f2747;--border-strong:#36406b;--text:#eef1ff;--text-dim:#b2b9dc;--text-faint:#8088b0;--accent:#8fa6ff;--accent-hover:#adbdff;--accent-text:#adbdff;--accent-soft:#1f2a5a;--accent-ring:#8fa6ff66;--on-accent:#0b1440;--shadow-accent:0 14px 32px -16px #8fa6ff6b;--texture:url(/textures/pourboo-dark.svg)}}:root[data-game=pourboo][data-theme=dark]{--bg:#0a0e22;--bg-tint:#0e132b;--surface:#141a36;--surface-2:#19203f;--surface-3:#232b50;--border:#1f2747;--border-strong:#36406b;--text:#eef1ff;--text-dim:#b2b9dc;--text-faint:#8088b0;--accent:#8fa6ff;--accent-hover:#adbdff;--accent-text:#adbdff;--accent-soft:#1f2a5a;--accent-ring:#8fa6ff66;--on-accent:#0b1440;--shadow-accent:0 14px 32px -16px #8fa6ff6b;--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:#f8faff;--po-glass-edge:#9eacd8;--po-shine:#ffffff8c;--po-cork:#d6a46e;--po-cork-edge:#a87443;--po-eye:#fff;--po-pupil:#161a33}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--po-c3:#35ad66;--po-c6:#4d6bf0;--po-c7:#9d5cf0;--po-c9:#b06d38;--po-glass:#0f1530;--po-glass-edge:#55629a;--po-shine:#ffffff1a;--po-cork:#c28c55;--po-cork-edge:#8d6033}}:root[data-theme=dark]{--po-c3:#35ad66;--po-c6:#4d6bf0;--po-c7:#9d5cf0;--po-c9:#b06d38;--po-glass:#0f1530;--po-glass-edge:#55629a;--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;--tw:clamp(30px, min(calc((100cqw - (var(--per-row) - 1) * var(--gap-x)) / var(--per-row)), calc((100dvh - 440px) / (var(--rows) * 4.4 + .5))), 60px);--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);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)}.po-tube[data-picked]:before{background:var(--accent)}.po-tube[data-picked] .po-glass{box-shadow:0 0 0 4px var(--accent-ring), 0 14px 24px -14px var(--accent)}@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) 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}.po-layer{height:var(--layer);background:var(--po-c);color:var(--po-ink);flex:none;place-items:center;display:grid;overflow:hidden}.po-layer:not([data-joined])+.po-layer:not([data-joined]),.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{border:.07em solid var(--po-glass-edge);background:linear-gradient(to top, var(--po-c) 72%, var(--po-glass) 72%);width:1.02em;height:1.34em;color:var(--po-ink);border-top:0;border-radius:.06em .06em .5em .5em;place-items:end center;padding-bottom:.14em;font-size:.86em;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-drop{background:var(--po-c7);border-radius:50%/60% 60% 40% 40%;align-self:center;width:.2em;height:.28em;margin:0 .02em 0 -.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((100dvh - 330px) / (var(--rows) * 4.4 + .5))), 56px)}.po-logo{font-size:24px}}