:root{--bg:#fff8ee;--surface:#fff;--surface-2:#fdf0dc;--text:#2b2033;--text-muted:#6f6479;--border:#eadfcd;--primary:#ff5a5f;--primary-ink:#2b2033;--secondary:#6c4cf1;--secondary-ink:#fff;--accent:#ffc93c;--correct:#2fbf71;--incorrect:#e5484d;--team-1:#ff5a5f;--team-2:#3b82f6;--team-3:#14b8a6;--team-4:#f59e0b;--avatar-1:#6c4cf1;--avatar-2:#d6347f;--avatar-3:#23935a;--avatar-4:#a04bd6;--avatar-5:#3f5bb5;--shadow:0 2px 0 var(--border), 0 12px 28px -12px #2b203340;--radius:20px;--heading:"Fredoka", system-ui, sans-serif;--sans:"Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1b1626;--surface:#2a2338;--surface-2:#352d46;--text:#f5eeff;--text-muted:#b3a8c4;--border:#3d3450;--secondary:#8b72ff;--shadow:0 2px 0 #00000059, 0 12px 28px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font:500 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--heading);margin:0;line-height:1.05}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home{align-content:center;gap:40px;max-width:1080px;min-height:100dvh;margin:0 auto;padding:32px 16px 48px;display:grid}@media (width>=900px){.home{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;padding:48px 32px}}.home__eyebrow{background:var(--accent);color:#2b2033;letter-spacing:.02em;border-radius:999px;margin:0 0 16px;padding:4px 12px;font-size:.85rem;font-weight:800;display:inline-block}.home__title{letter-spacing:-.02em;font-size:clamp(3.2rem,11vw,6.5rem);font-weight:700}.home__title span{color:var(--primary);font-style:italic}.home__panel{background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:24px}.switch{background:var(--surface-2);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.switch__btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 12px;font-weight:800;transition:background .15s,color .15s}.switch__btn[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #2b203333}.form{gap:16px;margin-top:24px;display:grid}.field{gap:6px;display:grid}.field__label{color:var(--text-muted);font-size:.85rem;font-weight:800}.field input{border:2px solid var(--border);background:var(--bg);border-radius:14px;width:100%;padding:14px 16px;font-size:1.1rem;font-weight:700}.field input::placeholder{color:var(--text-muted);opacity:.55}.field input:focus{border-color:var(--secondary);box-shadow:0 0 0 4px color-mix(in srgb, var(--secondary) 22%, transparent);outline:none}.form__error{color:var(--incorrect);margin:0;font-size:.95rem;font-weight:700}.cta{font-family:var(--heading);cursor:pointer;border:0;border-radius:16px;padding:16px;font-size:1.35rem;font-weight:600;transition:transform .12s,box-shadow .12s}.cta--create{background:var(--primary);color:var(--primary-ink);box-shadow:0 5px 0 color-mix(in srgb, var(--primary) 65%, #000)}.cta--join{background:var(--secondary);color:var(--secondary-ink);box-shadow:0 5px 0 color-mix(in srgb, var(--secondary) 65%, #000)}.cta:hover{transform:translateY(-1px)}.cta:active{transform:translateY(4px);box-shadow:0 1px #0000004d}.cta:disabled{opacity:.7;cursor:progress;transform:none}.rt{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.rt__brand{font-family:var(--heading);font-size:1.4rem;font-weight:700}.rt__brand span{color:var(--primary);font-style:italic}.rt__code{background:var(--accent);color:#2b2033;cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 60%, #000);border:0;border-radius:999px;align-items:stretch;padding:0;transition:transform .12s,box-shadow .12s;display:inline-flex;overflow:hidden}.rt__code:active{box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 60%, #000);transform:translateY(2px)}.rt__letters{font-family:var(--heading);letter-spacing:.12em;padding:4px 10px 4px 14px;font-size:1.15rem;font-weight:700}.rt__copy{background:#2b20331f;place-items:center;padding:4px 12px;font-size:.75rem;font-weight:800;display:grid}.stepper{background:var(--surface-2);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.stepper button{background:var(--surface);cursor:pointer;border:0;border-radius:50%;width:36px;height:36px;font-size:1.3rem;font-weight:800;box-shadow:0 1px 3px #2b203333}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper output{text-align:center;min-width:2.2ch;font-family:var(--heading);font-size:1.3rem}.badge{--avatar-size:34px;background:var(--surface-2);border:2px solid #0000;border-radius:999px;align-items:center;gap:10px;min-width:0;max-width:100%;padding:4px 14px 4px 4px;animation:.28s cubic-bezier(.2,.8,.2,1) both badge-in;display:inline-flex}.badge--you{border-color:var(--secondary)}.badge--away{opacity:.55}.badge__avatar{width:var(--avatar-size);height:var(--avatar-size);color:#fff;font-family:var(--heading);border-radius:50%;flex:none;place-items:center;font-size:1.05rem;font-weight:600;line-height:1;display:grid;box-shadow:inset 0 -3px #0000002e}.badge__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}.badge__tag{background:var(--border);border-radius:999px;flex:none;padding:1px 9px;font-size:.72rem;font-weight:800}.badge__tag--you{background:var(--secondary);color:var(--secondary-ink)}.badge__tag--host{background:var(--accent);color:#2b2033}.badge__spinner{border:3px solid var(--border);border-top-color:var(--secondary);border-radius:50%;flex:none;width:16px;height:16px;margin-left:auto;animation:.8s linear infinite badge-spin}@keyframes badge-spin{to{transform:rotate(360deg)}}@keyframes badge-in{0%{opacity:0;transform:scale(.94)}}.lobby{align-content:start;gap:28px;max-width:960px;min-height:100dvh;margin:0 auto;padding:20px 16px 48px;display:grid}.lobby__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.lobby__leave{border:2px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-weight:800}.lobby__leave:hover{color:var(--incorrect);border-color:var(--incorrect)}.lobby__grid{align-items:start;gap:20px;display:grid}@media (width>=760px){.lobby__grid{grid-template-columns:1.2fr 1fr}}.card{border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow);padding:20px}.card__head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.card__head h2{font-size:1.5rem}.card__count{font-family:var(--heading);color:var(--text-muted)}.players{gap:8px;margin:0;padding:0;list-style:none;display:grid}.player{align-items:center;gap:8px;display:flex}.player .badge{flex:1}.player__remove{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%}.player__remove:hover{background:var(--incorrect);color:#fff}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.setting{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.setting__label{font-weight:800}.setting__value{font-family:var(--heading);font-size:1.4rem}.teams-preview{gap:6px;margin:-2px 0 8px;display:flex}.teams-preview span{border-radius:999px;flex:1;height:8px;animation:.3s cubic-bezier(.2,.8,.2,1) both pop}.start{gap:10px;margin-top:16px;display:grid}.start__btn{background:var(--correct);color:var(--primary-ink);font-family:var(--heading);cursor:pointer;box-shadow:0 5px 0 color-mix(in srgb, var(--correct) 65%, #000);border:0;border-radius:16px;padding:16px;font-size:1.35rem;font-weight:600;transition:transform .12s,box-shadow .12s}.start__btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0000004d}.start__btn:disabled{background:var(--surface-2);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.start__hint,.start__wait{text-align:center;color:var(--text-muted);margin:0;font-size:.95rem;font-weight:700}.cfg{border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow);gap:18px;padding:20px;display:grid}.cfg__title{font-size:1.6rem}.cfg__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.cfg__label{font-weight:800;display:block}.cfg__help{color:var(--text-muted);font-size:.85rem;font-weight:600;display:block}.cfg__group{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.cfg__group legend{margin-bottom:8px;padding:0}.cfg__ranks{flex-wrap:wrap;gap:8px;display:flex}.cfg__rank{border:2px solid var(--border);background:var(--bg);min-width:52px;font-family:var(--heading);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:1.05rem;font-weight:600;transition:transform .1s}.cfg__rank[aria-pressed=true]{background:var(--secondary);border-color:var(--secondary);color:var(--secondary-ink)}.cfg__rank:active{transform:scale(.94)}.cfg__seg{background:var(--surface-2);border-radius:999px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.cfg__seg button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 6px;font-size:.9rem;font-weight:800}.cfg__seg button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #2b203333}.cfg__summary{background:var(--surface-2);border-radius:14px;margin:0;padding:12px 14px;font-weight:700}.srt{gap:14px;display:grid}.srt__split{box-shadow:0 5px 0 color-mix(in srgb, var(--correct) 65%, #000);border-radius:16px;transition:transform .12s,box-shadow .12s;display:flex}.srt__main,.srt__toggle{background:var(--correct);color:var(--primary-ink);cursor:pointer;border:0}.srt__main{font-family:var(--heading);border-radius:16px 0 0 16px;flex:1;padding:16px;font-size:1.35rem;font-weight:600}.srt__toggle{border-left:2px solid color-mix(in srgb, var(--correct) 65%, #000);border-radius:0 16px 16px 0;place-items:center;width:56px;display:grid}.srt__toggle:hover:not(:disabled),.srt__main:hover:not(:disabled){filter:brightness(1.05)}.srt__chevron{transition:transform .15s}.srt__toggle[aria-expanded=true] .srt__chevron{transform:rotate(180deg)}.srt__split:has(:active:not(:disabled)){transform:translateY(4px);box-shadow:0 1px #0000004d}.srt__main:disabled,.srt__toggle:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.srt__toggle:disabled{border-left-color:var(--border)}.srt__split:has(:disabled){box-shadow:none}.teams{align-content:start;gap:24px;max-width:960px;min-height:100dvh;margin:0 auto;padding:20px 16px 48px;display:grid}.teams__top{justify-content:space-between;align-items:center;display:flex}.teams__top-actions{gap:8px;display:flex}.ghost{border:2px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-weight:800}.ghost:hover{color:var(--text);border-color:var(--secondary)}.teams__heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.teams__heading h1{font-size:clamp(2rem,7vw,3rem)}.teams__heading p{color:var(--text-muted);margin:8px 0 0;font-weight:700}.teams__grid{gap:16px;display:grid}@media (width>=640px){.teams__grid{grid-template-columns:1fr 1fr}}.team{border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);border-top:10px solid var(--tc);box-shadow:var(--shadow);cursor:pointer;min-height:140px;padding:16px 16px 12px;transition:transform .12s,box-shadow .12s,border-color .12s;position:relative}.team:hover:not(.team--here),.bench:hover:not(.bench--here){border-color:var(--tc,var(--secondary));transform:translateY(-2px)}.team--here{border-color:var(--tc);background:color-mix(in srgb, var(--tc) 10%, var(--surface));cursor:default}.pick{all:unset;font:inherit;cursor:inherit}.pick:after{content:"";border-radius:inherit;position:absolute;inset:0}.pick:focus-visible:after{outline:3px solid var(--secondary);outline-offset:3px}.team__head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.team__head h2{font-size:1.6rem}.team__count{color:var(--text-muted);font-size:.85rem;font-weight:800}.team__count--short{color:var(--incorrect)}.team__empty{text-align:center;color:var(--text-muted);margin:16px 0;font-weight:700}.bench{cursor:pointer;border-radius:var(--radius);border:2px dashed var(--border);padding:16px;position:relative}.bench--here{cursor:default;border-style:solid}.bench h2{color:var(--text-muted);margin-bottom:10px;font-size:1.2rem}.members{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.member{max-width:100%;display:flex}.teams__actions{gap:12px;display:grid}.shuffle{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:8px 18px;font-weight:800}.shuffle:hover{border-color:var(--secondary)}.teams__hint{text-align:center;color:var(--text-muted);margin:0;font-size:.95rem;font-weight:700}.score{gap:10px;display:grid}.score__teams{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.score__team{background:var(--surface);border:2px solid var(--border);border-top:8px solid var(--tc);border-radius:16px;align-content:start;gap:10px;padding:12px 14px;transition:transform .15s,border-color .15s,background .15s;display:grid}.score__team--turn{border-color:var(--tc);background:color-mix(in srgb, var(--tc) 12%, var(--surface));transform:translateY(-2px)}.score__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.score__name{font-weight:800}.score__points{font-family:var(--heading);font-size:1.8rem;font-weight:600;line-height:1}.score__members{gap:6px;margin:0;padding:0;list-style:none;display:grid}.score__members li{min-width:0;display:flex}.score__members .badge{flex:1}.score__watching{border:2px dashed var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.score__watching>span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.8rem;font-weight:800}.score__members--row{flex-wrap:wrap;display:flex}.score__members--row li,.score__members--row .badge{flex:none}.stage__note--done{background:color-mix(in srgb, var(--correct) 18%, var(--surface));color:var(--text)}.ans__bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.ans__clear{border:2px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 16px;font-weight:800}.ans__clear:hover:not(:disabled){color:var(--text);border-color:var(--secondary)}.ans__clear:disabled{opacity:.4;cursor:not-allowed}.ans__prompt{color:var(--text-muted);margin:0;font-weight:700}.ans__prompt strong{color:var(--text);font-family:var(--heading)}.ans__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.ans__list{grid-template-columns:1fr 1fr}}.ans__option{border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-weight:800;transition:transform .1s,border-color .1s,background .1s;display:flex}.ans__option:hover:not(:disabled){border-color:var(--secondary)}.ans__option:active:not(:disabled){transform:scale(.98)}.ans__option:disabled{opacity:.45;cursor:not-allowed}.ans__option--static{cursor:default}.ans__option--picked{border-color:var(--correct);background:color-mix(in srgb, var(--correct) 12%, var(--surface))}.ans__place{border:2px dashed var(--border);width:32px;height:32px;font-family:var(--heading);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.ans__option--picked .ans__place{background:var(--correct);color:var(--primary-ink);border:0;animation:.2s cubic-bezier(.2,.8,.2,1) ans-pop}@keyframes ans-pop{0%{transform:scale(.5)}}.rtf{background:var(--surface);border:2px solid var(--border);border-radius:16px;gap:10px;padding:14px 16px;display:grid}.rtf--ordered{border-style:solid;border-color:var(--secondary)}.rtf--any{border-style:dashed}.rtf__title{color:var(--text-muted);margin:0;font-weight:700}.rtf__title strong{color:var(--text)}.rtf__title b{font-family:var(--heading);color:var(--secondary)}.rtf__ranks{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rtf__rank{align-items:center;gap:8px;display:flex}.rtf__arrow{color:var(--text-muted);font-weight:800}.rtf__chip{background:var(--secondary);color:var(--secondary-ink);font-family:var(--heading);border-radius:999px;padding:6px 14px;font-size:1.15rem;font-weight:600}.rtf--any .rtf__chip{background:var(--accent);color:#2b2033}.rtf__rank--done .rtf__chip{background:var(--surface-2);color:var(--text-muted);text-decoration:line-through}.rtf--ordered .rtf__rank:not(.rtf__rank--done):not(.rtf__rank--current) .rtf__chip{background:var(--surface-2);color:var(--text);opacity:.7}.rtf__rank--current .rtf__chip{box-shadow:0 0 0 3px color-mix(in srgb, var(--secondary) 35%, transparent);animation:1.6s ease-in-out infinite rtf-pulse}@keyframes rtf-pulse{50%{transform:scale(1.08)}}.gs__turn{border-left:8px solid var(--tc);background:color-mix(in srgb, var(--tc) 14%, var(--surface));border-radius:16px;gap:2px;padding:12px 16px;display:grid}.gs__turn span{color:var(--text-muted);font-weight:700}.gs__feedback{color:#fff;font-family:var(--heading);text-align:center;border-radius:14px;margin:0;padding:10px 16px;font-size:1.2rem;font-weight:600;animation:.25s cubic-bezier(.2,.8,.2,1) both gs-drop}.gs__feedback--correct{background:var(--correct)}.gs__feedback--incorrect{background:var(--incorrect);animation-name:gs-shake;animation-duration:.4s}.gs__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.gs__list{grid-template-columns:1fr 1fr}}.gs__answer{border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px;font-weight:800;transition:transform .1s,border-color .1s,background .1s;display:flex}.gs__answer:disabled{cursor:default}.gs__answer--open:not(:disabled):hover{border-color:var(--secondary)}.gs__answer--open:not(:disabled):active{transform:scale(.98)}.gs__answer--selected{border-color:var(--secondary);background:color-mix(in srgb, var(--secondary) 14%, var(--surface))}.gs__answer--found{border-color:var(--correct);background:color-mix(in srgb, var(--correct) 16%, var(--surface))}.gs__answer--missed{border-color:var(--incorrect);background:color-mix(in srgb, var(--incorrect) 10%, var(--surface))}.gs__answer--missed .gs__text{opacity:.65;text-decoration:line-through}.gs__mark{border:2px dashed var(--border);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.gs__answer--found .gs__mark{background:var(--correct);border:0}.gs__answer--missed .gs__mark{background:var(--incorrect);border:0}.gs__answer--selected .gs__mark{border:2px solid var(--secondary)}.gs__answer:disabled:not(.gs__answer--found):not(.gs__answer--missed){opacity:.7}@keyframes gs-drop{0%{opacity:0;transform:translateY(-8px)}}@keyframes gs-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.tl__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tl__row{background:var(--surface);border:2px solid var(--border);border-radius:16px;grid-template-columns:2.6rem 1fr 2.4rem;align-items:center;gap:10px;padding:10px 14px;animation:.4s cubic-bezier(.2,.8,.2,1) both tl-in;display:grid}.tl__row--found{border-color:color-mix(in srgb, var(--correct) 55%, var(--border))}.tl__rank{font-family:var(--heading);color:var(--text-muted);font-size:1.15rem;font-weight:600}.tl__body{gap:6px;min-width:0;display:grid}.tl__text{flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;display:flex}.tl__found{background:var(--correct);color:#fff;border-radius:999px;padding:1px 9px;font-size:.72rem;font-weight:800}.tl__track{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.tl__bar{background:var(--secondary);transform-origin:0;border-radius:999px;height:100%;animation:.7s cubic-bezier(.2,.8,.2,1) both tl-grow;display:block}.tl__row--found .tl__bar{background:var(--correct)}.tl__score{text-align:right;font-family:var(--heading);font-size:1.25rem;font-weight:600}@keyframes tl-in{0%{opacity:0;transform:translateY(8px)}}@keyframes tl-grow{0%{transform:scaleX(0)}}.rv__final{border-radius:var(--radius);background:var(--accent);color:#2b2033;text-align:center;gap:12px;padding:24px 20px;display:grid}.rv__final h1{font-size:2.6rem}.rv__final p{margin:0;font-size:1.1rem;font-weight:800}.rv__wait{opacity:.8}.rv__recap{gap:10px;display:grid}.rv__recap-question{font-size:1.5rem}.play{align-content:start;gap:20px;max-width:760px;min-height:100dvh;margin:0 auto;padding:20px 16px 48px;display:grid}.play--empty{text-align:center;color:var(--text-muted);place-content:center;font-weight:700}.play__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.play__top-right{align-items:center;gap:8px;display:flex}.play__lobby{border:2px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:4px 14px;font-size:.9rem;font-weight:800}.play__lobby:hover{color:var(--text);border-color:var(--secondary)}.play__round{background:var(--accent);color:#2b2033;border-radius:999px;padding:4px 14px;font-size:.9rem;font-weight:800}.stage{gap:16px;display:grid}.stage__kicker{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem;font-weight:800}.stage__question{font-size:clamp(1.8rem,6vw,2.6rem)}.stage__note{background:var(--surface-2);text-align:center;border-radius:16px;margin:0;padding:14px 16px;font-weight:700}.stage__primary{background:var(--correct);color:var(--primary-ink);font-family:var(--heading);cursor:pointer;box-shadow:0 5px 0 color-mix(in srgb, var(--correct) 65%, #000);border:0;border-radius:16px;padding:16px;font-size:1.35rem;font-weight:600;transition:transform .12s,box-shadow .12s}.stage__primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0000004d}.stage__primary:disabled{background:var(--surface-2);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.toast{z-index:50;background:var(--incorrect);color:#fff;max-width:calc(100vw - 32px);box-shadow:var(--shadow);cursor:pointer;border-radius:14px;padding:12px 20px;font-weight:800;animation:.25s cubic-bezier(.2,.8,.2,1) both toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.room--loading{text-align:center;min-height:100dvh;color:var(--text-muted);place-content:center;justify-items:center;gap:12px;padding:16px;display:grid}.room--loading h1{color:var(--text)}.banner{z-index:40;background:var(--accent);color:#2b2033;text-align:center;padding:8px 16px;font-weight:800;position:sticky;top:0}.btn{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:10px 20px;font-weight:800;transition:border-color .15s,transform .12s}.btn:hover{border-color:var(--secondary)}.btn:active{transform:translateY(1px)}