@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/spellingbee/assets/atkinson-hyperlegible-400-latin-ext-DRk46D-x.woff2)format("woff2");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:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/spellingbee/assets/atkinson-hyperlegible-400-latin-BrHNak5F.woff2)format("woff2");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:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/spellingbee/assets/atkinson-hyperlegible-700-latin-ext-BoVPHkS0.woff2)format("woff2");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:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/spellingbee/assets/atkinson-hyperlegible-700-latin-GZI4o3u0.woff2)format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:500 800;font-display:swap;src:url(/spellingbee/assets/bricolage-grotesque-500-800-latin-ext-IcJDqblK.woff2)format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:500 800;font-display:swap;src:url(/spellingbee/assets/bricolage-grotesque-500-800-latin-Cre6nC2_.woff2)format("woff2");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:Caveat Brush;font-style:normal;font-weight:400;font-display:swap;src:url(/spellingbee/assets/caveat-brush-letters-G8PErdLA.woff2)format("woff2")}.bg{z-index:-1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.bg>*{pointer-events:none;position:absolute}:root{--hex-mask:radial-gradient(75% 70% at 50% 40%, #000 25%, #00000059 70%, transparent 100%);--hex-tile:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'28'%20height%3D'49'%20viewBox%3D'0%200%2028%2048.497'%20preserveAspectRatio%3D'none'%3E%3Cpolygon%20points%3D'0.00%2C-16.17%2014.00%2C-8.08%2014.00%2C8.08%200.00%2C16.17%20-14.00%2C8.08%20-14.00%2C-8.08'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.4'%2F%3E%3Cpolygon%20points%3D'28.00%2C-16.17%2042.00%2C-8.08%2042.00%2C8.08%2028.00%2C16.17%2014.00%2C8.08%2014.00%2C-8.08'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.4'%2F%3E%3Cpolygon%20points%3D'14.00%2C8.08%2028.00%2C16.17%2028.00%2C32.33%2014.00%2C40.41%20-0.00%2C32.33%200.00%2C16.17'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.4'%2F%3E%3Cpolygon%20points%3D'0.00%2C32.33%2014.00%2C40.41%2014.00%2C56.58%200.00%2C64.66%20-14.00%2C56.58%20-14.00%2C40.41'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.4'%2F%3E%3Cpolygon%20points%3D'28.00%2C32.33%2042.00%2C40.41%2042.00%2C56.58%2028.00%2C64.66%2014.00%2C56.58%2014.00%2C40.41'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.4'%2F%3E%3C%2Fsvg%3E");--hex-size:28px 49px}.bg-base{background:radial-gradient(90% 70% at 50% 18%, var(--bg-glow) 0%, transparent 62%), radial-gradient(60% 50% at 88% 92%, var(--bg-glow-2) 0%, transparent 70%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);inset:0}.bg-fade{-webkit-mask-image:var(--hex-mask);-webkit-mask-image:var(--hex-mask);mask-image:var(--hex-mask);inset:0}.bg-fade>*{position:absolute;inset:0}.bg-cells,.bg-cells-glow,.bg-light .lit{-webkit-mask-image:var(--hex-tile);-webkit-mask-image:var(--hex-tile);mask-image:var(--hex-tile);-webkit-mask-size:var(--hex-size);-webkit-mask-size:var(--hex-size);mask-size:var(--hex-size);-webkit-mask-position:top;mask-position:top}.bg-cells{background:var(--cell-line);opacity:var(--cells-opacity)}.bg-cells-glow{background:var(--cell-line);filter:blur(6px);opacity:var(--cells-glow-opacity);transform:translateZ(0)}.bg-grain{background-image:var(--grain);opacity:var(--hm-texture);background-size:200px 200px;inset:0}.bg-depth{background:linear-gradient(180deg, var(--bg-top) 0, var(--bg-top) 56px, transparent 132px), radial-gradient(120% 95% at 50% 35%, transparent 55%, var(--bg-edge) 100%);inset:0}.bg-light{opacity:0;width:46vw;top:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 50%,#0000);mask-image:linear-gradient(90deg,#0000,#000 50%,#0000)}.bg-light .lit{background:var(--cell-line-bright);width:100vw;position:absolute;top:0;bottom:0;left:0}.bg-light .lit-glow{filter:blur(7px)}@media (prefers-reduced-motion:no-preference){.bg-light{will-change:transform, opacity;animation:18s cubic-bezier(.45,0,.55,1) infinite sweep-window}.bg-light .lit{will-change:transform;animation:18s cubic-bezier(.45,0,.55,1) infinite sweep-content}}@keyframes sweep-window{0%{opacity:0;transform:translate(-50vw)}8%{opacity:var(--light-peak)}42%{opacity:var(--light-peak)}50%{opacity:0;transform:translate(104vw)}to{opacity:0;transform:translate(104vw)}}@keyframes sweep-content{0%{transform:translate(50vw)}50%{transform:translate(-104vw)}to{transform:translate(-104vw)}}@media (prefers-reduced-motion:reduce){.bg-light{display:none!important}}:root[data-reduce-motion=true] .bg-light{display:none!important}:root[data-paused] .bg *{animation-play-state:paused!important}:root[data-peak="1"] .bg-light{opacity:var(--light-peak)!important;width:auto!important;animation:none!important;display:block!important;inset:0!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}:root[data-peak="1"] .bg-light .lit{width:auto!important;animation:none!important;inset:0!important;transform:none!important}:root[data-peak="1"] *{rotate:none!important}:root :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible:not(.tier-bar,.answer-field){outline:3px solid var(--ring);outline-offset:3px;box-shadow:0 0 0 7px var(--focus-moat), 0 0 0 13px var(--glow-soft)}.panel{isolation:isolate;background:var(--panel);border-radius:var(--hm-r-panel);box-shadow:inset 0 0 0 1px var(--panel-edge), var(--paper-shadow);position:relative}.panel:after{content:"";border:2px solid var(--sketch);border-radius:inherit;pointer-events:none;filter:url(#hm-wobble-s);position:absolute;inset:-3px}.panel>:is(.mascot,.rosette){z-index:1}@media (prefers-reduced-transparency:reduce){.panel{background:var(--panel-solid)}}.sticker{z-index:2;background:var(--sticker-bg);color:var(--sticker-ink);font:400 1.4rem/1 var(--hand);letter-spacing:.012em;box-shadow:inset 0 0 0 2px var(--sticker-bg), inset 0 0 0 3.5px var(--sticker-line), 2px 3px 0 var(--ink-shadow);rotate:calc(var(--hm-tilt) * -5);will-change:transform;border-radius:12px 16px 13px 15px/15px 12px 16px 13px;padding:11px 17px;display:inline-block;position:absolute}.placard{text-align:center;background:var(--panel-solid);border:2px solid var(--text);rotate:calc(var(--hm-tilt) * -1.6);box-shadow:2px 3px 0 var(--ink-shadow);border-radius:7px 9px 6px 10px/9px 6px 10px 7px;justify-self:center;padding:5px 16px 7px;transition:box-shadow .4s}.placard b{font:800 1.55rem/1 var(--display);font-variant-numeric:tabular-nums;display:block}.placard span{color:var(--muted);font-size:.8rem}.btn{border-radius:var(--hm-r-btn);min-height:54px;font:700 17px/1 var(--body);cursor:pointer;touch-action:manipulation;transition:top .15s var(--ease-out), left .15s var(--ease-out), box-shadow .25s ease, border-color .15s ease, background-color .15s ease, color .15s ease;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 26px;text-decoration:none;display:inline-flex;position:relative;top:0;left:0}.btn svg{flex:none;width:1.15em;height:1.15em}.btn-sm{min-height:44px;padding:0 16px;font-size:15px}.btn-primary{background:var(--accent-fill);color:var(--on-accent);box-shadow:inset 0 0 0 1px var(--btn-sheen), 3px 4px 0 var(--ink-shadow)}.btn-primary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--btn-sheen), 4px 5px 0 var(--ink-shadow);top:-1px;left:-1px}.btn-primary:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--btn-sheen), 1px 1px 0 var(--ink-shadow);top:3px;left:2px}.btn-secondary{background:var(--panel);color:var(--text);border-color:var(--edge);box-shadow:3px 4px 0 var(--ink-shadow)}.btn-secondary svg{color:var(--accent)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);box-shadow:4px 5px 0 var(--ink-shadow)}.btn-secondary:active:not(:disabled){box-shadow:1px 1px 0 var(--ink-shadow);top:3px;left:2px}.btn-danger{color:var(--bad);border-color:var(--bad);background:0 0}.btn-danger:hover:not(:disabled){background:var(--bad);color:var(--bg-top)}.btn-text{min-height:44px;color:var(--text);text-underline-offset:3px;background:0 0;border:0;padding:0 12px;font-size:15px;font-weight:400;text-decoration:underline}.btn-text:hover:not(:disabled){color:var(--accent)}.btn:disabled{color:var(--muted);border:2px dashed var(--edge);box-shadow:none;cursor:not-allowed;background:0 0;top:0;left:0}.btn-block{width:100%}.text-input{background:var(--field);width:100%;min-height:48px;color:var(--text);border:2px solid var(--edge);border-radius:var(--hm-r-field);font:400 16px/1.3 var(--body);padding:10px 14px;transition:border-color .15s}.text-input:focus{border-color:var(--accent)}.text-input::placeholder{color:var(--muted);opacity:1}select.text-input{color-scheme:inherit}select.text-input option{background:var(--field);color:var(--text)}.field-wrap{position:relative}.answer-field{background:var(--field);width:100%;min-height:76px;color:var(--text);border:2px solid var(--edge);border-radius:var(--hm-r-field);font:700 2.1rem/1 var(--body);letter-spacing:.08em;text-align:center;padding:0 64px;transition:border-color .2s,box-shadow .35s}.answer-field::placeholder{color:var(--muted);opacity:1;letter-spacing:.02em;font-size:1.1rem;font-weight:400}.answer-field:focus,:root .answer-field:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-color:var(--accent);box-shadow:0 0 0 7px var(--field), 0 0 0 11px var(--glow-accent), 0 0 26px -4px var(--glow-accent)}.answer-field:focus:not(:focus-visible){outline:none}.answer-field:disabled{opacity:1;color:var(--muted)}.answer-field.correct,:root .answer-field.correct:focus-visible{outline-color:var(--good);border-color:var(--good);box-shadow:0 0 0 7px var(--field), 0 0 0 11px var(--glow-good), 0 0 26px -4px var(--glow-good)}.answer-field.incorrect,:root .answer-field.incorrect:focus-visible{outline-color:var(--bad);border-color:var(--bad);box-shadow:0 0 0 7px var(--field), 0 0 0 11px var(--glow-bad)}.outcome-icon{opacity:0;pointer-events:none;width:32px;height:32px;margin-top:-16px;transition:opacity .2s,transform .35s cubic-bezier(.2,1.6,.4,1);position:absolute;top:50%;right:18px;transform:scale(.6)}.outcome-icon svg{width:32px;height:32px}.is-correct .outcome-icon.ok{opacity:1;color:var(--good);transform:none}.is-incorrect .outcome-icon.miss{opacity:1;color:var(--bad);transform:none}@media (prefers-reduced-motion:no-preference){.answer-field.correct{animation:.7s ease-out light-up}.is-incorrect{animation:.42s cubic-bezier(.36,.07,.19,.97) field-shake}}@keyframes light-up{0%{box-shadow:0 0 0 7px var(--field), 0 0 0 7px var(--glow-good)}40%{box-shadow:0 0 0 7px var(--field), 0 0 0 14px var(--glow-good), 0 0 30px -4px var(--glow-good)}}@keyframes field-shake{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}to{transform:none}}@media (width<=760px){.answer-field{min-height:68px;padding:0 44px 0 16px;font-size:1.8rem}.answer-field::placeholder{font-size:1rem}}.art-box{flex:none;display:inline-block}.art,.art svg{width:100%;height:100%;display:block;overflow:visible}.mascot{width:112px;height:112px}.rosette{width:116px;height:116px;filter:drop-shadow(2px 4px 0 var(--ink-shadow))}@media (prefers-reduced-motion:no-preference){.mascot svg{animation:5s ease-in-out infinite hover-bee}}@keyframes hover-bee{50%{transform:translateY(-5px)rotate(-2deg)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-top:#16130f;--bg-bottom:#0f0c08;--bg-glow:#e8963221;--bg-glow-2:#5c7cff17;--bg-edge:#080603d9;--cell-line:#ecaa4642;--cell-line-bright:#ffcd78bd;--cells-opacity:1;--cells-glow-opacity:.3;--light-peak:.36;--panel:#211c15e0;--panel-solid:#211c15;--panel-edge:#e8a63d2e;--scrim:#100d09c2;--scrim-modal:#0000008c;--raised:#e8a63d21;--field:#16130f;--text:#f5efe3;--muted:#b3a68f;--accent:#e8a63d;--accent-fill:#e8a63d;--on-accent:#1a1610;--heading:#f2bd62;--kicker:#a3b5ff;--you:#a3b5ff;--edge:#9d8d70;--ring:#f5c46e;--focus-moat:#16130f;--glow-soft:#e8a63d4d;--good:#5cc49c;--bad:#ec7f74;--glow-accent:#e8a63d80;--glow-good:#5cc49c73;--glow-bad:#ec7f7466;--mark:#e8a63d;--mark-2:#8aa2ff;--mark-ring:#8aa2ff;--ribbon-1:#8aa2ff;--ribbon-2:#cfc6b6;--ribbon-3:#c9713a;--t-novice:#7fa382;--t-easy:#8fae70;--t-building:#a9ad5a;--t-medium:#c99a45;--t-advanced:#d48a35;--t-hard:#d0702e;--t-expert:#e8a63d;--t-master:#d95d25;--bee-body:#f0b24c;--bee-stripe:#2a2013;--bee-wing:#fff6e4bf;--bee-line:#1a1410;--bee-cheek:#ff9fb2;--bee-eye:#fffdf8;--bee-leaf:#6fd49e;--sketch:#f4c46ea8;--ink-shadow:#060401bf;--paper-shadow:0 14px 30px -18px #000000bf;--sticker-bg:#e8a63d;--sticker-ink:#1a1610;--sticker-line:#1a16104d;--btn-sheen:#fff4dc24;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .72 1.2 0 0 0 -.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--hm-roughness:2.4;--hm-tilt:1deg;--hm-texture:.16;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Atkinson Hyperlegible", system-ui, sans-serif;--hand:"Caveat Brush", "Bricolage Grotesque", cursive;--r-pill:999px;--hm-r-panel:28px 21px 26px 19px / 21px 27px 19px 25px;--hm-r-btn:15px 19px 16px 18px / 18px 15px 19px 16px;--hm-r-field:14px 17px 15px 16px / 16px 14px 17px 15px;--hm-r-icon:16px 14px 17px 15px / 14px 17px 15px 16px;--ease-out:cubic-bezier(.2, .8, .2, 1);--squiggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6.5C20 2 32 9 52 5.5S84 2.5 104 6 140 8.5 160 4.2 190 5.5 198 3.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");--life:#d9645c;--out:#6f6455;--spectate:#5b8fb0;--tier-expert-fill:linear-gradient(155deg, #edae47, #b97c1e);--tier-expert-edge:#f2c268;--tier-expert-ink:#241a09;--tier-master-fill:linear-gradient(155deg, #b04a1c, #80330f);--tier-master-edge:#e0742f;--tier-master-ink:#fff1e4}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-top:#faf3e3;--bg-bottom:#f4e8cc;--bg-glow:#e09a2c29;--bg-glow-2:#2346d814;--bg-edge:#f0e2c4e6;--cell-line:#c9871e38;--cell-line-bright:#c47c1475;--cells-opacity:1;--cells-glow-opacity:.26;--light-peak:.44;--panel:#fffcf5eb;--panel-solid:#fffcf5;--panel-edge:#9a621029;--scrim:#faf3e3d6;--scrim-modal:#2c241966;--raised:#c9871e21;--field:#fffdf8;--text:#2c2419;--muted:#6b5a42;--accent:#8f5a0e;--accent-fill:#e09a2c;--on-accent:#2b2115;--heading:#8f5a0e;--kicker:#2346d8;--you:#2346d8;--edge:#7f6a48;--ring:#7a4a08;--focus-moat:#fffdf8;--glow-soft:#e09a2c4d;--good:#25705a;--bad:#ad3d35;--glow-accent:#e09a2c73;--glow-good:#25705a4d;--glow-bad:#ad3d3547;--mark:#e09a2c;--mark-2:#2346d8;--mark-ring:#2346d8;--ribbon-1:#2346d8;--ribbon-2:#8f887c;--ribbon-3:#b0602a;--t-novice:#5a8a5e;--t-easy:#6b8f4e;--t-building:#8a8f35;--t-medium:#b7862a;--t-advanced:#c0722a;--t-hard:#b95a22;--t-expert:#e09a2c;--t-master:#b8471a;--bee-body:#eaa640;--bee-stripe:#2c2419;--bee-wing:#ffffffd9;--bee-line:#2c2419;--bee-cheek:#ff9fb2;--bee-eye:#fffdf8;--bee-leaf:#4fae7c;--sketch:#7a4b0899;--ink-shadow:#7a4b0833;--paper-shadow:0 12px 26px -16px #78501473;--sticker-bg:#e09a2c;--sticker-ink:#2b2115;--sticker-line:#1a16104d;--btn-sheen:#fff4dc24;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .27 0 0 0 0 .08 1.2 0 0 0 -.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--life:#b4423a;--out:#9a8b74;--spectate:#3d6c8c;--tier-expert-fill:linear-gradient(155deg, #f0ad42, #d4841a);--tier-expert-edge:#a96712;--tier-expert-ink:#2b2115;--tier-master-fill:linear-gradient(155deg, #b04a1c, #80330f);--tier-master-edge:#7d2b0b;--tier-master-ink:#fff1e4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-top);color:var(--text);font-family:var(--body);transition:background-color .25s,color .25s}button{cursor:pointer;font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :before,:root[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.app-shell{z-index:1;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative}@media (width<=600px){.app-shell{align-items:flex-start;padding-top:76px}}.settings-toggle{z-index:20;border-radius:var(--hm-r-icon);border:1.5px solid var(--edge);background:var(--panel-solid);width:44px;height:44px;color:var(--accent);box-shadow:2px 3px 0 var(--ink-shadow);justify-content:center;align-items:center;transition:border-color .15s,color .15s,transform .15s;display:inline-flex;position:fixed;top:16px;right:16px}.settings-toggle:hover{border-color:var(--accent);transform:rotate(-25deg)}.tier-select{text-align:center;width:100%;max-width:480px;margin:0 auto;padding-top:8px}.tier-head{margin-bottom:28px;padding:24px 20px 18px}.tier-select h1{font:400 clamp(3.4rem, 11vw, 4.4rem)/.95 var(--hand);letter-spacing:.012em;color:var(--heading);rotate:calc(var(--hm-tilt) * -1);margin:0}.tier-select h1:after{content:"";background:var(--heading);opacity:.75;width:min(11ch,78%);height:10px;-webkit-mask:var(--squiggle) left center / 100% 100% no-repeat;-webkit-mask:var(--squiggle) left center / 100% 100% no-repeat;mask:var(--squiggle) left center / 100% 100% no-repeat;margin:.3em auto 0;display:block}.subtitle{color:var(--muted);margin:8px 0 20px}.mode-toggles{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.mode-chip{border-radius:var(--hm-r-btn);border:1.5px solid var(--edge);background:var(--field);min-height:44px;color:var(--text);font:400 .95rem var(--body);align-items:center;gap:8px;padding:0 16px;transition:border-color .15s,background-color .15s;display:inline-flex}.mode-chip svg{width:1.05em;height:1.05em;color:var(--accent)}.mode-chip:hover{border-color:var(--accent)}.mode-chip[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.mode-chip[aria-pressed=true] svg{color:var(--on-accent)}.mode-hint{min-height:1.3em;color:var(--muted);margin:2px 0 0;font-size:.9rem}.tier-stack{flex-direction:column;gap:6px;max-width:420px;margin:0 auto;display:flex}.tier-wrap{--hex-bar:polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);transition:filter .2s;display:block;position:relative}.tier-wrap:before{content:"";clip-path:var(--hex-bar);background:var(--focus-moat);display:none;position:absolute;inset:-3px}.tier-wrap:has(.tier-bar:focus-visible):before{display:block}.tier-wrap:has(.tier-bar:focus-visible){filter:drop-shadow(0 0 9px var(--glow-accent))}.tier-bar{--fill:linear-gradient(155deg, color-mix(in srgb, var(--t) 26%, var(--panel-solid)), color-mix(in srgb, var(--t) 11%, var(--panel-solid)));--rim:color-mix(in srgb, var(--t) 66%, var(--panel-solid));--ink:var(--text);--ink-2:var(--muted);z-index:1;text-align:left;background:var(--rim);width:100%;min-width:0;min-height:58px;color:var(--ink);clip-path:var(--hex-bar);transition:transform .15s var(--ease-out), filter .15s ease;will-change:transform;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 30px;display:flex;position:relative}.tier-bar:before{content:"";clip-path:var(--hex-bar);background:var(--fill);z-index:0;position:absolute;inset:2px}.tier-bar>*{z-index:1;position:relative}.tier-bar:hover{filter:brightness(1.08);transform:translate(3px)}.tier-bar:active{transform:translate(0)scale(.99)}:root .tier-wrap .tier-bar:focus-visible{box-shadow:none;background:var(--ring);outline:none}.tier-bar:after{content:"";clip-path:var(--hex-bar);background:var(--fill);z-index:0;display:none;position:absolute;inset:8px}.tier-bar:focus-visible:before{background:var(--focus-moat);inset:5px}.tier-bar:focus-visible:after{display:block}.tier-bar-main{flex-direction:column;gap:2px;min-width:0;display:flex}.tier-label{font:700 1.05rem/1.1 var(--display);color:inherit;display:block}.tier-blurb{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:.8rem;line-height:1.25;display:block;overflow:hidden}.tier-best{font:700 .75rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}.tier-bar[data-tier=expert]{--fill:var(--tier-expert-fill);--rim:var(--tier-expert-edge);--ink:var(--tier-expert-ink);--ink-2:var(--tier-expert-ink)}.tier-bar[data-tier=master]{--fill:var(--tier-master-fill);--rim:var(--tier-master-edge);--ink:var(--tier-master-ink);--ink-2:var(--tier-master-ink)}:root[data-theme=light] .tier-bar{--ink-2:color-mix(in srgb, var(--text) 82%, var(--panel-solid));--fill:linear-gradient(155deg, color-mix(in srgb, var(--t) 18%, var(--panel-solid)), color-mix(in srgb, var(--t) 30%, var(--panel-solid)));--rim:color-mix(in srgb, var(--t) 70%, var(--panel-solid))}:root[data-theme=light] .tier-bar[data-tier=expert]{--fill:var(--tier-expert-fill);--rim:var(--tier-expert-edge);--ink:var(--tier-expert-ink);--ink-2:var(--tier-expert-ink)}:root[data-theme=light] .tier-bar[data-tier=master]{--fill:var(--tier-master-fill);--rim:var(--tier-master-edge);--ink:var(--tier-master-ink);--ink-2:var(--tier-master-ink)}.round-screen{text-align:center;width:100%;max-width:720px;margin:0 auto;padding-top:8px}.definition{font:500 clamp(1.25rem, 3.2vw, 1.6rem)/1.35 var(--display);color:var(--text);text-wrap:pretty;margin:0 0 18px}.timer-track{background:var(--raised);border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.timer-fill{border-radius:inherit;background:var(--accent-fill);height:100%;box-shadow:0 0 14px var(--glow-accent);transition:width 1s linear,background-color .5s}.timer-fill.low{background:color-mix(in srgb, var(--bad) 55%, var(--accent-fill))}.timer-fill.critical{background:var(--bad);box-shadow:0 0 14px var(--glow-bad);animation:.85s ease-in-out infinite timer-urgent}@keyframes timer-urgent{50%{opacity:.45}}.feedback{justify-content:center;align-items:center;gap:8px;min-height:28px;margin:12px 0 0;font-weight:700;display:flex}.feedback .bell{flex:none;width:1.2em;height:1.2em}.feedback.correct{color:var(--good)}.feedback.incorrect{color:var(--bad)}.feedback.waiting{color:var(--muted)}.settings-dialog{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.settings-dialog::backdrop{background:0 0}.settings-scrim{z-index:30;background:var(--scrim-modal);justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-drawer{background:var(--panel-solid);border-left:2px solid var(--sketch);text-align:left;width:min(400px,100%);height:100%;box-shadow:var(--paper-shadow);padding:20px;overflow-y:auto}.settings-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings-title{font:400 2rem/1 var(--hand);letter-spacing:.012em;color:var(--heading);margin:0}.settings-close{border:2px solid var(--edge);width:44px;height:44px;color:var(--text);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.settings-close:hover{border-color:var(--accent);color:var(--accent)}.settings-section{border-top:1px solid var(--panel-edge);padding:16px 0}.settings-section-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px;font-size:.8rem}.settings-note{color:var(--muted);margin:8px 0 0;font-size:.85rem;line-height:1.45}.settings-range{width:100%;height:44px;accent-color:var(--accent-fill)}.segmented{gap:6px;display:flex}.segment{border:2px solid var(--edge);border-radius:var(--hm-r-btn);background:var(--field);min-height:44px;color:var(--text);font-family:var(--body);flex:1;justify-content:center;align-items:center;gap:7px;font-size:15px;transition:border-color .15s,background-color .15s;display:inline-flex}.segment:hover{border-color:var(--accent)}.segment.active{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.switch-row{text-align:left;width:100%;min-height:44px;color:var(--text);font-family:var(--body);background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.switch-text{flex-direction:column;gap:3px;min-width:0;display:flex}.switch-label{font-size:1rem}.switch-hint{color:var(--muted);font-size:.85rem;line-height:1.4}.switch-track{background:var(--edge);border:2px solid var(--edge);border-radius:999px;flex:none;align-items:center;width:48px;height:28px;padding:1px;transition:background-color .18s,border-color .18s;display:flex}.switch-track.on{background:var(--accent-fill);border-color:var(--accent-fill)}.switch-thumb{background:var(--panel-solid);border-radius:50%;width:20px;height:20px;transition:transform .18s}.switch-track.on .switch-thumb{transform:translate(20px)}.confirm-block{border:2px solid var(--bad);border-radius:var(--hm-r-btn);padding:12px}.confirm-block .settings-note{margin-top:0}.confirm-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.definition-hidden{color:var(--muted);margin:0 0 16px;font-size:15px;font-style:italic;line-height:1.5}.result-note{text-align:center;color:var(--muted);margin-top:.35rem;font-size:.95rem}.round-exit{justify-content:flex-start;min-height:44px;margin-bottom:20px;display:flex}.round-exit .back-link{margin-bottom:0}.exit-confirm{border:1px solid var(--bad);text-align:left;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;padding:8px 12px;display:flex}.exit-confirm-text{color:var(--muted);font-size:13px}.exit-confirm-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.results-screen{text-align:center;width:100%;max-width:560px;margin:0 auto;padding:44px 32px 28px}.results-screen h2{font:400 clamp(2.4rem, 7vw, 3.2rem)/1 var(--hand);letter-spacing:.012em;color:var(--heading);margin:0}.results-screen .sticker{top:-19px;left:22px}.results-rosette{width:104px;height:104px;position:absolute;top:-48px;right:22px}@media (prefers-reduced-motion:no-preference){.results-rosette{animation:.8s cubic-bezier(.2,1.4,.4,1) .2s both rosette-pin}}@keyframes rosette-pin{0%{opacity:0;transform:scale(.6)rotate(-25deg)}}.results-stats{justify-content:center;gap:40px;margin:24px 0 20px;display:flex}.results-stat{flex-direction:column;align-items:center;display:flex}.results-value{font:800 2.4rem/1 var(--display);font-variant-numeric:tabular-nums;color:var(--text)}.results-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:.85rem}.results-best{color:var(--muted);margin:0 0 24px;font-size:1rem}.results-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.home{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;width:100%;max-width:1120px;padding-top:44px;display:grid}.hero{padding:56px 36px 30px}.hero h1{font:400 clamp(3.6rem, 8.4vw, 6.3rem)/.9 var(--hand);letter-spacing:.005em;color:var(--heading);rotate:calc(var(--hm-tilt) * -1.4);transform-origin:0 80%;text-wrap:balance;margin:0 0 14px}.hero h1:after,.bests h2:after,.winner h1:after{content:"";background:var(--heading);opacity:.75;width:min(11ch,78%);height:10px;-webkit-mask:var(--squiggle) left center / 100% 100% no-repeat;-webkit-mask:var(--squiggle) left center / 100% 100% no-repeat;mask:var(--squiggle) left center / 100% 100% no-repeat;margin-top:.3em;display:block}.hero .sticker{top:-19px;left:18px}.hero-mascot{width:112px;height:112px;position:absolute;top:-84px;right:22px}.tagline{font:700 1.3rem/1.3 var(--display);margin:0 0 8px}.lede{max-width:34ch;color:var(--muted);text-wrap:pretty;margin:0 0 28px;font-size:1.1rem}.actions{flex-wrap:wrap;gap:12px;display:flex}.home-footer{margin:22px 0 0;font-size:14px}.home-footer a{min-height:44px;color:var(--muted);text-underline-offset:3px;align-items:center;padding:0 12px 0 0;text-decoration:underline;display:inline-flex}.bests{padding:28px}.bests h2{font:400 2rem/1 var(--hand);letter-spacing:.012em;color:var(--heading);margin:0 0 4px}.bests h2:after{margin-top:.2em}.bests p{color:var(--muted);margin:12px 0 16px;font-size:.95rem}.bests ol{margin:0;padding:0;list-style:none}.bests li{border-bottom:1px solid var(--panel-edge);grid-template-columns:1fr auto;align-items:baseline;padding:9px 0;display:grid}.bests li:last-child{border-bottom:0}.bests .tier{font-weight:700}.bests .score{font:700 1.1rem/1 var(--display);font-variant-numeric:tabular-nums}.bests .score.none{color:var(--muted);font:400 .95rem var(--body)}.rosette-float{width:96px;height:96px;position:absolute;top:-40px;right:-16px;transform:rotate(8deg)}.swatch{vertical-align:-3px;background:var(--t);border-radius:3px;width:10px;height:18px;margin-right:10px;display:inline-block}[data-tier=novice]{--t:var(--t-novice)}[data-tier=easy]{--t:var(--t-easy)}[data-tier=building]{--t:var(--t-building)}[data-tier=medium]{--t:var(--t-medium)}[data-tier=advanced]{--t:var(--t-advanced)}[data-tier=hard]{--t:var(--t-hard)}[data-tier=expert]{--t:var(--t-expert)}[data-tier=master]{--t:var(--t-master)}@media (width<=760px){.home{grid-template-columns:1fr;gap:56px;padding-top:56px}.hero{padding:54px 22px 22px}.hero .sticker{font-size:1.25rem;top:-17px;left:12px}.hero h1{font-size:clamp(3.4rem,17vw,4.6rem)}.hero-mascot{width:88px;height:88px;top:-70px;right:84px}.actions .btn{flex:100%}.rosette-float{width:72px;height:72px;top:-32px;right:-4px}}.back-link{border-radius:var(--r-pill);background:var(--scrim);min-height:44px;color:var(--text);cursor:pointer;border:0;align-items:center;gap:6px;margin-bottom:24px;padding:0 14px 0 10px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--accent)}.sp-home{text-align:center}.lobby{width:100%;max-width:960px;margin:0 auto;padding-top:8px}.lobby h2,.waiting-room h2{font:400 clamp(2.4rem, 7vw, 3.2rem)/1 var(--hand);letter-spacing:.012em;color:var(--heading);margin:0 0 16px}.lobby h3{font-family:var(--display);color:var(--text);margin:0 0 14px;font-size:1.15rem}.lobby-status,.lobby-error{color:var(--muted)}.lobby-error{color:var(--bad);margin-top:16px}[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.captcha-slot{justify-content:center;margin-top:12px;display:flex}.field{text-align:left;margin-bottom:14px;display:block}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;display:block}.code-input{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;text-align:center}.hint{color:var(--muted);text-align:center;margin:12px 0 0;font-size:.9rem}.room-code-block{text-align:center;margin-bottom:22px;padding:24px 22px}.room-code-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;display:block}.room-code{font-family:var(--display);letter-spacing:.2em;color:var(--heading);margin:8px 0 4px;font-size:2.6rem;font-weight:800;display:block}.room-tier{color:var(--muted);font-size:.95rem;display:block}.player-list{margin-bottom:22px;padding:20px 22px}.player-list-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.8rem;display:block}.player-list ul{margin:0;padding:0;list-style:none}.player-row{border-bottom:1px solid var(--panel-edge);align-items:center;gap:10px;padding:10px 0;display:flex}.player-name{overflow-wrap:anywhere;min-width:0;color:var(--text);flex:1;font-size:1rem}.player-tags{align-items:center;gap:6px;display:flex}.tag{text-transform:uppercase;letter-spacing:.05em;border-radius:10px;padding:3px 9px;font-size:.75rem;font-weight:700}.tag-host{background:var(--accent-fill);color:var(--on-accent)}.tag-you{border:1.5px solid var(--you);color:var(--you)}.player-empty{color:var(--muted);padding:12px 0;font-size:1rem}.start-msg{color:var(--bad);word-break:break-word;margin-top:12px;font-size:.95rem;line-height:1.5}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}18%{transform:translate(-7px)}38%{transform:translate(6px)}58%{transform:translate(-4px)}78%{transform:translate(2px)}}@keyframes streak-pulse{0%{transform:scale(1)}35%{color:var(--accent);transform:scale(1.32)}to{transform:scale(1)}}.avatar-picker{flex-wrap:wrap;gap:8px;display:flex}.avatar-option{cursor:pointer;width:48px;height:48px;color:var(--muted);background:var(--panel-solid);border:1px solid var(--panel-edge);border-radius:12px;place-items:center;padding:0;transition:top .12s,border-color .12s,color .12s;display:grid;position:relative;top:0}.avatar-option:hover{color:var(--text);top:-1px}.avatar-option.selected{background:var(--panel-solid);border:3px solid var(--accent);box-shadow:0 0 14px -2px var(--glow-accent)}.avatar-badge{color:var(--accent);flex:none;place-items:center;display:inline-grid}.mode-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-option{text-align:left;cursor:pointer;min-width:0;color:var(--text);background:var(--field);border:2px solid var(--edge);border-radius:var(--hm-r-btn);flex-direction:column;gap:3px;padding:10px 12px;transition:border-color .12s,background-color .12s;display:flex}.mode-option.selected{border-color:var(--accent);background:var(--raised)}.mode-name{font-family:var(--display);font-size:1rem;font-weight:700}.mode-blurb{color:var(--muted);font-size:.85rem;line-height:1.3}.room-preview{border:1.5px solid var(--edge);border-left:4px solid var(--accent);background:var(--field);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 10px;padding:8px 10px;display:flex}.room-preview.elimination{border-left-color:var(--life)}.room-preview-mode{font-family:var(--display);font-size:.95rem;font-weight:700}.room-preview-detail{color:var(--muted);font-size:.9rem}.room-preview-warn{color:var(--bad);font-size:.85rem}.room-mode{color:var(--muted);letter-spacing:.02em;font-size:.9rem}.room-mode.elimination{color:var(--life)}.turn-screen{text-align:center;flex-direction:column;width:100%;max-width:720px;margin:0 auto;padding-top:8px;display:flex}.turn-screen>*{margin-bottom:22px}.turn-screen>:last-child{margin-bottom:0}.turn-screen .round-exit{justify-content:flex-start;margin-bottom:20px}.turn-screen .exit-confirm{border-radius:var(--hm-r-panel);text-align:left;border:0;padding:12px 16px}.turn-screen .exit-confirm-text{color:var(--text);font-size:14px}.turn-head{border-radius:var(--hm-r-panel);grid-template-columns:repeat(4,1fr);align-items:start;gap:8px;padding:12px 20px;display:grid}.hud{text-align:left;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-start;display:flex}.hud b{font:800 1.5rem/1.1 var(--display);color:var(--text)}.hud span{color:var(--muted);font-size:.8rem}.hud .hud-hint{max-width:12ch;margin-top:2px;font-size:.75rem;line-height:1.25}.hud-clock{text-align:right;align-items:flex-end}.hud-clock b{font-size:2rem}.hud-clock[data-low=true] b{color:var(--bad)}.turn-banner{font:700 1.2rem/1.2 var(--display);border-radius:var(--hm-r-btn);justify-content:center;align-items:center;gap:10px;padding:12px 16px;display:flex}.turn-banner:after{border-radius:inherit}.turn-banner.mine{color:var(--on-accent);background:var(--accent-fill);animation:.3s turn-pop}@keyframes turn-pop{0%{transform:scale(.97)}to{transform:scale(1)}}.turn-banner-name{font-weight:800}.turn-screen .pronouncer{margin-bottom:22px}.turn-screen .answer{padding:22px 22px 12px}.turn-screen .answer form{margin:0}.submit-pending{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:8px 0 0;font-size:.9rem;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.waiting-turn,.spectating{border:2px dashed var(--edge);border-radius:var(--hm-r-field);background:var(--field);min-height:60px;color:var(--text);text-align:center;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:1rem;display:flex}.spectating{border-style:solid;border-color:var(--spectate);color:var(--spectate)}.waiting-dots{gap:3px;display:inline-flex}.waiting-dots i{background:var(--text);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite waiting-pulse}.waiting-dots i:nth-child(2){animation-delay:.15s}.waiting-dots i:nth-child(3){animation-delay:.3s}@keyframes waiting-pulse{0%,to{opacity:.3}50%{opacity:1}}.turn-feedback{text-align:center;flex-direction:column;justify-content:center;gap:2px;min-height:52px;display:flex}.turn-feedback .feedback,.turn-feedback .result-note{margin:0}.table-panel{padding:18px 16px 14px}.player-tokens{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px 14px;margin:0;padding:0;list-style:none;display:flex}.ptoken{flex-direction:column;align-items:center;gap:5px;width:64px;display:flex}.ptoken-disc{background:var(--panel-solid);border:2px solid var(--edge);border-radius:50%;place-items:center;width:50px;height:50px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.ptoken-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:.8rem;line-height:1.2;overflow:hidden}.ptoken.active .ptoken-disc{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 0 14px var(--glow-accent);transform:translateY(-2px)}.ptoken.active .ptoken-name{color:var(--accent);font-weight:700}.ptoken.you .ptoken-name{color:var(--text)}.ptoken.you.active .ptoken-name{color:var(--accent)}.ptoken-lives{color:var(--text);align-items:center;gap:3px;font-size:.85rem;font-weight:700;line-height:1;display:inline-flex}.ptoken-lives .life{color:var(--life);fill:var(--life)}.ptoken.struck .ptoken-disc{border-color:var(--life);box-shadow:0 0 0 2px var(--life)}.ptoken.struck.active .ptoken-disc{box-shadow:0 0 0 2px var(--life), 0 0 14px var(--glow-accent)}.ptoken-hit{border:2px solid var(--life);pointer-events:none;border-radius:50%;animation:.6s ease-out life-hit;position:absolute;inset:-4px}@keyframes life-hit{0%{opacity:.9;transform:scale(.82)}to{opacity:0;transform:scale(1.35)}}.ptoken.ghost .ptoken-disc{color:var(--out);border-style:dashed;border-color:var(--out);opacity:.8;filter:grayscale(.85);background:0 0;animation:3.2s ease-in-out infinite ghost-drift}.ptoken.ghost .ptoken-name{color:var(--muted);text-decoration:line-through}@keyframes ghost-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-3.5px)}}@media (width<=760px){.turn-head{grid-template-columns:repeat(2,1fr) repeat(2,auto);gap:6px;padding:10px 14px}.hud b{font-size:1.25rem}.hud-clock b{font-size:1.7rem}.turn-screen .answer{padding:16px 16px 10px}}.knockout{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:60vh;padding:28px 20px;animation:.35s knockout-in;display:flex}.knockout:after{border-color:var(--bad)}@keyframes knockout-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.knockout-ghost{width:56px;height:56px;color:var(--muted)}.knockout-kicker{font:400 clamp(2.6rem, 9vw, 3.6rem)/1 var(--hand);letter-spacing:.012em;color:var(--bad)}.knockout-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.9rem}.knockout-word{font:800 clamp(1.8rem, 9vw, 2.8rem)/1.1 var(--display);word-break:break-word;color:var(--text)}.knockout-note{color:var(--muted);font-size:1rem}.elim-results{text-align:left;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:720px;margin:0 auto;padding-top:12px;display:flex}.elim-results>.panel{width:100%}.champion.draw{grid-template-columns:1fr}.champion-name{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.winner .champion-name:after{flex-basis:100%;margin-top:0;-webkit-mask-size:min(11ch,78%) 100%;mask-size:min(11ch,78%) 100%}.standings{padding:24px 24px 18px}.standings-label{font:700 .85rem/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.standings ol{margin:0;padding:0;list-style:none}.standing-row{border-bottom:1px solid var(--panel-edge);align-items:center;gap:12px;padding:10px 0;font-size:1.05rem;display:flex}.standing-row:last-child{border-bottom:0}.standing-place{width:28px;font:800 1.3rem/1 var(--display);text-align:center;font-variant-numeric:tabular-nums;flex:none}.standing-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.standing-you{color:var(--you);margin-left:8px;font-size:.85rem}.standing-score{font:800 1.2rem/1 var(--display);font-variant-numeric:tabular-nums;flex:none}.standings-note{color:var(--muted);margin:12px 0 0;font-size:.9rem}@media (width<=760px){.standings{padding:18px 16px 14px}}.skip-btn{margin-top:16px}.settings-section .btn{margin-top:4px;margin-right:8px}.avatar-badge.dimmed{filter:grayscale();opacity:.65}.round-screen .exit-confirm{border-radius:var(--hm-r-panel);border:0;padding:12px 16px}.round-screen .exit-confirm-text{color:var(--text);font-size:14px}.round-head{border-radius:var(--r-pill);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:22px;padding:10px 16px;display:grid}.round-head:after{border-radius:var(--r-pill)}.tally{text-align:left;color:var(--muted);gap:22px;display:flex}.tally div{flex-direction:column;display:flex}.tally b{font:800 1.35rem/1.1 var(--display);color:var(--text);font-variant-numeric:tabular-nums}.tally b.pulse{animation:.45s ease-out streak-pulse;display:inline-block}.tally span,.clock small{color:var(--muted);font-size:.8rem}.clock{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;display:flex}.clock b{font:800 2.3rem/1 var(--display);color:var(--text)}.clock[data-low=true] b{color:var(--bad)}.pronouncer{margin-bottom:22px;padding:26px 28px}.pronouncer .who{font:400 1.7rem/1 var(--hand);letter-spacing:.012em;color:var(--kicker);justify-content:center;align-items:center;gap:10px;margin:0 0 10px;display:flex}.pronouncer .who svg{flex:none;width:22px;height:22px}.pronouncer .definition-hidden{margin:0 0 18px;font-size:1.1rem}.chip-btn{border-radius:var(--hm-r-btn);border:1.5px solid var(--accent);min-height:44px;color:var(--text);font:700 1rem var(--body);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 16px;transition:border-color .15s,background-color .15s;display:inline-flex}.chip-btn svg{width:1.1em;height:1.1em;color:var(--accent)}.chip-btn:hover{background:var(--raised)}.answer{padding:22px 22px 14px}.answer .result-note{color:var(--muted);margin:4px 0 0}.answer .skip-btn{margin-top:8px}.float-points{font:800 1.2rem var(--display);color:var(--good);position:absolute;top:-18px;right:30px}@media (prefers-reduced-motion:no-preference){.float-points{animation:float-up 1s var(--ease-out) both}.feedback.incorrect .bell{transform-origin:50% 8%;animation:.9s ease-out bell-ring}}@keyframes float-up{0%{opacity:0;transform:translateY(10px)}30%{opacity:1}to{opacity:1;transform:translateY(-8px)}}@keyframes bell-ring{10%{transform:rotate(16deg)}25%{transform:rotate(-14deg)}40%{transform:rotate(10deg)}55%{transform:rotate(-7deg)}70%{transform:rotate(4deg)}to{transform:none}}@media (width<=760px){.round-head{grid-template-columns:auto 1fr auto;margin-bottom:14px}.placard b{font-size:1.3rem}.clock b{font-size:2rem}.pronouncer{padding:20px}.answer{padding:16px 16px 10px}.results-screen{padding:64px 20px 24px}.results-rosette{width:80px;height:80px;top:-40px;right:16px}.results-screen .sticker{font-size:1.25rem;left:12px}}.race-results{text-align:left;width:100%;max-width:820px;margin:0 auto;padding-top:12px}.winner{grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:30px 28px 34px;display:grid}.winner .sticker{rotate:calc(var(--hm-tilt) * 4);inset:auto 22px -15px auto}.winner-rosette{width:116px;height:116px}@media (prefers-reduced-motion:no-preference){.winner-rosette{animation:.8s cubic-bezier(.2,1.4,.4,1) .2s both rosette-pin}}.winner .kicker{font:400 1.7rem/1 var(--hand);letter-spacing:.012em;color:var(--kicker);margin:0}.winner h1{font:800 clamp(2.2rem, 5vw, 3.4rem)/1 var(--display);letter-spacing:-.03em;color:var(--heading);text-wrap:balance;overflow-wrap:anywhere;margin:4px 0 8px}.winner p{color:var(--muted);margin:0}.winner .kicker+h1+p{color:var(--text)}.lanes{margin:28px 0 24px;padding:8px 22px;list-style:none}.lane{border-bottom:1px solid var(--panel-edge);grid-template-columns:46px 150px 1fr 70px;align-items:center;gap:16px;min-height:82px;display:grid}.lane:last-child{border-bottom:0}.lane .pos{text-align:center;font:800 1.9rem/1 var(--display);font-variant-numeric:tabular-nums}.lane .pos:after{content:"";background:var(--panel-edge);clip-path:polygon(0 0,100% 0,100% 100%,50% 60%,0 100%);width:22px;height:8px;margin:6px auto 0;display:block}.lane.p1 .pos:after{background:var(--ribbon-1)}.lane.p2 .pos:after{background:var(--ribbon-2)}.lane.p3 .pos:after{background:var(--ribbon-3)}.lane .name b{overflow-wrap:anywhere;font-size:1.08rem;display:block}.lane .name span{color:var(--you);font-size:.88rem;font-weight:700}.track{height:54px;position:relative}.track:before{content:"";border-top:2px dashed var(--edge);opacity:.8;position:absolute;top:50%;left:0;right:16px}.track:after{content:"";background:repeating-linear-gradient(0deg, var(--mark) 0 6px, var(--panel-solid) 6px 12px);border-radius:2px;width:12px;position:absolute;top:4px;bottom:4px;right:0}.token{background:var(--panel-solid);border:2px solid var(--text);border-radius:10px 12px 9px 13px/12px 9px 13px 10px;place-items:center;width:54px;height:54px;padding:2px;display:grid;position:absolute;top:0}.lane.p1 .token{border-color:var(--accent);box-shadow:0 0 22px -2px var(--glow-accent)}.lane .pts{text-align:right;font:800 1.5rem/1 var(--display);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:no-preference){.token{animation:token-fly 1s var(--ease-out) both .25s}.lane:nth-child(2) .token{animation-delay:.32s}.lane:nth-child(3) .token{animation-delay:.39s}.lane:nth-child(n+4) .token{animation-delay:.46s}}@keyframes token-fly{0%{opacity:0;transform:translate(-140px)}}.race-results .actions{justify-content:center}@media (width<=760px){.winner{text-align:center;grid-template-columns:1fr;justify-items:center;padding:26px 20px 38px}.lanes{padding:4px 14px}.lane{grid-template-columns:34px 1fr 52px;grid-template-areas:"pos name pts""track track track";row-gap:2px;padding:10px 0}.lane .pos{grid-area:pos;font-size:1.5rem}.lane .name{grid-area:name}.lane .pts{grid-area:pts;font-size:1.3rem}.lane .track{grid-area:track}}.lobby-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.lobby-you{grid-column:1/-1;padding:26px 28px}.lobby-you .field{max-width:420px}.lobby-create,.lobby-join{padding:24px 24px 26px}.lobby-status{margin:0}.lobby-error{color:var(--bad);margin:12px 0 0}.lobby-create .field:last-of-type{margin-bottom:18px}.waiting-room{width:100%;max-width:560px;margin:0 auto}.waiting-panel{margin-bottom:22px;padding:20px 22px}.waiting-panel .field{margin-bottom:0}.host-controls .btn{margin-top:0}@media (width<=760px){.lobby-grid{grid-template-columns:1fr;gap:22px}.lobby-you,.lobby-create,.lobby-join{padding:20px}.room-code{font-size:2.1rem}}.feedback-detail{color:var(--muted);font-size:.85em;font-weight:400}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=true]) ::view-transition-old(root){animation:.16s both vt-fade-out}:root:not([data-reduce-motion=true]) ::view-transition-new(root){animation:.32s var(--ease-out) both vt-rise}:root:not([data-reduce-motion=true]) .panel{animation:vt-rise .45s var(--ease-out) both}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-rise{0%{opacity:0;transform:translateY(10px)}}.speech-debug{z-index:30;max-width:720px;margin:0 auto;padding:10px;position:fixed;bottom:8px;left:8px;right:8px}.speech-debug-head{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.speech-debug-log{box-sizing:border-box;border:1.5px solid var(--edge);border-radius:var(--hm-r-field);background:var(--field);width:100%;color:var(--text);white-space:pre;resize:vertical;font:400 .72rem/1.35 ui-monospace,Consolas,monospace}.app-shell.has-speech-debug{padding-bottom:260px}@media (width<=600px){.speech-debug{padding:6px 8px}.speech-debug-head{gap:6px;margin-bottom:4px}.speech-debug-head .btn{min-height:36px}.speech-debug-log{resize:none;height:calc(2.916rem + 8px)}.app-shell.has-speech-debug{padding-bottom:150px}}