.orbit{box-sizing:border-box;flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;padding:0 1.25rem;display:flex}.orbit__bar{align-items:center;gap:.5rem;padding:.75rem 0 .5rem;display:flex}.orbit__close{border-radius:var(--radius-pill);flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.orbit__close svg{stroke:var(--color-text-subtle);stroke-width:2px;stroke-linecap:round;fill:none}.orbit__close:hover{background:var(--color-surface)}.orbit__close:hover svg{stroke:var(--color-text)}.orbit__constellation{flex:1;min-width:0;height:24px}.orbit__constellation svg{width:100%;height:100%;display:block;overflow:visible}.orbit__link{stroke:var(--color-border);stroke-width:1px;stroke-dasharray:2 3}.orbit__link.is-lit{stroke:var(--color-secondary);stroke-width:1.5px;stroke-dasharray:none}.orbit__dot{fill:var(--color-border);transition:fill .2s,r .2s}.orbit__dot.is-lit{fill:var(--color-secondary);r:3.6px}.orbit__lives{flex:none;gap:1px;display:flex}.orbit__life{fill:none;width:18px;height:18px;stroke:var(--color-text-subtle);stroke-width:1.4px;stroke-linejoin:round}.orbit__life.is-lit{fill:var(--color-secondary);stroke:var(--color-secondary)}.orbit__review{color:var(--color-secondary-text);letter-spacing:.12em;text-transform:uppercase;margin:.5rem 0 0;font-size:.8rem;font-weight:700}.orbit__review[hidden]{display:none}.orbit__stage{flex-direction:column;flex:1;padding-top:1.25rem;display:flex}.orbit__screen{flex-direction:column;gap:1.25rem;display:flex}.orbit__screen[hidden]{display:none}.orbit__title{font-family:var(--font-display);letter-spacing:var(--tracking-display);color:var(--color-text);margin:0;font-size:clamp(1.75rem,7vw,2.15rem);font-weight:600;line-height:1.08}.orbit__title:focus{outline:none}.orbit__title:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.orbit__title strong,.orbit__text strong{color:var(--color-primary);font-weight:700}.orbit__text{color:var(--color-text-muted);margin:0;font-size:1.125rem;line-height:1.5}.orbit__hint,.orbit__tip{color:var(--color-text-subtle);margin:0;font-size:.95rem;line-height:1.45}.orbit__tip{color:var(--color-text-muted)}.orbit__sounds{gap:.875rem;display:flex}.orbit__sound{border-radius:var(--radius-lg);border:1.5px solid var(--color-control-border);background:var(--color-surface);min-height:120px;color:var(--color-text);font:inherit;cursor:pointer;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;display:flex}.orbit__sound svg,.orbit__pair svg,.orbit__again svg{width:34px;height:34px;fill:var(--color-primary)}.orbit__sound:hover{border-color:var(--color-primary)}.orbit__sound.is-fresh{animation:1.8s ease-in-out infinite orbit-breathe}.orbit__sound.is-sounding,.orbit__choice.is-sounding{border-color:var(--color-secondary);box-shadow:0 0 24px -4px var(--color-secondary)}@keyframes orbit-breathe{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 22px 0 var(--color-primary-tint), 0 0 0 2px var(--color-primary)}}.orbit__pair{border-radius:var(--radius-pill);border:2px solid var(--color-primary);background:var(--color-surface);width:128px;height:128px;box-shadow:0 0 36px -6px var(--color-primary);cursor:pointer;justify-content:center;align-self:center;align-items:center;display:flex}.orbit__pair svg{width:42px;height:42px}.orbit__choices{gap:.75rem;display:flex}.orbit__choice{border-radius:var(--radius-pill);border:1.5px solid var(--color-control-border);background:var(--color-bg);min-height:60px;color:var(--color-text);font:inherit;cursor:pointer;flex:1 1 0;justify-content:center;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:700;display:inline-flex}.orbit__choice:hover:not(:disabled){border-color:var(--color-primary)}.orbit__choice:disabled{cursor:default}.orbit__choice[data-mark=right]{border:2.5px solid var(--color-success-text)}.orbit__choice[data-mark=wrong]{border:2.5px solid var(--color-error-text)}.orbit__choice[data-mark=right] .orbit__mark:before{content:"✓";color:var(--color-success-text)}.orbit__choice[data-mark=wrong] .orbit__mark:before{content:"✗";color:var(--color-error-text)}.orbit-keys{height:180px;margin-top:.25rem;display:flex;position:relative}.orbit-keys__white{border:1px solid var(--color-bg);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--color-text);min-width:0;color:var(--color-bg);font:inherit;cursor:pointer;flex:1 1 0;justify-content:center;align-items:flex-end;padding:0 0 .75rem;font-weight:700;display:flex}.orbit-keys__white:active{background:var(--color-primary)}.orbit-keys__black{top:0;left:calc(100% / var(--whites) * var(--at) - (100% / var(--whites) * .3));width:calc(100% / var(--whites) * .6);background:var(--color-surface);height:62%;box-shadow:inset 0 0 0 1px var(--color-border);cursor:pointer;z-index:1;border:none;border-radius:0 0 7px 7px;position:absolute}.orbit-keys__black:active{background:var(--color-comet)}.orbit-keys button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:-3px;z-index:2}.orbit-figure{width:100%;height:auto;max-height:190px;display:block}.orbit-figure__white{fill:var(--color-text);stroke:var(--color-bg);stroke-width:1.5px}.orbit-figure__black{fill:var(--color-surface)}.orbit-figure__white.is-marked{fill:var(--color-secondary)}.orbit-figure__black.is-marked{fill:var(--color-comet)}.orbit-figure__group{fill:none;stroke:var(--color-primary);stroke-width:2.5px;stroke-dasharray:5 3}.orbit-figure__name{fill:var(--color-bg);font-family:var(--font-sans);font-size:17px;font-weight:700}.orbit__engine{border-radius:var(--radius-lg);margin:0;padding:1rem}.orbit__engine .meta,.orbit__engine .status,.orbit__engine [data-action=next],.orbit__engine [data-action=restart],.orbit__engine .instrument-picker{display:none}.orbit__feedback{border-radius:var(--radius-lg);align-items:center;gap:.75rem;display:flex}.orbit__feedback[data-tone=ok],.orbit__feedback[data-tone=err]{border:1px solid;margin-bottom:.5rem;padding:.875rem 1rem}.orbit__feedback[data-tone=ok]{background:var(--color-success-bg);border-color:var(--color-success-text)}.orbit__feedback[data-tone=err]{background:var(--color-error-bg);border-color:var(--color-error-text)}.orbit__feedback-text{color:var(--color-text);flex:1;margin:0;font-size:1rem;line-height:1.4}.orbit__feedback[data-tone=ok] [data-fb-title]{color:var(--color-success-text)}.orbit__feedback[data-tone=err] [data-fb-title]{color:var(--color-error-text)}[data-fb-title]:not(:empty):after{content:"."}.orbit__again{border-radius:var(--radius-pill);border:1px solid var(--color-error-text);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.orbit__again svg{width:18px;height:18px;fill:var(--color-error-text)}.orbit__again[hidden]{display:none}.orbit__footer{padding:1rem 0 calc(.75rem + env(safe-area-inset-bottom));background:var(--color-bg);flex-direction:column;gap:.25rem;margin-top:auto;display:flex;position:sticky;bottom:0}.orbit__footer[hidden]{display:none}.orbit__continue{width:100%;min-height:56px;font-size:1.05rem}.orbit__footer[data-wait=true] .orbit__continue{visibility:hidden}.orbit__mute{min-height:44px;color:var(--color-text-subtle);font:inherit;cursor:pointer;background:0 0;border:none;align-self:center;align-items:center;gap:.4rem;padding:0 .875rem;font-size:.875rem;display:inline-flex}.orbit__mute svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:18px;height:18px}.orbit__mute[aria-pressed=true] .orbit__mute-off,.orbit__mute[aria-pressed=false] .orbit__mute-on{display:none}.orbit__mute[aria-pressed=false]{text-decoration:line-through}.orbit__screen--end,.orbit__screen--out{text-align:center;align-items:center;padding-bottom:1.5rem}.orbit__end-stars{justify-content:center;gap:.35rem;padding-top:.5rem;display:flex}.orbit__end-stars .orbit__life{width:48px;height:48px}.orbit__end-stars .orbit__life.is-lit{filter:drop-shadow(0 0 10px var(--color-secondary))}.orbit__kept{color:var(--color-secondary-text);margin:-.5rem 0 0;font-weight:700}.orbit__learned{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-subtle);margin:.5rem 0 0;font-size:.8rem;font-weight:700}.orbit__points{text-align:left;color:var(--color-text-muted);flex-direction:column;gap:.5rem;margin:0;padding:0 0 0 1.25rem;font-size:1rem;line-height:1.45;display:flex}.orbit__streak{color:var(--color-secondary-text);margin:0;font-weight:600}.orbit__streak[hidden]{display:none}.orbit__actions{flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.orbit__cta{width:100%;min-height:56px}.orbit__quiet,.orbit__more{border-radius:var(--radius-pill);min-height:44px;font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.orbit__quiet{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.orbit__quiet:hover{border-color:var(--color-primary)}.orbit__more{color:var(--color-primary);font-size:.95rem}.orbit__out-star{fill:none;width:72px;height:72px;stroke:var(--color-text-subtle);stroke-width:1.2px;margin-top:2rem}@media (prefers-reduced-motion:reduce){.orbit__sound.is-fresh{box-shadow:0 0 0 2px var(--color-primary);animation:none}.orbit__dot{transition:none}}body.is-session{flex-direction:column;display:flex}:root[data-consent=unset] body.is-session .consent-banner{border-top:0;border-bottom:1px solid var(--color-border);box-shadow:none;order:-1;position:static}