.board-ripples{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.board-ripple{fill:none;stroke:var(--board-learner);stroke-width:6px}.board-ripple-ring{fill:#4f46e514;stroke:var(--board-learner);stroke-width:5px}.board-widget.board-widget-tray{width:min(94%,86cqmin);max-height:34%;padding:1.8cqmin 2.6cqmin;bottom:2.5%}.board-widget-tray .board-widget-prompt{margin-bottom:1.2cqmin;font-size:3.1cqmin}.board-widget-tray .board-widget-foot{margin-top:1.2cqmin}.board-check-layer{pointer-events:none;position:absolute;inset:0}.board-check-layer[data-picking=true]{pointer-events:auto;cursor:copy;background:#4f46e50d}.board-label-chips{flex-wrap:wrap;gap:1.4cqmin;display:flex}.board-widget .board-label-chip,.board-label-chip.is-ghost{border:.4cqmin solid var(--board-learner);color:var(--board-learner);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;padding:1cqmin 2.4cqmin;font:700 3cqmin/1.2 Nunito,system-ui,sans-serif}.board-widget .board-label-chip[data-chosen=true]{background:var(--board-learner);color:#fff}.board-label-chip.is-ghost{pointer-events:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1cqmin 3cqmin #00000040}.board-check-layer .board-label-placed{background:var(--board-learner);color:#fff;white-space:nowrap;pointer-events:auto;cursor:pointer;border:0;border-radius:999px;padding:.8cqmin 2cqmin;font:700 2.8cqmin/1.2 Nunito,system-ui,sans-serif;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .6cqmin 2cqmin #00000038}.board-check-layer .board-label-placed:disabled{cursor:default}.board-sketch.is-done{pointer-events:none}.board-sort .board-widget-option[data-chosen=true] .board-widget-letter{background:var(--board-learner);color:#fff}@font-face{font-family:Fredoka;font-weight:600;font-display:swap;src:url(/lessons/_kit/fonts/fredoka-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:700;font-display:swap;src:url(/lessons/_kit/fonts/nunito-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:800;font-display:swap;src:url(/lessons/_kit/fonts/nunito-latin-800-normal.woff2)format("woff2")}.board-host{--board-ink:#ff5a36;--board-highlight:#ffc933;--board-learner:#4f46e5;place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.board-stage{background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001f;container-type:size}.board-camera,.board-scene,.board-overlay,.board-labels,.board-learner-pen{width:100%;height:100%;position:absolute;inset:0}.board-scene{background:0 0;border:0;display:block}.board-scene.is-held{pointer-events:none}.board-scene.is-waiting{opacity:0}.board-overlay,.board-labels{pointer-events:none;overflow:visible}.board-learner-pen{cursor:crosshair;touch-action:none}.board-ink{fill:var(--board-ink)}.board-learner-ink{fill:var(--board-learner);opacity:.85}.board-glow{fill:none;stroke:var(--board-highlight);stroke-width:18px;opacity:.9}.board-glow-edge{fill:color-mix(in srgb, var(--board-highlight) 14%, transparent);stroke:var(--board-highlight);stroke-width:5px}.board-ring{fill:none;stroke:var(--board-ink);stroke-width:7px;stroke-linecap:round}.board-dim{fill:#0f121e85}.board-pointer{fill:var(--board-ink);stroke:#fff;stroke-width:5px}.board-pointer-ring{fill:none;stroke:var(--board-ink);stroke-width:4px}.board-label{width:0;height:0;position:absolute}.board-label-bubble{color:#fff;text-align:center;background:#1f2433;border-radius:1.6cqmin;width:max-content;max-width:44cqmin;padding:1cqmin 2cqmin;font:600 3.2cqmin/1.25 system-ui,sans-serif;position:absolute;left:0;box-shadow:0 .4cqmin 1.4cqmin #0003}.board-label-above .board-label-bubble{bottom:0}.board-label-below .board-label-bubble{top:0}.board-widget{color:#1b1b1f;background:#fffffff5;border-radius:2.4cqmin;width:min(92%,80cqmin);max-height:62%;margin-inline:auto;padding:2.6cqmin 3cqmin;font:500 3cqmin/1.3 system-ui,sans-serif;position:absolute;bottom:4%;left:0;right:0;overflow:auto;box-shadow:0 1cqmin 4cqmin #00000038}.board-widget-prompt{margin:0 0 1.8cqmin;font-size:3.4cqmin;font-weight:700}.board-widget-options{gap:1.4cqmin;display:grid}.board-widget-tf{grid-template-columns:1fr 1fr}.board-widget-option,.board-widget-submit{min-height:6cqmin;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:.4cqmin solid #d9dbe3;border-radius:1.6cqmin;align-items:center;gap:1.6cqmin;padding:1.1cqmin 1.8cqmin;display:flex}.board-widget-tf .board-widget-option{justify-content:center;min-height:10cqmin;font-weight:700}.board-widget-option:hover:not(:disabled){border-color:var(--board-learner)}.board-widget-option:disabled{cursor:default;opacity:.55}.board-widget-option[data-chosen=true]{border-color:var(--board-learner);background:color-mix(in srgb, var(--board-learner) 12%, #fff);opacity:1}.board-widget-letter{background:#eef0f6;border-radius:50%;flex:none;place-items:center;width:4.6cqmin;height:4.6cqmin;font-size:2.8cqmin;font-weight:700;display:grid}.board-widget-match{grid-template-columns:1fr 1fr;gap:3cqmin;display:grid}.board-widget-col{align-content:start;gap:1.4cqmin;display:grid}.board-widget-match-item{--pair:transparent}.board-widget-pair{color:#fff;border-radius:50%;flex:none;place-items:center;width:3.8cqmin;height:3.8cqmin;font-size:2.4cqmin;font-weight:800;display:grid;box-shadow:inset 0 0 0 .35cqmin #d9dbe3}.board-widget-match-item[data-pair]{border-color:var(--pair);background:color-mix(in srgb, var(--pair) 16%, #fff)}.board-widget-match-item[data-pair] .board-widget-pair{background:var(--pair);box-shadow:none}.board-widget-match-item[data-pair="0"]{--pair:#e5484d}.board-widget-match-item[data-pair="1"]{--pair:#3e7bfa}.board-widget-match-item[data-pair="2"]{--pair:#12a594}.board-widget-match-item[data-pair="3"]{--pair:#e38800}.board-widget-match-item[data-pair="4"]{--pair:#8e4ec6}.board-widget-match-item[data-pair="5"]{--pair:#d6409f}.board-widget-match-item[data-chosen=true]{border-color:var(--board-learner);box-shadow:0 0 0 .6cqmin color-mix(in srgb, var(--board-learner) 30%, transparent);background:#fff}.board-widget-match-item[aria-disabled=true]{cursor:default}.board-widget-match[data-picking=true] .board-widget-col+.board-widget-col .board-widget-match-item:not([data-pair]){border-style:dashed;border-color:var(--board-learner)}.board-widget-match-item:disabled{opacity:1}.board-widget-foot{justify-content:space-between;align-items:center;gap:2cqmin;margin-top:1.8cqmin;display:flex}.board-widget .board-widget-submit{background:var(--board-learner);border-color:var(--board-learner);color:#fff;justify-content:center;min-width:18cqmin;font-weight:700}.board-widget .board-widget-submit:disabled{color:#8a8d99;cursor:default;background:#eef0f6;border-color:#d9dbe3}.board-status{text-align:center;color:#6b6b73;pointer-events:none;font:500 3cqmin system-ui,sans-serif;position:absolute;inset:auto 0 45%}.board-status-error{color:#b42318}.board-widget-open{justify-content:space-between;align-items:center;gap:2cqmin;display:flex}.board-widget-hint{color:#6b6b73;font-size:3cqmin}.board-widget-reveal{border:.4cqmin solid var(--board-learner);min-height:7cqmin;color:var(--board-learner);font:inherit;cursor:pointer;background:#fff;border-radius:99cqmin;flex:none;padding:1.2cqmin 3cqmin;font-weight:700}.board-widget-reveal:hover{background:color-mix(in srgb, var(--board-learner) 10%, #fff)}.board-widget-options{animation:.32s cubic-bezier(.22,1,.36,1) board-rise}@keyframes board-rise{0%{opacity:0;transform:translateY(1.5cqmin)}}.board-choices{z-index:3;color:#252244;background:#fffbf0f7;border-radius:3cqmin;padding:3.2cqmin;font:700 3.6cqmin/1.25 Nunito,system-ui,sans-serif;position:absolute;bottom:5%;left:6%;right:6%;box-shadow:0 0 0 .5cqmin #252244,0 1.2cqmin #252244,0 3cqmin 6cqmin #25224440}.board-choices-prompt{text-align:center;margin:0 0 2.4cqmin;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:4.4cqmin;font-weight:600}.board-choices-options{grid-template-columns:repeat(2,1fr);gap:2cqmin;display:grid}.board-choices-options[data-count="3"]{grid-template-columns:repeat(3,1fr)}.board-choice{min-height:10cqmin;color:inherit;font:inherit;cursor:pointer;background:#fff;border:.5cqmin solid #252244;border-radius:2.4cqmin;padding:1.8cqmin 2.4cqmin;transition:transform .12s,box-shadow .12s,background .16s;box-shadow:0 .7cqmin #252244}.board-choice:first-child{background:#d2fc70}.board-choice:hover:not(:disabled){transform:translateY(-.3cqmin);box-shadow:0 1cqmin #252244}.board-choice:disabled{cursor:default}.board-choice[data-chosen=true]{background:#ffd166;transform:translateY(.5cqmin);box-shadow:0 .2cqmin #252244}.board-task{box-sizing:border-box;color:#1b1b1f;pointer-events:none;background:#fffffff5;border-radius:999px;align-items:center;gap:1.6cqmin;width:fit-content;max-width:88%;margin-inline:auto;padding:1.2cqmin 2.4cqmin 1.2cqmin 1.2cqmin;font:600 3.2cqmin/1.25 system-ui,sans-serif;animation:.45s cubic-bezier(.34,1.56,.64,1) both board-task-in;display:flex;position:absolute;bottom:3%;left:0;right:0;box-shadow:0 .8cqmin 3cqmin #0003}.board-task-badge{color:#d2fc70;letter-spacing:.02em;background:#252244;border-radius:999px;flex:none;padding:.8cqmin 2cqmin;font-weight:800;animation:1.6s ease-in-out infinite board-task-pulse}.board-task[data-state=right],.board-task[data-state=wrong]{padding-right:1.2cqmin}.board-task[data-state=right] .board-task-badge{color:#fff;background:#10b981;animation:none}.board-task[data-state=wrong] .board-task-badge{color:#fff;background:#64748b;animation:none}@keyframes board-task-in{0%{opacity:0;translate:0 40%}}@keyframes board-task-pulse{50%{box-shadow:0 0 0 .9cqmin #d2fc708c}}.board-sketching{pointer-events:none;background:radial-gradient(120% 90%,#fffbf0b8,#fff4de61);place-items:center;animation:.35s cubic-bezier(.22,1,.36,1) both board-sketching-in;display:grid;position:absolute;inset:0}.board-sketching-card{color:#252244;background:#fffbf0;border:.6cqmin solid #252244;border-radius:999px;align-items:center;gap:3cqmin;padding:2.4cqmin 4cqmin 2.4cqmin 3cqmin;animation:2.4s cubic-bezier(.65,0,.35,1) infinite alternate board-sketching-bob;display:flex;box-shadow:0 1.2cqmin #25224429}.board-sketching-card svg{width:15cqmin;height:10cqmin;overflow:visible}.board-sketching-card path{fill:none;stroke:#ff5a36;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation-name:board-sketching-draw;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite}.board-sketching-card path.is-guide{stroke:#252244;opacity:.14;stroke-dasharray:none;stroke-dashoffset:0;animation:none}.board-sketching-label{white-space:nowrap;font:800 4.4cqmin Nunito,system-ui,sans-serif}.board-sketching-dots{gap:.8cqmin;margin-left:1.2cqmin;display:inline-flex}.board-sketching-dots i{background:#ff5a36;border-radius:50%;width:1.2cqmin;height:1.2cqmin;animation:1.2s ease-in-out infinite board-sketching-dot}.board-sketching-dots i:nth-child(2){animation-delay:.15s}.board-sketching-dots i:nth-child(3){animation-delay:.3s}@keyframes board-sketching-in{0%{opacity:0}}@keyframes board-sketching-bob{to{transform:translateY(-.8cqmin)rotate(-1deg)}}@keyframes board-sketching-draw{0%{stroke-dashoffset:1px}45%,80%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@keyframes board-sketching-dot{0%,to{transform:translateY(0)}50%{transform:translateY(-1cqmin)}}@media (prefers-reduced-motion:reduce){.board-sketching-card,.board-sketching-card path,.board-sketching-dots i{stroke-dashoffset:0;animation:none}}.board-lab{box-sizing:border-box;gap:16px;height:calc(100vh - 46px);padding:16px;display:flex}.board-lab-board{flex:1;min-width:0;min-height:0}.board-lab-panel{flex:none;width:360px;font-size:14px;overflow-y:auto}.board-lab-panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 6px;font-size:12px}.board-lab-row,.board-lab-buttons{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.board-lab-buttons[data-disabled=true]{opacity:.5}.board-lab-desc{color:var(--muted);margin:6px 0}.board-lab-desc strong{color:var(--fg)}.board-lab-param{gap:2px;margin-bottom:6px;display:grid}.board-lab-panel textarea{box-sizing:border-box;width:100%;font:12px ui-monospace,monospace}.board-lab-snapshot{white-space:pre-wrap;margin:0;font-size:12px}.board-lab-log{margin:0;padding-left:0;font:11px/1.4 ui-monospace,monospace;list-style:none}.board-lab-log li{border-bottom:1px solid color-mix(in srgb, var(--fg) 8%, transparent);word-break:break-all;padding:2px 0}.board-lab-log li[data-kind=error]{color:#d92d20}.board-lab-log li[data-kind=op],.board-lab-muted{color:var(--muted)}.board-lab-link{color:var(--accent);cursor:pointer;text-transform:none;background:0 0;border:0;font-size:11px}@media (width<=800px){.board-lab{flex-direction:column;height:auto}.board-lab-board{flex:none;height:calc(100vw - 32px)}.board-lab-panel{width:auto}}.board-lab-tasks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.board-lab-tasks li{border:1px solid #0001;border-radius:8px;padding:6px 8px}.board-lab-tasks li[data-state=armed]{border-color:#a3c93a}.board-lab-tasks li[data-state=right]{border-color:#10b981}.board-lab-tasks li[data-state=wrong]{border-color:#94a3b8}.board-lab-task-state{margin-left:auto;font-weight:700}.explore-empty{color:var(--muted);padding:24px}.explore select{max-width:250px}.explore-stepper{background:color-mix(in srgb, var(--fg) 5%, transparent);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.explore-stepper button{width:34px;height:34px;font-size:20px}.explore-stepper div{gap:2px;min-width:0;display:grid}.explore-stepper small{color:var(--muted)}.explore-beats{gap:8px;margin:0;padding:0;list-style:none;display:grid}.explore-beats small{color:var(--muted)}.explore-beats .board-lab-buttons{margin:4px 0 0}.explore-play{color:var(--accent);font-size:13px}.board-lab-log li[data-kind=result]{color:var(--accent);font-weight:700}.lipsync-lab{flex-direction:column;gap:12px;max-width:100%;display:flex}.lipsync-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lipsync-controls fieldset{border:0;gap:12px;margin:0;padding:0;display:flex}.lipsync-controls select{max-width:420px}.lipsync-faces{flex-wrap:wrap;gap:24px;display:flex}.directed-face{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.directed-face figcaption{font-weight:600}.lipsync-text{color:var(--muted);max-width:640px;margin:0}.lipsync-lab[data-record]{z-index:10;background:var(--bg);padding:16px;position:fixed;inset:0}.lipsync-lab[data-record] .lipsync-controls{order:3}.lipsync-lab[data-record] .lipsync-text{color:var(--fg);font-size:20px}.lobby{place-items:start center;padding:40px 24px;overflow-y:auto}.lobby-card{margin:auto 0}.lobby .topics~h1{font-size:clamp(30px,3.2vw,42px)}.lobby .topics~.lobby-goal{font-size:16px}.lobby-name h1{font-size:clamp(32px,3.6vw,46px)}.lobby-name-row{gap:10px;margin-top:26px;display:flex}.lobby-name-row input,.moment-pop input{background:var(--ink-1);min-width:0;box-shadow:0 0 0 1px var(--line-strong);color:var(--text);font:inherit;border:0;border-radius:999px;outline:none;flex:1;padding:14px 18px;font-size:17px}.lobby-name-row input:focus{box-shadow:0 0 0 2px var(--accent)}.lobby-name-row .btn-primary:disabled{opacity:.45;cursor:default;transform:none}.lobby-hello{color:var(--text-dim);margin:0 0 18px;font-size:15px}.lobby-hello strong{color:var(--text)}.lobby-hello b{color:var(--text-faint);font-weight:400}.lobby .lobby-hello button,.lobby .lobby-link{color:var(--accent);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.lobby .lobby-hello button:hover,.lobby .lobby-link:hover{text-decoration:underline}.topics{gap:8px;margin:0 0 28px;display:grid}.lobby .topic{background:var(--ink-1);box-shadow:0 0 0 1px var(--line);text-align:left;cursor:pointer;border:0;border-radius:14px;gap:3px;padding:12px 16px;transition:box-shadow .15s,background .15s;display:grid}.lobby .topic:hover{background:var(--ink-2)}.lobby .topic.is-on{background:var(--ink-2);box-shadow:0 0 0 2px var(--accent)}.topic-title{font-size:16px;font-weight:650}.topic-meta{color:var(--text-dim);font-size:13px}.topic-meta b{color:var(--text-faint);font-weight:400}.topic-done{color:var(--good)}.topic-done svg{vertical-align:-1px}.topic-blurb{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lobby-start-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.lobby-start-row .lobby-link{font-size:14px}.skip{margin-top:26px}.lobby .skip-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.skip-toggle svg{transition:transform .15s}.skip.is-open .skip-toggle svg{transform:rotate(90deg)}.skip-panel{background:var(--ink-1);box-shadow:0 0 0 1px var(--line);border-radius:16px;margin-top:12px;padding:12px}.skip-chapters{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lobby .skip-chapters button{max-width:100%;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 5px;font-size:13px;display:flex;overflow:hidden}.lobby .skip-chapters button span,.lobby .skip-step-n{width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.lobby .skip-chapters button.is-on{color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.lobby .skip-chapters button.is-on span{background:var(--accent);color:#fff;box-shadow:none}.skip-steps{gap:2px;margin:0;padding:0;list-style:none;display:grid}.skip-steps li{border-radius:10px;align-items:center;gap:10px;padding:7px 4px 7px 6px;display:flex}.skip-steps li:hover{background:var(--ink-2)}.skip-step-n{color:var(--text-dim)}.skip-step-title{flex:1;min-width:0;font-size:14px;display:grid}.skip-step-title small{color:var(--text-faint);font-size:12px}.skip-parts{flex:none;gap:4px;display:flex}.lobby .skip-parts button{background:var(--ink-0);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-dim);cursor:pointer;border:0;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}.lobby .skip-parts button:hover{color:var(--text)}.lobby .skip-parts button.is-on{background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:none;color:#fff}.lobby-foot{flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px;font-size:14px;display:flex}.lobby-foot .lobby-agent{margin-top:0}.moment{position:relative}.moment-pop{z-index:30;background:var(--ink-2);width:min(420px,80vw);box-shadow:0 0 0 1px var(--line-strong), 0 20px 40px #00000080;border-radius:14px;gap:6px;padding:12px;font-size:13px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.moment-pop span{color:var(--text-dim)}.moment-pop input{padding:8px 12px;font-family:ui-monospace,SF Mono,monospace;font-size:12px}@media (width<=760px){.skip-steps li{flex-wrap:wrap}}.player,.lobby{--ink-0:#0a0c11;--ink-1:#11141b;--ink-2:#191d26;--line:#ffffff14;--line-strong:#ffffff29;--text:#eef0f6;--text-dim:#9ba2b4;--text-faint:#6a7184;--em:#ff8f6b;--expert:#39c6b3;--accent:#8a8dff;--accent-2:#b28bff;--good:#5fd49e;--paper:#f8f6f0;--paper-ink:#2a2d36;--top-h:60px;--cluster-h:104px;--gutter:20px;--dock-h:clamp(132px, 19vh, 186px);--face-lead:calc(var(--dock-h) - 50px);--face-other:calc(var(--face-lead) * .72);--talk-w:min(440px, calc((100vw - var(--face-lead) - var(--face-other) - 120px) / 2));color:var(--text);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 700px at 12% 110%, #ff8f6b1a, transparent 60%), radial-gradient(1100px 800px at 95% -10%, #8a8dff24, transparent 60%), var(--ink-0);font-family:Inter,SF Pro Text,system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.player button,.lobby button{font:inherit;color:inherit}.player.is-stage{--dock-h:clamp(190px, 29vh, 300px)}.player-board{inset:var(--top-h) var(--gutter) calc(var(--cluster-h) + var(--dock-h));place-items:center;transition:bottom .6s cubic-bezier(.2,.8,.2,1),opacity .5s;display:grid;position:absolute;container-type:size}.player-board .board-host{overflow:visible}.player-board .board-stage{background:radial-gradient(120% 90% at 50% 0%, #fffdf8, var(--paper) 55%, #efece4);color:var(--paper-ink);border-radius:28px;box-shadow:0 0 0 1px #ffffff0f,0 30px 80px -20px #000000b3,0 10px 30px -10px #00000080}.player-dock{z-index:2;left:0;right:0;bottom:var(--cluster-h);height:var(--dock-h);padding:0 var(--gutter) 12px;pointer-events:none;grid-template-columns:1fr auto 1fr;grid-template-areas:".cast talk";align-items:end;gap:28px;transition:height .6s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute}.player-dock>*{pointer-events:auto}.dock-talk{width:var(--talk-w);flex-direction:column;grid-area:talk;align-self:center;align-items:flex-start;gap:10px;min-width:0;display:flex}.cast{padding-inline:var(--bubble-room,56px);grid-area:cast;justify-content:center;align-items:flex-end;gap:18px;display:flex}.cast-tile{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.cast-tile.is-lead{margin-bottom:6px}.cast-face{--ring:transparent;width:var(--face-other);height:var(--face-other);box-shadow:0 0 0 3px var(--ink-0), 0 0 0 6px var(--ring), 0 18px 40px -10px #000000b3;border-radius:50%;transition:box-shadow .2s;position:relative}.cast-tile.is-lead .cast-face{width:var(--face-lead);height:var(--face-lead)}.cast-em.is-speaking .cast-face{--ring:var(--em)}.cast-expert.is-speaking .cast-face{--ring:var(--expert)}.cast-face .directed-face{width:100%;height:100%;margin:0}.cast-face .face{width:100%!important;height:100%!important}.cast-thinking{z-index:1;background:var(--ink-2);box-shadow:0 0 0 1px var(--line-strong), 0 8px 18px #0006;border-radius:999px;gap:4px;padding:8px 10px;display:flex;position:absolute;top:-2px}.cast-em .cast-thinking{right:calc(100% + 4px)}.cast-expert .cast-thinking{left:calc(100% + 4px)}.cast-thinking:before,.cast-thinking:after{content:"";background:var(--ink-2);box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;position:absolute}.cast-thinking:before{width:8px;height:8px;bottom:-9px}.cast-thinking:after{width:5px;height:5px;bottom:-16px}.cast-em .cast-thinking:before{right:2px}.cast-em .cast-thinking:after{right:-4px}.cast-expert .cast-thinking:before{left:2px}.cast-expert .cast-thinking:after{left:-4px}.cast-thinking i{background:var(--text-dim);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite think}.cast-thinking i:nth-child(2){animation-delay:.15s}.cast-thinking i:nth-child(3){animation-delay:.3s}.cast-seat-face{box-shadow:0 0 0 3px var(--ink-0), inset 0 0 0 2px var(--line-strong);background:#ffffff08;place-items:center;animation:2.8s ease-in-out infinite seat;display:grid}.cast-seat-face span{font-size:calc(var(--face-other) * .26);letter-spacing:.02em;color:var(--text-faint);font-weight:700}.cast-seat .cast-name{opacity:.8}.cast-seat .cast-name small{display:inline}@keyframes seat{0%,to{box-shadow:0 0 0 3px var(--ink-0), inset 0 0 0 2px var(--line-strong)}50%{box-shadow:0 0 0 3px var(--ink-0), inset 0 0 0 2px #39c6b373, 0 0 0 7px #39c6b314}}@keyframes think{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.cast-name{box-shadow:0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#11141bb8;border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 9px;font-size:13px;display:flex}.cast-name small{color:var(--text-faint);font-size:12px}.player.is-dock .cast-name small{display:none}.cast-voice{align-items:center;gap:2px;height:12px;display:flex}.cast-voice i{background:var(--text-faint);border-radius:2px;width:3px;height:4px}.cast-em .cast-voice i{background:var(--em)}.cast-expert .cast-voice i{background:var(--expert)}.cast-tile:not(.is-speaking) .cast-voice i{background:var(--text-faint)}.cast-tile.is-speaking .cast-voice i{animation:.9s ease-in-out infinite voice}.cast-tile.is-speaking .cast-voice i:nth-child(2){animation-delay:.2s}.cast-tile.is-speaking .cast-voice i:nth-child(3){animation-delay:.4s}@keyframes voice{0%,to{height:4px}50%{height:12px}}.slate{--k-ink:#252244;--k-ink-soft:#4a4670;--k-paper:#fffbf0;z-index:2;color:var(--k-ink);text-align:center;background:radial-gradient(110% 80% at 50% 20%,#fffaf0,#fff4de 60%,#ffe7c4);flex-direction:column;justify-content:center;align-items:center;gap:3cqmin;padding:8cqmin 9cqmin;font:700 3.6cqmin/1.35 Nunito,system-ui,sans-serif;display:flex;position:absolute;inset:0;overflow:hidden}.slate-sparkles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.slate>:not(.slate-sparkles){position:relative}.slate-kicker{background:var(--k-ink);color:var(--k-paper);letter-spacing:.06em;text-transform:uppercase;border-radius:99cqmin;margin:0;padding:.8cqmin 2.6cqmin;font-size:2.8cqmin;font-weight:800}.slate-kicker b{opacity:.5;font-weight:800}.slate-title{border:.7cqmin solid var(--k-ink);background:var(--k-paper);max-width:100%;box-shadow:0 1cqmin 0 var(--k-ink);letter-spacing:-.02em;text-wrap:balance;border-radius:99cqmin;margin:0;padding:1.6cqmin 4.4cqmin 2cqmin;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:6cqmin;font-weight:600;line-height:1.1}.slate-goal,.slate-recap,.slate-next,.slate-hint{max-width:78cqmin;color:var(--k-ink-soft);margin:0}.slate-goal-yours{color:var(--k-ink);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.4em 1.4cqmin;font-size:4cqmin;display:flex}.slate-goal-yours span{letter-spacing:.05em;text-transform:uppercase;background:#d2fc70;border-radius:99cqmin;padding:.3cqmin 1.8cqmin;font-size:2.6cqmin;font-weight:800}.slate-connecting{align-items:center;gap:2cqmin;margin:0;font-size:4cqmin;display:flex}.slate-dots{gap:1cqmin;display:flex}.slate-dots i{background:var(--k-ink);border-radius:50%;width:2cqmin;height:2cqmin;animation:1.2s ease-in-out infinite slate-dot}.slate-dots i:nth-child(2){background:#ff9cd5;animation-delay:.15s}.slate-dots i:nth-child(3){background:#8ec5ff;animation-delay:.3s}@keyframes slate-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-1.4cqmin)}}.slate-hint b{opacity:.5}.slate-recap{color:var(--k-ink);font-size:4cqmin}.slate-next strong{color:var(--k-ink)}.slate-question{letter-spacing:-.01em;max-width:80cqmin;margin:0;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:7.2cqmin;font-weight:600;line-height:1.15}.slate-chapters,.slate-covered{text-align:left;gap:1.6cqmin;min-width:56cqmin;margin:1cqmin 0 0;padding:0;list-style:none;display:grid}.slate-chapters li,.slate-covered li{border:.5cqmin solid var(--k-ink);box-shadow:0 .6cqmin 0 var(--k-ink);background:#fff;border-radius:99cqmin;align-items:center;gap:2cqmin;padding:1.4cqmin 2.6cqmin 1.4cqmin 1.6cqmin;display:flex}.slate-chapters li.is-done,.slate-covered li.is-passed{background:#d2fc70}.slate-chapters li.is-next{background:#ffd166}.slate-covered li.is-todo{box-shadow:none;color:var(--k-ink-soft);border-style:dashed}.slate-covered li em{margin-left:auto;font-size:2.8cqmin;font-style:normal}.slate-num,.slate-tick{background:var(--k-ink);width:5.2cqmin;height:5.2cqmin;color:var(--k-paper);border-radius:50%;flex:none;place-items:center;font-size:2.8cqmin;font-weight:800;display:grid}.slate-covered li.is-todo .slate-tick{box-shadow:inset 0 0 0 .45cqmin var(--k-ink-soft);background:0 0}.slate--lesson-end,.slate--chapter-end{justify-content:flex-start;gap:2.4cqmin;padding-top:7cqmin}.slate--lesson-end{gap:1.8cqmin;padding:5cqmin 7cqmin}.slate--lesson-end .slate-covered{gap:1.2cqmin;font-size:3.2cqmin}.slate--lesson-end .slate-covered li{padding:.9cqmin 2.4cqmin .9cqmin 1.2cqmin}.slate--chapter-end .slate-chapters li{padding-block:1cqmin}.slate--lesson-end .slate-title{font-size:5.2cqmin}.slate-carry{flex-direction:column;align-items:center;gap:2cqmin;width:100%;margin-top:1cqmin;display:flex}.slate-carry-title{margin:0;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:4.2cqmin;font-weight:600}.slate-carry-cards{grid-template-columns:repeat(auto-fit,minmax(30cqmin,1fr));gap:2.4cqmin;width:100%;display:grid}.slate .slate-carry-card{border:.5cqmin solid var(--k-ink);box-shadow:0 .8cqmin 0 var(--k-ink);color:var(--k-ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:3cqmin;flex-direction:column;gap:.6cqmin;padding:1.8cqmin 2.4cqmin;transition:transform .12s,box-shadow .12s;display:flex}.slate-carry-card:first-child{background:#ffe0f2}.slate-carry-card:nth-child(2){background:#e2f0ff}.slate-carry-card:hover{box-shadow:0 1.2cqmin 0 var(--k-ink);transform:translateY(-.4cqmin)}.slate-carry-card strong{font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:3.3cqmin;font-weight:600;line-height:1.15}.slate-carry-card span{color:var(--k-ink-soft);font-size:2.6cqmin;line-height:1.3}.slate .slate-back{background:var(--k-ink);color:var(--k-paper);font:inherit;cursor:pointer;border:0;border-radius:99cqmin;margin-top:.4cqmin;padding:1.4cqmin 4cqmin;font-size:3.2cqmin}.captions{max-width:100%;box-shadow:0 0 0 1px var(--line), 0 12px 30px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a0ed1;border-radius:14px;align-items:baseline;gap:10px;margin:0;padding:10px 18px;font-size:16px;line-height:1.4;display:flex;overflow:hidden}.captions-who{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.captions-em .captions-who{color:var(--em)}.captions-expert .captions-who{color:var(--expert)}.captions-text{color:var(--text-faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.captions-text .is-spoken{color:var(--text)}.composer{box-sizing:border-box;width:100%;box-shadow:0 0 0 1px var(--line-strong), 0 16px 40px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#161a22e6;border-radius:999px;align-items:center;padding:6px 6px 6px 20px;display:flex}.composer:focus-within{box-shadow:0 0 0 1.5px var(--accent), 0 16px 40px #00000073}.composer input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.composer input::placeholder{color:var(--text-faint)}.composer button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.composer button:disabled{background:var(--ink-2);color:var(--text-faint);cursor:default}.captions-you .captions-who{color:var(--accent)}.captions-text.is-spoken{color:var(--text)}.topbar{z-index:4;height:var(--top-h);opacity:.86;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 16px;display:grid;position:absolute;top:0;left:0;right:0}.topbar-tools{justify-content:flex-end;align-items:center;gap:4px;display:flex}.strip-lesson{align-items:center;gap:12px;min-width:0;display:flex}.strip-lesson div{min-width:0;display:grid}.strip-lesson strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.strip-lesson small{color:var(--text-faint);font-size:12px}.strip-mark{background:radial-gradient(circle at 35% 40%, var(--em) 0 26%, transparent 27%), radial-gradient(circle at 68% 62%, var(--expert) 0 22%, transparent 23%), var(--ink-2);width:28px;height:28px;box-shadow:0 0 0 1px var(--line);border-radius:9px;flex:none}.strip-progress{align-items:center;min-width:0;display:flex}.chapter-bar{align-items:center;gap:16px;min-width:0;display:flex}.chapters{align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.chapter{border-radius:999px;align-items:center;gap:7px;padding:4px 8px 4px 4px;transition:background .3s;display:flex}.chapter.is-current{background:#8a8dff1f;box-shadow:inset 0 0 0 1px #8a8dff4d}.chapter-mark{width:20px;height:20px;color:var(--text-dim);box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.chapter.is-current .chapter-mark{background:var(--accent);color:#fff;box-shadow:none}.chapter.is-done .chapter-mark{background:var(--good);color:#0b2016;box-shadow:none}.pips{gap:5px;margin:0;padding:0;list-style:none;display:flex}.pip{background:var(--line-strong);border-radius:999px;width:22px;height:5px;transition:width .4s cubic-bezier(.2,.8,.2,1),background .3s}.pip.is-active{background:var(--accent);width:34px;animation:2.4s ease-in-out infinite pip}.pip.is-passed{background:var(--good)}.pip.is-skipped{background:repeating-linear-gradient(-45deg, var(--line-strong) 0 3px, transparent 3px 6px)}@keyframes pip{0%,to{box-shadow:0 0 #8a8dff00}50%{box-shadow:0 0 0 4px #8a8dff38}}.strip-step{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.strip-step b{color:var(--text-faint);font-weight:400}.ctl{width:40px;height:40px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;transition:background .15s,color .15s;display:grid}.ctl:hover{background:var(--ink-2);color:var(--text)}.ctl.is-active{color:var(--accent);background:#8a8dff29}.ctl-exit:hover{color:#ff8080;background:#ff636324}.strip-divider{background:var(--line-strong);width:1px;height:22px;margin:0 4px}.flag{position:relative}.flag-note{z-index:7;background:var(--ink-1);width:min(360px,100vw - 32px);box-shadow:0 0 0 1px var(--line-strong), 0 20px 40px #00000080;border-radius:14px;gap:6px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.flag-note input{background:var(--ink-2);min-width:0;color:var(--text);font:inherit;border:0;border-radius:9px;outline:none;flex:1;padding:8px 10px;font-size:14px}.flag-note button{cursor:pointer;background:#ffb224;border:0;border-radius:9px;padding:0 14px;font-weight:650}.player .flag-note button{color:#2b1a00}.cluster{--btn:48px;--mic:calc(var(--btn) * 1.32);z-index:5;-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);background:#ffffff0f;border-radius:999px;align-items:center;gap:16px;padding:9px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff1f,0 18px 40px -12px #000000b3}.cluster-btn{z-index:1;width:var(--btn);height:var(--btn);color:var(--text);cursor:pointer;background:#ffffff17;border:0;border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.cluster-btn:hover:not(:disabled){background:#ffffff26}.cluster-btn:active:not(:disabled){transform:scale(.96)}.cluster-btn.is-active{color:#c9caff;background:#8a8dff38}.cluster-btn:disabled{cursor:default;opacity:.45}.cluster-mic-wrap{--level:0;width:var(--mic);height:var(--mic);place-items:center;display:grid;position:relative}.cluster .cluster-mic{width:var(--mic);height:var(--mic);background:#ffffff29;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e,0 8px 22px -6px #0009}.cluster .cluster-mic.is-off{color:#fff;background:#e5484d;box-shadow:inset 0 0 0 1px #ffffff2e,0 8px 22px -6px #e5484d99}.cluster .cluster-mic.is-off:hover:not(:disabled){background:#ec5d61}.mic-halo,.mic-halo:after{pointer-events:none;border-radius:50%;position:absolute;inset:0}.mic-halo{transform:scale(calc(1.1 + var(--level) * .45));background:radial-gradient(closest-side,#5fd49e80,#5fd49e2e 70%,#0000);transition:transform 90ms linear}.mic-halo:after{content:"";animation:2.4s ease-out infinite halo;box-shadow:0 0 0 2px #5fd49e8c}.cluster-mic-wrap[data-voice=true] .mic-halo{background:radial-gradient(closest-side,#5fd49ebf,#5fd49e47 70%,#0000)}@keyframes halo{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.player-toast{z-index:5;box-shadow:0 0 0 1px var(--line-strong);color:var(--text-dim);background:#161a22eb;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:14px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.player-toast.is-flag{top:calc(var(--top-h) + 10px);color:var(--text);animation:2.6s both toast}.player-toast.is-flag svg{color:#ffb224}@keyframes toast{0%{opacity:0;transform:translate(-50%,-8px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.player-veil{z-index:6;inset:0 0 var(--cluster-h);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080c99;place-items:center;display:grid;position:absolute}.veil-card{background:var(--ink-1);max-width:440px;box-shadow:0 0 0 1px var(--line-strong), 0 30px 60px #0009;border-radius:20px;padding:28px}.veil-card h2{margin:0 0 8px;font-size:20px}.veil-card p{color:var(--text-dim);margin:0 0 20px;line-height:1.5}.pause-resume{background:var(--ink-1);box-shadow:0 0 0 1px var(--line-strong), 0 20px 50px #00000080;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:14px;padding:16px 26px 16px 20px;font-size:16px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:0;border-radius:999px;padding:12px 22px;font-weight:650;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 30px -8px #8a8dffb3}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px -8px #8a8dffd9}.lobby{place-items:center;padding:24px;display:grid}.lobby-glow{pointer-events:none;background:radial-gradient(600px 400px at 30% 45%,#ff8f6b1f,#0000 70%),radial-gradient(500px 380px at 45% 60%,#39c6b314,#0000 70%);position:absolute;inset:0}.lobby-card{grid-template-columns:auto 1fr;align-items:center;gap:clamp(40px,6vw,88px);width:100%;max-width:1040px;display:grid;position:relative}.lobby-faces{width:300px;height:300px;position:relative}.lobby-face{box-shadow:0 0 0 4px var(--ink-0), 0 30px 60px -12px #000c;border-radius:50%;position:absolute}.lobby-face .directed-face{margin:0}.lobby-face-em{top:10px;left:0}.lobby-face-expert{bottom:0;right:0}.lobby-copy{max-width:520px}.lobby-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-size:13px;font-weight:600}.lobby-kicker b{color:var(--text-faint);font-weight:400}.lobby h1{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(36px,4.2vw,54px);line-height:1.04}.lobby-goal{color:var(--text-dim);margin:0 0 10px;font-size:18px;line-height:1.5}.lobby-cast{color:var(--text-faint);margin:0 0 30px;font-size:15px}.lobby-cast strong{color:var(--text);font-weight:600}.segmented{background:var(--ink-1);box-shadow:0 0 0 1px var(--line);border-radius:999px;margin-bottom:18px;padding:4px;display:inline-flex}.segmented button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:550;display:flex}.segmented button.is-on{background:var(--ink-2);color:var(--text);box-shadow:0 0 0 1px var(--line-strong)}.segmented button:disabled{opacity:.4;cursor:default}.btn-start{padding:16px 34px;font-size:17px;display:block}.lobby-hint{color:var(--text-faint);margin:14px 0 0;font-size:14px}.lobby-agent{color:var(--text-faint);cursor:pointer;align-items:center;gap:8px;margin-top:40px;font-size:13px;display:flex}.lobby-agent input{accent-color:var(--accent)}.lobby-passcode{flex-wrap:wrap;gap:10px;max-width:360px;display:flex}.lobby-passcode input{min-width:0;font:inherit;color:var(--text);background:var(--ink-2);border:1px solid var(--line-strong);border-radius:12px;flex:160px;padding:14px 16px;font-size:16px}.lobby-passcode input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.lobby-passcode-wrong{color:var(--em);flex-basis:100%;margin:0;font-size:14px}.lobby-build{font-variant-numeric:tabular-nums;color:var(--text-faint);opacity:.7;margin:0;font-size:11px;position:absolute;bottom:12px;right:16px}@media (width<=760px){.player{--top-h:48px;--cluster-h:88px;--gutter:12px;--dock-h:262px;--face-lead:100px}.player.is-stage{--dock-h:310px;--face-lead:128px}.cast{--bubble-room:40px;gap:14px}.cast-tile .cast-name small{display:none}.cast-thinking{gap:3px;padding:6px 7px}.cast-thinking i{width:5px;height:5px}.player-dock{grid-template:"cast"minmax(0,1fr)"talk"/minmax(0,1fr);align-items:end;gap:10px}.dock-talk{align-self:end;align-items:stretch;width:auto;min-height:52px}.topbar{grid-template-columns:1fr auto;gap:8px;padding:0 8px 0 12px}.strip-lesson,.strip-divider,.chapter-bar .strip-step{display:none}.strip-progress{justify-content:flex-start}.chapters{gap:4px}.pip{width:12px}.pip.is-active{width:20px}.ctl{width:36px;height:36px}.cluster{--btn:44px;gap:14px;bottom:12px}}.lobby-progress{background:var(--ink-1);box-shadow:0 0 0 1px var(--line);border-radius:16px;margin:-12px 0 26px;padding:14px 16px}.lobby-progress-head{align-items:baseline;gap:4px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.lobby-progress-head span{color:var(--text-dim);font-weight:400}.lobby-progress-head strong{color:var(--text);font-weight:600}.lobby-progress-head button{color:var(--text-faint);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:13px}.lobby-progress ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lobby-progress li{color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:13px;display:flex}.lobby-progress li span{width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.lobby-progress li.is-done{color:var(--text)}.lobby-progress li.is-done span{background:var(--good);color:#0b2016;box-shadow:none}.lobby-progress li.is-next{color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.lobby-progress-more{color:var(--text-faint);margin:10px 0 0;font-size:13px}@media (width<=760px){.lobby{place-items:start center;overflow-y:auto}.lobby-card{grid-template-columns:1fr;justify-items:center;gap:24px}.lobby-faces{width:240px;height:220px;transform:scale(.8)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f5f2;--fg:#1b1b1f;--muted:#6b6b73;--accent:#4f46e5;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121216;--fg:#ececf1;--muted:#9a9aa5;--accent:#8b87ff}}body{background:var(--bg);color:var(--fg);margin:0}.nav{border-bottom:1px solid color-mix(in srgb, var(--fg) 12%, transparent);gap:16px;padding:12px 16px;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav a.active{color:var(--accent);font-weight:600}.page{padding:16px}.face-lab{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.face{border-radius:50%;overflow:hidden}.controls{gap:8px;min-width:320px;display:grid}.slider{grid-template-columns:90px 1fr 48px;align-items:center;gap:8px;display:grid}.slider-value{font-variant-numeric:tabular-nums;text-align:right}