.ob-stage{min-height:100dvh;padding:var(--space-3);background:var(--color-neutral-200);place-items:center;display:grid}.ob-player{width:min(100%,430px);height:min(852px, calc(100dvh - 2 * var(--space-3)));border:1px solid var(--color-divider);border-radius:var(--radius-hero);background:var(--color-bg);min-height:0;box-shadow:var(--shadow-lg);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.ob-topbar,.ob-footer{padding-inline:var(--space-4)}.ob-topbar{grid-template-columns:var(--control-icon-size) 1fr auto;align-items:center;gap:var(--space-3);padding-top:var(--space-3);display:grid}.ob-back,.ob-topbar-spacer{width:var(--control-icon-size);height:var(--control-icon-size)}.ob-back{border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.ob-back:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.ob-back svg{width:20px;height:20px}.ob-progress{border-radius:var(--radius-pill);background:var(--color-neutral-300);height:7px;overflow:hidden}.ob-progress span,.ob-capabilities i em{border-radius:inherit;background:var(--color-accent-2-600);height:100%;transition:width var(--transition-base);display:block}.ob-scroll{padding:var(--space-6) var(--space-4) var(--space-3);overflow-y:auto}.ob-screen{flex-direction:column;min-height:100%;display:flex}.ob-screen h1{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--font-heading-weight);line-height:var(--line-height-tight);margin:0}.ob-kicker{margin:0 0 var(--space-2);color:var(--color-accent-700);font-size:var(--text-xs);letter-spacing:.1em;font-weight:800}.ob-lead{margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--text-md-lg);line-height:var(--line-height-relaxed)}.ob-welcome{text-align:center;padding-bottom:var(--space-8);justify-content:center}.ob-welcome h1{font-size:var(--text-4xl)}.ob-welcome .ob-lead{max-width:27ch;margin-inline:auto}.ob-welcome-mark,.ob-step-icon{width:56px;height:56px;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-700);color:var(--color-bg);place-items:center;display:grid}.ob-welcome-mark{margin-inline:auto}.ob-welcome-mark svg,.ob-step-icon svg{width:25px;height:25px}.ob-step-icon{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.ob-choice-list,.ob-goal-grid,.ob-starting-grid{gap:var(--space-2);margin-top:var(--space-4);display:grid}.ob-choice,.ob-start-card{align-items:center;gap:var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);display:flex;position:relative}.ob-choice{min-height:56px;padding:var(--space-3)}.ob-choice:hover,.ob-start-card:hover{border-color:var(--color-accent-500)}.ob-choice:active,.ob-start-card:active{transform:scale(.985)}.ob-choice>span{flex:1;min-width:0}.ob-choice strong,.ob-start-card strong{font-size:var(--text-md-lg);display:block}.ob-choice small,.ob-start-card small{color:var(--color-muted);font-size:var(--text-md);line-height:var(--line-height-body);margin-top:3px;display:block}.ob-choice.is-selected,.ob-start-card.is-selected{border:var(--border-width-strong) solid var(--color-accent-700);background:var(--color-accent-100)}.ob-choice svg,.ob-start-card>svg{width:20px;height:20px;color:var(--color-accent-700);flex:none}.ob-goal-grid{grid-template-columns:repeat(3,1fr)}.ob-goal-grid .ob-choice{align-items:flex-start;min-height:132px}.ob-goal-grid .ob-choice strong{font-family:var(--font-heading);font-size:var(--text-xl)}.ob-goal-grid .ob-choice svg{top:var(--space-2);right:var(--space-2);position:absolute}.ob-starting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-start-card{min-height:210px;padding:var(--space-4);flex-direction:column;justify-content:flex-end;align-items:flex-start}.ob-start-card>svg{top:var(--space-3);right:var(--space-3);position:absolute}.ob-start-icon{border-radius:var(--radius-pill);background:var(--color-accent-2-100);width:42px;height:42px;color:var(--color-accent-2-800);place-items:center;margin-bottom:auto;display:grid}.ob-start-icon svg{width:21px;height:21px}.ob-note{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-2-100);color:var(--color-accent-2-800);gap:3px;display:grid}.ob-note span{font-size:var(--text-md)}.ob-result .ob-step-icon{background:var(--color-accent-2-600);color:var(--color-bg)}.ob-capabilities{gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.ob-capabilities div{gap:3px var(--space-2);font-size:var(--text-md);grid-template-columns:1fr auto;align-items:center;display:grid}.ob-capabilities b{font-size:var(--text-xs);color:var(--color-accent-2-800)}.ob-capabilities i{border-radius:var(--radius-pill);background:var(--color-accent-2-200);grid-column:1/-1;height:6px;overflow:hidden}.ob-footer{gap:var(--space-2);padding-block:var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--color-divider);background:var(--color-bg);display:grid}.ob-primary{width:100%;min-height:var(--control-height-lg);font-size:var(--text-md-lg)}.ob-fallback{color:var(--color-muted);font-size:var(--text-md);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.ob-error{margin:var(--space-4) 0 0;color:var(--color-error);font-size:var(--text-md)}:is(.ob-back:focus-visible,.ob-choice:focus-visible,.ob-start-card:focus-visible,.ob-fallback:focus-visible){outline:var(--focus-ring);outline-offset:2px}@media (max-height:680px){.ob-player{border-radius:var(--radius-lg);min-height:0}.ob-scroll{padding-top:var(--space-4)}.ob-screen h1{font-size:var(--text-4xl)}.ob-start-card{min-height:160px}}@media (min-width:720px){.ob-player{height:852px}}@media (prefers-reduced-motion:reduce){.ob-choice,.ob-start-card,.ob-progress span,.ob-capabilities i em{transition:none}}