:root{color-scheme:light;--ink: #1b1f3b;--on-ink: #ffffff;--on-ink-muted: #dfe3ee;--paper: #faf7f2;--app-bg: var(--paper);--surface: #ffffff;--sunken: #efeae2;--muted: #55504a;--faded: #716b61;--line: #ded8cc;--line-strong: #8c8577;--accent: #2f5bff;--accent-ink: #ffffff;--accent-tint: rgba(47, 91, 255, .1);--accent-tint-strong: rgba(47, 91, 255, .18);--go: #1db26b;--go-ink: #1b1f3b;--no: #d53a40;--no-ink: #ffffff;--no-tint: rgba(213, 58, 64, .08);--warn-ink: #7a3b00;--warn-fill: #fff4e5;--warn-line: #ffb400;--focus: #2f5bff;--winner-tint: rgba(255, 194, 71, .28);--tint-hover: rgba(27, 31, 59, .07);--tint-press: rgba(27, 31, 59, .1);--backdrop: rgba(27, 31, 59, .45);--slice-0: #ff6b6b;--slice-1: #ffc247;--slice-2: #4cc27a;--slice-3: #4db8f0;--slice-4: #8b7cff;--slice-5: #ff9447;--slice-6: #ff78b8;--slice-7: #2ec4b6;--slice-0-ink: #1b1f3b;--slice-1-ink: #1b1f3b;--slice-2-ink: #1b1f3b;--slice-3-ink: #1b1f3b;--slice-4-ink: #1b1f3b;--slice-5-ink: #1b1f3b;--slice-6-ink: #1b1f3b;--slice-7-ink: #1b1f3b;--perk-double: var(--slice-5);--perk-double-ink: var(--slice-5-ink);--perk-keep: var(--slice-3);--perk-keep-ink: var(--slice-3-ink);--perk-shrink: var(--slice-0);--perk-shrink-ink: var(--slice-0-ink);--perk-zap: var(--slice-4);--perk-zap-ink: var(--slice-4-ink);--pointer: #1b1f3b;--pointer-inner: #faf7f2;--highlight: #ffc247;--highlight-ink: #1b1f3b;--stat-go-ink: #1b1f3b;--toolbar-bg: var(--surface);--panel-shadow: none;--wheel-shadow: 0 10px 0 0 #1b1f3b, 0 26px 40px rgba(27, 31, 59, .16);--reveal-delay: .42s;--font-display: "Fredoka", "Nunito", "Arial Rounded MT Bold", system-ui, sans-serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-hero: clamp(56px, 7vw, 88px);--text-title: clamp(30px, 3.6vw, 44px);--text-prompt: clamp(24px, 2.6vw, 32px);--text-h2: 24px;--text-h3: 20px;--text-btn-big: 28px;--text-btn: 18px;--text-sub: 18px;--text-body: 17px;--text-ui: 16px;--text-small: 15px;--text-side: clamp(17px, 1.15vw, 24px);--text-side-num: clamp(20px, 1.4vw, 30px);--text-counter: clamp(20px, 1.9vw, 28px);--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--border-thin: 2px;--border: 3px;--border-thick: 4px;--shadow-pop: 0 6px 0 0 var(--ink);--shadow-pop-sm: 0 4px 0 0 var(--ink);--shadow-pressed: 0 1px 0 0 var(--ink);--press: 3px;--press-big: 5px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--touch: 48px;--touch-big: 64px;--dur-fast: .12s;--dur: .22s;--dur-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=gold]{color-scheme:dark;--ink: #f3ebd6;--on-ink: #101014;--on-ink-muted: #3a3a44;--paper: #101014;--surface: #18181e;--sunken: #23232b;--muted: #bdb49e;--faded: #9a917d;--line: #2e2e38;--line-strong: #6b6652;--accent: #d4af37;--accent-ink: #101014;--accent-tint: rgba(212, 175, 55, .14);--accent-tint-strong: rgba(212, 175, 55, .26);--go: #3dbe7a;--go-ink: #101014;--no: #e0565c;--no-ink: #101014;--no-tint: rgba(224, 86, 92, .14);--warn-ink: #ffd78a;--warn-fill: #2b2415;--warn-line: #d4af37;--focus: #f0d27a;--winner-tint: rgba(212, 175, 55, .22);--tint-hover: rgba(255, 255, 255, .06);--tint-press: rgba(255, 255, 255, .1);--backdrop: rgba(0, 0, 0, .62);--slice-0: #d4af37;--slice-1: #26262e;--slice-2: #f2d27a;--slice-3: #3a3a46;--slice-4: #b38b2a;--slice-5: #1c1c22;--slice-6: #e8c45e;--slice-7: #4a4656;--slice-0-ink: #101014;--slice-1-ink: #f3ebd6;--slice-2-ink: #101014;--slice-3-ink: #f3ebd6;--slice-4-ink: #101014;--slice-5-ink: #f3ebd6;--slice-6-ink: #101014;--slice-7-ink: #f3ebd6;--perk-double: #f2d27a;--perk-double-ink: var(--on-ink);--perk-keep: #e8c45e;--perk-keep-ink: var(--on-ink);--perk-shrink: #d4af37;--perk-shrink-ink: var(--on-ink);--perk-zap: #b38b2a;--perk-zap-ink: var(--on-ink);--pointer: #d4af37;--pointer-inner: #101014;--highlight: #d4af37;--highlight-ink: #101014;--stat-go-ink: #3dbe7a;--toolbar-bg: var(--paper);--panel-shadow: var(--shadow-pop-sm);--wheel-shadow: 0 24px 60px rgba(0, 0, 0, .6), 0 0 0 1px rgba(212, 175, 55, .25);--border-thin: 1px;--border: 1px;--border-thick: 1px;--shadow-pop: 0 14px 34px rgba(0, 0, 0, .5);--shadow-pop-sm: 0 6px 16px rgba(0, 0, 0, .45);--shadow-pressed: none;--press: 1px;--press-big: 1px;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px}:root[data-theme=cotton]{--ink: #4a2c57;--on-ink: #ffffff;--on-ink-muted: #e9dcee;--paper: #fff4f9;--surface: #ffffff;--sunken: #fbe4ef;--muted: #7a5a86;--faded: #87698f;--line: #eed6e4;--line-strong: #a67faa;--accent: #b4468c;--accent-ink: #ffffff;--accent-tint: rgba(180, 70, 140, .1);--accent-tint-strong: rgba(180, 70, 140, .2);--go: #5fc79f;--go-ink: #4a2c57;--no: #c73b60;--no-ink: #ffffff;--no-tint: rgba(199, 59, 96, .08);--warn-ink: #7a4a00;--warn-fill: #fff1d6;--warn-line: #ffc96b;--focus: #b4468c;--winner-tint: rgba(255, 179, 217, .4);--tint-hover: rgba(74, 44, 87, .06);--tint-press: rgba(74, 44, 87, .1);--backdrop: rgba(74, 44, 87, .38);--slice-0: #ffb3d9;--slice-1: #b8e4ff;--slice-2: #ffec8b;--slice-3: #c9f2c7;--slice-4: #e2c9ff;--slice-5: #ffd8a8;--slice-6: #b5ede6;--slice-7: #e6f7a6;--slice-0-ink: #4a2c57;--slice-1-ink: #4a2c57;--slice-2-ink: #4a2c57;--slice-3-ink: #4a2c57;--slice-4-ink: #4a2c57;--slice-5-ink: #4a2c57;--slice-6-ink: #4a2c57;--slice-7-ink: #4a2c57;--perk-double: var(--slice-5);--perk-double-ink: var(--slice-5-ink);--perk-keep: var(--slice-3);--perk-keep-ink: var(--slice-3-ink);--perk-shrink: var(--slice-0);--perk-shrink-ink: var(--slice-0-ink);--perk-zap: var(--slice-4);--perk-zap-ink: var(--slice-4-ink);--pointer: #4a2c57;--pointer-inner: #ffffff;--highlight: #f28cc3;--highlight-ink: #4a2c57;--stat-go-ink: #4a2c57;--toolbar-bg: var(--surface);--panel-shadow: none;--wheel-shadow: 0 18px 44px rgba(74, 44, 87, .18);--border-thin: 2px;--border: 2px;--border-thick: 2px;--shadow-pop: 0 12px 28px rgba(74, 44, 87, .16);--shadow-pop-sm: 0 6px 16px rgba(74, 44, 87, .14);--shadow-pressed: 0 2px 6px rgba(74, 44, 87, .14);--press: 2px;--press-big: 2px;--radius-sm: 14px;--radius: 20px;--radius-lg: 28px}:root[data-theme=metal]{color-scheme:light;--ink: #171c23;--on-ink: #f6f8fa;--on-ink-muted: #c4ccd6;--paper: #e4e8ee;--surface: #f6f8fa;--sunken: #d6dce4;--muted: #4c5663;--faded: #5b6673;--line: #c2cad4;--line-strong: #6f7a88;--accent: #1e4fa3;--accent-ink: #ffffff;--accent-tint: rgba(30, 79, 163, .1);--accent-tint-strong: rgba(30, 79, 163, .2);--go: #2f9e5e;--go-ink: #0b1a10;--no: #c62f3f;--no-ink: #ffffff;--no-tint: rgba(198, 47, 63, .1);--warn-ink: #5b3a00;--warn-fill: #fdebc4;--warn-line: #cfa64a;--focus: #1e4fa3;--winner-tint: rgba(30, 79, 163, .14);--tint-hover: rgba(23, 28, 35, .06);--tint-press: rgba(23, 28, 35, .1);--backdrop: rgba(23, 28, 35, .42);--slice-0: #cdd5de;--slice-1: #5a6472;--slice-2: #c47a4c;--slice-3: #7a9ab8;--slice-4: #cfa64a;--slice-5: #3b4450;--slice-6: #9c5c40;--slice-7: #97a1ad;--slice-0-ink: #171c23;--slice-1-ink: #ffffff;--slice-2-ink: #171c23;--slice-3-ink: #171c23;--slice-4-ink: #171c23;--slice-5-ink: #ffffff;--slice-6-ink: #ffffff;--slice-7-ink: #171c23;--perk-double: #cfa64a;--perk-double-ink: var(--ink);--perk-keep: #7a9ab8;--perk-keep-ink: var(--ink);--perk-shrink: #c47a4c;--perk-shrink-ink: var(--ink);--perk-zap: #9c5c40;--perk-zap-ink: var(--accent-ink);--pointer: #171c23;--pointer-inner: #ffffff;--highlight: #1e4fa3;--highlight-ink: #ffffff;--stat-go-ink: #156338;--toolbar-bg: var(--surface);--panel-shadow: var(--shadow-pop-sm);--wheel-shadow: 0 18px 44px rgba(23, 28, 35, .28), 0 0 0 1px rgba(255, 255, 255, .7);--font-display: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-thin: 1px;--border: 1px;--border-thick: 1px;--shadow-pop: 0 14px 34px rgba(23, 28, 35, .22), 0 0 0 1px rgba(255, 255, 255, .8);--shadow-pop-sm: 0 6px 16px rgba(23, 28, 35, .16), 0 0 0 1px rgba(255, 255, 255, .8);--shadow-pressed: 0 1px 3px rgba(23, 28, 35, .2);--press: 1px;--press-big: 1px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px}:root[data-theme=future]{color-scheme:dark;--ink: #e8f1ff;--on-ink: #070b1a;--on-ink-muted: #2a3a6a;--paper: #070b1a;--app-bg: radial-gradient(ellipse 70% 45% at 50% -10%, rgba(0, 229, 255, .14), transparent 70%), linear-gradient(rgba(0, 229, 255, .05) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, rgba(0, 229, 255, .05) 1px, transparent 1px) 0 0 / 44px 44px, var(--paper);--surface: #0b1128;--sunken: #131b40;--muted: #a9b8e0;--faded: #8794c0;--line: #1b2a5a;--line-strong: #4f60a3;--accent: #00e5ff;--accent-ink: #070b1a;--accent-tint: rgba(0, 229, 255, .12);--accent-tint-strong: rgba(0, 229, 255, .24);--go: #3dff8b;--go-ink: #070b1a;--no: #ff4d6d;--no-ink: #070b1a;--no-tint: rgba(255, 77, 109, .14);--warn-ink: #f9f871;--warn-fill: #2a2a14;--warn-line: #f9f871;--focus: #00e5ff;--winner-tint: rgba(0, 229, 255, .16);--tint-hover: rgba(0, 229, 255, .08);--tint-press: rgba(0, 229, 255, .14);--backdrop: rgba(0, 0, 0, .64);--slice-0: #0b5f78;--slice-1: #4a3fb5;--slice-2: #8e1457;--slice-3: #1b3ba8;--slice-4: #5e6a14;--slice-5: #a33e00;--slice-6: #0f7a3f;--slice-7: #6a1fa8;--slice-0-ink: #e8f1ff;--slice-1-ink: #e8f1ff;--slice-2-ink: #e8f1ff;--slice-3-ink: #e8f1ff;--slice-4-ink: #e8f1ff;--slice-5-ink: #e8f1ff;--slice-6-ink: #e8f1ff;--slice-7-ink: #e8f1ff;--perk-double: #ff8a00;--perk-double-ink: var(--on-ink);--perk-keep: #3d8bff;--perk-keep-ink: var(--on-ink);--perk-shrink: #00e5ff;--perk-shrink-ink: var(--on-ink);--perk-zap: #f9f871;--perk-zap-ink: var(--on-ink);--pointer: #00e5ff;--pointer-inner: #070b1a;--highlight: #f9f871;--highlight-ink: #070b1a;--stat-go-ink: #3dff8b;--toolbar-bg: rgba(7, 11, 26, .86);--panel-shadow: var(--shadow-pop-sm);--wheel-shadow: 0 0 56px rgba(0, 229, 255, .26), 0 24px 60px rgba(0, 0, 0, .65);--font-display: "Bahnschrift", "Avenir Next", "Avenir", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--border-thin: 1px;--border: 1px;--border-thick: 1px;--shadow-pop: 0 0 0 1px rgba(0, 229, 255, .35), 0 0 24px rgba(0, 229, 255, .12), 0 14px 34px rgba(0, 0, 0, .6);--shadow-pop-sm: 0 0 0 1px rgba(0, 229, 255, .25), 0 6px 16px rgba(0, 0, 0, .55);--shadow-pressed: none;--press: 1px;--press-big: 1px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms;--reveal-delay: 0ms;--ease-pop: ease-out}}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/Fredoka.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/Fredoka-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--app-bg, var(--paper));color:var(--ink);font-family:var(--font-ui);font-size:var(--text-body);line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-5);border:var(--border) solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:var(--text-btn);line-height:1;text-decoration:none;box-shadow:var(--shadow-pop-sm);white-space:nowrap;transition:box-shadow var(--dur-fast) ease-out,transform var(--dur-fast) ease-out,background-color var(--dur-fast) ease-out,border-color var(--dur-fast) ease-out}.btn:after{content:"";position:absolute;inset:-6px 0;border-radius:inherit}@media (hover: hover){.btn:hover:not(:disabled){box-shadow:var(--shadow-pop-sm),inset 0 0 0 100vmax var(--tint-hover)}}.btn:active:not(:disabled){transform:translateY(var(--press));box-shadow:var(--shadow-pressed)}.btn:disabled{background:var(--sunken);color:var(--muted);border-color:var(--line-strong);box-shadow:none}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--go{background:var(--go);color:var(--go-ink)}.btn--no{background:var(--no);color:var(--no-ink)}.btn--quiet{border:var(--border-thin) solid var(--line-strong);box-shadow:none;background:var(--surface);color:var(--ink);padding:0 var(--space-4)}.btn--icon{padding:0;width:var(--touch);min-width:var(--touch);border:var(--border-thin) solid var(--line-strong);box-shadow:none;font-size:20px;font-family:var(--font-ui);font-weight:700}.btn--icon svg{display:block;width:22px;height:22px}.btn--quiet:after,.btn--icon:after,.class-switcher>.btn:after{content:none}@media (hover: hover){.btn--quiet:hover:not(:disabled),.btn--icon:hover:not(:disabled){box-shadow:none;border-color:var(--ink);background:var(--surface)}}.btn--quiet:active:not(:disabled),.btn--icon:active:not(:disabled){transform:none;box-shadow:none;background:var(--tint-press)}.btn--quiet:disabled,.btn--icon:disabled{background:var(--surface);border-color:var(--line);color:var(--muted)}.btn--danger{color:var(--no)}@media (hover: hover){.btn--danger:hover:not(:disabled){color:var(--no);border-color:var(--no);background:var(--no-tint)}}.btn--big{min-height:var(--touch-big);padding:0 var(--space-7);font-size:var(--text-btn-big);box-shadow:var(--shadow-pop)}@media (hover: hover){.btn--big:hover:not(:disabled){box-shadow:var(--shadow-pop),inset 0 0 0 100vmax var(--tint-hover)}}.btn--big:active:not(:disabled){transform:translateY(var(--press-big));box-shadow:var(--shadow-pressed)}.kbd{display:inline-block;font-family:var(--font-ui);font-size:var(--text-small);font-weight:700;padding:2px 8px;border:var(--border-thin) solid var(--line-strong);border-radius:6px;line-height:1.2;background:var(--surface);color:var(--ink)}.input{min-height:var(--touch);padding:0 var(--space-4);border:var(--border) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);width:100%;font-size:var(--text-body)}.textarea{padding:var(--space-3) var(--space-4);border:var(--border) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:200px;resize:vertical;font-family:var(--font-ui);font-size:var(--text-body);line-height:1.5}.input::placeholder{color:var(--muted);opacity:1}.textarea::placeholder{color:var(--faded);font-style:italic;opacity:1}.textarea:disabled,.input:disabled{background:var(--sunken);color:var(--muted)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:28px;padding:0 9px;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1}.badge--go{background:var(--go);color:var(--go-ink)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){@keyframes rise-in{0%{opacity:0;transform:none}to{opacity:1;transform:none}}}.app{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.app[data-presentation=true]{grid-template-rows:minmax(0,1fr)}.app[data-presentation=true] .toolbar,.app[data-presentation=true] .footer{display:none}.toolbar{position:relative;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:var(--border-thin) solid var(--line);background:var(--toolbar-bg);min-height:64px}.toolbar-lead{grid-column:1;display:flex;align-items:center;gap:var(--space-3);min-width:0}.class-switcher>.btn{box-shadow:none;border:var(--border-thin) solid var(--line-strong)}@media (hover: hover){.class-switcher>.btn:hover:not(:disabled){box-shadow:none;border-color:var(--ink);background:var(--surface)}}.class-switcher>.btn:active:not(:disabled){transform:none;box-shadow:none;background:var(--tint-press)}.class-switcher>.btn[aria-expanded=true]{border-color:var(--ink);background:var(--sunken)}.wordmark{flex:none;font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink)}.wordmark svg{width:30px;height:30px}.toolbar-spacer{flex:1}.toolbar-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:var(--space-2)}.toolbar-present svg{flex:none;width:20px;height:20px}.counter{grid-column:2;font-family:var(--font-display);font-weight:600;font-size:var(--text-counter);line-height:1.2;color:var(--ink);white-space:nowrap;display:inline-flex;align-items:baseline}.counter strong{color:var(--ink);font-weight:700;font-size:1.15em;margin-right:.25em}.counter-round{color:var(--ink);font-weight:700}.counter-sep{margin:0 .5em;color:var(--muted)}.main{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,27vw,400px);gap:var(--space-4);padding:var(--space-4) var(--space-5);min-height:0}.app[data-presentation=true] .main{padding:var(--space-4);grid-template-columns:minmax(0,1fr) clamp(300px,27vw,480px)}.stage{position:relative;z-index:10;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--space-4);min-height:0;min-width:0;container-type:inline-size}.wheel-host{position:relative;min-height:0;min-width:0;display:grid;place-items:center;padding-top:clamp(28px,min(7%,5.5vh),64px)}.wheel-stage{position:relative}.wheel-canvas{display:block;border-radius:50%;box-shadow:var(--wheel-shadow)}.wheel-host[data-interactive=true] .wheel-canvas{cursor:pointer}.wheel-flapper{position:absolute;left:50%;top:calc(-1*clamp(28px,7%,64px));width:clamp(40px,9%,72px);height:auto;transform:translate(-50%);transform-origin:50% 14%;pointer-events:none}.wheel-flapper svg{display:block;width:100%;height:auto}.stage-controls{--status-h: 48px;--controls-gap: var(--space-3);display:grid;justify-items:center;gap:var(--controls-gap);padding-bottom:var(--space-2);min-width:0}.stage-controls-row{width:100%;display:grid;grid-template-columns:minmax(min-content,1fr) auto minmax(min-content,1fr);align-items:center;column-gap:var(--space-4);min-height:var(--touch-big)}.stage-controls-side{display:flex;align-items:center;min-width:0}.stage-controls-side--end{justify-self:start}.stage-status{width:100%;min-width:0;min-height:var(--status-h);margin:0;display:flex;align-items:center;justify-content:center;text-align:center;overflow-wrap:anywhere;container-type:inline-size}.hint{color:var(--muted);font-size:var(--text-ui);font-weight:500;line-height:1.4}.stage-overlay{position:absolute;inset:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;padding:var(--space-4);overflow:hidden;overflow:clip;overflow-clip-margin:var(--space-7);pointer-events:none}.stage-overlay>*{pointer-events:auto}.present-bar{position:absolute;top:var(--space-2);right:var(--space-2);z-index:22;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);max-width:calc(50% - var(--space-7))}.present-bar .btn{background:var(--surface)}.app[data-presentation=true] .wheel-host{padding-top:max(clamp(28px,min(7%,5.5vh),64px),calc(var(--touch) + 2 * var(--space-2)))}.present-counter{position:absolute;top:var(--space-3);left:var(--space-3);max-width:calc(50% - var(--space-7));margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--text-counter);line-height:1.2;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.present-counter strong{font-weight:700;font-size:1.15em}.present-roster svg{flex:none}@media (max-width: 1299px){.present-bar .present-roster{width:var(--touch);padding:0}.present-roster-label{display:none}}@media (max-width: 1100px){.present-bar{max-width:none;flex-wrap:nowrap}.app[data-presentation=true] .stage{padding-top:calc(var(--touch) + var(--space-3))}.app[data-presentation=true] .wheel-host{padding-top:clamp(28px,min(7%,5.5vh),64px)}}.present-bar--fixed{position:fixed;z-index:30}@media (max-height: 820px){.empty .textarea{min-height:120px}}.key-hint{display:inline-block;min-width:1.5em;padding:0 .35em;margin-left:.3em;border:1.5px solid currentColor;border-radius:6px;font-size:max(var(--text-small),.62em);font-weight:700;line-height:1.5;text-align:center;vertical-align:.12em}@media (hover: none) and (pointer: coarse){.key-hint{display:none}}.app[data-presentation=true][data-wheel-only=true] .main{grid-template-columns:minmax(0,1fr)}.app[data-wheel-only=true][data-presentation=true] .side{display:none}.app[data-presentation=true] .toast{top:72px;right:16px}.hint-touch{display:none}@media (hover: none) and (pointer: coarse){.hint-kbd{display:none}.hint-touch{display:inline}}.confetti-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:25}.card{background:var(--surface);border:var(--border-thick) solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:var(--space-5) var(--space-6);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);justify-items:center;text-align:center;width:fit-content;max-width:min(94%,820px);max-height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;animation:rise-in var(--dur-slow) var(--ease-pop) both}.card[tabindex="-1"]:focus-visible,.target-bar:focus-visible{outline:none}.card--reveal{position:relative;padding:0 0 var(--space-5);overflow:auto;max-width:min(96%,1100px);animation-delay:var(--reveal-delay)}.stage-overlay--reveal:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,transparent 28%,rgba(0,0,0,.3) 70%) 50% 50% / 120% 120% no-repeat;background:radial-gradient(ellipse at 50% 46%,transparent 28%,color-mix(in srgb,var(--paper) 72%,transparent) 70%) 50% 50% / 120% 120% no-repeat;animation:fade-in var(--dur-slow) ease-out both;pointer-events:none}.card-swatch{justify-self:stretch;width:100%;height:18px;border-bottom:var(--border) solid var(--ink);border-radius:calc(var(--radius-lg) - var(--border-thick)) calc(var(--radius-lg) - var(--border-thick)) 0 0}.reveal-name{padding:var(--space-2) var(--space-6) 0;font-family:var(--font-display);font-weight:700;font-size:clamp(40px,min(10vw,calc(88vw / var(--chars, 8))),144px);font-size:clamp(40px,min(10vw,calc(min(88vw,128cqw) / var(--chars, 8))),144px);line-height:1.12;letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance;max-width:100%}.reveal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);width:100%;padding:0 var(--space-6)}.reveal-actions .btn--big{padding:0 var(--space-4);min-width:0}@container (max-width: 640px){.reveal-actions .btn--big{font-size:var(--text-h2);padding:0 var(--space-3)}}@container (max-width: 560px){.reveal-actions{grid-template-columns:minmax(0,1fr)}.card--reveal{min-width:min(100%,400px)}}@media (max-width: 600px){.reveal-actions{grid-template-columns:minmax(0,1fr);padding:0 var(--space-4)}}.reveal-double{justify-self:center;margin:0 var(--space-5);padding:2px var(--space-4);border-radius:var(--radius-pill);background:var(--perk-double);color:var(--perk-double-ink);font-family:var(--font-display);font-weight:700;font-size:var(--text-sub);text-wrap:balance}.pts-tag{display:inline-grid;place-items:center;min-width:44px;height:32px;padding:0 10px;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-size:20px;font-variant-numeric:tabular-nums}.pts-tag--quiet{background:var(--sunken);color:var(--ink)}.card-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-title);line-height:1.1}.card-hint{font-size:var(--text-sub);line-height:1.35;color:var(--muted);max-width:44ch}.card-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.card--perks{width:min(94%,640px);padding-bottom:0}.card--perks .card-actions{position:sticky;bottom:0;width:100%;padding:var(--space-2) 0 var(--space-5);background:var(--surface)}.card--perks .card-title{text-wrap:balance}.card--perks .recap-kicker{padding:2px var(--space-4);border-radius:var(--radius-pill);background:var(--go);color:var(--go-ink)}.perk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:var(--space-4);width:100%}.perk-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.perk-card{position:relative;display:grid;min-width:0;gap:var(--space-2);justify-items:center;align-content:start;padding:var(--space-4) var(--space-3);min-height:184px;border:var(--border) solid var(--ink);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-pop-sm);text-align:center;transition:box-shadow var(--dur-fast) ease-out,transform var(--dur-fast) ease-out}.perk-card:after{content:"";position:absolute;inset:-6px 0;border-radius:inherit}.perk-card:focus-visible{outline-offset:4px}@media (hover: hover){.perk-card:hover{box-shadow:var(--shadow-pop-sm),inset 0 0 0 100vmax var(--tint-hover)}}.perk-card:active{transform:translateY(var(--press));box-shadow:var(--shadow-pressed)}.perk-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:var(--border) solid var(--ink);color:var(--ink)}.perk-icon svg{display:block}.perk-icon--inline{display:inline-grid;vertical-align:middle;width:48px;height:48px;flex:none}.perk-icon[data-perk=doublePoints]{background:var(--perk-double);color:var(--perk-double-ink)}.perk-icon[data-perk=keepSize]{background:var(--perk-keep);color:var(--perk-keep-ink)}.perk-icon[data-perk=shrink]{background:var(--perk-shrink);color:var(--perk-shrink-ink)}.perk-icon[data-perk=zap]{background:var(--perk-zap);color:var(--perk-zap-ink)}.perk-icon[data-perk=mystery]{background:var(--ink);color:var(--on-ink)}.perk-name{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.1}.perk-blurb{font-size:var(--text-body);line-height:1.35;color:var(--ink);max-width:22ch}.target-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);width:min(100%,980px);min-height:calc(var(--status-h) + var(--controls-gap) + var(--touch-big));padding:var(--space-3) var(--space-4);background:var(--surface);border:var(--border) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-pop-sm);animation:rise-in var(--dur) var(--ease-out) both;text-align:left}.target-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-prompt);line-height:1}.target-hint{font-size:var(--text-body);font-weight:500;line-height:1.3;color:var(--ink);margin-top:2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.target-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.app[data-phase=targeting] .side .panel--board,.app[data-phase=targeting] .side .panel--log{display:none}.app[data-phase=targeting] .side,.app[data-phase=targeting] .side[data-board=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.app[data-phase=targeting] .roster-points{display:none}.app[data-phase=targeting] .roster-row{grid-template-columns:var(--side-lead) minmax(0,1fr) auto}.side{position:relative;z-index:1;isolation:isolate;display:grid;grid-template-rows:minmax(0,2.4fr) minmax(0,1fr);gap:var(--space-4);min-height:0}.side[data-board=true]{grid-template-rows:auto minmax(0,2.4fr) minmax(0,1fr)}.panel{background:var(--surface);border:var(--border) solid var(--ink);border-radius:var(--radius);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden;--side-lead: calc(var(--text-side) * 1.65)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:56px;padding:var(--space-2) var(--space-4);border-bottom:var(--border-thin) solid var(--line)}.panel-title{font-family:var(--font-display);font-weight:700;font-size:max(var(--text-h3),calc(var(--text-side) * 1.1))}.panel-meta{font-family:var(--font-ui);font-weight:600;font-size:var(--text-small);color:var(--muted);white-space:nowrap}.panel-meta{display:none}.panel-body{overflow:auto;min-height:0;overscroll-behavior:contain}.roster-list{list-style:none;margin:0;padding:var(--space-2);display:grid;gap:4px}.roster-sample{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(var(--accent-tint),var(--accent-tint)),var(--surface);border-bottom:var(--border-thin) solid var(--line);font-family:var(--font-display);font-weight:600;font-size:var(--text-ui)}.roster-sample>span{min-width:0;line-height:1.15;text-wrap:balance}.roster-sample .btn{flex:none;padding:0 var(--space-4)}.app[data-phase=targeting] .roster-sample{display:none}.roster-row{display:grid;grid-template-columns:var(--side-lead) minmax(0,1fr) auto calc(var(--text-side-num) * 1.4);align-items:center;column-gap:var(--space-2);min-height:max(var(--touch),calc(var(--text-side) * 2.6));padding:0 var(--space-3);border-radius:var(--radius-sm);width:100%;text-align:left;font-size:var(--text-side);font-weight:600;color:var(--ink);border:2px solid transparent;background:transparent;cursor:default;transition:background-color var(--dur-fast) ease-out}.roster-row:focus-visible{outline-offset:-3px}.roster-row[data-picked=true]:focus-visible{outline-color:var(--ink)}.roster-row:disabled{color:var(--ink);cursor:default}.roster-row[data-status=answered],.roster-row[data-status=absent],.roster-row[data-status=answered]:disabled,.roster-row[data-status=absent]:disabled{color:var(--muted)}.roster-row[data-status=answered] .roster-name{color:var(--faded);font-weight:500}.roster-row.is-target[data-status=answered] .roster-name,.roster-row[data-winner=true][data-status=answered] .roster-name{color:var(--muted)}.roster-list[data-points=false] .roster-row{grid-template-columns:var(--side-lead) minmax(0,1fr) auto}.roster-row[data-winner=true]{background:var(--winner-tint);border-color:var(--highlight)}.roster-row[data-winner=true] .roster-status{color:var(--muted)}.roster-row.is-target{cursor:pointer;background:var(--accent-tint)}@media (hover: hover){.roster-row.is-target:hover:not(:disabled):not([data-picked=true]){background:var(--accent-tint-strong)}}.roster-row.is-target:disabled{background:transparent;color:var(--muted);cursor:not-allowed}.roster-row.is-target:disabled .badge{background:var(--muted)}.roster-row.is-target:disabled .perk-icon{background:transparent;color:var(--muted);border-color:var(--muted)}.roster-row.is-target:disabled .roster-dot[data-status=in]{background:var(--muted);border-color:var(--muted)}.roster-row[data-picked=true],.roster-row[data-picked=true]:disabled,.roster-row.is-target[data-picked=true]:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.roster-dot{justify-self:center;width:16px;height:16px;border-radius:50%;border:var(--border) solid var(--ink);background:var(--surface)}.roster-dot[data-status=in]{background:var(--ink)}.roster-dot[data-status=answered]{background:var(--go);border-color:var(--go)}.roster-dot[data-status=absent]{border-style:dashed;border-color:var(--muted)}.roster-row[data-picked=true] .roster-dot{border-color:var(--accent-ink);background:var(--accent-ink)}.roster-name{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.3em;min-width:0;line-height:1.4;max-height:1.4em;overflow:hidden}.roster-name-text{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-row[data-long=true] .roster-name{display:block;line-height:1.15;max-height:2.3em}.roster-row[data-long=true] .roster-name-text{display:inline;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.roster-status{font-size:max(var(--text-small),calc(var(--text-side) * .85));font-weight:600;color:var(--muted);white-space:nowrap}.roster-badges{display:inline-flex;align-items:center;gap:6px;min-height:28px}.roster-badges .badge{height:var(--side-lead);min-width:calc(var(--side-lead) * 1.36);font-size:calc(var(--text-side) * .94)}.roster-badges .perk-icon--small{width:var(--side-lead);height:var(--side-lead)}.roster-badges .perk-icon--small svg{width:58%;height:58%}.roster-points{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--text-side-num);font-weight:700;color:var(--ink);text-align:right}.roster-points[data-zero=true]{color:var(--faded);font-weight:600}.roster-row[data-winner=true] .roster-points[data-zero=true],.roster-row.is-target:not([data-picked=true]) .roster-points[data-zero=true]{color:var(--muted)}.roster-row[data-picked=true] .roster-points,.roster-row[data-picked=true] .roster-status{color:var(--accent-ink)}.log-list{list-style:none;margin:0;padding:var(--space-2) var(--space-3);display:grid;gap:2px;font-size:max(var(--text-ui),calc(var(--text-side) * .88))}.log-row{display:grid;grid-template-columns:14px minmax(0,1fr);gap:var(--space-2);align-items:start;padding:7px 0;border-bottom:1px solid var(--line);line-height:1.45;color:var(--ink)}.log-row:last-child{border-bottom:0}.log-row:first-child{font-weight:700}.log-kind{width:10px;height:10px;margin-top:calc(.725em - 5px);border-radius:50%;background:var(--line-strong)}.log-row[data-kind=correct] .log-kind{background:var(--go)}.log-row[data-kind=perk] .log-kind{background:var(--highlight)}.log-row[data-kind=round] .log-kind{background:var(--accent)}.log-row[data-kind=points] .log-kind{background:var(--muted)}.log-row[data-kind=notYet] .log-kind{background:transparent;box-shadow:inset 0 0 0 2.5px var(--ink)}.log-empty{padding:var(--space-4);color:var(--muted);font-size:var(--text-ui)}.footer{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5) var(--space-3);border-top:var(--border-thin) solid var(--line);flex-wrap:nowrap}.footer .btn{flex:none}.footer-undo{margin-right:var(--space-3)}.footer-spacer{flex:1}.footer .hint{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer .footer-link{display:inline-flex;align-items:center;min-height:var(--touch);padding:0 var(--space-1)}.footer[data-warn=true]{flex-wrap:wrap}.footer .hint--warn{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:var(--space-1) var(--space-3);border:var(--border-thin) solid var(--warn-line);border-radius:var(--radius-pill);background:var(--warn-fill);color:var(--warn-ink);font-weight:600}@media (max-width: 1240px){.footer-privacy{display:none}}@media (max-width: 960px){.footer .btn:not(.footer-undo) .footer-long{display:none}}@media (max-width: 720px){.footer .hint:not(.hint--warn){display:none}}.dialog{border:var(--border-thick) solid var(--ink);border-radius:var(--radius-lg);padding:0;background:var(--surface);color:var(--ink);width:min(92vw,640px);max-height:90vh;box-shadow:var(--shadow-pop)}.dialog--wide{width:min(94vw,900px)}.dialog::backdrop{background:#00000073;background:var(--backdrop)}.dialog-inner{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(90vh - 2 * var(--border-thick))}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-thin) solid var(--line)}.dialog-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-h2);line-height:1.15}.dialog--roster{height:min(90vh,760px)}.dialog--roster .dialog-inner{height:100%}.dialog-body{--dialog-pad: var(--space-5);padding:var(--dialog-pad);overflow:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);font-size:var(--text-body)}.dialog-foot{display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:var(--space-4) var(--space-5);border-top:var(--border-thin) solid var(--line)}.dialog-foot>.note{flex:1 1 100%}.field{display:grid;gap:var(--space-2)}.field-label{font-weight:600;font-size:var(--text-body)}.note{font-size:var(--text-ui);color:var(--muted)}.hint--warn{color:var(--warn-ink);font-weight:600}.footer-link{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.footer-link:hover,.footer-link:focus-visible{color:var(--ink)}.note--warn{display:grid;gap:var(--space-3);color:var(--warn-ink);background:var(--warn-fill);border:var(--border) solid var(--warn-line);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.row--end{justify-content:flex-end}.file-button{position:relative}.file-button input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}.file-button.is-disabled{background:var(--sunken);color:var(--muted);border-color:var(--line-strong);box-shadow:none;cursor:not-allowed}.editor-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.editor-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 116px var(--touch);gap:var(--space-2);align-items:center}.editor-row .input{min-height:var(--touch);border:var(--border-thin) solid var(--line-strong)}.editor-row .input:focus{border-color:var(--ink)}.editor-row[data-absent=true] .input{background:var(--sunken);color:var(--muted)}.editor-state{display:inline-flex;justify-content:center;min-width:0}.editor-absent{width:100%;padding:0}.editor-absent[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}@media (hover: hover){.editor-absent[aria-pressed=true]:hover:not(:disabled){background:var(--ink)}}.editor-confirm{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0;min-height:var(--touch)}.editor-confirm .note{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg--tabs{justify-self:start}.seg--tabs .seg-option{padding:0 var(--space-5);font-size:var(--text-body)}.howto-rules{display:grid;gap:var(--space-3);line-height:1.4}.howto-lead{font-family:var(--font-display);font-size:var(--text-h3);line-height:1.25}.howto-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);font-size:var(--text-body)}.howto-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3);border:var(--border-thin) solid var(--line-strong);border-radius:var(--radius)}.howto-step-n{min-width:28px;height:28px;padding:0;margin-top:2px}@media (max-width: 900px){.howto-steps{grid-template-columns:minmax(0,1fr)}}.howto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.howto-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3);border:var(--border-thin) solid var(--line-strong);border-radius:var(--radius)}.howto-item .perk-icon{width:48px;height:48px}.howto-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3)}.howto-blurb{font-size:var(--text-ui);color:var(--ink);line-height:1.35}.howto-subhead{margin-bottom:var(--space-2)}.shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-5);font-size:var(--text-ui)}.shortcuts>span{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:baseline;gap:var(--space-2)}.shortcut-keys{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px}.shortcut-join{padding:0 2px;color:var(--muted)}@media (max-width: 600px){.shortcuts{grid-template-columns:minmax(0,1fr)}}.dialog-title:focus-visible{outline:none}.class-switcher{position:relative;flex:0 1 auto;min-width:0}.class-switcher>.btn{max-width:100%;min-width:0}.class-switcher-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:max-content;min-width:280px;max-width:min(440px,calc(100vw - 2 * var(--space-4)));background:var(--surface);border:var(--border) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:var(--space-2);display:grid;gap:2px;animation:rise-in var(--dur) var(--ease-out) both}.class-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:var(--space-2) var(--space-3);line-height:1.25;border-radius:var(--radius-sm);text-align:left;width:100%;font-weight:600;font-size:var(--text-body)}.class-item--danger{color:var(--no)}@media (hover: hover){.class-item:hover{background:var(--accent-tint)}}.class-item[aria-current=true]{background:var(--ink);color:var(--on-ink)}.class-item small{font-weight:600;font-size:var(--text-small);color:var(--muted);white-space:nowrap}.class-item[aria-current=true] small{color:var(--on-ink-muted)}.class-menu hr{border:0;border-top:var(--border-thin) solid var(--line);margin:var(--space-1) 0}.empty{display:grid;grid-template-columns:minmax(0,1fr);place-items:start center;padding:var(--space-5) var(--space-5) 0;overflow:auto}.empty-card{width:min(100%,760px);display:grid;gap:var(--space-4);background:var(--surface);border:var(--border-thick) solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:var(--space-5) var(--space-6) 0;margin-bottom:var(--space-5)}.empty-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-4)}.empty-head .empty-sub{grid-column:1 / -1}.empty-title{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,48px);line-height:1.05}.empty-sub{font-size:var(--text-sub);color:var(--muted);margin-top:var(--space-1)}.empty .import-form>.row--end{position:sticky;bottom:0;background:var(--surface);padding:var(--space-3) var(--space-6);margin-inline:calc(-1 * var(--space-6));border-top:var(--border-thin) solid var(--line);border-radius:0 0 calc(var(--radius-lg) - var(--border-thick)) calc(var(--radius-lg) - var(--border-thick))}.import-form{display:grid;gap:var(--space-3)}.import-preview{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.import-preview-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-body)}.import-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:148px;overflow-y:auto;scrollbar-gutter:stable}.chip{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch);padding:0 var(--space-4);border:var(--border) solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);font-family:var(--font-display);font-weight:600;font-size:var(--text-btn)}.chip--small{min-height:36px;padding:0 12px;font-size:var(--text-ui);border-width:var(--border-thin)}.toggle{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-2) 0;font-weight:600;font-size:var(--text-body);min-height:var(--touch);cursor:pointer}.toggle input{appearance:none;margin:1px 0 0;width:24px;height:24px;border:var(--border-thin) solid var(--ink);border-radius:6px;background:var(--surface);display:grid;place-content:center;cursor:pointer}.toggle input:checked{background:var(--accent);border-color:var(--accent)}.toggle input:checked:before{content:"";width:14px;height:14px;background:var(--accent-ink);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}.toggle-title{display:block;font-weight:600}.toggle .note{display:block;font-weight:400}.toast{position:fixed;left:auto;right:24px;top:84px;width:fit-content;max-width:min(92vw,720px);margin-inline:auto;background:var(--ink);color:var(--on-ink);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-body);z-index:50;animation:rise-in var(--dur) var(--ease-out) both;text-align:center;pointer-events:none}@media (max-width: 900px) and (max-aspect-ratio: 11/10){.main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,36vh)}.app[data-presentation=true] .main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,30vh)}.side{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.side[data-board=true]{grid-template-rows:auto minmax(0,1fr)}.panel--board{grid-column:1 / -1}}@media (max-width: 900px) and (min-aspect-ratio: 11/10){.main,.app[data-presentation=true] .main{grid-template-columns:minmax(0,1fr) clamp(232px,34vw,300px);gap:var(--space-3)}}@media (max-width: 1000px){.toolbar-present{width:var(--touch);padding:0}.toolbar-present-label,.toolbar-present .key-hint{display:none}}@media (max-width: 900px){.main{padding:var(--space-3)}.toolbar{padding:var(--space-2) var(--space-3)}.wordmark span{display:none}.counter{font-size:17px}.footer{padding:var(--space-2) var(--space-3)}}@media (max-width: 600px),(max-width: 900px) and (min-aspect-ratio: 11/10){.target-bar{grid-template-columns:auto minmax(0,1fr);row-gap:var(--space-2);padding-block:var(--space-2)}.target-actions{grid-column:1 / -1;justify-content:flex-start}.target-bar .perk-icon--inline{width:36px;height:36px}.target-hint{display:none}}@media (max-width: 600px){.app{max-width:100vw;overflow-x:hidden}.side,.side[data-board=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.side .panel--log,.side .panel--board,.wordmark span{display:none}.toolbar{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);min-height:56px}.toolbar .counter{display:none}.toolbar-actions{grid-column:2;gap:6px}.toolbar .btn--icon,.toolbar .toolbar-present{width:44px;min-width:44px}.class-menu{position:fixed;top:calc(56px + var(--space-2));left:var(--space-3);right:var(--space-3);width:auto;max-width:none}}@media (max-width: 400px){.toolbar-present{display:none}}@media (max-width: 380px){.toolbar{gap:6px}.footer{padding-inline:var(--space-2)}.footer .btn:not(.footer-undo){padding:0 var(--space-2)}}@media (max-width: 600px),(max-width: 900px) and (min-aspect-ratio: 11/10){.present-bar{max-width:none;flex-wrap:nowrap}.present-counter{display:none}.app[data-presentation=true] .stage{padding-top:calc(var(--touch) + var(--space-3))}.app[data-presentation=true] .panel-head--roster{flex-wrap:wrap}.app[data-presentation=true] .panel-head--roster .panel-meta{display:inline;flex-basis:100%;order:3}}@media (max-width: 600px){.present-bar .present-roster{display:none}.panel-head--roster{flex-wrap:wrap}.panel-head--roster .panel-meta{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis}.app:not([data-phase=targeting]) .roster-search{display:none}.app:not([data-phase=targeting]) .panel-head--roster{min-height:0}.app[data-presentation=true]:not([data-phase=targeting]) .panel-head--roster .panel-meta{flex-basis:auto;order:0}.app[data-phase=targeting] .panel--roster .panel-meta{display:none}.app[data-phase=targeting] .main{grid-template-rows:minmax(0,1fr) minmax(0,34vh)}.app[data-phase=targeting] .main[data-tour=true]{grid-template-rows:auto minmax(0,1fr) minmax(0,30vh)}.roster-sample{padding-block:var(--space-1)}.footer{gap:var(--space-1)}.footer .btn{padding:0 10px;font-size:15px}.class-switcher>.btn{padding:0 var(--space-3);font-size:16px}.empty{padding:var(--space-3) var(--space-3) 0}.empty-card{min-width:0;padding:var(--space-4) var(--space-4) 0;margin-bottom:var(--space-3)}.empty .import-form>.row--end{padding-inline:var(--space-4);margin-inline:calc(-1 * var(--space-4))}.empty-head{grid-template-columns:minmax(0,1fr);row-gap:var(--space-2)}.empty-tour .btn{white-space:normal;text-align:left;min-height:var(--touch);padding-block:var(--space-2)}.editor-row{grid-template-columns:minmax(0,1fr) auto var(--touch);gap:var(--space-1) var(--space-2);padding-bottom:var(--space-2);border-bottom:var(--border-thin) solid var(--line)}.editor-row .input,.editor-confirm{grid-column:1 / -1}.editor-state{min-width:0;justify-self:start}.editor-absent{width:auto;min-width:96px;padding:0 var(--space-3)}.dialog,.dialog--wide{width:calc(100vw - 2 * var(--space-2));max-width:none}.dialog-head,.dialog-foot{padding:var(--space-3) var(--space-4)}.dialog-title-sep{display:none}.dialog-title-sub{display:block;font-family:var(--font-ui);font-size:var(--text-ui);font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.dialog-title{min-width:0}.dialog--roster{height:min(94vh,760px)}.dialog-body{--dialog-pad: var(--space-4)}.dialog-foot{gap:var(--space-2)}.dialog-foot .btn{flex:1 1 auto;padding:0 var(--space-3);font-size:var(--text-ui)}.dialog-foot .footer-spacer,.dialog-foot .toolbar-spacer{display:none}.report-scroll{--dialog-pad: 0px;overflow-x:auto}.report-extra,.report-phone-hide{display:none}.dialog .report th,.dialog .report td{padding:8px 4px}.dialog .report-adjust{gap:var(--space-1)}.dialog .report-points strong{min-width:2.6ch}.dialog .report th[scope=row]{white-space:normal;overflow-wrap:anywhere}.main,.app[data-presentation=true] .main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,26vh);gap:var(--space-3)}.footer{overflow-x:auto;scrollbar-width:none}.footer-long{display:none}.footer .footer-undo{width:var(--touch);padding:0;margin-right:var(--space-1)}.footer-spacer{display:none}.footer .hint--warn{flex:1 1 100%;order:-1;white-space:normal;border-radius:var(--radius-sm)}}@media (prefers-reduced-motion: reduce){.card,.target-bar,.class-menu,.toast{animation:fade-in 1ms both}}.import-form.is-dragover .textarea{border-color:var(--accent);background:var(--accent-tint)}.import-actions{gap:var(--space-2)}.progress{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.progress-label{font-weight:600}.progress-bar{height:10px;border-radius:var(--radius-pill);background:var(--sunken);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:inherit;transition:width var(--dur) ease-out}.import-options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding-top:var(--space-1)}.seg{display:inline-flex;border:var(--border) solid var(--ink);border-radius:var(--radius-pill);overflow:hidden;overflow:clip;background:var(--surface)}.seg-option{display:inline-flex;align-items:center;min-height:var(--touch);padding:0 var(--space-4);font-family:var(--font-display);font-weight:600;font-size:var(--text-ui);cursor:pointer;color:var(--ink)}.seg-option+.seg-option{border-left:var(--border) solid var(--ink)}.seg-option.is-on{background:var(--ink);color:var(--on-ink)}.seg-option input{position:absolute;width:1px;height:1px;opacity:0}.seg-option:focus-within,.seg-option:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.seg-option.is-on:focus-within,.seg-option.is-on:focus-visible{outline-color:var(--on-ink)}.panel-head--roster{gap:var(--space-3);min-width:0}.panel-head--roster .panel-title{flex:none}.roster-search{flex:1 1 120px;min-width:0;max-width:260px;min-height:var(--touch);padding:0 var(--space-3);border:var(--border-thin) solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-ui);font-weight:500}.roster-search::placeholder{color:var(--muted);opacity:1}.roster-search:focus-visible{outline-offset:0;border-color:var(--accent)}.roster-search::-webkit-search-cancel-button{cursor:pointer}.roster-row.is-target[data-first=true]:not([data-picked=true]){border-color:var(--accent)}.stage-status{text-wrap:balance;font-variant-numeric:tabular-nums}.stage-status--event{color:var(--ink)}.status-caption{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);max-width:100%;min-width:0;padding:9px 20px;background:var(--winner-tint);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:clamp(16px,4.6cqw,24px);font-weight:600;line-height:1.2;letter-spacing:.01em;animation:rise-in var(--dur) var(--ease-out) both}.status-caption[data-long=true]{font-size:clamp(16px,2.6cqw,21px)}.status-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-chip{flex:none;padding:2px 12px;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-size:.92em;line-height:1.1;white-space:nowrap}.status-caption[data-points=true] .status-chip{background:var(--go);color:var(--go-ink)}.status-caption[data-kind=stale]{background:var(--warn-fill);color:var(--warn-ink)}.status-caption[data-kind=stale] .status-chip{background:var(--warn-ink);color:var(--warn-fill)}.status-caption[data-kind=note]{background:var(--sunken);color:var(--ink)}@media (max-height: 780px){.toolbar{padding-block:var(--space-2);min-height:0}.footer{padding-block:var(--space-2)}.main{padding-block:var(--space-3)}.stage{gap:var(--space-3)}.stage-controls{--status-h: 42px;--controls-gap: var(--space-2)}.status-caption{padding:7px 16px;font-size:clamp(16px,4.6cqw,21px)}.status-caption[data-long=true]{font-size:17px}.card--reveal{gap:var(--space-3)}.card--perks .card-hint{display:none}.card--perks .card-title{font-size:clamp(30px,6.5cqw,40px)}.dialog{max-height:94vh}.dialog-inner{max-height:calc(94vh - 2 * var(--border-thick))}.dialog--roster{height:94vh}.settings .settings-think{padding-block:var(--space-1) 0}}@media (max-width: 600px){.stage-controls{--status-h: 52px;--controls-gap: var(--space-2)}.stage-controls-row{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.stage-controls-side--start,.stage-controls-side--end:empty{display:none}.status-caption{padding:5px 14px}.status-caption[data-long=true]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;font-size:16px;line-height:1.25}.status-caption[data-long=true] .status-text{display:inline;white-space:normal;overflow:visible}.status-caption[data-long=true] .status-chip{display:inline-block;margin-left:6px;vertical-align:baseline}.target-bar{gap:var(--space-2) var(--space-3);padding:3px var(--space-3)}.target-actions{flex-wrap:nowrap}.target-actions .btn{flex:1}}.log-row,.card-hint,.note,.target-hint,.howto-blurb,.perk-blurb{text-wrap:pretty}.flapper-body{fill:var(--pointer)}.flapper-inner{fill:var(--pointer-inner)}.flapper-pin{fill:var(--pointer-inner);stroke:var(--pointer);stroke-width:1.5}.wheel-flapper{filter:drop-shadow(0 3px 2px rgba(0,0,0,.22))}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-3)}.theme-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;text-align:left;padding:var(--space-3);border:var(--border) solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);transition:border-color var(--dur-fast) ease-out,background-color var(--dur-fast) ease-out}@media (hover: hover){.theme-card:hover{border-color:var(--ink)}}.theme-card[data-selected=true]{border-color:var(--accent);background:var(--accent-tint);box-shadow:inset 0 0 0 2px var(--accent)}.theme-card svg{flex:none;border-radius:var(--radius-sm)}.theme-on{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-family:var(--font-ui);font-size:var(--text-small);font-weight:700}.theme-grid>.note{align-self:center;padding:0 var(--space-3)}.theme-body{display:grid;gap:2px;min-width:0}.theme-name{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-h3)}.theme-tag{font-family:var(--font-ui);font-size:var(--text-small);font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:1px 8px;border-radius:var(--radius-pill);background:var(--sunken);color:var(--muted)}.theme-tag[data-tier=plus]{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 var(--border-thin) var(--line-strong)}.theme-tagline{font-size:var(--text-small);color:var(--muted);line-height:1.35}.link-button{appearance:none;border:0;padding:0;background:none;font:inherit;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-button:hover,.link-button:focus-visible{color:var(--ink)}.link-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:3px}.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin:var(--space-3) 0}.tier{display:grid;align-content:start;gap:var(--space-2);padding:var(--space-4);border:var(--border-thin) solid var(--line);border-radius:var(--radius);background:var(--surface)}.tier--plus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-tint)}.tier-name{margin:0;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-family:var(--font-display);font-size:var(--text-h3);font-weight:700}.tier-soon{font-family:var(--font-ui);font-size:var(--text-small);font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:1px 8px;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink)}.tier-price{margin:0;font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1}.tier-price small{display:block;margin-top:6px;font-family:var(--font-ui);font-size:var(--text-small);font-weight:600;color:var(--muted)}.tier-list{margin:0;padding-left:18px;font-size:var(--text-ui);color:var(--muted);display:grid;gap:4px}.card--recap{width:min(94%,760px);gap:var(--space-3);padding-bottom:0}.card--recap .card-actions{position:sticky;bottom:0;align-items:center;width:100%;padding:var(--space-3) 0 var(--space-5);background:var(--surface)}.card--recap[data-scrolls=true] .card-actions{border-top:var(--border-thin) solid var(--line)}.card--recap .card-actions .btn--big{padding-inline:var(--space-5);max-width:100%}.recap-kicker{font-family:var(--font-display);font-weight:700;font-size:var(--text-sub);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.recap-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:0;width:100%}.recap-stat{display:grid;gap:2px;min-width:96px;padding:var(--space-1) var(--space-3);border-radius:var(--radius);background:var(--sunken)}.recap-stat dt{font-size:var(--text-small);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.recap-stat dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--text-btn-big);line-height:1;font-variant-numeric:tabular-nums}.recap-stat--go dd{color:var(--stat-go-ink)}.recap-stat-text{font-size:var(--text-h3)!important;line-height:1.3!important;align-self:center}.recap-podium{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-3)}.recap-place{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4) 0 var(--space-2);border-radius:var(--radius-pill);border:var(--border-thin) solid var(--line);font-family:var(--font-display);font-weight:700;font-size:22px}.recap-place[data-place="1"]{border-color:var(--highlight);background:var(--winner-tint)}.recap-place-n{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--on-ink);font-size:16px}.recap-rest{font-size:var(--text-body);color:var(--muted);max-width:60ch;text-wrap:balance}.recap-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--text-body);color:var(--ink)}.recap-perk{display:inline-flex;align-items:center;gap:var(--space-2)}.perk-icon--small{width:32px;height:32px;border-width:var(--border-thin)}.toolbar{background:var(--toolbar-bg)}.panel{box-shadow:var(--panel-shadow)}.main[data-tour=true]{grid-template-rows:auto minmax(0,1fr)}@media (max-width: 900px) and (max-aspect-ratio: 11/10){.main[data-tour=true]{grid-template-rows:auto minmax(0,1fr) minmax(0,36vh)}.app[data-presentation=true] .main[data-tour=true]{grid-template-rows:auto minmax(0,1fr) minmax(0,30vh)}}@media (max-width: 600px){.main[data-tour=true],.app[data-presentation=true] .main[data-tour=true]{grid-template-rows:auto minmax(0,1fr) minmax(0,20vh)}.tour{padding:var(--space-2) var(--space-3);gap:var(--space-2);font-size:var(--text-ui)}.tour-more{display:none}.tour .btn{padding-inline:var(--space-3);font-size:var(--text-ui)}.tour-actions{order:2}.tour-text{order:3;flex-basis:100%}}@media (max-height: 780px){.app[data-tour=true] .footer{display:none}.tour{padding:var(--space-2) var(--space-4)}}@media (max-width: 600px){.app[data-phase=result] .side,.app[data-phase=perkPick] .side,.app[data-phase=roundOver] .side{display:none}.app[data-phase=result] .main,.app[data-phase=perkPick] .main,.app[data-phase=roundOver] .main{grid-template-rows:minmax(0,1fr)}.app[data-phase=result] .main[data-tour=true],.app[data-phase=perkPick] .main[data-tour=true],.app[data-phase=roundOver] .main[data-tour=true]{grid-template-rows:auto minmax(0,1fr)}.stage-overlay{padding:var(--space-2)}.card{padding:var(--space-4);gap:var(--space-3);max-width:100%}.card--reveal{padding:0 0 var(--space-4)}.reveal-name,.think{padding-inline:var(--space-4)}.reveal-name{font-size:clamp(40px,calc(118cqw / var(--chars, 8)),88px)}.card--reveal,.card--perks,.card--recap{width:100%}.card--perks,.card--recap{padding-bottom:0}.card--perks .card-actions,.card--recap .card-actions{padding-bottom:var(--space-4)}.card--recap .card-actions .btn--big{padding-inline:var(--space-4);font-size:var(--text-h2)}.recap-stats{flex-wrap:nowrap}.recap-stat{flex:1 1 0;min-width:0;padding-inline:var(--space-1)}.recap-stat--took,.card--perks .card-hint{display:none}.perk-grid[data-count="2"]{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.perk-card{grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-3);row-gap:2px;justify-items:start;align-items:center;text-align:left;min-height:0;padding:var(--space-3)}.perk-card .perk-icon{grid-row:1 / span 2;width:52px;height:52px}.perk-blurb{max-width:none}}.tour{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border:var(--border) solid var(--accent);border-radius:var(--radius);background:var(--accent-tint);font-size:var(--text-body);line-height:1.4;animation:rise-in var(--dur) var(--ease-out) both}.tour-step{flex:none;display:inline-grid;place-items:center;min-width:48px;height:36px;padding:0 10px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:700;font-size:var(--text-ui)}.tour-text{flex:1 1 320px;min-width:0;text-wrap:pretty}.tour-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-left:auto}.tour-arrow{position:fixed;z-index:28;width:56px;height:64px;margin:-64px 0 0 -28px;transform-origin:50% 100%;pointer-events:none;filter:drop-shadow(0 4px 10px rgb(0 0 0 / .28))}.tour-arrow[data-side=bottom]{transform:rotate(180deg)}.tour-arrow[data-side=left]{transform:rotate(-90deg)}.tour-arrow[data-side=right]{transform:rotate(90deg)}.tour-arrow-bob{display:block;width:100%;height:100%;animation:tour-bob .7s var(--ease-out) infinite alternate}.tour-arrow-bob svg{display:block}@keyframes tour-bob{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.tour-arrow-bob{animation:none}}.think{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:var(--space-3);row-gap:6px;width:100%;min-width:0;margin:0;padding:0 var(--space-6)}.think-label{justify-self:start;font-family:var(--font-display);font-size:var(--text-sub);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.think-num{font-family:var(--font-display);font-weight:700;font-size:var(--text-title);line-height:1;font-variant-numeric:tabular-nums;justify-self:end}.think-track{grid-column:1 / -1;height:var(--space-3);border-radius:var(--radius-pill);background:var(--sunken);overflow:hidden}.think-bar{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .25s linear}.think[data-done=true] .think-num,.think[data-done=true] .think-label{color:var(--no)}@media (prefers-reduced-motion: reduce){.think-bar{transition:none}}.settings{display:grid;gap:var(--space-1)}.settings .field-label{font-family:var(--font-display);font-size:var(--text-h3);font-weight:700;margin-top:var(--space-3)}.settings .field-label:first-child{margin-top:0}.settings-think{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) 0}.settings-think .note{display:block}.settings-think .seg{justify-self:start}@media (max-width: 600px){.settings-think{grid-template-columns:minmax(0,1fr)}}.report{width:100%;border-collapse:collapse;font-size:var(--text-body);font-variant-numeric:tabular-nums}.report-scroll{min-width:0}.report th,.report td{padding:6px 10px;border-bottom:var(--border-thin) solid var(--line);text-align:right}.report thead th{position:sticky;top:calc(-1 * var(--dialog-pad, 0px));z-index:1;background:var(--surface);border-bottom:0;box-shadow:inset 0 calc(-1 * var(--border-thin)) 0 var(--line)}.report-extra,.report td:last-child,.report th:last-child{white-space:nowrap}.report th[scope=col]{font-size:var(--text-small);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.report th[scope=row],.report th:first-child{text-align:left;font-weight:600}.report tr[data-top=true] th[scope=row]{font-weight:700}.report-points strong{display:inline-block;min-width:3.2ch;text-align:center;font-family:var(--font-display);font-size:20px}.report-adjust{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.btn--small{width:44px;min-width:44px;height:44px;min-height:44px;font-size:22px;line-height:1}.recap-total{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);margin:var(--space-1) 0 var(--space-2)}.recap-total-n{font-family:var(--font-display);font-weight:700;font-size:var(--text-hero);line-height:1;font-variant-numeric:tabular-nums}.recap-total-label{font-size:var(--text-h3);font-weight:600;color:var(--muted)}.recap-place-pts{flex:none;display:inline-grid;place-items:center;min-width:32px;height:28px;padding:0 8px;border-radius:var(--radius-pill);background:var(--go);color:var(--go-ink);font-size:16px;font-variant-numeric:tabular-nums}@media (max-height: 780px){.card--recap{gap:var(--space-2);padding-top:var(--space-3)}.recap-total{margin:0}.recap-total-n{font-size:64px}.recap-place{min-height:40px}.card--recap .card-actions{padding-bottom:var(--space-4)}}@media (max-height: 640px){.perk-grid[data-count="2"]{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.perk-card{grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-3);row-gap:2px;justify-items:start;align-items:center;text-align:left;min-height:0;padding:var(--space-3)}.perk-card .perk-icon{grid-row:1 / span 2;width:52px;height:52px}.perk-name{font-size:var(--text-h3);white-space:nowrap}.perk-blurb{max-width:none}.card--perks .card-actions{padding-bottom:var(--space-4)}.card--recap .card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-items:center;padding-bottom:var(--space-4)}.card--recap .card-actions .btn--big{padding-inline:var(--space-4);font-size:var(--text-h2)}.card--recap .card-actions .btn--big .key-hint{display:none}.recap-total-n{font-size:48px}.recap-stats{flex-wrap:nowrap}.recap-stat{flex:1 1 0;min-width:0;padding-inline:var(--space-2)}.recap-stat--took{display:none}.recap-place{min-height:36px}}.panel--board .panel-body{overflow:visible}.panel--board .panel-head{min-width:0}.panel--board .panel-title{flex:none}.board-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-ui);font-weight:600;font-size:max(var(--text-small),calc(var(--text-side) * .8));color:var(--muted);white-space:nowrap}.board-list{list-style:none;margin:0;padding:var(--space-2);display:grid;gap:2px}.board-row,.board-slot{display:grid;grid-template-columns:var(--side-lead) minmax(0,1fr) auto auto;align-items:center;column-gap:var(--space-2);min-height:calc(var(--text-side) * 2);padding:0 var(--space-3);border-radius:var(--radius-sm);border:2px solid transparent;font-size:var(--text-side)}.board-row[data-winner=true]{background:var(--winner-tint);border-color:var(--highlight)}.board-place{display:inline-grid;place-items:center;width:var(--side-lead);height:var(--side-lead);border-radius:50%;border:var(--border-thin) solid var(--ink);background:var(--surface);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:calc(var(--text-side) * .94);font-variant-numeric:tabular-nums}.board-row[data-place="1"] .board-place{background:var(--highlight);color:var(--highlight-ink);border-color:var(--highlight-ink)}.board-slot{grid-template-columns:var(--side-lead) minmax(0,1fr)}.board-slot .board-place{border-style:dashed;border-color:var(--line-strong);background:transparent;color:var(--muted)}.board-slot-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:var(--text-ui);font-weight:500}.board-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row[data-long=true] .board-name{white-space:normal;overflow-wrap:anywhere;line-height:1.15;max-height:2.3em;text-overflow:clip}.board-gain{display:inline-grid;place-items:center;height:calc(var(--text-side) * 1.4);padding:0 8px;border-radius:var(--radius-pill);background:var(--go);color:var(--go-ink);font-family:var(--font-ui);font-weight:700;font-size:max(var(--text-small),calc(var(--text-side) * .85));font-variant-numeric:tabular-nums}.board-points{grid-column:4;min-width:2ch;text-align:right;font-family:var(--font-display);font-weight:700;font-size:var(--text-side-num);font-variant-numeric:tabular-nums}@media (max-height: 780px){.panel--board .panel-head{min-height:0}.side[data-board=true] .panel--log{display:none}.side[data-board=true]{grid-template-rows:auto minmax(0,1fr)}}@media (max-height: 620px){.side .panel--board{display:none}.side[data-board=true]{grid-template-rows:minmax(0,1fr)}}@media (min-width: 1200px) and (min-aspect-ratio: 3/2){.app[data-presentation=false] .main{grid-template-columns:clamp(272px,23vw,420px) minmax(0,1fr) clamp(272px,23vw,420px);grid-template-rows:auto minmax(0,1fr)}.app[data-presentation=false] .side{display:contents}.app[data-presentation=false] .panel-head{min-height:calc(var(--touch) + 2 * var(--space-2) + var(--border-thin))}.app[data-presentation=false] .stage{grid-column:2;grid-row:1 / -1}.app[data-presentation=false] .panel--board{grid-column:1;grid-row:1}.app[data-presentation=false] .panel--log{grid-column:1;grid-row:2;display:grid}.app[data-presentation=false] .panel--roster{grid-column:3;grid-row:1 / -1}.app[data-presentation=false] .side[data-board=false] .panel--log{grid-row:1 / -1}.app[data-presentation=false][data-phase=targeting] .side .panel--board,.app[data-presentation=false][data-phase=targeting] .side .panel--log{display:grid}.app[data-presentation=false] .main[data-tour=true]{grid-template-rows:auto auto minmax(0,1fr)}.app[data-presentation=false] .main[data-tour=true] .tour{grid-row:1}.app[data-presentation=false] .main[data-tour=true] .stage,.app[data-presentation=false] .main[data-tour=true] .panel--roster{grid-row:2 / -1}.app[data-presentation=false] .main[data-tour=true] .panel--board{grid-row:2}.app[data-presentation=false] .main[data-tour=true] .panel--log{grid-row:3}.app[data-presentation=false] .main[data-tour=true] .side[data-board=false] .panel--log{grid-row:2 / -1}}@media (min-width: 1200px) and (min-aspect-ratio: 3/2) and (max-height: 620px){.app[data-presentation=false][data-phase=targeting] .side .panel--board{display:none}.app[data-presentation=false] .panel--log{grid-row:1 / -1}.app[data-presentation=false] .main[data-tour=true] .panel--log{grid-row:2 / -1}}
