@charset "UTF-8";@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin-wght-normal.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Lexend;src:url(/fonts/lexend-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--bg: #edf3fa;--surface: #ffffff;--ink: #14213d;--muted: #4d5a75;--line: #b9c6d9;--edge: #66748f;--chip: #e3ebf6;--accent: #f2b705;--accent-ink: #14213d;--good: #12774d;--good-bg: #e2f4ea;--bad: #b3261e;--o0: #b3261e;--o1: #1b5fc1;--o2: #7a5f00;--o3: #17683f;--o4: #7b2cbf;--o5: #00697d;--focus: #14213d;--display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--body: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #0e1626;--surface: #17223a;--ink: #eaf0fa;--muted: #9dabc4;--line: #2b3a57;--edge: #8497b8;--chip: #21304e;--accent: #ffc72c;--accent-ink: #14213d;--good: #43cc8b;--good-bg: #16352a;--bad: #ff7268;color-scheme:dark;--focus: #ffc72c}}:root[data-theme=dark]{--bg: #0e1626;--surface: #17223a;--ink: #eaf0fa;--muted: #9dabc4;--line: #2b3a57;--edge: #8497b8;--chip: #21304e;--accent: #ffc72c;--accent-ink: #14213d;--good: #43cc8b;--good-bg: #16352a;--bad: #ff7268;color-scheme:dark;--focus: #ffc72c}:root[data-theme=contrast]{--bg: #000;--surface: #000;--ink: #fff;--muted: #fff;--line: #fff;--edge: #fff;--chip: #1a1a1a;--accent: #ffd400;--accent-ink: #000;--good: #5cff9d;--good-bg: #00200d;--bad: #ff9a8f;--o0: #8f0000;--o1: #0035a8;--o2: #5c4700;--o3: #00531f;--o4: #5a1a99;--o5: #00505e;--focus: #ffd400;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{font-size:calc(100% * var(--ts, 1));-webkit-text-size-adjust:100%;text-size-adjust:100%}html.proj{font-size:calc(130% * var(--ts, 1))}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.55;padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom);-webkit-font-smoothing:antialiased}html.wide body{line-height:1.8;letter-spacing:.05em;word-spacing:.16em}html.wide p,html.wide li{margin-bottom:.4em}html.calm *,html.calm *:before,html.calm *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wrap{max-width:70rem;margin:0 auto;padding-block:.75rem 3rem;display:flex;flex-direction:column;gap:1.25rem}main{display:flex;flex-direction:column;gap:1.25rem;outline:none;width:100%;max-width:46rem;margin-inline:auto;min-width:0}main.wide{max-width:70rem}html.proj main{max-width:60rem}html.proj main.wide{max-width:80rem}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.15}h1:focus{outline:none}p{margin:0}a{color:inherit;text-underline-offset:.2em}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:max(1rem,16px)}button{cursor:pointer}button,[type=submit],[type=button]{-webkit-appearance:none;appearance:none;touch-action:manipulation}input[type=checkbox],input[type=radio]{-webkit-appearance:auto;appearance:auto}select{-webkit-appearance:menulist;appearance:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}:focus-visible{box-shadow:0 0 0 5px var(--bg)}.skip{position:absolute;left:16px;top:-5rem;background:var(--ink);color:var(--bg);padding:.7rem 1.1rem;border-radius:10px;z-index:30;font-weight:600}.skip:focus{top:8px}.site-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-block:.75rem;border-bottom:1.5px solid var(--line);max-width:70rem;margin:0 auto}.logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-family:var(--display);font-weight:700;font-size:1.35rem;min-height:2.75rem}.logo svg{width:2rem;height:2rem}.head-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.menu-btn{min-height:2.75rem;padding:0 1rem;background:none;border:1.5px solid var(--line);border-radius:999px;font-weight:500}.site-nav{display:none;width:100%;flex-direction:column;gap:.25rem;order:5}.site-nav.open{display:flex}.site-nav a{display:flex;align-items:center;min-height:2.75rem;padding:0 .75rem;border-radius:10px;text-decoration:none;font-weight:500}.site-nav a.on{background:var(--chip);font-weight:600}.join-btn{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.1rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none}@media(min-width:52rem){.menu-btn{display:none}.site-nav{display:flex;flex-direction:row;width:auto;order:0;margin-left:.5rem;gap:.15rem}}.site-head.compact .site-nav,.site-head.compact .menu-btn,.site-head.compact .join-btn{display:none}.foot{border-top:1.5px solid var(--line);padding-top:1.1rem;display:grid;gap:.5rem;color:var(--muted);font-size:.9rem;max-width:70rem;width:100%;margin-inline:auto}.foot nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}.foot nav a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--ink)}.foot nav a.on{font-weight:600;text-decoration:none}.disp{position:relative}.disp-btn{min-height:2.75rem;padding:0 1rem;background:none;border:1.5px solid var(--line);border-radius:999px;font-weight:500;display:inline-flex;align-items:center;gap:.4rem}.disp-panel{position:absolute;right:0;top:calc(100% + .5rem);z-index:20;width:min(21rem,100vw - 2rem);background:var(--surface);border:2px solid var(--ink);border-radius:16px;padding:1rem;display:grid;gap:1rem;box-shadow:0 8px 28px #00000040}.disp-panel fieldset{border:0;margin:0;padding:0;display:grid;gap:.4rem}.disp-panel legend{font-weight:600;margin-bottom:.3rem;padding:0}.disp-panel .seg{border-radius:14px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){button,input,select,textarea,.tile,.node,.box,.pill,.card,.answer-opt,.q-options li,.av,.seat,.choice,.wall li{border:2px solid ButtonText}.bar .fill,.chart .bar{background:Highlight;forced-color-adjust:none}:focus-visible{outline:3px solid Highlight}}@media(prefers-contrast:more){:root:not([data-theme]){--line: #4d5a75;--muted: #2e3a52}}.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.brand{display:flex;align-items:center;gap:.6rem}.brand svg{width:2.4rem;height:2.4rem;flex:none}.brand h1{font-size:1.9rem;font-weight:700;letter-spacing:-.01em}.brand p{color:var(--muted);font-size:.85rem}.meta{display:flex;gap:.5rem;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:.3rem .75rem;font-size:.82rem;font-variant-numeric:tabular-nums;white-space:nowrap}.pill b{font-weight:600}.tag{font-size:.95rem;color:var(--muted);max-width:36rem}.controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;justify-content:space-between}.helper{font-size:.8rem;color:var(--muted);margin:.35rem 0 0 .5rem}.seg{display:flex;background:var(--chip);border-radius:999px;padding:.25rem;gap:.15rem;flex-wrap:wrap}.seg input{position:absolute;opacity:0;pointer-events:none}.seg label{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border-radius:999px;font-size:.85rem;cursor:pointer;color:var(--muted);font-weight:500}.seg input:checked+label{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.seg input:focus-visible+label{outline:3px solid var(--accent)}.ghost{background:none;border:1.5px solid var(--line);border-radius:999px;min-height:2.75rem;padding:0 1.1rem;font-size:.85rem}.ghost[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.card{display:flex;flex-direction:column;gap:1rem;background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:1.25rem}.card.done{border-color:var(--good)}.card.skeleton{min-height:11rem}.card-head{display:flex;align-items:center;gap:.8rem}.step{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:1.1rem;flex:none}.card.done .step{background:var(--good);color:var(--surface)}.ttl{flex:1;min-width:0}.kind{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:600}.ttl h2{font-size:1.3rem;font-weight:600}.tries{display:flex;gap:.3rem}.tries i{width:.6rem;height:.6rem;border-radius:50%;border:1.5px solid var(--muted)}.tries i.on{background:var(--accent);border-color:var(--accent)}.prompt{display:flex;flex-direction:column;gap:.75rem}.tiles{display:flex;flex-wrap:wrap;gap:.5rem}.tile{width:2.9rem;height:3.2rem;display:grid;place-items:center;background:var(--chip);border:2px solid var(--line);border-bottom-width:4px;border-radius:10px;font-family:var(--display);font-weight:700;font-size:1.6rem;text-transform:uppercase}.tile:nth-child(odd){transform:rotate(-3deg)}.tile:nth-child(3n){transform:rotate(2.5deg)}.tile.ok{background:var(--good-bg);border-color:var(--good);transform:none}.hint{font-size:.95rem;color:var(--muted)}.hint span{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:600;background:var(--chip);color:var(--ink);border-radius:6px;padding:.1rem .4rem;margin-right:.35rem;vertical-align:.1em}.trail{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.node{font-family:var(--display);font-weight:600;font-size:1.35rem;padding:.35rem .8rem;border-radius:12px;background:var(--chip);font-variant-numeric:tabular-nums}.node.start{background:var(--accent);color:var(--accent-ink)}.arrow{color:var(--muted);font-size:1.1rem}.q{border:2px dashed var(--muted);background:transparent}.done .q{border-style:solid;border-color:var(--good);background:var(--good-bg)}.seq{display:flex;flex-wrap:wrap;gap:.5rem}.box{min-width:3.2rem;height:3.2rem;padding:0 .6rem;display:grid;place-items:center;border-radius:12px;background:var(--chip);font-family:var(--display);font-weight:600;font-size:1.35rem;font-variant-numeric:tabular-nums}.answer{display:flex;gap:.5rem;flex-wrap:wrap}.answer input{flex:1 1 12rem;min-width:0;min-height:2.75rem;background:var(--bg);border:2px solid var(--line);border-radius:12px;padding:.55rem .9rem;font-size:1.1rem}.answer input:focus{border-color:var(--accent)}.answer button{background:var(--ink);color:var(--bg);border:0;border-radius:12px;min-height:2.75rem;padding:0 1.4rem;font-weight:600;font-size:1rem}.fb{min-height:1.5em;font-size:.95rem;color:var(--bad)}.reveal{align-self:flex-start;background:none;border:0;color:var(--muted);text-decoration:underline;font-size:.85rem;min-height:2.75rem;padding:0 .25rem}.result{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-weight:500}.result.win{color:var(--good)}.result.miss{color:var(--muted)}.stars{font-size:1.4rem;letter-spacing:.08em;color:var(--accent)}.stars .dim{color:var(--line)}@keyframes pop{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}.card.just{animation:pop .35s ease-out}.score{background:var(--ink);color:var(--bg);border-radius:18px;padding:1.4rem;display:flex;flex-direction:column;gap:1rem}.score h2{font-size:1.5rem}.score .big{font-family:var(--display);font-size:3rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.score .big span{font-size:1.2rem;opacity:.7}.score .row{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-end}.score pre{margin:0;background:#ffffff14;border-radius:12px;padding:.9rem 1rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;white-space:pre-wrap;overflow-x:auto}@media(prefers-color-scheme:dark){.score pre{background:#00000014}}.score .copy{align-self:flex-start;background:var(--accent);color:var(--accent-ink);border:0;border-radius:12px;min-height:2.75rem;padding:0 1.2rem;font-weight:600}.score .copy:focus-visible{outline-color:var(--bg)}.score .muted{opacity:.75;font-size:.9rem}.locked{background:var(--surface);border:1.5px dashed var(--line);border-radius:18px;padding:1.2rem;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.locked b{color:var(--ink);font-variant-numeric:tabular-nums}.teach{border-top:1.5px solid var(--line);padding-top:1.25rem;display:grid;gap:.75rem}.teach h3{font-size:1.15rem}.teach ul{margin:0;padding-left:1.1rem;display:grid;gap:.4rem;color:var(--muted);max-width:38rem}.page{display:flex;flex-direction:column;gap:2rem}.page section{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;max-width:40rem}.page h1{font-size:clamp(1.7rem,5vw,2.4rem);font-weight:700;letter-spacing:-.01em}.page h2{font-size:1.35rem;font-weight:600}.page p,.page li{color:var(--muted)}.page li b{color:var(--ink);font-weight:600}.page a{color:var(--ink)}.hero{display:grid;gap:.9rem;max-width:40rem}.lede{font-size:1.1rem;color:var(--muted)}.page .cta{justify-self:start;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.4rem;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none}.steps,.page ul{margin:0;padding-left:1.2rem;display:grid;gap:.6rem}.page .pro{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:1.4rem;max-width:none}.pro>*{max-width:36rem}.waitlist{display:grid;gap:.5rem}.waitlist label{font-weight:500;color:var(--ink)}.waitlist .row{display:flex;flex-wrap:wrap;gap:.5rem}.waitlist input{flex:1 1 14rem;min-width:0;min-height:2.75rem;background:var(--bg);border:2px solid var(--line);border-radius:12px;padding:.55rem .9rem}.waitlist button{background:var(--ink);color:var(--bg);border:0;border-radius:12px;min-height:2.75rem;padding:0 1.3rem;font-weight:600}.waitlist button:disabled{opacity:.6;cursor:default}.page .ok{color:var(--good);font-weight:500}.page .note{font-size:.85rem}.page .crumb{justify-self:start;display:inline-flex;align-items:center;min-height:2.75rem;font-weight:600;text-decoration:none}.page.live{gap:1.25rem}.live fieldset{border:0;padding:0;margin:0;display:grid;gap:.6rem}.live legend{font-family:var(--display);font-weight:600;font-size:1.1rem;padding:0;margin-bottom:.4rem}.setup{display:grid;gap:1.25rem;max-width:40rem}.field{display:grid;gap:.4rem}.field label,.check{font-weight:500}.field input,.field textarea,.field select{background:var(--surface);border:2px solid var(--line);border-radius:12px;padding:.55rem .9rem;min-height:2.75rem;width:100%}.field textarea{resize:vertical}.opt{color:var(--muted);font-weight:400;font-size:.85rem}.row2{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.check{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem}.check input{width:1.4rem;height:1.4rem;accent-color:var(--ink)}.choices{display:grid;gap:.6rem}.choice{display:grid;gap:.15rem;background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:.85rem 1rem;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.choice:focus-within{outline:3px solid var(--accent);outline-offset:2px}.choice span{color:var(--muted);font-size:.9rem}.notice{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;background:var(--surface);border:1.5px dashed var(--line);border-radius:14px;padding:.75rem 1rem}.cta{border:0;cursor:pointer;font-size:1rem}.cta:disabled{opacity:.5;cursor:default}.page .cta-row,.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.ghost-link{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.1rem;border:1.5px solid var(--line);border-radius:999px;text-decoration:none;font-weight:500}.fb.big{font-size:1.05rem;font-weight:500}.live-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.live-head h1{font-size:clamp(1.5rem,4vw,2.1rem)}.code-pill{font-family:var(--display);font-size:2rem;font-weight:700;letter-spacing:.12em;background:var(--accent);color:var(--accent-ink);border-radius:14px;padding:.2rem 1rem}.lobby{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:52rem){.lobby{grid-template-columns:18rem 1fr;align-items:start}}.qr-card{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:1.1rem;display:grid;gap:.75rem;justify-items:center;text-align:center}.qr{background:#fff;padding:.9rem;border-radius:12px;width:min(100%,15rem)}.qr :is(svg){width:100%;height:auto;display:block}.join-url{font-weight:600;word-break:break-all}.roster-wall h2{font-size:1.3rem;margin-bottom:.6rem}.wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));gap:.6rem}.wall li{position:relative;display:grid;justify-items:center;gap:.15rem;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:.6rem .4rem;text-align:center;animation:pop .35s ease-out}.wall li.away{opacity:.45}.wall .nm,.nm{font-weight:600;font-size:.9rem;line-height:1.2;overflow-wrap:anywhere}.wall .tm{font-size:.72rem;color:var(--muted)}.wall .x{position:absolute;top:.15rem;right:.25rem;min-width:2rem;min-height:2rem;background:none;border:0;color:var(--muted);font-size:1.2rem}.controls-bar{display:flex;flex-wrap:wrap;gap:.75rem}.slips{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:1rem 1.25rem;display:grid;gap:.5rem}.slips ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:.5rem}.slips li{border:1.5px dashed var(--line);border-radius:10px;padding:.5rem .75rem;display:flex;justify-content:space-between;gap:.5rem}.stage{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:1.25rem;display:grid;gap:1rem}.stage-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.stage-puzzle{display:grid;gap:.75rem}.stage-puzzle .tile{width:3.8rem;height:4.2rem;font-size:2.2rem}.stage-puzzle .node{font-size:1.8rem}.stage-puzzle .box{font-size:1.8rem;min-width:4rem;height:4rem}.count{font-family:var(--display);font-weight:700;font-size:1.6rem;margin-left:auto;font-variant-numeric:tabular-nums}.count.low{color:var(--bad)}.reveal-answer{font-family:var(--display);font-size:clamp(1.6rem,5vw,2.6rem)}.board{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:1rem 1.25rem}.board h2{font-size:1.1rem;margin-bottom:.5rem}.board ol{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.board li{display:flex;align-items:center;gap:.6rem}.board li.done .nm:after{content:" \2713";color:var(--good)}.board .pts{margin-left:auto;font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums}.teams{display:flex;flex-wrap:wrap;gap:.6rem}.team{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:.5rem .9rem;display:grid}.team span{color:var(--muted);font-size:.85rem}.boss{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:.9rem 1.25rem;display:grid;gap:.5rem}.bar{height:.9rem;background:var(--chip);border-radius:999px;overflow:hidden}.fill{height:100%;background:var(--good);border-radius:999px;transition:width .4s}.podium{display:flex;justify-content:center;align-items:flex-end;gap:.75rem;padding-top:1rem}.step-col{display:grid;justify-items:center;gap:.2rem;width:min(9rem,30%);text-align:center}.step-col .block{width:100%;background:var(--accent);color:var(--accent-ink);font-family:var(--display);font-weight:700;font-size:1.6rem;border-radius:12px 12px 0 0;display:grid;place-items:center}.step-col[data-place="1"] .block{height:7rem}.step-col[data-place="2"] .block{height:5rem}.step-col[data-place="3"] .block{height:3.5rem}.student{max-width:30rem;margin-inline:auto}.me{display:flex;align-items:center;gap:.75rem}.me .hint{display:block}.wait{text-align:center;justify-items:center}.answer-big{font-size:clamp(2rem,9vw,3rem);letter-spacing:.06em}.big-pts{font-family:var(--display);font-size:1.6rem;font-weight:600}.mini-podium{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;text-align:left}.mini-podium li{display:flex;align-items:center;gap:.5rem}.mini-podium span{margin-left:auto;font-weight:600}.avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.av{background:var(--surface);border:2px solid var(--line);border-radius:14px;min-height:4.2rem;display:grid;place-items:center;padding:.25rem}.av[aria-pressed=true],.seat[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.seats{display:flex;flex-wrap:wrap;gap:.5rem}.seat{min-width:3rem;min-height:2.75rem;padding:0 .9rem;background:var(--surface);border:2px solid var(--line);border-radius:12px;font-weight:600}.seat:disabled{opacity:.35;cursor:default;text-decoration:line-through}.fun-name{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.code-input{text-transform:uppercase;letter-spacing:.25em;text-align:center;font-family:var(--display);font-weight:700;font-size:1.6rem!important}.sample{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.chips{list-style:none;padding:0!important;display:flex!important;flex-wrap:wrap;gap:.5rem}.chips a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border:1.5px solid var(--line);border-radius:999px;text-decoration:none;font-weight:500}.faq{display:grid;gap:.35rem;margin:0}.faq dt{font-weight:600;color:var(--ink);margin-top:.75rem}.faq dd{margin:0;color:var(--muted)}.tag a{color:var(--ink);font-weight:500}@media print{html.printing-slips .foot,html.printing-slips .skip,html.printing-slips .live>*:not(.slips){display:none!important}html.printing-slips body{background:#fff;color:#000}.no-print{display:none!important}}.quiz-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.quiz-list li{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:.9rem 1.1rem;display:grid;gap:.6rem}.quiz-list .hint{display:block}.file{position:relative;cursor:pointer}.file input{position:absolute;inset:0;opacity:0;cursor:pointer}.file:focus-within{outline:3px solid var(--accent);outline-offset:2px}.editor{display:grid;gap:1rem;max-width:40rem}.quick{background:var(--surface);border:1.5px dashed var(--line);border-radius:14px;padding:.75rem 1rem;display:grid;gap:.6rem}.quick summary{cursor:pointer;font-weight:600;min-height:2.75rem;display:flex;align-items:center}.quick textarea{background:var(--bg);border:2px solid var(--line);border-radius:12px;padding:.55rem .9rem;width:100%}.qcard{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:1rem!important}.qtools{display:flex;gap:.4rem;flex-wrap:wrap}.opts{display:grid;gap:.5rem}.opt-row{display:flex;align-items:center;gap:.6rem}.opt-row input[type=radio]{width:1.5rem;height:1.5rem;accent-color:var(--good);flex:none}.opt-row input:not([type=radio]){flex:1;min-height:2.75rem;background:var(--bg);border:2px solid var(--line);border-radius:12px;padding:.4rem .8rem}.q-prompt{font-family:var(--display);font-size:clamp(1.3rem,3.5vw,1.9rem);font-weight:600;line-height:1.25}.stage-puzzle .q-prompt{font-size:clamp(1.6rem,4vw,2.4rem)}.q-options,.choice-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.6rem}.q-options li,.answer-opt{display:flex;align-items:center;gap:.7rem;min-height:3.4rem;padding:.5rem .9rem;border-radius:14px;font-weight:600;text-align:left;border:2px solid transparent;color:#fff}.answer-opt{cursor:pointer;font-size:1.05rem}.mark{width:2rem;height:2rem;border-radius:50%;background:#ffffff40;display:grid;place-items:center;font-family:var(--display);font-weight:700;flex:none}[data-i="0"]{background:#c9302c}[data-i="1"]{background:#1e6fd9}[data-i="2"]{background:#8a6d00}[data-i="3"]{background:#1a7f4f}.answer-opt:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.notice[role=status]{color:var(--ink)}.big-code{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,8vw,3.6rem);letter-spacing:.14em;line-height:1;background:var(--accent);color:var(--accent-ink);border-radius:14px;padding:.4rem .9rem;-webkit-user-select:all;user-select:all}.join-url{overflow-wrap:anywhere;font-size:.95rem}@media(min-width:52rem){.lobby{grid-template-columns:minmax(0,22rem) 1fr}}.page .big-code{font-size:clamp(1.8rem,6vw,2.5rem);letter-spacing:.1em;color:var(--accent-ink);max-width:100%;text-align:center;margin:0}.qr-card .qr{margin-inline:auto}.cloud ul{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline;justify-content:center;padding:.5rem 0;list-style:none;margin:0}.cloud li{font-family:var(--display);font-weight:600;line-height:1.1;overflow-wrap:anywhere}.replies ul{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.replies li{background:var(--chip);border-radius:12px;padding:.6rem .9rem;overflow-wrap:anywhere}.streak{font-size:.8rem;font-weight:600;color:var(--muted);white-space:nowrap}.landing{display:grid;gap:clamp(2.5rem,6vw,4.5rem);padding-block:1rem 2rem}.lp-hero{display:grid;gap:2rem;align-items:center}@media(min-width:52rem){.lp-hero{grid-template-columns:1.15fr .85fr}}.lp-copy{display:grid;gap:1.1rem}.lp-copy h1{font-size:clamp(2rem,6vw,3.4rem);font-weight:700;letter-spacing:-.015em}.lp-copy .hl{background:linear-gradient(transparent 62%,var(--accent) 62%);padding-inline:.1em}.lp-copy .lede{font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--muted);max-width:38rem}.cta.big,.ghost-link.big{min-height:3.25rem;padding:0 1.6rem;font-size:1.1rem}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 1.4rem;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none;border:2px solid var(--accent-ink)}.fine{color:var(--muted);font-size:.9rem}.lp-art{display:grid;place-items:center}.mock{width:min(100%,22rem);background:var(--surface);border:2px solid var(--ink);border-radius:22px;padding:1.25rem;display:grid;gap:1rem;box-shadow:8px 8px 0 var(--accent)}.mock-code{font-family:var(--display);font-weight:700;letter-spacing:.16em;font-size:1.8rem;text-align:center;background:var(--accent);color:var(--accent-ink);border-radius:12px;padding:.35rem}.mock ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.mock li{display:flex;align-items:center;gap:.6rem;font-weight:600}.mock li b{margin-left:auto;font-family:var(--display)}.mock-bar{height:.9rem;border-radius:999px;background:var(--chip);border:1.5px solid var(--edge);overflow:hidden}.mock-bar span{display:block;width:68%;height:100%;background:var(--good)}.lp-sec{display:grid;gap:1.25rem}.lp-sec h2,.lp-final h2{font-size:clamp(1.5rem,4vw,2.2rem)}.lead2{color:var(--muted);max-width:42rem}.lp-steps{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.lp-steps li{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:1.1rem;display:grid;gap:.4rem;align-content:start}.lp-steps .n{width:2.4rem;height:2.4rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--display);font-weight:700}.lp-steps h3,.feats h3,.type-card h3{font-size:1.15rem}.lp-steps p,.feats p{color:var(--muted)}.types{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.type-card{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:1.1rem;display:grid;gap:.6rem;align-content:start;min-width:0}.type-card .best{color:var(--muted);font-size:.95rem}.type-card .like{font-size:.8rem;color:var(--muted)}.type-card .preview{background:var(--bg);border-radius:14px;padding:.9rem;display:grid;gap:.6rem;pointer-events:none}.type-card .preview .q-prompt{font-size:1.05rem}.type-card .preview .q-options{grid-template-columns:1fr 1fr;gap:.4rem}.type-card .preview .q-options li{min-height:2.6rem;font-size:.9rem;padding:.3rem .6rem}.type-card .preview .tile{width:2.4rem;height:2.7rem;font-size:1.3rem}.type-card .chiplist li{font-size:.95rem;padding:.3rem .7rem}.feats{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.feats li{border-top:4px solid var(--accent);padding-top:.75rem;display:grid;gap:.3rem;align-content:start}.lp-a11y{background:var(--surface);border:2px solid var(--ink);border-radius:20px;padding:1.5rem}.lp-a11y p{max-width:44rem}.lp-final{text-align:center;display:grid;gap:1.25rem;justify-items:center;background:var(--accent);color:var(--accent-ink);border-radius:24px;padding:clamp(1.5rem,5vw,3rem)}.lp-final .cta{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink)}.lp-final .ghost-link{border-color:var(--accent-ink)}.lp-final :focus-visible{outline-color:var(--accent-ink);box-shadow:none}:root[data-theme=contrast] .lp-final{border:2px solid #fff}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{border-color:var(--edge)!important}.ghost,.menu-btn,.disp-btn,.seat,.av,.choice,.ghost-link,.chips a,.seg{border-color:var(--edge)}.seg{border:1.5px solid var(--edge)}.seg input:checked+label{outline:2px solid var(--ink);outline-offset:-2px;background:var(--surface)}.seat[aria-pressed=true],.av[aria-pressed=true],.choice.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.ghost[aria-pressed=true]{outline:2px solid var(--bg);outline-offset:-4px}.pill{border-color:var(--edge)}[data-i="0"]{background:var(--o0)}[data-i="1"]{background:var(--o1)}[data-i="2"]{background:var(--o2)}[data-i="3"]{background:var(--o3)}[data-i="4"]{background:var(--o4)}[data-i="5"]{background:var(--o5)}.q-options li,.answer-opt,.check-opt{color:#fff}:root[data-theme=contrast] .q-options li,:root[data-theme=contrast] .answer-opt,:root[data-theme=contrast] .check-opt{border:2px solid #fff}.checks{border:0;margin:0 0 .75rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.6rem}.check-opt{display:flex;align-items:center;gap:.7rem;min-height:3.4rem;padding:.5rem .9rem;border-radius:14px;font-weight:600;cursor:pointer;border:2px solid transparent}.check-opt input{width:1.5rem;height:1.5rem;flex:none;accent-color:#fff}.check-opt:has(input:checked){border-color:#fff;box-shadow:0 0 0 3px var(--ink)}.check-opt:focus-within{outline:3px solid var(--focus);outline-offset:2px}.orderlist{list-style:none;margin:0 0 .75rem;padding:0;display:grid;gap:.5rem}.orderlist li{display:grid;grid-template-columns:2rem 1fr auto auto;gap:.5rem;align-items:center;background:var(--surface);border:2px solid var(--edge);border-radius:12px;padding:.4rem .6rem}.orderlist .pos,.opt-row .pos{width:2rem;height:2rem;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);border-radius:50%;font-family:var(--display);font-weight:700;flex:none}.orderlist .txt{overflow-wrap:anywhere;font-weight:500}@media(max-width:26rem){.orderlist li{grid-template-columns:2rem 1fr}.orderlist li .ghost{grid-column:auto}}.matchgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem .8rem;align-items:center;margin-bottom:.75rem}.matchgrid label{font-weight:600;overflow-wrap:anywhere}.matchgrid select{min-height:2.75rem;background:var(--surface);border:2px solid var(--edge);border-radius:12px;padding:.4rem .6rem;width:100%}@media(max-width:24rem){.matchgrid{grid-template-columns:1fr}}.slider-row{display:flex;align-items:center;gap:.9rem;margin:.5rem 0}.slider-row input[type=range]{flex:1;min-height:2.75rem;accent-color:var(--ink)}.slider-out{font-family:var(--display);font-weight:700;font-size:1.4rem;min-width:4.5rem;text-align:right;font-variant-numeric:tabular-nums}.chiplist{list-style:none;margin:0;padding:0!important;display:flex;flex-wrap:wrap;gap:.5rem;counter-reset:c}.chiplist li{background:var(--chip);border:2px solid var(--edge);border-radius:12px;padding:.4rem .9rem;font-weight:600;font-size:1.1rem}.chiplist.alt li{background:var(--surface)}.stage-puzzle .chiplist li{font-size:1.6rem;padding:.5rem 1.1rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.two-col .chiplist{flex-direction:column;align-items:stretch}@media(max-width:30rem){.two-col{grid-template-columns:1fr}}.note-box{background:var(--chip);border-left:6px solid var(--accent);border-radius:10px;padding:.7rem 1rem}.chart{margin:.5rem 0 0;display:grid;gap:.5rem}.chart figcaption{font-weight:600}.chart ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.chart li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .75rem;align-items:center}.chart .lbl{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;font-weight:500}.chart .lbl .mark{background:var(--ink);color:var(--bg);width:1.7rem;height:1.7rem;font-size:.85rem}.chart .track{height:1rem;background:var(--chip);border-radius:999px;overflow:hidden;border:1.5px solid var(--edge)}.chart .bar{display:block;height:100%;background:var(--ink);border-radius:999px}.chart li.right .bar{background:var(--good)}.chart .num{font-variant-numeric:tabular-nums;font-size:.9rem;color:var(--muted)}.tag-ok{color:var(--good);font-weight:700}.row3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.75rem}.q-prompt,.reveal-answer{overflow-wrap:anywhere}.head-actions{flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%}.lp-hero{grid-template-columns:minmax(0,1fr)}@media(min-width:52rem){.lp-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.lp-hero>*,.lobby>*,.two-col>*,.row3>*{min-width:0}h1,h2,h3,.q-prompt,.reveal-answer,.nm{overflow-wrap:anywhere}.cta,.ghost-link,.ghost,.answer button{white-space:normal;text-align:center}.cta-row{min-width:0}.seg{max-width:100%}.seg label{text-align:center}.landing{grid-template-columns:minmax(0,1fr)}.landing>*,.page>*,.setup>*,.lp-sec>*{min-width:0}.avatars{grid-template-columns:repeat(auto-fill,minmax(min(100%,4.4rem),1fr))}.setup{max-width:100%}.type-card,.lp-steps li,.feats li,.qcard,.quiz-list li{min-width:0;overflow-wrap:anywhere}.type-card .preview .q-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr))}.type-card .preview .tiles{flex-wrap:wrap}.q-options li,.answer-opt,.check-opt{overflow-wrap:anywhere}