.gm-surface{display:flex;flex-direction:column;min-block-size:100%;background:var(--content-bg);color:var(--text-primary)}.gm-topbar{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-12);padding-inline:var(--space-4);border-block-end:1px solid var(--border-subtle);background:var(--surface-elevated);flex-shrink:0;gap:var(--space-12)}.gm-topbar__title{font-size:var(--text-title);font-weight:600;color:var(--text-primary)}.gm-topbar__pin{display:flex;gap:var(--space-2);padding-inline:var(--space-12);background:var(--surface-sunken);font-size:var(--text-caption);font-weight:700;letter-spacing:.1em;font-family:monospace}.gm-topbar__badge,.gm-topbar__pin{align-items:center;padding-block:var(--space-4);border-radius:var(--radius-pill)}.gm-topbar__badge{display:inline-flex;gap:var(--space-4);padding-inline:var(--space-2);font-size:var(--text-micro);font-weight:600}.gm-topbar__badge--lobby{background:color-mix(in srgb,var(--text-warning) 12%,transparent);color:var(--text-warning)}.gm-topbar__badge--live{background:color-mix(in srgb,var(--text-success) 12%,transparent);color:var(--kit-success-ink)}.gm-topbar__badge--ended{background:var(--surface-sunken);color:var(--text-secondary)}.gm-join{align-items:center;justify-content:center;min-block-size:100%;padding-block:var(--space-8);padding-inline:var(--space-4);background:var(--content-bg)}.gm-join,.gm-join__card{display:flex;flex-direction:column}.gm-join__card{width:100%;max-inline-size:400px;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-8);gap:var(--space-20)}.gm-join__logo{font-size:var(--text-display);color:var(--accent-primary)}.gm-join__logo,.gm-join__title{text-align:center;font-weight:700}.gm-join__title{font-size:var(--text-title-lg);color:var(--text-primary)}.gm-join__field{display:flex;flex-direction:column;gap:var(--space-2)}.gm-join__label{font-size:var(--text-caption);font-weight:600;color:var(--text-secondary)}.gm-join__error{color:var(--text-error);font-size:var(--text-caption);text-align:center}.gm-entry-shell{display:flex;flex-direction:column;min-block-size:100%}.gm-entry-shell .gm-join{flex:1 1 auto;min-block-size:0}.gm-entry-toggle{display:flex;justify-content:center;padding-block-start:var(--space-8);flex-shrink:0}.gm-lobby{padding:var(--space-4);overflow:hidden}.gm-lobby,.gm-lobby__main{display:flex;flex:1;gap:var(--space-4)}.gm-lobby__main,.gm-lobby__panel{overflow-y:auto;flex-direction:column}.gm-lobby__panel{inline-size:280px;flex-shrink:0;display:flex;gap:var(--space-12)}@media (max-width:768px){.gm-lobby{flex-direction:column}.gm-lobby__panel{inline-size:100%}}.gm-lobby__section{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-12)}.gm-error-text{color:var(--text-error);font-size:var(--text-caption);margin:0}.gm-lobby__section-title{font-size:var(--text-caption);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.gm-participants{display:flex;flex-direction:column;gap:var(--space-2)}.gm-participant{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-2) var(--space-12);border-radius:var(--radius-sm);background:var(--surface-sunken)}.gm-participant--host{background:var(--surface-hover)}.gm-participant__name{flex:1;font-size:var(--text-caption);font-weight:500;color:var(--text-primary)}.gm-participant__badge{color:var(--text-error)}.gm-participant__score{font-size:var(--text-caption);font-weight:700;color:var(--accent-primary);font-variant-numeric:tabular-nums}.gm-teams{display:flex;gap:var(--space-12);overflow-x:auto;padding-block-end:var(--space-2)}.gm-team-col{min-inline-size:160px;flex:1;border:2px dashed var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-12);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color .15s}.gm-team-col--drag-over{border-color:var(--accent-primary);background:var(--surface-hover)}.gm-team-col__name{font-size:var(--text-caption);font-weight:700;color:var(--text-secondary);margin-block-end:var(--space-4)}.gm-team-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);border-radius:var(--radius-sm);background:var(--surface-elevated);border:1px solid var(--border-subtle);font-size:var(--text-micro);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gm-team-chip:active{cursor:grabbing}.gm-unassigned{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:var(--space-12);display:flex;flex-direction:column;gap:var(--space-2)}.gm-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-12)}.gm-settings-item{display:flex;flex-direction:column;gap:var(--space-2)}.gm-settings-item label{font-size:var(--text-caption);font-weight:600;color:var(--text-secondary)}.gm-live{flex:1;padding:var(--space-4);overflow-y:auto}.gm-live,.gm-question{display:flex;flex-direction:column;gap:var(--space-4)}.gm-question{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-6)}.gm-question__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);flex-wrap:wrap}.gm-question__counter{font-size:var(--text-caption);color:var(--text-secondary);font-weight:600}.gm-question__timer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-sunken);font-size:var(--text-title);font-weight:700;font-variant-numeric:tabular-nums}.gm-question__timer--urgent{background:color-mix(in srgb,var(--text-error) 12%,transparent);color:var(--text-error)}.gm-question__prompt{font-size:var(--text-title-lg);font-weight:600;color:var(--text-primary);line-height:1.5}.gm-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-12);list-style:none;margin:0;padding:0}.gm-option{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-4) var(--space-4);border:2px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-elevated);cursor:pointer;text-align:start;width:100%;font-size:var(--text-body);font-weight:500;color:var(--text-primary);transition:border-color .15s,background .15s}.gm-option:hover:not(:disabled){border-color:var(--accent-primary);background:var(--surface-hover)}.gm-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.gm-option[data-selected=true]{border-color:var(--accent-primary);background:var(--surface-hover)}.gm-option[data-correct=true]{border-color:var(--text-success);background:color-mix(in srgb,var(--text-success) 12%,transparent)}.gm-option[data-incorrect=true]{border-color:var(--text-error);background:color-mix(in srgb,var(--text-error) 12%,transparent)}.gm-option:disabled{cursor:default;opacity:.7}.gm-option__key{display:inline-flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px;border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:var(--text-micro);font-weight:700;flex-shrink:0;color:var(--text-secondary)}.gm-confirm{flex-direction:column;gap:var(--space-4);padding:var(--space-8) var(--space-4);text-align:center}.gm-confirm,.gm-confirm__icon{display:flex;align-items:center;justify-content:center}.gm-confirm__icon{inline-size:64px;block-size:64px;border-radius:var(--radius-pill)}.gm-confirm__icon--pending{background:var(--surface-sunken);color:var(--text-secondary)}.gm-heatmap{display:flex;gap:var(--space-2);align-items:flex-end;block-size:60px;padding-block-end:var(--space-2)}.gm-heatmap__bar{flex:1;min-block-size:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--accent-primary);opacity:.7;transition:block-size .3s ease}.gm-heatmap__labels{display:flex;gap:var(--space-2);padding-block-start:var(--space-4)}.gm-heatmap__label{flex:1;text-align:center;font-size:var(--text-micro);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-scores{max-block-size:320px;overflow-y:auto}.gm-leaderboard,.gm-scores{display:flex;flex-direction:column;gap:var(--space-2)}.gm-leaderboard{position:relative;padding:var(--space-4)}.gm-leaderboard__title{font-size:var(--text-display);font-weight:700;color:var(--text-primary);text-align:center;margin-block-end:var(--space-4)}.gm-timer-bar{block-size:4px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.gm-timer-bar__fill{block-size:100%;border-radius:var(--radius-pill);background:var(--accent-primary);transition:inline-size 1s linear}.gm-timer-bar__fill--urgent{background:var(--text-error)}.gm-host-strip{gap:var(--space-12);background:var(--surface-elevated);border-block-start:1px solid var(--border-subtle);flex-wrap:wrap}.gm-host-strip,.gm-waiting{display:flex;align-items:center;padding:var(--space-12) var(--space-4)}.gm-waiting{flex-direction:column;justify-content:center;gap:var(--space-4);text-align:center}.gm-waiting__label{font-size:var(--text-title)}.gm-count-pill,.gm-waiting__label{font-weight:600;color:var(--text-secondary)}.gm-count-pill{display:inline-flex;align-items:center;gap:var(--space-4);padding-block:var(--space-4);padding-inline:var(--space-12);border-radius:var(--radius-pill);background:var(--surface-sunken);font-size:var(--text-caption)}.gm-fullscreen{position:fixed;inset:0;z-index:var(--z-modal);background:var(--content-bg);display:flex;flex-direction:column;overflow:hidden}.gm-confirm,.gm-leaderboard{--gm-medal-gold:color-mix(in srgb,var(--palette-yellow) 85%,var(--palette-orange));--gm-medal-silver:color-mix(in srgb,var(--palette-sky) 14%,color-mix(in srgb,white 70%,black));--gm-medal-bronze:color-mix(in srgb,var(--palette-orange) 70%,color-mix(in srgb,white 50%,black))}.gm-confirm__view{position:relative;display:grid;justify-items:center;gap:10px;inline-size:min(100%,420px);padding:24px 20px;border-radius:22px;border:1px solid var(--border-default);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--qs-correct-border) 15%,var(--surface-elevated)),var(--surface-elevated) 70%);overflow:hidden}.gm-confirm__view--no{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--qs-incorrect-border) 15%,var(--surface-elevated)),var(--surface-elevated) 70%)}.gm-confirm__burst{position:relative;inline-size:96px;block-size:96px}.gm-confirm__chk{inline-size:100%;block-size:100%;overflow:visible}.gm-gc-c{fill:var(--qs-correct-border);transform-box:fill-box;transform-origin:center}.gm-confirm__view--no .gm-gc-c{fill:var(--qs-incorrect-border)}.gm-gc-m{fill:none;stroke:var(--text-on-accent);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.gm-confirm__view.is-play .gm-gc-c{animation:gm-pop-in .5s var(--ease-spring)}.gm-confirm__view.is-play .gm-gc-m{stroke-dashoffset:1;animation:gm-draw .4s ease-out .3s forwards}.gm-confirm__lbl,.gm-confirm__score{color:var(--text-muted);font-size:13px}.gm-confirm__score{padding:6px 16px;border-radius:999px;background:var(--surface-sunken)}.gm-confirm__score b{margin-inline-start:4px;color:var(--text-primary);font-size:18px;font-variant-numeric:tabular-nums}.gm-confirm__score.bump{animation:gm-bump .5s var(--ease-spring)}.gm-lb{list-style:none;margin:0;padding:0;display:grid;gap:6px;inline-size:min(100%,420px);margin-inline:auto}.gm-gl{position:relative;display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:14px;background:var(--surface-elevated);border:1px solid var(--border-default);font-size:13.5px;color:var(--text-primary)}.gm-gl--top{background:color-mix(in srgb,var(--qs-status-learning) 14%,var(--surface-elevated))}.gm-gl--me{border-color:var(--accent-primary)}.gm-gl__r{inline-size:26px;display:grid;place-items:center;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.gm-gl__r>svg{inline-size:20px;block-size:20px}.gm-gl__n{flex:1;font-weight:500;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-gl__c{display:inline-flex;align-items:center;gap:2px;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.gm-gl__s{font-weight:600;font-variant-numeric:tabular-nums}.gm-gl__d{min-inline-size:26px;font-size:11.5px;font-weight:600;text-align:end}.gm-gl__d.is-up{color:var(--qs-correct-text);animation:gm-pop-in .4s var(--ease-spring)}.gm-gl__d.is-down{color:var(--qs-incorrect-text)}.gm-gl--me.glow{animation:gm-me-glow 1.4s ease}.gm-lb.is-in .gm-gl{animation:gm-rise .45s var(--ease-spring) backwards}.gm-lb.is-in .gm-gl:nth-child(2){animation-delay:50ms}.gm-lb.is-in .gm-gl:nth-child(3){animation-delay:.1s}.gm-lb.is-in .gm-gl:nth-child(4){animation-delay:.15s}.gm-lb.is-in .gm-gl:nth-child(5){animation-delay:.2s}.gm-gav{--c:var(--accent-primary);inline-size:28px;block-size:28px;border-radius:50%;background:var(--c);color:var(--text-on-accent);display:grid;place-items:center;font-weight:600;font-size:12.5px;flex:none}.gm-mdl{--m:var(--gm-medal-gold);inline-size:22px;block-size:26px;overflow:visible}.gm-mdl-r{fill:color-mix(in srgb,var(--accent-primary) 75%,var(--surface-elevated))}.gm-mdl-c{fill:var(--m);stroke:color-mix(in srgb,var(--m) 55%,var(--text-primary));stroke-width:1.5}.gm-mdl text{font:700 10px var(--font-sans);fill:color-mix(in srgb,var(--m) 30%,var(--text-primary))}.gm-pod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;block-size:260px;inline-size:min(100%,420px);margin-inline:auto;margin-block-end:var(--space-4);perspective:600px}.gm-pod__col{align-content:end;gap:8px;block-size:100%;min-inline-size:0}.gm-pod__col,.gm-pod__who{display:grid;justify-items:center}.gm-pod__who{gap:1px;font-size:12.5px;color:var(--text-primary);max-inline-size:100%}.gm-pod__who b{font-size:13.5px;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-pod__who>span:last-child{color:var(--text-muted);font-variant-numeric:tabular-nums}.gm-pod__who .gm-gav{inline-size:46px;block-size:46px;font-size:17px;box-shadow:0 0 0 3px var(--surface-elevated),0 6px 16px rgba(0,0,0,.14)}.gm-pod__medal{margin-block-start:-18px;position:relative;z-index:1;display:inline-block}.gm-pod__medal .gm-mdl{inline-size:34px;block-size:40px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}.gm-pod__block{inline-size:100%;border-radius:14px 14px 6px 6px;display:grid;justify-items:center;padding-block-start:8px;font-size:26px;font-weight:700;color:color-mix(in srgb,var(--accent-primary) 55%,var(--surface-elevated));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 16%,var(--surface-elevated)),color-mix(in srgb,var(--accent-primary) 7%,var(--surface-elevated)));border:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border-default));transform-origin:50% 100%}.gm-pod__col--1 .gm-pod__block{block-size:132px;color:color-mix(in srgb,var(--gm-medal-gold) 70%,var(--text-primary));background:linear-gradient(180deg,color-mix(in srgb,var(--gm-medal-gold) 32%,var(--surface-elevated)),color-mix(in srgb,var(--gm-medal-gold) 12%,var(--surface-elevated)));border-color:color-mix(in srgb,var(--gm-medal-gold) 45%,var(--border-default))}.gm-pod__col--2 .gm-pod__block{block-size:96px}.gm-pod__col--3 .gm-pod__block{block-size:70px}.gm-pod.is-play .gm-pod__block{animation:gm-pod-rise .65s var(--ease-spring) backwards}.gm-pod.is-play .gm-pod__col--3 .gm-pod__block{animation-delay:0s}.gm-pod.is-play .gm-pod__col--2 .gm-pod__block{animation-delay:.25s}.gm-pod.is-play .gm-pod__col--1 .gm-pod__block{animation-delay:.55s}.gm-pod.is-play .gm-pod__who{animation:gm-drop .6s var(--ease-spring) backwards}.gm-pod.is-play .gm-pod__col--3 .gm-pod__who{animation-delay:.45s}.gm-pod.is-play .gm-pod__col--2 .gm-pod__who{animation-delay:.7s}.gm-pod.is-play .gm-pod__col--1 .gm-pod__who{animation-delay:1.05s}.gm-pod.is-play .gm-pod__medal{animation:gm-medal-spin .9s ease-out backwards}.gm-pod.is-play .gm-pod__col--1 .gm-pod__medal{animation-delay:1.25s}.gm-pod.is-play .gm-pod__col--2 .gm-pod__medal{animation-delay:.9s}.gm-pod.is-play .gm-pod__col--3 .gm-pod__medal{animation-delay:.65s}@keyframes gm-draw{to{stroke-dashoffset:0}}@keyframes gm-pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@keyframes gm-bump{0%,to{transform:scale(1)}40%{transform:scale(1.22)}70%{transform:scale(.94)}}@keyframes gm-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes gm-me-glow{0%,to{box-shadow:none}30%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-primary) 22%,transparent),0 8px 22px color-mix(in srgb,var(--accent-primary) 25%,transparent)}}@keyframes gm-pod-rise{0%{transform:scaleY(0)}}@keyframes gm-drop{0%{opacity:0;transform:translateY(-50px)}}@keyframes gm-medal-spin{0%{transform:rotateY(540deg) scale(.4);opacity:0}}@media (prefers-reduced-motion:reduce){.gm-confirm *,.gm-heatmap__bar,.gm-leaderboard *,.gm-timer-bar__fill{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0s!important}}.sr-frame{position:relative;isolation:isolate;inline-size:100%;block-size:clamp(520px,calc(100svh - 120px),780px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;border-radius:var(--radius-card);background:color-mix(in srgb,var(--accent-primary) 3%,var(--content-bg));border:1px solid var(--border-default);overflow:hidden;container:sr-frame/inline-size}.sr-frame:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--accent-primary) 9%,transparent) 1.2px,transparent 1.3px);background-size:22px 22px;-webkit-mask:linear-gradient(180deg,transparent 0,var(--text-primary) 110px,var(--text-primary) 70%,transparent);mask:linear-gradient(180deg,transparent 0,var(--text-primary) 110px,var(--text-primary) 70%,transparent)}.sr-frame--calm{background:var(--content-bg)}.sr-frame--calm:before{display:none}.sr-frame--page{block-size:auto}.sr-top{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16) 0;min-inline-size:0}.sr-top__trail{flex:1;min-inline-size:0}.sr-trail{align-items:center;gap:var(--space-8);block-size:34px}.sr-trail,.sr-trail__beads{display:flex;min-inline-size:0}.sr-trail__beads{position:relative;flex:1;gap:3px;block-size:10px}.sr-trail__bead{position:relative;flex:1 1 0;min-inline-size:2px;border-radius:999px;background:var(--kit-track);overflow:hidden}.sr-trail__bead:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--bead,var(--accent-primary));transform:scaleX(0);transform-origin:left;transition:transform calc(.6s * var(--kit-dur)) var(--ease-spring)}.sr-trail__bead:is(.is-ok,.is-no,.is-part,.is-seen,.is-flag):after{transform:scaleX(1)}.sr-trail__bead.is-ok{--bead:color-mix(in srgb,var(--qs-status-mastered) 88%,var(--text-primary))}.sr-trail__bead.is-no{--bead:color-mix(in srgb,var(--qs-status-unfamiliar) 55%,var(--surface-elevated))}.sr-trail__bead.is-part{--bead:color-mix(in srgb,var(--qs-status-learning) 80%,var(--surface-elevated))}.sr-trail__bead.is-seen{--bead:color-mix(in srgb,var(--accent-primary) 45%,var(--surface-elevated))}.sr-trail__bead.is-flag{--bead:color-mix(in srgb,var(--palette-orange) 70%,var(--surface-elevated))}.sr-trail__bead.is-now{box-shadow:inset 0 0 0 2px var(--kit-ink)}.sr-trail__bead.is-retry{background:repeating-linear-gradient(-45deg,var(--kit-track) 0 4px,color-mix(in srgb,var(--qs-status-learning) 45%,var(--kit-track)) 4px 7px)}.sr-trail__rider{position:absolute;inset-block-start:-12px;margin-inline-start:-15px;pointer-events:none;transition:inset-inline-start calc(.6s * var(--kit-dur)) var(--ease-spring)}.sr-trail__rider,.sr-trail__rider svg{inline-size:30px;block-size:30px}.sr-trail__rider.is-hop svg{animation:sr-hop calc(.52s * var(--kit-dur)) var(--ease-spring)}@keyframes sr-hop{35%{transform:translateY(calc(-9px * var(--kit-amp))) rotate(-6deg)}70%{transform:translateY(1px)}}.sr-trail__end{position:relative;inline-size:28px;block-size:28px;flex:none;display:grid;place-items:center}.sr-trail__slot.is-closed{background:color-mix(in srgb,var(--kit-ink) 18%,var(--surface-elevated))}.sr-trail__slot{inline-size:24px;block-size:24px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--border-default) 0 10deg,transparent 10deg 24deg);-webkit-mask:radial-gradient(circle,transparent 9px,var(--text-primary) 10px);mask:radial-gradient(circle,transparent 9px,var(--text-primary) 10px)}.sr-goal{display:inline-flex;align-items:center;gap:var(--space-8);block-size:36px;padding:0 var(--space-12) 0 3px;border-radius:999px;background:var(--surface-elevated);border:1px solid var(--border-default);font-size:var(--text-caption);color:var(--text-secondary)}.sr-goal__lbl{display:grid;line-height:1.15}.sr-goal__lbl b{color:var(--text-primary);font-variant-numeric:tabular-nums}.sr-goal__lbl small{font-size:var(--text-micro);color:var(--text-muted)}.sr-goal.is-met{border-color:color-mix(in srgb,var(--qs-status-mastered) 55%,var(--border-default))}@container sr-frame (max-width: 560px){.sr-goal__lbl{display:none}.sr-goal{padding-inline-end:3px}}.sr-sub{justify-content:space-between;flex-wrap:wrap;padding:var(--space-4) var(--space-16) var(--space-8)}.sr-sub,.sr-sub__title{display:flex;align-items:center;gap:var(--space-8);min-inline-size:0}.sr-sub__title{color:var(--accent-primary)}.sr-sub__title>span{display:grid;min-inline-size:0}.sr-sub__title b{font-size:var(--text-body);color:var(--text-primary)}.sr-sub__title b,.sr-sub__title small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-sub__title small{font-size:var(--text-micro);color:var(--text-muted)}.sr-sub__modes{max-inline-size:100%;overflow-x:auto;scrollbar-width:none}.sr-sub__tools{display:flex;align-items:center;gap:var(--space-4)}.sr-sound{position:relative}.sr-sound.is-muted{color:var(--text-secondary)}.sr-sound.is-muted:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:22%;inline-size:56%;block-size:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg);pointer-events:none}.sr-flow{display:inline-flex;align-items:center;gap:var(--space-8);block-size:32px;padding:0 var(--space-12) 0 var(--space-8);border-radius:999px;background:var(--surface-elevated);border:1px solid var(--border-default);font-size:var(--text-caption);color:var(--text-muted);transition:background-color calc(.3s * var(--kit-dur)) ease,border-color calc(.3s * var(--kit-dur)) ease,opacity calc(.3s * var(--kit-dur)) ease}.sr-flow__pips{display:inline-flex;gap:3px}.sr-flow__pips i{inline-size:6px;block-size:14px;border-radius:3px;background:var(--kit-track)}.sr-flow__pips i.is-on{background:var(--flow,var(--palette-teal));animation:sr-pip calc(.45s * var(--kit-dur)) var(--ease-spring)}@keyframes sr-pip{40%{transform:scaleY(calc(1 + .3 * var(--kit-amp)))}}.sr-flow b{color:var(--text-primary);font-variant-numeric:tabular-nums;min-inline-size:1.4ch}.sr-flow.is-tier1{--flow:var(--palette-teal);border-color:color-mix(in srgb,var(--palette-teal) 45%,var(--border-default));color:var(--text-secondary)}.sr-flow.is-tier2{--flow:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 45%,var(--border-default));background:color-mix(in srgb,var(--accent-primary) 7%,var(--surface-elevated));color:var(--text-secondary)}.sr-flow.is-tier3{--flow:var(--palette-purple);border-color:color-mix(in srgb,var(--palette-purple) 50%,var(--border-default));background:color-mix(in srgb,var(--palette-purple) 9%,var(--surface-elevated));color:var(--text-primary)}.sr-flow.is-paused{opacity:.6}@container sr-frame (max-width: 560px){.sr-flow__name{display:none}}.sr-stage{position:relative;container:sr-stage/size;display:grid;align-content:safe center;justify-items:center;gap:var(--space-12);padding:var(--space-8) clamp(12px,2.4vw,28px) var(--space-12);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-block-size:0}.sr-stage>*{min-inline-size:0;max-inline-size:100%}.sr-frame--page .sr-stage{container:sr-stage/inline-size;overflow:visible;align-content:start}.sr-companion{position:absolute;inset-inline-start:clamp(8px,2vw,20px);inset-block-end:var(--space-8);z-index:3;display:flex;align-items:flex-end;gap:var(--space-4);pointer-events:none}.sr-companion__octo svg{inline-size:52px;block-size:52px}.sr-companion__octo.is-cheer svg{animation:sr-cheer calc(.7s * var(--kit-dur)) var(--ease-spring)}.sr-companion__octo.is-encourage svg{animation:sr-lean calc(.7s * var(--kit-dur)) ease}.sr-companion__octo.is-party svg{animation:sr-party calc(1.1s * var(--kit-dur)) var(--ease-spring)}.sr-companion__octo.is-think svg{animation:sr-think calc(.9s * var(--kit-dur)) ease}@keyframes sr-cheer{30%{transform:translateY(calc(-14px * var(--kit-amp))) rotate(-8deg) scale(1.06)}60%{transform:translateY(2px) scale(.98,1.03)}}@keyframes sr-lean{35%{transform:translateX(4px) rotate(6deg)}70%{transform:translateX(2px) rotate(2deg)}}@keyframes sr-party{20%{transform:translateY(calc(-18px * var(--kit-amp))) rotate(-10deg)}45%{transform:rotate(8deg)}70%{transform:translateY(calc(-8px * var(--kit-amp))) rotate(-4deg)}}@keyframes sr-think{40%,70%{transform:rotate(-9deg) translateX(-2px)}}.sr-companion__say{margin-block-end:36px;max-inline-size:170px;padding:6px 10px;border-radius:14px 14px 14px 4px;background:var(--surface-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-1);font-size:var(--text-caption);color:var(--text-primary);animation:sr-say calc(.35s * var(--kit-dur)) var(--ease-spring)}@keyframes sr-say{0%{opacity:0;transform:translateY(6px) scale(.96)}}.sr-frame.is-finished .sr-companion{display:none}@container sr-stage (max-height: 420px){.sr-companion{display:none}}@container sr-frame (max-width: 560px){.sr-companion{display:none}}.sr-dock{position:relative;z-index:4;padding:var(--space-12) var(--space-16) calc(var(--space-12) + env(safe-area-inset-bottom, 0px));border-block-start:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);transition:background-color calc(.3s * var(--kit-dur)) ease}.sr-dock.is-ok{background:var(--qs-correct-tint);border-color:color-mix(in srgb,var(--qs-correct-border) 35%,transparent)}.sr-dock.is-no{background:var(--qs-incorrect-tint);border-color:color-mix(in srgb,var(--qs-incorrect-border) 30%,transparent)}.sr-dock.is-part{background:color-mix(in srgb,var(--qs-status-learning) 12%,var(--surface-elevated))}.sr-dock__in{max-inline-size:920px;margin-inline:auto;justify-content:space-between}.sr-dock__in,.sr-verdict{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap}.sr-verdict{inline-size:100%}.sr-verdict__main{display:flex;gap:var(--space-12);align-items:flex-start;flex:1;min-inline-size:0;animation:sr-up calc(.42s * var(--kit-dur)) var(--ease-spring)}@keyframes sr-up{0%{transform:translateY(14px);opacity:0}}.sr-verdict__badge{position:relative;inline-size:34px;block-size:34px;flex:none;display:grid;place-items:center;border-radius:11px;color:var(--text-on-accent);box-shadow:0 3px 0 var(--badge-base);background:var(--badge)}.sr-verdict__main.is-ok .sr-verdict__badge{--badge:var(--qs-correct-border);--badge-base:color-mix(in srgb,var(--qs-correct-border) 55%,var(--text-primary))}.sr-verdict__main.is-no .sr-verdict__badge{--badge:var(--qs-incorrect-border);--badge-base:color-mix(in srgb,var(--qs-incorrect-border) 55%,var(--text-primary))}.sr-verdict__main.is-part .sr-verdict__badge{--badge:var(--palette-orange);--badge-base:color-mix(in srgb,var(--palette-orange) 55%,var(--text-primary))}.sr-verdict__mark{inline-size:22px;block-size:22px}.sr-verdict__text{display:grid;gap:2px;min-inline-size:0}.sr-verdict__title{font-size:var(--text-body)}.sr-verdict__main.is-ok .sr-verdict__title{color:var(--qs-correct-text)}.sr-verdict__main.is-no .sr-verdict__title{color:var(--qs-incorrect-text)}.sr-verdict__main.is-part .sr-verdict__title{color:var(--text-warning)}.sr-verdict__body{font-size:var(--text-caption);color:var(--text-secondary);line-height:1.5}.sr-verdict__more{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-block-start:var(--space-4)}.sr-verdict__actions{display:flex;gap:var(--space-8);margin-inline-start:auto}@container sr-frame (max-width: 520px){.sr-verdict__body{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-verdict__more{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}}.sr-finish{inline-size:100%;max-inline-size:920px;display:grid;gap:var(--space-16);align-items:center}@container sr-stage (min-width: 720px){.sr-finish{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.sr-finish__l,.sr-finish__r{display:grid;gap:var(--space-12);min-inline-size:0}.sr-finish__hero{display:grid;gap:var(--space-4);justify-items:start}@container sr-stage (max-width: 719px){.sr-finish__hero{justify-items:center;text-align:center}.sr-finish__acts{justify-content:center}}.sr-finish__octo svg{inline-size:clamp(52px,15cqh,88px);block-size:clamp(52px,15cqh,88px)}.sr-finish__octo.is-party svg{animation:sr-party calc(1.1s * var(--kit-dur)) var(--ease-spring)}.sr-finish__title{margin:0;font-size:clamp(20px,5cqh,27px);font-weight:600;letter-spacing:-.03em;text-wrap:balance}.sr-finish__sub{margin:0;font-size:var(--text-caption);color:var(--text-secondary)}.sr-finish__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}@container sr-stage (max-width: 520px){.sr-finish__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-stat{display:grid;justify-items:center;gap:2px;padding:var(--space-8) var(--space-4);border-radius:14px;background:var(--surface-elevated);border:1px solid var(--border-default);color:var(--accent-primary);animation:sr-in calc(.55s * var(--kit-dur)) var(--ease-spring) both;animation-delay:calc(var(--i, 0) * 70ms * var(--kit-dur))}.sr-stat b{font-size:18px;color:var(--text-primary);font-variant-numeric:tabular-nums}.sr-stat small{font-size:var(--text-micro);color:var(--text-muted)}.sr-stat.is-best{border-color:color-mix(in srgb,var(--qs-status-mastered) 50%,var(--border-default));background:color-mix(in srgb,var(--qs-status-mastered) 7%,var(--surface-elevated))}@keyframes sr-in{0%{opacity:0;transform:translateY(10px) scale(.96)}}.sr-finish__acts{display:flex;flex-wrap:wrap;gap:var(--space-8)}.sr-finish__note{font-size:var(--text-caption);color:var(--text-secondary)}.sr-moves{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sr-move{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-12);align-items:center;padding:6px 10px;border-radius:12px;background:var(--surface-elevated);border:1px solid var(--border-subtle);font-size:var(--text-caption);animation:sr-in calc(.5s * var(--kit-dur)) var(--ease-spring) both;animation-delay:calc((.3s + var(--i, 0) * 60ms) * var(--kit-dur))}.sr-move__t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-move__strands{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}.sr-move__lv,.sr-move__more{font-size:var(--text-micro);color:var(--text-muted)}.sr-move__more{padding-inline-start:10px}@media (prefers-reduced-motion:reduce){.sr-frame *,.sr-frame :after,.sr-frame :before{animation-duration:0s!important;transition-duration:0s!important}}.qsx{position:relative;display:grid;gap:12px;inline-size:100%}.qsx-grid{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.qsx-lvl__to{font-variant-numeric:tabular-nums}.qsx-stage{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--palette-sky) 8%,var(--surface-elevated));border:1px solid color-mix(in srgb,var(--palette-sky) 24%,var(--border-default));animation:qsx-in calc(.55s * var(--kit-dur, 1)) var(--ease-spring) both}.qsx-stage .octo-tank{width:84px;max-width:84px}.qsx-stage b{font-size:15px;font-weight:600;color:var(--text-primary)}@keyframes qsx-in{0%{opacity:0;transform:translateY(10px) scale(.96)}}.qsp-actions .qsp-key{inline-size:100%;block-size:44px}@media (prefers-reduced-motion:reduce){.qsx-stage{animation:none}}.qs-dialog.qsp-dlg:has(.qsx){max-block-size:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}