:root{--brand: #1f5fbf;--brand-deep: #163f7a;--bg-base: #f3f5f8;--bg-elev: #ffffff;--bg-elev-2: #e8ecf2;--fg: #172033;--fg-2: #33405a;--fg-3: #556079;--accent: #1f5fbf;--accent-ink: #ffffff;--accent-hover: #164a96;--accent-2: #1f5fbf;--accent-soft: #e3ecfa;--focus-ring: #1f5fbf;--line: rgba(23, 32, 51, .14);--color-control-line: rgba(23, 32, 51, .5);--right: #1b7a46;--right-soft: #e2f3e9;--wrong: #b3261e;--wrong-soft: #fbe7e5;--warn: #8a5300;--warn-soft: #fdf1dc;--surface-panel: rgba(255, 255, 255, .92);--surface-panel-strong: rgba(255, 255, 255, .98);--chrome-fade: rgba(243, 245, 248, .94);--surface-pill: rgba(23, 32, 51, .05);--surface-pill-hover: rgba(23, 32, 51, .1);--backdrop-ink: rgba(243, 245, 248, 1);--backdrop-veil: rgba(243, 245, 248, .2);--shadow-card: 0 10px 30px rgba(23, 32, 51, .12);--shadow-soft: 0 2px 10px rgba(23, 32, 51, .08);--t-kicker: 11px;--t-h1: 30px;--t-h1-lh: 1.18;--t-h2: 20px;--t-h2-lh: 1.25;--t-h3: 16px;--t-h3-lh: 1.35;--t-lead: 17px;--t-body: 15px;--t-body-lh: 1.55;--t-small: 13px;--t-weight-strong: 600;--font-sans: "Roboto Variable", "Roboto", "Helvetica Neue", Arial, system-ui, sans-serif;--font-display: "Montserrat Variable", var(--font-sans);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-chip: 20px;--radius-btn: 8px;--radius-sm: 8px;--radius-md: 12px;--radius-pill: 20px;--glass-blur: blur(6px);--topbar-height: 56px;--bottomnav-height: 64px;--duration-fast: .14s;--duration-base: .26s;--duration-slow: .48s;--ease-out: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark]{--bg-base: #10151d;--bg-elev: #1a212c;--bg-elev-2: #263041;--fg: #f2f5fa;--fg-2: #d3dae6;--fg-3: #a7b2c4;--accent: #2f6fd0;--accent-ink: #ffffff;--accent-hover: #3d7fe2;--accent-2: #8db8ff;--accent-soft: #1d2d47;--focus-ring: #8db8ff;--line: rgba(255, 255, 255, .16);--color-control-line: rgba(255, 255, 255, .55);--right: #6fd39b;--right-soft: #15352a;--wrong: #ff8a80;--wrong-soft: #3d1c1c;--warn: #f5c26b;--warn-soft: #3a2c12;--surface-panel: rgba(26, 33, 44, .9);--surface-panel-strong: rgba(26, 33, 44, .97);--chrome-fade: rgba(16, 21, 29, .9);--surface-pill: rgba(255, 255, 255, .08);--surface-pill-hover: rgba(255, 255, 255, .16);--backdrop-ink: rgba(16, 21, 29, 1);--backdrop-veil: rgba(16, 21, 29, .25);--shadow-card: 0 10px 30px rgba(0, 0, 0, .4);--shadow-soft: 0 2px 10px rgba(0, 0, 0, .3)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}@font-face{font-family:Montserrat Variable;font-style:normal;font-weight:300 900;font-display:swap;src:url(./montserrat-latin-wght-normal.l_AIctKy.woff2) format("woff2-variations")}@font-face{font-family:Roboto Variable;font-style:normal;font-weight:300 900;font-display:swap;src:url(./roboto-latin-wght-normal.ccAYIvAh.woff2) format("woff2-variations")}@font-face{font-family:Roboto Variable;font-style:italic;font-weight:300 900;font-display:swap;src:url(./roboto-latin-wght-italic.BZYj8CJm.woff2) format("woff2-variations")}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-base);color:var(--fg);font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--t-body-lh);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}ul,ol{margin:0;padding:0;list-style:none}#root{display:flex;align-items:center;justify-content:center}.stage{position:relative;width:min(100vw,177.78vh);height:min(56.25vw,100vh);container-type:size;container-name:stage;overflow:hidden;background:var(--bg-base);color:var(--fg);isolation:isolate}.stage__scene{position:absolute;inset:0;display:flex;overflow:hidden}.scene{position:relative;flex:1;min-width:0;display:flex;isolation:isolate;animation:sceneIn var(--duration-slow) var(--ease-out) both}@keyframes sceneIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes sceneFadeIn{0%{opacity:0}to{opacity:1}}h1,h2,h3,h4{margin:0;font-family:var(--font-sans);font-weight:var(--t-weight-strong);letter-spacing:-.01em;color:var(--fg)}h1{font-size:var(--t-h1);line-height:var(--t-h1-lh)}h2{font-size:var(--t-h2);line-height:var(--t-h2-lh)}h3,h4{font-size:var(--t-h3);line-height:var(--t-h3-lh)}p{margin:0}:where(a,button,[tabindex],input,textarea,[role=button],[role=tab]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-btn)}.documentview__sheet :where(a,button,[tabindex],input,textarea):focus-visible{outline-color:var(--fg-doc)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-1);left:50%;transform:translate(-50%,-200%);z-index:400;background:var(--accent);color:var(--accent-ink);padding:var(--space-2) var(--space-4);border-radius:var(--radius-chip);font-size:var(--t-small);text-decoration:none}.skip-link:focus-visible{transform:translate(-50%)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-btn);border:1px solid transparent;background:none;font-size:var(--t-body);font-weight:var(--t-weight-strong);line-height:1.2;color:var(--fg);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{background:var(--accent);color:var(--accent-ink)}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--ghost{background:transparent;border-color:var(--color-control-line);color:var(--fg)}.button--ghost{background:var(--surface-pill)}.button--ghost:hover:not(:disabled){background:var(--surface-pill-hover)}.button--small{min-height:36px;padding:0 var(--space-4);font-size:var(--t-small)}.access-gate{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--bg-base);color:var(--fg)}.access-gate__panel{width:min(100%,360px);display:grid;gap:12px;padding:24px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-btn, 8px)}.access-gate__title{margin:0 0 4px;font-size:1.25rem}.access-gate__label{font-weight:600}.access-gate__input{height:44px;padding:0 12px;font:inherit;color:var(--fg);background:var(--bg-elev);border:1px solid var(--color-control-line);border-radius:6px}.access-gate__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.access-gate__error{margin:0;color:var(--wrong);font-weight:600}.course{position:absolute;inset:0;isolation:isolate;background:var(--bg-base)}.backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.backdrop__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:backdropIn var(--duration-slow) var(--ease-out) both}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.backdrop__scrim{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--backdrop-ink) 97%,transparent),color-mix(in srgb,var(--backdrop-ink) 90%,transparent) 55%,color-mix(in srgb,var(--backdrop-ink) 35%,transparent))}.backdrop--reveal-bottom .backdrop__scrim{background:linear-gradient(180deg,color-mix(in srgb,var(--backdrop-ink) 97%,transparent),color-mix(in srgb,var(--backdrop-ink) 92%,transparent) 65%,color-mix(in srgb,var(--backdrop-ink) 60%,transparent))}.backdrop__veil{position:absolute;inset:0;background:var(--backdrop-veil)}.panel{background:var(--surface-panel-strong);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.pill{display:inline-flex;white-space:nowrap;align-items:center;gap:.4rem;min-height:32px;padding:0 .85rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-pill);color:var(--fg);font-size:var(--t-small);font-weight:var(--t-weight-strong)}button.pill{cursor:pointer}button.pill:hover{background:var(--surface-pill-hover)}.pill-group{display:flex;padding:2px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-pill)}.pill-group button{min-height:28px;padding:0 .75rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--fg);font-size:var(--t-small);font-weight:var(--t-weight-strong);cursor:pointer}.pill-group button{display:inline-flex;align-items:center;gap:.3rem}.pill-group button[aria-pressed=true]{background:var(--fg);color:var(--bg-base)}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .7rem;border:1px solid var(--accent-2);border-radius:var(--radius-pill);color:var(--accent-2);font-size:var(--t-small);font-weight:700;background:var(--surface-panel)}.eyebrow{display:flex;align-items:center;gap:.5rem;margin:0;font-size:var(--t-small);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-2)}.eyebrow:before{content:"";flex:none;width:1.4rem;height:3px;background:var(--accent)}.bar{position:absolute;z-index:30;inset:0 0 auto;padding:.7rem 1.25rem 1.2rem;background:linear-gradient(180deg,var(--chrome-fade) 60%,transparent)}.bar,.foot{pointer-events:none}.bar__row>*,.foot>*{pointer-events:auto}.bar__row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem}.bar__left{display:flex;align-items:center;gap:.9rem;min-width:0}.bar__title{font-family:var(--font-display);font-size:var(--t-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar__subtitle{color:var(--fg-3)}.bar__count{margin:0;font-variant-numeric:tabular-nums}.bar__tools{grid-column:3;display:flex;justify-content:flex-end;gap:.75rem;align-items:center}.foot{position:absolute;z-index:30;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.25rem .7rem;background:linear-gradient(0deg,var(--chrome-fade) 60%,transparent)}.foot__status{flex:1;text-align:center;color:var(--fg-2);font-size:var(--t-small)}.foot__next{max-width:46%}.foot__next>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foot__dest{font-weight:400}.course__scene{position:absolute;z-index:10;inset:0;overflow:hidden;padding:calc(var(--topbar-height) + .25rem) 0 calc(var(--bottomnav-height) + .25rem)}.scene{display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:0;padding:.5rem 2.5rem}.scene h1{font-family:var(--font-display);font-size:var(--t-h1);line-height:var(--t-h1-lh);max-width:50rem}.scene h1:focus,.layerpages__title:focus,.dialog h2:focus{outline:none}.scroll-region{flex:1 1 auto;min-height:0;overflow:auto}.scroll-region:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.screen{width:min(48rem,60%)}.screen--wide{width:min(76rem,100%)}.screen__head{display:flex;flex-direction:column;gap:.5rem}.screen__body{padding:.25rem .5rem .5rem 0}.blocks{display:flex;flex-direction:column;gap:.75rem}.block{transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),visibility 0s}.block--pending{visibility:hidden;opacity:0;transform:translateY(6px);transition:visibility 0s var(--duration-slow)}.text--lead{font-size:var(--t-lead);color:var(--fg-2)}.text--strong{font-size:var(--t-lead);font-weight:700}.text--quote{font-family:var(--font-display);font-size:1.35rem;font-style:italic;color:var(--accent-2)}.list__title{font-size:var(--t-h3);letter-spacing:.02em;margin-bottom:.5rem}.list__items{display:flex;flex-direction:column;gap:.5rem}.list__item{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem .8rem;border-radius:var(--radius-sm);background:var(--surface-panel);border:1px solid var(--line)}.list--bullets .list__item:before{content:"";flex:none;width:.5rem;height:.5rem;margin-top:.5rem;border-radius:50%;background:var(--accent)}.list__num{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:var(--t-small)}.list__icon{flex:none;font-size:1.2rem;line-height:1.3}.list--checks .list__icon{color:var(--right)}.list--warnings .list__item{border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:var(--warn-soft)}.list--flow .list__items{gap:0}.list--flow .list__item{position:relative;margin-bottom:1.1rem}.list--flow .list__item:not(:last-child):after{content:"↓";position:absolute;left:50%;bottom:-1.2rem;color:var(--accent-2);font-weight:700}.callout{padding:.8rem 1rem;border-radius:var(--radius-sm);border-left:5px solid var(--accent);background:var(--accent-soft)}.callout__title{font-weight:700;margin-bottom:.25rem}.callout--attention{border-left-color:var(--warn);background:var(--warn-soft)}.callout--lock{border-left-color:var(--fg);background:var(--bg-elev-2)}.callout--speakup{border-left-color:var(--right);background:var(--right-soft)}.radial{position:relative;width:min(100%,44rem);aspect-ratio:2 / 1;margin:0 auto}.radial__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:9.5rem;height:9.5rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);text-align:center;font-size:var(--t-small);padding:.75rem}.radial__items{position:absolute;inset:0}.radial__item{--angle: calc(360deg / var(--n) * var(--i) - 90deg);position:absolute;left:calc(50% + cos(var(--angle))*40%);top:calc(50% + sin(var(--angle))*41%);transform:translate(-50%,-50%);width:11rem;padding:.4rem .6rem;border-radius:var(--radius-sm);background:var(--surface-panel-strong);border:1px solid var(--line);box-shadow:var(--shadow-soft);font-size:var(--t-small);font-weight:600;text-align:center}.reveal{display:flex;flex-direction:column;gap:.6rem}.reveal__prompt,.match__prompt{font-weight:700;color:var(--accent-2)}.reveal__progress{font-size:var(--t-small);color:var(--fg-3)}.reveal__grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:.8rem}.flip{width:100%;min-height:9.5rem;height:100%;padding:1rem;border:1px solid var(--color-control-line);border-radius:var(--radius-md);background:var(--surface-panel-strong);color:var(--fg);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform var(--duration-base) var(--ease-out),background var(--duration-fast)}.flip:hover{transform:translateY(-2px)}.flip--back{background:var(--accent-soft);border-color:var(--accent)}.flip--seen:not(.flip--back){border-color:var(--right)}.flip__face{display:flex;flex-direction:column;gap:.5rem;height:100%}.flip__icon{font-size:1.6rem}.flip__front{font-weight:700;font-size:var(--t-body);flex:1}.flip__hint{font-size:var(--t-small);color:var(--accent-2);font-weight:600}.flip--seen .flip__hint{color:var(--right)}.flip__line{display:block;font-size:var(--t-small);line-height:1.5}.flip__line+.flip__line{margin-top:.4rem}.reveal__row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.3rem .9rem;border:1px solid var(--color-control-line);border-radius:var(--radius-pill);background:var(--surface-panel-strong);color:var(--fg);font-weight:600;cursor:pointer}.chip:hover:not(:disabled){background:var(--bg-elev-2)}.chip[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.chip--seen{border-color:var(--right)}.chip--seen .chip__icon:after{content:" ✓";color:var(--right)}.chip--small{min-height:36px;font-size:var(--t-small)}.chip:disabled{cursor:default;opacity:.7}.reveal--pointers .chip__icon{display:grid;place-items:center;min-width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:var(--t-small)}.reveal__detail{min-height:4.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--surface-panel-strong);border:1px solid var(--line)}.reveal__detail-title{font-weight:700;margin-bottom:.2rem}.reveal__hint,.quiz__hint{color:var(--fg-3);font-size:var(--t-small)}.lightbulb{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 1rem;border:2px dashed var(--accent);border-radius:var(--radius-pill);background:var(--surface-panel-strong);color:var(--fg);font-weight:700;cursor:pointer}.lightbulb:hover{background:var(--accent-soft)}.layer{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0a0e1673}.dialog{display:flex;flex-direction:column;gap:.75rem;width:min(44rem,100%);max-height:100%;min-height:0;padding:1.25rem 1.5rem}.dialog__head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dialog__body{display:flex;flex-direction:column;gap:.6rem;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.dialog__head,.dialog__foot{flex:none}.carousel__nav{display:flex;justify-content:space-between;align-items:center;gap:1rem}.slide{display:flex;flex-direction:column;gap:.6rem}.slide__title{font-size:var(--t-h3)}.slide__items{display:flex;flex-direction:column;gap:.35rem}.slide__items li:before{content:"⛔ "}.slide__note{padding:.6rem .8rem;border-left:4px solid var(--warn);background:var(--warn-soft);border-radius:var(--radius-sm)}.slide__table{width:100%;border-collapse:collapse;font-size:var(--t-small)}.slide__table th,.slide__table td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line)}.transcript__line{padding:.3rem .5rem;border-radius:var(--radius-sm)}.transcript__line--now{background:var(--accent-soft);font-weight:600}.quiz{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"prompt feedback" "statement feedback" "options feedback";grid-template-rows:auto auto 1fr;gap:.75rem 1.5rem;align-items:start}.quiz__prompt{grid-area:prompt;font-family:var(--font-display);font-size:var(--t-h2);line-height:var(--t-h2-lh);font-weight:600}.quiz__statement{grid-area:statement;margin:0;padding:.9rem 1.1rem;border-left:5px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface-panel-strong);font-size:var(--t-lead);font-style:italic}.quiz__options{grid-area:options;display:flex;flex-direction:column;gap:.5rem}.quiz--truefalse .quiz__options{flex-direction:row}.quiz--truefalse .option{flex:1;justify-content:center;font-weight:700}.quiz__feedback{grid-area:feedback}.option{display:flex;align-items:flex-start;gap:.75rem;width:100%;min-height:44px;padding:.7rem .9rem;border:1px solid var(--color-control-line);border-radius:var(--radius-md);background:var(--surface-panel-strong);color:var(--fg);text-align:left;cursor:pointer}.option:hover{border-color:var(--fg)}.option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.option__letter{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;border:1px solid var(--color-control-line);font-weight:700;font-size:var(--t-small)}.feedback{display:flex;flex-direction:column;gap:.45rem;padding:.9rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--line);border-left-width:6px}.feedback--right{border-left-color:var(--right);background:var(--right-soft)}.feedback--wrong{border-left-color:var(--wrong);background:var(--wrong-soft)}.feedback__verdict{font-weight:700}.feedback__answer{padding:.5rem .7rem;border-radius:var(--radius-sm);background:var(--surface-panel-strong);border:1px solid var(--right);font-weight:600}.feedback__retry{font-size:var(--t-small);color:var(--fg-3)}.feedback>.button{align-self:flex-start}.match{display:flex;flex-direction:column;gap:.75rem}.match>.button{align-self:flex-start}.match__layout{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:1rem}.match__items{display:flex;flex-direction:column;gap:.45rem}.match__layout--done{grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);align-items:start}.match__layout--done>.feedback{margin:0}.match__item{display:flex;flex-direction:column;gap:.4rem;padding:.55rem .85rem;border:1px solid var(--color-control-line);border-radius:var(--radius-md);background:var(--surface-panel-strong);font-size:var(--t-small);cursor:grab}.match__item--right{border-color:var(--right);background:var(--right-soft)}.match__item--wrong{border-color:var(--wrong);background:var(--wrong-soft)}.match__choices{display:flex;gap:.5rem}@media(min-width:1140px)and (min-height:640px){.match__item:has(.match__choices){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.9rem}.match__item .match__choices{flex-direction:column}}.match__verdict{font-weight:700}.match__targets{display:flex;flex-direction:column;gap:.75rem}.match__target{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.75rem;border:2px dashed var(--accent);border-radius:var(--radius-md);background:var(--surface-panel);text-align:center;font-size:var(--t-small)}.match__target span{font-size:1.4rem}.story{display:flex;flex-direction:column;gap:.6rem;max-width:52rem}.story__who{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.story__scene{display:flex;flex-direction:column;gap:.6rem}.story__count{font-size:var(--t-small);color:var(--fg-3);font-weight:600}.story__text{font-size:var(--t-lead)}.story__banner{padding:.6rem 1rem;border-radius:var(--radius-sm);background:var(--surface-panel-strong);border-left:5px solid var(--accent);box-shadow:var(--shadow-soft);font-weight:500}.story__nav,.layerpages__nav,.test__controls{display:flex;align-items:center;gap:1rem}.dots{display:flex;gap:.35rem}.dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--line)}.dot--seen{background:var(--accent-2)}.dot--now{background:var(--accent);transform:scale(1.3)}.story__done{color:var(--right);font-weight:600}.layers__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:48rem}.layers__item{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;width:100%;min-height:7rem;padding:1rem 1.1rem;border:1px solid var(--color-control-line);border-radius:var(--radius-md);background:var(--surface-panel-strong);color:var(--fg);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft)}.layers__item:hover{border-color:var(--accent)}.layers__label{font-family:var(--font-display);font-size:var(--t-h3);font-weight:700;flex:1}.layers__state{font-size:var(--t-small);color:var(--accent-2);font-weight:600}.layers__item--done{border-color:var(--right)}.layers__item--done .layers__state{color:var(--right)}.layerpages{display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.2rem;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-panel)}.layerpages__title{font-family:var(--font-display)}.badge{display:flex;flex-direction:column;align-items:center;gap:.35rem;align-self:flex-start;padding:1.5rem 2.5rem;border-radius:var(--radius-md);background:var(--surface-panel-strong);border:1px solid var(--line);box-shadow:var(--shadow-card);text-align:center;animation:badgeIn var(--duration-slow) var(--ease-out) both}@keyframes badgeIn{0%{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}.badge__medal{font-size:3.5rem}.badge__title{font-family:var(--font-display);font-size:var(--t-h2);font-weight:700}.badge__name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--accent-2)}.cover{justify-content:center;gap:1rem;padding-left:7%;max-width:56rem}.cover h1{font-size:3.2rem}.cover__lead{font-size:1.2rem;color:var(--fg-2);max-width:40rem}.cover__meta{color:var(--fg-3)}.cover>.button{align-self:flex-start}.menu{max-width:60rem}.menu__lead{color:var(--fg-2);max-width:50rem}.menu__entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.banner{display:flex;align-items:center;gap:.9rem;width:100%;min-height:4.6rem;padding:.6rem 1rem;border:1px solid var(--color-control-line);border-radius:var(--radius-md);background:var(--surface-panel-strong);color:var(--fg);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft)}.banner:hover:not(:disabled){border-color:var(--accent)}.banner--locked{cursor:not-allowed;box-shadow:none;background:var(--bg-elev-2);border-style:dashed}.banner--locked .banner__label,.banner--locked .banner__title{color:var(--fg-3)}.banner--done{border-color:var(--right)}.banner__num{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700}.banner--done .banner__num{background:var(--right)}.banner--locked .banner__num{background:var(--bg-elev-2)}.banner__text{flex:1;display:flex;flex-direction:column;min-width:0}.banner__label{font-size:var(--t-small);font-weight:700;color:var(--accent-2);text-transform:uppercase;letter-spacing:.04em}.banner__title{font-weight:600;line-height:1.3}.banner__status{flex:none;font-size:var(--t-small);color:var(--fg-3)}.menu__badges,.closing__badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.test{max-width:56rem}.test__options{display:flex;flex-direction:column;gap:.5rem}.test__multiple{color:var(--fg-3)}.test__verdict{align-self:flex-start;padding:.6rem 1rem;border-radius:var(--radius-sm);font-weight:700}.test__verdict--passed{background:var(--right-soft);color:var(--right)}.test__verdict--failed{background:var(--wrong-soft);color:var(--wrong)}.test__wrong ul{display:flex;flex-direction:column;gap:.75rem}.test__wrong li{padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--surface-panel-strong);border:1px solid var(--line)}.test>.button,.closing>.button{align-self:flex-start}.closing{max-width:52rem;justify-content:center}.closing__note{color:var(--fg-2)}.voice{display:flex;align-items:center;gap:.75rem}.voice__note,.fiction,.translation-note{font-size:var(--t-small);color:var(--fg-3)}@media(max-width:1139px),(max-height:639px){body{overflow:auto}#root{display:block}.stage{width:100%;height:auto;min-height:100vh;container-type:normal;overflow:visible}.course{position:relative;min-height:100vh}.backdrop{position:fixed}.bar{position:sticky;top:0}.bar__row{grid-template-columns:minmax(0,1fr) auto}.bar__count,.bar__subtitle,.bar__title{display:none}.pill,.button--small,.chip,.lightbulb,.pill-group button,.map__screen{min-height:44px}.pill-group button{padding:0 .85rem}.bar__theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bar__tools{grid-column:2}.course__scene{position:relative;inset:auto;overflow:visible;padding:.5rem 0 6rem}.scene{height:auto;padding:.5rem 1rem}.screen,.screen--wide{width:100%}.scroll-region{overflow:visible}.dialog__body.scroll-region{overflow-y:auto;-webkit-overflow-scrolling:touch}.scene h1{font-size:1.6rem}.cover h1{font-size:2.2rem}.cover{min-height:70vh;padding-left:1rem}.foot{position:fixed}.foot__status{display:none}.foot{gap:.5rem;padding:.6rem .75rem}.foot__dest{display:none}.foot__next{max-width:none;margin-left:auto}.quiz{grid-template-columns:1fr;grid-template-areas:"prompt" "statement" "options" "feedback"}.match__layout,.match__layout--done,.menu__entries,.layers__list{grid-template-columns:1fr}.match__targets{display:none}.order--done .order__body,.reveal__grid{grid-template-columns:1fr}.flip{min-height:0}.radial{aspect-ratio:auto}.radial__center,.radial__items,.radial__item{position:static;transform:none}.radial__center{width:auto;height:auto;border-radius:var(--radius-md);margin-bottom:.5rem}.radial__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.radial__item{width:auto}.layer{position:fixed;padding:1rem}}.dialog--map{width:min(56rem,100%)}.map__summary{display:flex;align-items:center;gap:.75rem;color:var(--fg-2);font-size:var(--t-small);font-weight:600}.map__bar{flex:1;height:6px;border-radius:3px;background:var(--bg-elev-2);overflow:hidden}.map__bar span{display:block;height:100%;background:var(--right)}.map{display:flex;flex-direction:column;gap:.6rem}.map__group{padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-panel)}.map__group--here{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.map__group--locked{border-style:dashed;background:var(--bg-elev-2)}.map__group--locked .map__label,.map__group--locked .map__title{color:var(--fg-3)}.map__head{display:flex;align-items:center;gap:.75rem}.map__mark{flex:none;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:var(--t-small);font-weight:700}.map__group--done .map__mark{background:var(--right)}.map__group--locked .map__mark{background:var(--bg-elev-2)}.map__name{flex:1;display:flex;flex-direction:column;min-width:0}.map__label{font-size:var(--t-small);font-weight:700;color:var(--accent-2);text-transform:uppercase;letter-spacing:.04em}.map__title{font-weight:600}.map__status{flex:none;font-size:var(--t-small);color:var(--fg-3)}.map__screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem 1rem;margin:.5rem 0 0 2.55rem}.map__screen{display:flex;align-items:center;gap:.5rem;width:100%;min-height:32px;padding:.2rem .5rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg);font-size:var(--t-small);text-align:left;cursor:pointer}.map__screen:hover:not(:disabled){background:var(--surface-pill-hover)}.map__screen:disabled{color:var(--fg-3);cursor:not-allowed}.map__screen--here{font-weight:700;background:var(--accent-soft)}.map__dot{flex:none;width:1rem;text-align:center;color:var(--accent-2)}.map__screen--seen .map__dot{color:var(--right)}.map__menu{align-self:flex-start}@media(max-width:1139px),(max-height:639px){.map__screens{grid-template-columns:1fr;margin-left:0}.map__screen{min-height:40px}.bar__map-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.test-ribbon{position:absolute;z-index:70;top:0;left:50%;transform:translate(-50%);padding:.15rem .9rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--warn);color:var(--bg-elev);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}@media(max-width:1139px),(max-height:639px){.test-ribbon{position:fixed;padding:0 .6rem;font-size:9px;letter-spacing:.02em;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}}.foot__voice{display:contents}.foot__voice>.voice__toggle:not(:last-child){display:none}@media(max-width:1139px),(max-height:639px){.voice__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.lightbulb__state{margin-left:.25rem;padding:.05rem .55rem;border-radius:var(--radius-pill);font-size:var(--t-small);font-weight:600;background:var(--accent-soft);color:var(--accent-2)}.lightbulb--todo{border-style:solid;box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent);animation:bulbPulse 2.4s var(--ease-out) infinite}.lightbulb--seen{border-style:solid;border-color:var(--right)}.lightbulb--seen .lightbulb__state{background:var(--right-soft);color:var(--right)}@keyframes bulbPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.lightbulb--todo{animation:none}}.order{display:flex;flex-direction:column;gap:.6rem;max-width:48rem}.order__body,.order__seq{display:flex;flex-direction:column;gap:.6rem}.order__body>.button{align-self:flex-start}.order--done{max-width:74rem}.order--done .order__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem}.order--done .order__body>.feedback{margin:0}.order__list{display:flex;flex-direction:column;gap:.45rem}.order__item{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border:1px solid var(--color-control-line);border-radius:var(--radius-md);background:var(--surface-panel-strong);cursor:grab;transition:transform var(--duration-fast) var(--ease-out)}.order__item--dragging{opacity:.6;transform:scale(.99)}.order__item--right{border-color:var(--right);background:var(--right-soft);cursor:default}.order__item--wrong{border-color:var(--wrong);background:var(--wrong-soft);cursor:default}.order__num{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:var(--t-small)}.order__text{flex:1;min-width:0;font-size:var(--t-small)}.order__moves{flex:none;display:flex;gap:.3rem}.order__verdict{flex:none;font-weight:700}.order__solution{display:flex;flex-direction:column;gap:.25rem;padding-left:1.2rem;list-style:decimal}.match__hint{font-weight:400;color:var(--fg)}.order__hint{margin-top:-.3rem;font-size:var(--t-small)}.order__end{font-size:var(--t-small);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-2)}.order__end--start{margin-bottom:-.25rem}.order__end--last{margin-top:-.25rem}.order__why{margin-top:.4rem}@media(min-width:1140px)and (min-height:640px){.order__item{padding-block:.35rem}.order__moves .chip{min-width:2.1rem;min-height:2.1rem;padding:0}}