: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)}*,: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}.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 h2{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}.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-start h2{font-size:clamp(2rem,4vw,2.75rem)}.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}.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}.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}}.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-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-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}@media (prefers-reduced-motion:reduce){.db-cover{animation: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}}