@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fff7f2;--surface:#fff;--surface-2:#fff1e8;--ink:#2a2440;--ink-muted:#6e6887;--on-fill:#2a2440;--blocked:#eceaf3;--coral:#ff6b57;--coral-soft:#ffe3de;--coral-ink:#b8341f;--teal:#14b8a6;--teal-soft:#d5f5f0;--teal-ink:#0f766e;--lavender:#a78bfa;--lavender-soft:#ede7fe;--lavender-ink:#6d28d9;--butter:#ffd95a;--butter-soft:#fff6d6;--butter-ink:#8a6a00;--edge:#2a2440;--edge-soft:#2a244024;--highlight:inset 0 2px 0 #ffffffbf;--scrim:#2a244080;--c-page:var(--page);--c-bg:var(--surface);--c-subtle:var(--surface-2);--c-fg:var(--ink);--c-muted:var(--ink-muted);--c-disabled:var(--ink-muted);--c-line:var(--edge-soft);--c-primary:var(--coral);--c-primary-fg:var(--on-fill);--c-accent-soft:var(--lavender-soft);--c-accent-ink:var(--lavender-ink);--team-a:var(--coral);--team-a-soft:var(--coral-soft);--team-a-ink:var(--coral-ink);--team-b:var(--teal);--team-b-soft:var(--teal-soft);--team-b-ink:var(--teal-ink);--axis-h-solid:var(--lavender);--axis-v-solid:var(--butter);--tile-max:38%;--s-0:4px;--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:40px;--s-6:48px;--s-8:64px;--line:3px;--line-thin:2px;--border:var(--line) solid var(--edge);--border-soft:var(--line-thin) solid var(--c-line);--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--ledge:0 4px 0 var(--edge);--ledge-sm:0 3px 0 var(--edge);--ledge-pressed:0 1px 0 var(--edge);--shadow:0 12px 28px -12px #2a244059;--shadow-lg:0 24px 48px -16px #2a244066;--glass-bg:#fff7f2d1;--glass-blur:blur(14px) saturate(160%);--font-display:"Fredoka Variable", Fredoka, "Nunito Variable", system-ui, sans-serif;--font-body:"Nunito Variable", Nunito, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--fs-2xl:2.5rem;--fs-3xl:3.5rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--tracking-label:.05em;--tracking-display:-.01em;--touch:44px;--focus-ring:3px solid var(--lavender-ink);--focus-offset:3px;--motion-press:90ms;--motion:.18s;--motion-exit:.12s;--motion-slow:.42s;--ease:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--spring:cubic-bezier(.2, .8, .2, 1);--spring-bounce:cubic-bezier(.34, 1.4, .64, 1);--z-header:20;--z-dock:25;--z-pass:30;--z-sheet:40;--z-dialog:50;--z-toast:60;--page-max:1120px;--board-max:560px;--panel-w:360px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#1b1530;--surface:#2a2244;--surface-2:#352c55;--ink:#f6f2ff;--ink-muted:#c9c3e0;--blocked:#3a3452;--coral:#ff8a78;--coral-soft:#4a2a3a;--coral-ink:#ffa597;--teal:#2dd4bf;--teal-soft:#15403f;--teal-ink:#5eead4;--lavender:#c4b5fd;--lavender-soft:#3a2f66;--lavender-ink:#c4b5fd;--butter:#ffe07a;--butter-soft:#4a3f1e;--butter-ink:#ffe07a;--edge:#0f0b1f;--edge-soft:#ffffff1f;--highlight:inset 0 2px 0 #ffffff14;--scrim:#080512b3;--shadow:0 12px 28px -12px #0009;--shadow-lg:0 24px 48px -16px #000000b3;--glass-bg:#1b1530d1;--tile-max:30%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#1b1530;--surface:#2a2244;--surface-2:#352c55;--ink:#f6f2ff;--ink-muted:#c9c3e0;--blocked:#3a3452;--coral:#ff8a78;--coral-soft:#4a2a3a;--coral-ink:#ffa597;--teal:#2dd4bf;--teal-soft:#15403f;--teal-ink:#5eead4;--lavender:#c4b5fd;--lavender-soft:#3a2f66;--lavender-ink:#c4b5fd;--butter:#ffe07a;--butter-soft:#4a3f1e;--butter-ink:#ffe07a;--edge:#0f0b1f;--edge-soft:#ffffff1f;--highlight:inset 0 2px 0 #ffffff14;--scrim:#080512b3;--shadow:0 12px 28px -12px #0009;--shadow-lg:0 24px 48px -16px #000000b3;--glass-bg:#1b1530d1;--tile-max:30%}}@supports (transition-timing-function:linear(0, 1)){:root{--spring:linear(0, .157, .438, .66, .807, .896, .948, .976, .99, .997, 1);--spring-bounce:linear(0, .2, .62, .95, 1.1, 1.12, 1.07, 1.01, .98, .985, 1)}}@media (prefers-reduced-motion:reduce){:root{--motion-press:0s;--motion:.12s;--motion-exit:80ms;--motion-slow:.12s;--spring:linear;--spring-bounce:linear}}@media (prefers-reduced-transparency:reduce){:root{--glass-bg:var(--page);--glass-blur:none}}@media (prefers-contrast:more){:root{--edge-soft:var(--edge);--glass-bg:var(--page);--glass-blur:none;--shadow:none;--shadow-lg:none}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{background:var(--c-page);color:var(--c-fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion) var(--ease);margin:0;padding:0;font-size:100%;line-height:1.5}html:has(.game){scroll-padding-top:176px;scroll-padding-bottom:calc(var(--dock-h,0px) + 16px)}#root{min-height:100dvh}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-display);text-wrap:balance;line-height:1.15}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--s-2);z-index:var(--z-toast);padding:var(--s-1) var(--s-2);border-radius:var(--radius);background:var(--butter);color:var(--on-fill);font-weight:var(--fw-bold);position:absolute;top:-80px}.skip-link:focus{top:calc(var(--s-1) + var(--safe-top))}.page{min-height:100dvh;padding:calc(var(--s-2) + var(--safe-top)) calc(var(--s-2) + var(--safe-right)) calc(var(--s-3) + var(--safe-bottom)) calc(var(--s-2) + var(--safe-left));max-width:var(--page-max);gap:var(--s-3);flex-direction:column;margin:0 auto;display:flex}@media (width>=600px){.page{padding-left:calc(var(--s-4) + var(--safe-left));padding-right:calc(var(--s-4) + var(--safe-right))}}.page-head{align-items:center;gap:var(--s-1);flex-wrap:wrap;display:flex}.page-title{font-size:var(--fs-xl);outline:none}.label{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label);text-transform:uppercase}.heading{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-display);line-height:1.2}.muted{color:var(--c-muted)}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.btn{justify-content:center;align-items:center;gap:var(--s-1);min-height:var(--touch);min-width:var(--touch);padding:var(--s-1) var(--s-3);border:var(--border);border-radius:var(--radius-pill);background:var(--c-bg);color:var(--c-fg);box-shadow:var(--ledge-sm), var(--highlight);font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--motion-press) var(--ease), box-shadow var(--motion-press) var(--ease), background-color var(--motion) var(--ease);line-height:1.1;display:inline-flex;position:relative}.btn svg{flex:none}.btn--primary{background:var(--c-primary);color:var(--c-primary-fg)}.btn--butter{background:var(--butter);color:var(--on-fill)}.btn--block{width:100%}.btn--lg{min-height:56px;font-size:var(--fs-lg);padding:var(--s-1) var(--s-4);box-shadow:var(--ledge), var(--highlight)}.btn--ghost{box-shadow:none;background:0 0;border-color:#0000}.btn--icon{width:var(--touch);padding:0}.btn:active:not(:disabled){box-shadow:var(--ledge-pressed), var(--highlight);transform:translateY(3px)scale(.98)}.btn--ghost:active:not(:disabled){box-shadow:none;transform:scale(.96)}@media (hover:hover){.btn:hover:not(:disabled){background:color-mix(in oklab, var(--c-bg) 88%, var(--lavender))}.btn--primary:hover:not(:disabled){background:color-mix(in oklab, var(--c-primary) 90%, white)}.btn--butter:hover:not(:disabled){background:color-mix(in oklab, var(--butter) 90%, white)}.btn--ghost:hover:not(:disabled){background:var(--c-accent-soft)}}.btn:disabled{cursor:not-allowed;border-style:dashed;border-color:var(--c-muted);color:var(--c-disabled);background:var(--c-subtle);box-shadow:none}.btn[aria-busy=true]{cursor:progress}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.4s}}.inverted{color:#f6f2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#2a2244;--c-page:#1b1530;--c-subtle:#352c55;--c-fg:#f6f2ff;--c-muted:#c9c3e0;--c-disabled:#c9c3e0;--c-line:#fff3;--edge:#0f0b1f;--c-primary:#ffe07a;--c-primary-fg:#2a2440;--c-accent-soft:#3a2f66;--focus-ring:3px solid #ffe07a;--highlight:inset 0 2px 0 #ffffff14;background:radial-gradient(120% 70% at 0 0,#a78bfa59,#0000 60%),radial-gradient(90% 60% at 100% 100%,#ff6b5747,#0000 60%),#1b1530}.field{gap:var(--s-0);flex-direction:column;display:flex}.field__label{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.input{min-height:48px;padding:var(--s-1) var(--s-2);border:var(--border);border-radius:var(--radius);background:var(--c-bg);box-shadow:inset 0 3px 0 var(--edge-soft);font-size:var(--fs-md);width:100%;transition:box-shadow var(--motion) var(--ease)}.input:focus-visible{box-shadow:inset 0 3px 0 var(--edge-soft), 0 0 0 4px var(--lavender);outline:none}.input[aria-invalid=true]{border-color:var(--coral-ink);background:var(--coral-soft)}.error-text{align-items:center;gap:var(--s-0);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--coral-ink);display:flex}.inverted .error-text{color:#ffe07a}.helper-text{font-size:var(--fs-sm);color:var(--c-muted)}.card{border:var(--border);border-radius:var(--radius-xl);padding:var(--s-2);background:var(--c-bg);box-shadow:var(--ledge), var(--highlight)}.stack{gap:var(--s-2);flex-direction:column;display:flex}.row{gap:var(--s-1);flex-wrap:wrap;align-items:center;display:flex}.fade-in{animation:rise-in var(--motion-slow) var(--spring) both}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@keyframes fade-only{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.fade-in{animation-name:fade-only}}.segmented{gap:var(--s-0);padding:var(--s-0);border:var(--border);border-radius:var(--radius-pill);background:var(--c-subtle);box-shadow:inset 0 3px 0 var(--edge-soft);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.segmented__option{justify-content:center;align-items:center;gap:var(--s-0);min-height:var(--touch);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-md);cursor:pointer;transition:background-color var(--motion) var(--ease), transform var(--motion-press) var(--ease);background:0 0;border:0;display:inline-flex}.segmented__option:active{transform:scale(.96)}.segmented__option.is-on{background:var(--c-bg);color:var(--c-fg);box-shadow:0 0 0 var(--line) var(--edge), 0 3px 0 var(--line) var(--edge)}.toast-region{left:50%;bottom:calc(96px + var(--safe-bottom));z-index:var(--z-toast);pointer-events:none;width:max-content;max-width:calc(100vw - 32px);position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);border:var(--border);border-radius:var(--radius-pill);background:var(--butter);color:var(--on-fill);font-weight:var(--fw-bold);box-shadow:var(--ledge-sm);animation:rise-in var(--motion-slow) var(--spring) both;display:flex}.sheet-scrim{z-index:var(--z-sheet);background:var(--scrim);animation:fade-only var(--motion) var(--ease) both;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--c-bg);width:100%;max-width:560px;max-height:88dvh;color:var(--c-fg);border:var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);padding-bottom:var(--safe-bottom);animation:sheet-in var(--motion-slow) var(--spring) both;border-bottom:0;flex-direction:column;display:flex}.sheet__grip{border-radius:var(--radius-pill);background:var(--c-line);width:44px;height:5px;margin:var(--s-1) auto 0}.sheet__head{align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-1) var(--s-1) var(--s-3);display:flex}.sheet__title{font-size:var(--fs-xl);outline:none;flex:1}.sheet__body{padding:0 var(--s-3) var(--s-3);gap:var(--s-2);flex-direction:column;display:flex;overflow-y:auto}.sheet__foot{padding:var(--s-2) var(--s-3) var(--s-3);border-top:var(--border-soft);gap:var(--s-1);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width>=700px){.sheet-scrim{padding:var(--s-3);align-items:center}.sheet{border-bottom:var(--border);border-radius:var(--radius-xl);box-shadow:var(--ledge), var(--shadow-lg)}.sheet__grip{display:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sheet{animation-name:fade-only}}.help__block{gap:var(--s-1);flex-direction:column;display:flex}.help__h{font-size:var(--fs-lg)}.help__roles{padding:var(--s-2);border-radius:var(--radius-lg);background:var(--lavender-soft)}.help__roles ul,.help__points{padding-left:var(--s-3);margin:0}.help__axis{justify-content:space-between;align-items:center;gap:var(--s-1);padding:var(--s-1);border-radius:var(--radius-pill);background:linear-gradient(to right, var(--lavender-soft), var(--lavender));display:flex}.help__end{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--on-fill);padding:0 var(--s-1)}.help__word{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-lg);padding:2px var(--s-2);border:var(--line-thin) solid var(--edge);border-radius:var(--radius-pill);background:var(--lavender);color:var(--on-fill)}.help__score{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.help__grid{grid-template-columns:repeat(3,40px);gap:4px;display:grid}.help__cell{border:var(--line-thin) solid var(--edge);border-radius:var(--radius-sm);height:40px;font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--on-fill);place-items:center;display:grid}.help__cell--3{background:var(--butter)}.help__cell--2{background:var(--coral-soft);color:var(--c-fg)}.help__cell--1{background:var(--lavender-soft);color:var(--c-fg)}.tiles{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:0;gap:.12em;margin:0;line-height:1;display:inline-flex}.tiles--sm{font-size:.8125rem}.tiles--md{font-size:var(--fs-xl)}.tiles--lg{font-size:clamp(1.5rem,7vw,3.5rem)}@media (width>=600px){.tiles--sm{font-size:var(--fs-md)}}.tiles__tile{border:max(2px, .07em) solid var(--edge);width:1.35em;height:1.4em;color:var(--on-fill);box-shadow:0 .1em 0 var(--edge), inset 0 .06em 0 #ffffff80;animation:tile-in var(--motion-slow) var(--spring-bounce) both;animation-delay:calc(var(--i,0) * 45ms);border-radius:.3em;place-items:center;padding-bottom:.05em;display:inline-grid}.tiles__tile--coral{background:var(--coral);transform:rotate(-3deg)}.tiles__tile--lavender{background:var(--lavender);transform:rotate(2deg)}.tiles__tile--butter{background:var(--butter);transform:rotate(-2deg)}.tiles__tile--teal{background:var(--teal);transform:rotate(3deg)}@keyframes tile-in{0%{opacity:0;translate:0 .3em;scale:.8}to{opacity:1;translate:0;scale:1}}@media (prefers-reduced-motion:reduce){.tiles__tile{animation:none}}.settings__block{gap:var(--s-1);flex-direction:column;display:flex}.settings__h{font-size:var(--fs-lg)}.settings__row{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.switch{width:60px;height:var(--touch);cursor:pointer;background:0 0;border:0;flex:none;padding:0;position:relative}.switch:before{content:"";border:var(--border);border-radius:var(--radius-pill);background:var(--c-subtle);box-shadow:inset 0 3px 0 var(--edge-soft);transition:background-color var(--motion) var(--ease);position:absolute;inset:6px 0}.switch.is-on:before{background:var(--teal)}.switch__knob{border:var(--line-thin) solid var(--edge);background:var(--surface);width:26px;height:26px;color:var(--c-fg);box-shadow:0 2px 0 var(--edge);transition:transform var(--motion) var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;left:4px}.switch.is-on .switch__knob{transform:translate(26px)}.home{justify-content:center;gap:var(--s-4);max-width:600px}.home__head{gap:var(--s-2);flex-direction:column;display:flex}.home__head h1{outline:none}.home__tag{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-medium);text-wrap:balance;line-height:1.2}.home__modes{gap:var(--s-2);flex-direction:column;display:flex}.mode{align-items:center;gap:var(--s-2);width:100%;min-height:88px;padding:var(--s-2);border:var(--border);border-radius:var(--radius-xl);background:var(--c-bg);color:var(--c-fg);text-align:left;box-shadow:var(--ledge), var(--highlight);cursor:pointer;transition:transform var(--motion-press) var(--ease), box-shadow var(--motion-press) var(--ease);display:flex}.mode:active{box-shadow:var(--ledge-pressed), var(--highlight);transform:translateY(3px)scale(.99)}@media (hover:hover){.mode:hover{box-shadow:0 6px 0 var(--edge), var(--highlight);transform:translateY(-2px)}}.mode--local{background:var(--coral);color:var(--on-fill)}.mode--online{background:var(--teal-soft)}.mode--resume{background:var(--butter);color:var(--on-fill)}.mode__icon{border:var(--line-thin) solid var(--edge);border-radius:var(--radius-lg);background:var(--surface);width:52px;height:52px;color:var(--c-fg);box-shadow:0 3px 0 var(--edge);flex:none;place-items:center;display:grid}.mode--local .mode__icon,.mode--resume .mode__icon{color:#2a2440;background:#fff}.mode__text{flex-direction:column;flex:1;min-width:0;display:flex}.mode__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:1.2}.mode__sub{font-size:var(--fs-sm);opacity:.85}.home__secondary{gap:var(--s-1);flex-wrap:wrap;justify-content:center;display:flex}.clue{gap:var(--s-1);flex-direction:column;display:flex}.clue__head{justify-content:space-between;align-items:center;display:flex}.clue__reset{padding:0 var(--s-2)}.clue__counter{gap:var(--s-1);grid-template-columns:repeat(5,1fr);display:grid}.clue__tick{min-height:var(--touch);border:var(--line-thin) solid var(--edge);border-radius:var(--radius);background:var(--c-bg);font-family:var(--font-display);font-weight:var(--fw-semibold);cursor:pointer;box-shadow:0 3px 0 var(--edge);transition:background-color var(--motion) var(--ease), transform var(--motion-press) var(--ease), box-shadow var(--motion-press) var(--ease);place-items:center;display:grid}.clue__tick:active{box-shadow:0 1px 0 var(--edge);transform:translateY(2px)}.clue__tick.is-on{background:var(--lavender);color:var(--on-fill)}.clue__boxes{gap:var(--s-1);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.clue__box{border:var(--line-thin) solid var(--edge);border-radius:var(--radius);min-width:0;min-height:48px;padding:var(--s-1) var(--s-0);font-family:var(--font-display);font-weight:var(--fw-semibold);text-align:center;overflow-wrap:anywhere;background:var(--c-bg)}.clue__box--display{text-transform:uppercase;font-size:var(--fs-sm);background:var(--butter);color:var(--on-fill);box-shadow:0 3px 0 var(--edge);animation:fade-only var(--motion-slow) var(--ease) both;justify-content:center;align-items:center;display:flex}.clue__box--empty{border-style:dashed;border-color:var(--c-muted);box-shadow:none;background:0 0;animation:none}.clue__box--input{font-size:var(--fs-md);width:100%;box-shadow:inset 0 3px 0 var(--edge-soft)}.clue__box--input:focus-visible{box-shadow:inset 0 3px 0 var(--edge-soft), 0 0 0 4px var(--lavender);outline:none}@media (width<=420px){.clue__boxes{grid-template-columns:repeat(3,minmax(0,1fr))}}.dialog-backdrop{z-index:var(--z-dialog);background:var(--scrim);padding:var(--s-2);animation:fade-only var(--motion) var(--ease) both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--c-bg);width:100%;max-width:420px;color:var(--c-fg);border:var(--border);border-radius:var(--radius-xl);padding:var(--s-3);gap:var(--s-2);box-shadow:var(--ledge), var(--shadow-lg);animation:rise-in var(--motion-slow) var(--spring) both;flex-direction:column;display:flex}.dialog__actions{gap:var(--s-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.avatar{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:.02em;color:var(--on-fill);border:var(--line-thin) solid var(--edge);box-shadow:0 2px 0 var(--edge);flex:none;place-items:center;line-height:1;display:inline-grid}.avatar--a{background:var(--team-a);border-radius:50%}.avatar--b{background:var(--team-b);border-radius:28%}.avatar--sm{width:28px;height:28px;font-size:var(--fs-xs)}.avatar--md{width:36px;height:36px;font-size:var(--fs-sm)}.avatar--lg{width:48px;height:48px;font-size:var(--fs-lg)}.reveal-box{width:100%}.reveal-box__cover,.reveal-box__content{gap:var(--s-2);flex-direction:column;align-items:stretch;display:flex}.reveal-box__hint{font-size:var(--fs-sm);color:var(--c-muted);text-align:center}.reveal-box__hold{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}.reveal-box__hold-fill{background:var(--c-primary-fg);opacity:.55;width:0;height:7px;position:absolute;bottom:0;left:0}.reveal-box__hold.is-holding .reveal-box__hold-fill{width:100%;transition:width var(--hold-ms) linear}.reveal-box__hold-text{position:relative}.reveal-box__footer{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}p.reveal-box__footer{justify-content:center}.reveal-box__timer{align-items:center;gap:var(--s-0);font-weight:var(--fw-bold);color:var(--c-muted);display:inline-flex}.pass{z-index:var(--z-pass);padding:calc(var(--s-6) + var(--safe-top)) calc(var(--s-2) + var(--safe-right)) calc(var(--s-3) + var(--safe-bottom)) calc(var(--s-2) + var(--safe-left));justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.pass__quit{top:calc(var(--s-1) + var(--safe-top));left:calc(var(--s-1) + var(--safe-left));position:absolute}.pass__inner{gap:var(--s-3);text-align:center;width:100%;max-width:480px;animation:rise-in var(--motion-slow) var(--spring) both;flex-direction:column;display:flex}.pass__context{color:var(--c-muted)}.pass__avatar{justify-content:center;display:flex}.pass__title{gap:var(--s-1);outline:none;flex-direction:column;display:flex}.pass__eyebrow{color:#ffe07a}.pass__name{font-size:clamp(var(--fs-2xl), 12vw, var(--fs-3xl));font-weight:var(--fw-semibold);overflow-wrap:anywhere;line-height:1.05}.pass__title--small .pass__name{font-size:var(--fs-2xl)}.pass__task{font-family:var(--font-body);font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:1.35}.pick-word{min-height:76px;font-size:var(--fs-xl);letter-spacing:.02em;border-radius:var(--radius-lg);color:#2a2440}.pick-word:nth-of-type(odd){background:#c4b5fd}.pick-word:nth-of-type(2n){background:#ffe07a}.pass__note{font-size:var(--fs-sm)}.team-marker{border:var(--line-thin) solid var(--edge);box-shadow:0 2px 0 var(--edge);flex:none;justify-content:center;align-items:center;display:inline-flex}.team-marker--star{background:var(--team-a);border-radius:50%}.team-marker--crown{background:var(--team-b);border-radius:28%}.team-marker svg{fill:var(--on-fill)}.reveal{gap:var(--s-2);padding:var(--s-2);border:var(--border);border-radius:var(--radius-xl);background:var(--c-bg);box-shadow:var(--ledge), var(--highlight);flex-direction:column;display:flex}.reveal__head{align-items:center;gap:var(--s-2);display:flex}.reveal__points{border:var(--border);border-radius:var(--radius-lg);background:var(--c-subtle);min-width:2.2em;color:var(--c-fg);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);box-shadow:var(--ledge-sm);place-items:center;padding:0 .2em;line-height:1.2;display:inline-grid}.reveal__points.is-scored{background:var(--butter);color:var(--on-fill);animation:pop var(--motion-slow) var(--spring-bounce) both}.reveal__title{font-size:var(--fs-xl)}.reveal__team{align-items:center;gap:var(--s-1);font-weight:var(--fw-bold);display:flex}.reveal__facts{gap:var(--s-1);grid-template-columns:1fr 1fr;margin:0;display:grid}.reveal__fact{padding:var(--s-1) var(--s-2);border:var(--border-soft);border-radius:var(--radius-lg);background:var(--c-subtle)}.reveal__fact--target{background:var(--butter-soft)}.reveal__fact dt{align-items:center;gap:4px;display:flex}.reveal__fact dd{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0}.reveal__note{font-size:var(--fs-sm)}@media (prefers-reduced-motion:reduce){.reveal__points.is-scored{animation-name:fade-only}}.axis{justify-content:space-between;align-items:center;gap:var(--s-1);min-width:0;display:flex;position:relative}.axis:after{content:"";border-radius:var(--radius-pill);pointer-events:none;position:absolute}.axis--horizontal:after{background:linear-gradient(to right, color-mix(in oklch, var(--axis-h-solid) 20%, transparent), var(--axis-h-solid));height:6px;bottom:-8px;left:0;right:0}.axis--vertical:after{background:linear-gradient(to top, color-mix(in oklch, var(--axis-v-solid) 25%, transparent), var(--axis-v-solid));width:6px;top:0;bottom:0;right:-7px}.axis__word{z-index:1;font-family:var(--font-display);font-size:clamp(var(--fs-md), 4.4vw, var(--fs-xl));font-weight:var(--fw-semibold);letter-spacing:.02em;text-transform:uppercase;text-align:center;padding:6px var(--s-2);border:var(--line-thin) solid var(--edge);border-radius:var(--radius-pill);color:var(--on-fill);box-shadow:0 3px 0 var(--edge);overflow-wrap:anywhere;min-width:0;animation:pop var(--motion-slow) var(--spring-bounce) both;line-height:1.05;position:relative}.axis--horizontal .axis__word{background:var(--axis-h-solid)}.axis--vertical .axis__word{background:var(--axis-v-solid);padding:var(--s-2) 6px}.axis__word--empty{color:var(--c-muted);border-style:dashed;border-color:var(--c-muted);box-shadow:none;font-size:var(--fs-sm);letter-spacing:var(--tracking-label);animation:none;background:var(--c-bg)!important}.axis__end{color:var(--c-muted);white-space:nowrap;flex:none;align-items:center;gap:2px;display:inline-flex}.axis--horizontal{flex-direction:row;width:100%}.axis--vertical{flex-direction:column-reverse;height:100%}.axis--vertical .axis__end{flex-direction:column}.axis--vertical .axis__word-text{writing-mode:vertical-rl;display:block;transform:rotate(180deg)}.axis--compact .axis__word{font-size:var(--fs-sm);padding:2px var(--s-1);box-shadow:none}.axis--compact.axis--vertical .axis__word{padding:var(--s-1) 2px}@media (prefers-reduced-motion:reduce){.axis__word{animation-name:fade-only}}.board{gap:var(--s-1);width:100%;max-width:var(--board-max);padding:var(--s-2) var(--s-2) var(--s-3);border:var(--border);border-radius:var(--radius-xl);background:var(--c-bg);box-shadow:var(--ledge), var(--highlight), var(--shadow);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);margin:0 auto;display:grid}.board--compact{gap:var(--s-0);max-width:280px;padding:var(--s-1) var(--s-1) var(--s-2);box-shadow:var(--ledge-sm);color:#2a2440;--c-bg:#fff;--c-fg:#2a2440;--c-muted:#6e6887;--tile-max:38%;background:#fff}.board__v-axis{grid-area:1/1;justify-content:center;display:flex}.board__grid{grid-area:1/2;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.board--compact .board__grid{gap:4px}.board__h-axis{grid-area:2/2;padding-top:2px}.cell{--lav-share:calc((var(--col,0) + .5) / (var(--col,0) + var(--row,0) + 1) * 100%);--strength:calc((var(--col,0) + var(--row,0)) / 8 * var(--tile-max) + 10%);aspect-ratio:1;min-width:0;min-height:var(--touch);border:var(--line-thin) solid var(--edge);border-radius:var(--radius);background:color-mix(in oklch, color-mix(in oklch, var(--axis-h-solid) var(--lav-share), var(--axis-v-solid)) var(--strength), var(--c-bg));color:var(--c-fg);box-shadow:0 3px 0 var(--edge), inset 0 2px 0 #ffffff73;cursor:default;transition:transform var(--motion-press) var(--ease), box-shadow var(--motion-press) var(--ease), background-color var(--motion) var(--ease);justify-content:center;align-items:center;padding:0;display:flex;position:relative}.cell--compact{border-radius:var(--radius-sm);min-height:0;box-shadow:0 2px 0 var(--edge)}.cell__id{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-semibold);opacity:.85;line-height:1;position:absolute;top:4px;left:6px}.cell--compact .cell__id{top:3px;left:4px}.cell__points{border:var(--line-thin) solid var(--edge);border-radius:var(--radius-pill);background:var(--surface);min-width:1.6em;height:1.6em;color:var(--c-fg);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(.75rem,3.2vw,1.375rem);font-weight:var(--fw-semibold);animation:fade-only var(--motion-slow) var(--ease) both;place-items:center;padding:0 .2em;line-height:1;display:grid;transform:translateY(24%)}.cell__badges{gap:2px;display:flex;position:absolute;top:3px;right:3px}.cell__badge{border:var(--line-thin) solid var(--edge);width:20px;height:20px;color:var(--on-fill);border-radius:50%;place-items:center;display:grid}.cell__badge--guess{background:var(--coral)}.cell--target .cell__badge--guess{background:#fff}.cell__x{width:100%;height:100%;position:absolute;inset:0}.cell__x line{stroke:var(--c-muted);stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-width:4px}.cell--blocked{background:var(--blocked);box-shadow:none;border-style:dashed}.cell--selectable{cursor:pointer}.cell--selectable:active{box-shadow:0 1px 0 var(--edge);transform:translateY(2px)scale(.97)}@media (hover:hover){.cell--selectable:hover{box-shadow:0 5px 0 var(--edge), 0 0 0 3px var(--lavender);transform:translateY(-2px)}}.cell--selected,.cell--selected:hover{background:var(--ink);color:var(--page);box-shadow:0 5px 0 var(--edge), 0 0 0 4px var(--coral);transform:translateY(-3px)}.cell--target{background:var(--butter);color:var(--on-fill);border:4px double var(--edge);animation:pop var(--motion-slow) var(--spring-bounce) both}.cell--guess:not(.cell--target){border:3px dashed var(--edge)}.cell--highlight{background:var(--coral);color:var(--on-fill);border:4px double var(--edge)}@media (prefers-reduced-motion:reduce){.cell--target{animation-name:fade-only}.cell--selected{transform:none}}@media (width<=420px){.board{padding:var(--s-1) var(--s-1) var(--s-2);gap:6px}.board__grid{gap:5px}}.winner__hero{align-items:flex-start;gap:var(--s-1);flex-direction:column;display:flex}.winner__trophy{border:var(--border);border-radius:var(--radius-xl);background:var(--butter);width:72px;height:72px;color:var(--on-fill);box-shadow:var(--ledge), var(--highlight);animation:pop var(--motion-slow) var(--spring-bounce) both;place-items:center;display:grid}.winner__headline{font-size:clamp(var(--fs-xl), 7vw, var(--fs-3xl));overflow-wrap:anywhere;outline:none;line-height:1.08}.winner__score{font-size:clamp(var(--fs-2xl), 14vw, 5.5rem);font-weight:var(--fw-semibold);padding:var(--s-1) var(--s-3);border:var(--border);border-radius:var(--radius-xl);background:var(--c-bg);box-shadow:var(--ledge), var(--highlight);line-height:1}.winner__teams{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.winner__team{gap:var(--s-1);padding:var(--s-2);border:var(--border);border-radius:var(--radius-xl);box-shadow:var(--ledge-sm), var(--highlight);flex-direction:column;display:flex}.winner__team--a{background:var(--team-a-soft)}.winner__team--b{background:var(--team-b-soft)}.winner__team.is-winner{box-shadow:0 0 0 4px var(--c-page), 0 0 0 8px var(--butter), var(--ledge)}.winner__team-head{align-items:center;gap:var(--s-1);display:flex}.winner__team-label{min-width:0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);overflow-wrap:anywhere;flex:1}.winner__team-score{font-size:var(--fs-2xl);font-weight:var(--fw-semibold)}.winner__team--a .winner__team-score{color:var(--team-a-ink)}.winner__team--b .winner__team-score{color:var(--team-b-ink)}.winner__avatars{gap:4px;display:flex}.winner__actions{gap:var(--s-1);flex-wrap:wrap;display:flex}.winner__rounds{gap:var(--s-1);flex-direction:column;display:flex}.winner__list{padding:var(--s-1) var(--s-2);border:var(--border);border-radius:var(--radius-xl);background:var(--c-bg);margin:0;list-style:none}.winner__round{gap:var(--s-2);padding:var(--s-1) 0;border-bottom:var(--border-soft);font-size:var(--fs-sm);align-items:baseline;display:flex}.winner__round:last-child{border-bottom:0}.winner__round-no{font-weight:var(--fw-semibold);color:var(--c-muted)}.winner__round-main{overflow-wrap:anywhere;flex:1;min-width:0}.winner__round-pts{font-weight:var(--fw-semibold);color:var(--c-muted)}.winner__round-pts.is-scored{color:var(--lavender-ink)}@media (prefers-reduced-motion:reduce){.winner__trophy{animation-name:fade-only}}.dock{z-index:var(--z-dock);padding:var(--s-3) calc(var(--s-2) + var(--safe-right)) calc(var(--s-2) + var(--safe-bottom)) calc(var(--s-2) + var(--safe-left));background:linear-gradient(to top, var(--c-page) 72%, transparent);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.dock__inner{gap:var(--s-1);max-width:var(--board-max);pointer-events:auto;flex-direction:column;margin:0 auto;display:flex}@media (width>=900px){.dock{pointer-events:auto;background:0 0;padding:0;position:static}.dock__inner{max-width:none}}.coach{gap:var(--s-1);padding:var(--s-2);border:var(--border);border-radius:var(--radius-xl);background:var(--butter-soft);box-shadow:var(--ledge-sm), var(--highlight);flex-direction:column;display:flex}.coach__head{align-items:center;gap:var(--s-1);display:flex}.coach__title{font-size:var(--fs-lg);flex:1}.coach__list{padding-left:var(--s-3);flex-direction:column;gap:6px;margin:0;display:flex}.rounds{gap:var(--s-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rounds__item{padding:var(--s-2);border:var(--border-soft);border-radius:var(--radius-lg);background:var(--c-subtle);flex-direction:column;gap:6px;display:flex}.rounds__head{align-items:center;gap:var(--s-1);display:flex}.rounds__title{font-family:var(--font-display);font-weight:var(--fw-semibold);flex:1}.rounds__pts{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--c-muted)}.rounds__pts.is-scored{color:var(--lavender-ink)}.rounds__words{gap:var(--s-1);flex-wrap:wrap;display:flex}.rounds__chip{padding:2px var(--s-1);border:var(--line-thin) solid var(--edge);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--on-fill)}.rounds__chip--h{background:var(--lavender)}.rounds__chip--v{background:var(--butter)}.rounds__meta{font-size:var(--fs-sm);overflow-wrap:anywhere}.strip{flex-direction:column;gap:6px;display:flex}.strip__teams{gap:var(--s-1);grid-template-columns:1fr 1fr;display:grid}.strip__team{align-items:center;gap:var(--s-1);min-width:0;padding:6px var(--s-1) 6px 6px;border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--ledge-sm), var(--highlight);transition:transform var(--motion) var(--spring);display:flex}.strip__team--a{background:var(--team-a-soft)}.strip__team--b{background:var(--team-b-soft)}.strip__team.is-active{box-shadow:0 0 0 3px var(--c-page), 0 0 0 6px var(--lavender), var(--ledge-sm);transform:translateY(-2px)}.strip__text{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.strip__name{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-md);overflow-wrap:anywhere}.strip__players{font-size:var(--fs-xs);color:var(--c-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strip__score{font-size:var(--fs-xl);font-weight:var(--fw-semibold);text-align:right;min-width:2ch;line-height:1}.strip__team--a .strip__score{color:var(--team-a-ink)}.strip__team--b .strip__score{color:var(--team-b-ink)}.strip__track{border:var(--line-thin) solid var(--edge);border-radius:var(--radius);background:var(--c-bg);grid-template-columns:1.4fr repeat(12,1fr);gap:2px;margin:0;padding:3px;list-style:none;display:grid}.strip__slot{background:var(--c-subtle);border-radius:7px;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;min-height:42px;padding:2px 0;display:flex;position:relative}.strip__slot--goal{background:var(--butter-soft)}.strip__num{font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1}.strip__markers{gap:1px;display:flex}@media (width<=520px){.strip__players{display:none}.strip__name{font-size:var(--fs-sm)}.strip__score{font-size:var(--fs-lg)}.strip__slot{min-height:36px}.strip__markers{flex-direction:column}}.turn{align-items:center;gap:var(--s-2);padding:var(--s-2);border:var(--border);border-radius:var(--radius-xl);background:var(--lavender-soft);color:var(--c-fg);box-shadow:var(--ledge), var(--highlight);animation:rise-in var(--motion-slow) var(--spring) both;display:flex}.turn--a{background:var(--team-a-soft)}.turn--b{background:var(--team-b-soft)}.turn__text{flex:1;min-width:0}.turn__phase{color:var(--c-muted)}.turn__message{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);text-wrap:balance;line-height:1.25}.turn__detail{font-size:var(--fs-sm);color:var(--c-muted);margin-top:2px}@media (prefers-reduced-motion:reduce){.turn{animation-name:fade-only}}.game{max-width:var(--page-max);min-height:100dvh;padding:0 calc(var(--s-2) + var(--safe-right)) 0 calc(var(--s-2) + var(--safe-left));margin:0 auto}@media (width>=600px){.game{padding-left:calc(var(--s-4) + var(--safe-left));padding-right:calc(var(--s-4) + var(--safe-right))}}.game__bar{z-index:var(--z-header);gap:var(--s-1);margin:0 calc(-1 * var(--s-2));padding:calc(var(--s-1) + var(--safe-top)) var(--s-2) var(--s-1);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:var(--border-soft);flex-direction:column;display:flex;position:sticky;top:0}@media (width>=600px){.game__bar{margin:0 calc(-1 * var(--s-4));padding-left:var(--s-4);padding-right:var(--s-4)}}.game__top{align-items:center;gap:var(--s-1);min-height:var(--touch);display:flex}.game__round{color:var(--c-muted);white-space:nowrap}.game__actions{align-items:center;gap:2px;margin-left:auto;display:flex}.game__hbtn{padding:0 var(--s-2);font-size:var(--fs-sm)}@media (width<=719px){.game__hbtn{width:var(--touch);padding:0}.game__hlabel{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=400px){.game__round{display:none}}.game__main{gap:var(--s-2);padding-top:var(--s-2);padding-bottom:calc(var(--dock-h,0px) + var(--s-2));grid-template-columns:minmax(0,1fr);grid-template-areas:"turn""board""tray""dock";display:grid}.game__turn{grid-area:turn;min-width:0}.game__board{gap:var(--s-2);flex-direction:column;grid-area:board;min-width:0;display:flex}.game__tray{gap:var(--s-2);flex-direction:column;grid-area:tray;min-width:0;display:flex}.game__tray:empty{display:none}.game__dock{grid-area:dock;align-self:stretch;min-width:0}@media (width>=900px){.game__main{grid-template-columns:minmax(0, 1fr) var(--panel-w);column-gap:var(--s-4);padding-bottom:var(--s-4);grid-template-rows:auto auto 1fr;grid-template-areas:"board turn""board tray""board dock";align-items:start}.game__dock{align-self:start}}.setup{max-width:920px}.setup fieldset{min-width:0;margin:0}.setup__difficulty{gap:var(--s-1);padding-top:var(--s-3);flex-direction:column;display:flex}.setup__teams{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(290px,1fr));display:grid}.setup__team{gap:var(--s-2);padding-top:var(--s-3);flex-direction:column;display:flex}.setup__team--a{background:var(--team-a-soft)}.setup__team--b{background:var(--team-b-soft)}.setup__legend{align-items:center;gap:var(--s-1);padding:4px var(--s-2) 4px 4px;border:var(--line-thin) solid var(--edge);border-radius:var(--radius-pill);background:var(--c-bg);box-shadow:0 2px 0 var(--edge);display:flex}.setup__difficulty .setup__legend{padding-left:var(--s-2)}.setup__team-name{font-family:var(--font-display);font-weight:var(--fw-semibold)}.setup__players{gap:var(--s-1)}.setup__player-row{align-items:center;gap:var(--s-1);display:flex}.setup__slot{border:var(--line-thin) dashed var(--c-muted);width:36px;height:36px;color:var(--c-muted);font-weight:var(--fw-semibold);border-radius:50%;flex:none;place-items:center;display:grid}.setup__team--b .setup__slot{border-radius:28%}.setup__remove{flex:none}.setup__add{border:var(--line-thin) dashed var(--edge)}