@font-face{font-family:Path Sans;src:url('/fonts/dmsans.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Path Display;src:url('/fonts/spacegrotesk.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#0b1221;--panel:#101c30;--ink:#ecf0fa;--soft:#b2c0d4;--gold:#f3c780;--line:#34435a;--blue:#9ab8ec;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 'Path Sans',sans-serif}main{max-width:1300px;padding:24px 44px 20px;margin:auto}header{display:flex;align-items:center;gap:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:600 25px 'Path Display',sans-serif}.brand svg{width:30px;height:30px;fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.brand span{margin-left:-9px;color:var(--gold)}.prototype{font-size:13px;color:var(--soft);flex:1}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:46px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border-radius:9px;border:1px solid var(--line);background:transparent;padding:10px 18px;transition:background .18s,border-color .18s}button:hover{border-color:#8494ac;background:#1a2940}.quiet{font-size:13px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:28px 0 24px}h1{font:500 clamp(30px,4.3vw,52px)/1.08 'Path Display',sans-serif;letter-spacing:-.035em;margin:0;max-width:16ch}.intro>p{color:var(--soft);font-size:14px;margin:0;line-height:1.7}.stage{height:clamp(330px,35vw,400px);position:relative;overflow:hidden;border:1px solid #3d4d65;border-radius:22px;background:#0d1723;isolation:isolate}.stage::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #809ab522;pointer-events:none}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-caption{position:absolute;inset:23px 26px auto;display:flex;justify-content:space-between;gap:16px;color:var(--soft);font-size:12px}.scene-caption>span:first-child{font-size:14px;color:var(--gold)}.meaning{position:absolute;left:44%;width:53%;top:27%;text-align:center;pointer-events:none;opacity:0}.meaning.visible{opacity:1}.article{margin:0 0 5px;color:var(--gold);font-size:16px}.meaning h2{font:500 clamp(52px,7vw,96px)/1.1 'Path Display',sans-serif;letter-spacing:-.035em;margin:0;color:#fff1d9}.gloss{font:400 25px 'Path Sans',sans-serif;margin:12px 0 0;color:var(--ink)}.sentence{color:var(--soft);font-size:14px;margin:15px 0 0}.meaning.visible .article,.meaning.visible .gloss,.meaning.visible .sentence{animation:meaning-open .65s var(--ease) both}.meaning.visible .sentence{animation-delay:.08s}@keyframes meaning-open{from{opacity:0;transform:translateY(8px);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}.stage-foot{position:absolute;inset:auto 25px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--soft);font-size:12px}.stage-foot>span{max-width:65%}.skip{border:0;min-height:44px;padding:8px;font-size:12px;white-space:nowrap}.skip span{color:var(--gold);margin-left:8px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.scene-tabs{display:flex;gap:5px;padding:5px;background:#131e30;border:1px solid #2c3c54;border-radius:12px}.scene-tabs button{min-height:42px;border:0;padding:8px 20px;color:var(--soft)}.scene-tabs [aria-pressed=true]{color:#132036;background:var(--gold)}.playback{display:flex;gap:10px}.primary{background:#f3c780;color:#132036;border-color:#f3c780;font-weight:600;min-width:205px}.primary:hover{background:#ffdb9e;color:#132036;border-color:#ffdb9e}.primary span{margin-left:16px;font-size:20px;line-height:1}.under{display:flex;align-items:center;gap:30px;padding:0 0 22px}.pace{display:flex;gap:12px;align-items:center;color:var(--soft);font-size:12px;white-space:nowrap}.pace select{border:0;border-bottom:1px solid var(--line);background:var(--bg);padding:11px 5px;font-size:12px;min-height:44px;max-width:190px}.under>p{font-size:12px;line-height:1.6;color:var(--soft);flex:1;margin:0}.under>a{font-size:12px;line-height:1.6;color:var(--gold);text-underline-offset:5px;min-height:44px;display:flex;align-items:center;gap:12px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:14px;color:var(--soft);font-size:12px}footer p{margin:0}::selection{background:var(--gold);color:var(--bg)}
@media(max-width:760px){main{padding:18px 18px 24px}header{gap:14px;flex-wrap:wrap;padding-bottom:16px}.brand{font-size:22px}.prototype{order:3;flex-basis:100%;font-size:12px}header .quiet{margin-left:auto}.intro{display:block;padding:24px 0 20px}h1{font-size:35px;max-width:20ch}.intro>p{font-size:13px;margin-top:14px}.stage{height:510px;border-radius:18px}.scene-caption{inset:17px 17px auto;font-size:12px;align-items:center}.scene-caption>span:first-child{font-size:12px}.meaning{left:3%;width:94%;top:57%}.meaning h2{font-size:64px}.article{font-size:14px}.gloss{font-size:21px;margin-top:8px}.sentence{font-size:12px;margin-top:9px}.stage-foot{inset:auto 14px 10px;font-size:12px}.stage-foot>span{max-width:68%}.skip{font-size:12px}.control-row{flex-direction:column;gap:14px;align-items:stretch}.scene-tabs{justify-content:space-between}.scene-tabs button{flex:1;font-size:13px;padding:8px 10px}.playback .primary{flex:1;min-width:0}.under{flex-wrap:wrap;gap:8px 18px;padding-bottom:18px}.pace{flex-basis:100%;justify-content:space-between}.pace select{max-width:none}.under>p{flex-basis:100%}.under>a{margin-top:3px}footer{display:block;font-size:12px}footer p+p{margin-top:6px}}
@media(max-width:350px){h1{font-size:31px}.scene-caption>span:last-child{max-width:140px;text-align:right}.meaning h2{font-size:55px}.primary{font-size:13px;padding:9px 12px}.stage{height:490px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

button:disabled{opacity:.5;cursor:default}

/* Real tile hit targets sit over the authored canvas, with native keyboard focus. */
.tiles{position:absolute;inset:0;pointer-events:none;touch-action:none}
.tiles button{position:absolute;pointer-events:auto;min-height:0;padding:0;border:0;border-radius:11px;background:transparent;color:transparent;transition:none;touch-action:none}
.tiles button:hover{background:#f3c78012}
.tiles button:disabled{pointer-events:none}
.tiles button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.meaning h2{overflow-wrap:anywhere}
.scene-caption,.meaning,.stage-foot{z-index:1}.stage-foot{pointer-events:none}.stage-foot button{pointer-events:auto}
.intro{padding:26px 0}.under{justify-content:space-between}.under>p:empty{display:none}.primary{min-width:140px}.playback{flex-wrap:wrap}.scene-tabs button{min-height:44px}
@media(max-width:760px){.playback .primary{flex:1}.playback .quiet{flex:0 0 auto}.stage{height:530px}.prototype{order:initial;flex:1}.prototype{display:none}.meaning{top:57%}.meaning h2{font-size:64px}.scene-tabs button{min-height:44px}.under{padding-bottom:0}}

/* Quiet color breathing is painted with the ribbons so Pause stops both. */
body{background:#070910}
.stage{background:#0b1120;border-color:#495268;box-shadow:0 24px 60px -20px #000b,0 8px 24px #0005}


.intro p{max-width:32ch;font-size:17px;color:var(--soft)}
.stage[data-scene=recall] .tiles,.stage[data-scene=recall] .meaning{visibility:hidden}
.recall-task{position:absolute;inset:70px 15% 50px;text-align:center;z-index:2}.recall-task[hidden]{display:none}.recall-task>p:first-child{color:var(--soft);font-size:14px}.recall-task #recallCue{font:500 34px/1.2 'Path Display';margin:15px 0 25px}.recall-task label{display:block;color:var(--soft);font-size:13px;margin-bottom:8px}.recall-task input{width:65%;max-width:300px;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#0b1221;color:var(--ink);padding:10px;font:inherit}.recall-task input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.recall-task #recallFeedback{font-size:14px}.recall-task #recallReveal{border:0;text-decoration:underline;text-underline-offset:4px;color:var(--gold)}
.learning-story{border-top:1px solid var(--line);margin-top:34px;padding:40px 0;display:grid;grid-template-columns:1fr 1fr;gap:28px 55px}.learning-story h2{font:500 clamp(26px,3vw,40px)/1.15 'Path Display';margin:0;letter-spacing:-.025em}.learning-story ol{list-style:none;margin:0;padding:0;display:grid;gap:20px}.learning-story li strong{display:block;font-size:18px;color:var(--gold)}.learning-story li span{color:var(--soft);font-size:14px}.values{color:var(--soft);margin:0}.start-link{color:var(--gold);font-size:18px;text-underline-offset:6px}.learning-story details{grid-column:1/-1;color:var(--soft);font-size:13px;max-width:75ch}.learning-story summary{cursor:pointer;min-height:44px;padding:10px 0}.learning-story details a{color:var(--gold)}.playback .primary{min-width:0}.playback #next{background:transparent;color:var(--ink);border-color:var(--line)}
@media(max-width:760px){.intro p{font-size:15px;line-height:1.5;margin-top:16px}.scene-caption>span:last-child{max-width:46%;text-align:right}.learning-story{grid-template-columns:1fr;gap:24px;padding-top:28px}.recall-task{inset:100px 20px 50px}.recall-task #recallCue{font-size:30px}.playback{gap:8px}.playback button{padding:9px 12px;font-size:12px}.playback #storyNext{flex-basis:45%}.meaning .sentence{padding:0 12px}}

@media(max-width:760px){.playback{display:grid;grid-template-columns:1fr 1fr}.playback button{min-height:44px}.playback #storyNext{grid-column:auto}.playback #next{white-space:nowrap}.playback #next span{font-size:16px;margin-left:6px}.intro h1{font-size:38px}.meaning .sentence{line-height:1.5}.stage-foot>span{max-width:60%}}

.intro h1{max-width:22ch;font-size:clamp(32px,4.3vw,52px)}.intro p{max-width:35ch;font-size:16px}.human-context{color:var(--gold);font-size:16px;max-width:33ch;margin-top:22px}.method-intro{font-size:15px;color:var(--soft);max-width:38ch}.memory-map{align-self:start}.memory-map svg{display:block;width:100%;max-height:260px;overflow:visible}.brain-outline,.brain-fold{fill:none;stroke:#8194af;stroke-width:1.4;stroke-linecap:round}.brain-fold{opacity:.4}.memory-link{fill:none;stroke:#7b96b1;stroke-width:1.5}.memory-node circle{fill:#152235;stroke:var(--soft);stroke-width:2}.memory-node text{fill:var(--soft);font:13px 'Path Sans'}.return-link{fill:none;stroke:#b59c73;stroke-dasharray:4 5;stroke-width:1.5}.return-label{fill:var(--soft);font:12px 'Path Sans'}.memory-map[data-step=meet] .meet circle,.memory-map[data-step=meaning] .node-meaning circle,.memory-map[data-step=recall] .recall circle,.memory-map[data-step=checked] .recall circle{fill:var(--gold);stroke:var(--gold)}.memory-map p{font-size:15px;color:var(--ink);max-width:46ch;margin:8px 0}.memory-map small{font-size:12px;color:var(--soft)}.purpose p{margin:0 0 18px;color:var(--soft);font-size:15px;max-width:45ch}.learning-story .values{grid-column:1/-1;font-size:14px}.intro{align-items:center}.learning-story h2{font-size:clamp(26px,2.8vw,36px)}
@media(max-width:760px){.intro h1{font-size:35px}.intro p{font-size:15px}.memory-map svg{max-height:230px}.learning-story{gap:30px}.human-context{margin-top:18px}.memory-map p{font-size:14px}.stage-foot>span{font-size:11px;max-width:63%}}
/* A silent product film; the primary action always leads into the real game. */
.film-mode #sound,.film-mode .control-row,.film-mode .under,.film-mode .stage-foot,.film-mode .scene-caption{display:none}
.film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 12px}.film-toolbar p{margin:0;font-size:16px;color:var(--gold)}.film-toolbar button{font-size:12px;white-space:nowrap;min-height:44px;padding:8px 12px}
.film-mode .stage{height:460px}.film-mode .tiles{pointer-events:none}.film-mode .tiles button{pointer-events:none;visibility:hidden}.film-mode .stage[data-film="0"] .meaning{top:28%}
.film-panel{position:absolute;inset:0;z-index:3;background:#101b2a;display:grid;place-items:center;overflow:hidden}.film-panel[hidden]{display:none}.film-card{width:88%;max-width:850px;text-align:center;padding:24px}.film-label{color:var(--soft);font-size:12px;margin:0 0 22px}.film-article{color:var(--gold);font-size:15px;margin:0 0 12px}.film-word{font:500 clamp(40px,6vw,76px)/1.1 'Path Display';letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;color:#fff1d9}.film-gloss{font-size:24px;margin:12px 0 0}.film-note{color:var(--soft);font-size:14px;margin:24px 0 0;line-height:1.5}.film-sentence{font:500 clamp(26px,3.7vw,46px)/1.25 'Path Display';letter-spacing:-.025em;margin:12px 0;text-wrap:balance}.film-original{font-size:18px;color:var(--soft);margin:0 0 24px}.grammar-pair{display:flex;justify-content:center;gap:50px;margin-top:25px}.grammar-pair span{display:block;font-size:12px;color:var(--soft)}.grammar-pair strong{font-size:25px;font-weight:500;color:var(--gold)}.recall-blank{font:500 60px 'Path Display';margin:20px 0;color:var(--gold)}.recall-blank.answer{font-size:40px}.review-options{display:flex;justify-content:center;gap:12px;margin-top:30px}.review-options span{padding:12px 25px;border:1px solid var(--line);border-radius:8px}.review-options span:nth-child(2){border-color:var(--gold);color:var(--gold)}
.practice-track{max-width:420px;margin:24px auto;text-align:left;display:grid;gap:15px}.practice-track>div{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:12px;font-size:13px;color:var(--soft)}.practice-track i{height:4px;display:block;background:#26364b;position:relative}.practice-track i::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--bar);background:var(--gold)}.level-list,.topic-list{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.level-list span{padding:7px 13px;border:1px solid var(--line);border-radius:6px;color:var(--gold);font-size:14px}.topic-list span{font-size:13px;color:var(--soft)}.topic-list span+span::before{content:'·';margin-right:9px}.film-facts{display:flex;justify-content:center;gap:32px;margin-top:25px}.film-facts>div{max-width:155px}.film-facts strong{display:block;font:500 32px 'Path Display';color:var(--gold)}.film-facts span{font-size:12px;color:var(--soft)}
.film-timeline{display:flex;gap:24px;padding:17px 0;color:var(--soft);font-size:12px}.film-timeline span{padding-bottom:7px;border-bottom:2px solid transparent}.film-timeline .active{color:var(--gold);border-color:var(--gold)}.film-action{display:flex;align-items:center;gap:20px;margin:10px 0 30px}.play-now{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--gold);color:#132036;text-decoration:none;padding:14px 28px;border-radius:9px;font-weight:600;min-height:50px}.play-now:hover{background:#ffdb9e}.film-action p{color:var(--soft);font-size:13px}.camera-enter{animation:camera-in 1.2s var(--ease) both}.film-paused .camera-enter{animation-play-state:paused}@keyframes camera-in{from{opacity:.35;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:760px){.film-mode .stage{height:510px}.film-mode .stage[data-film="0"] .meaning{top:57%}.film-toolbar{gap:10px}.film-toolbar p{font-size:14px;max-width:22ch}.film-toolbar button{font-size:11px;padding:7px 9px}.film-card{width:100%;padding:22px}.film-sentence{font-size:28px}.film-word{font-size:48px}.film-gloss{font-size:21px}.film-note{font-size:13px}.film-label{margin-bottom:24px}.film-timeline{gap:0;justify-content:space-between;font-size:11px}.film-action{gap:14px}.play-now{padding:13px 24px;gap:20px}.film-action p{font-size:12px}.film-facts{gap:12px}.film-facts strong{font-size:27px}.film-facts span{font-size:11px}.film-original{font-size:16px}.grammar-pair{gap:30px}.film-card[data-frame="8"] .film-sentence{font-size:26px}.film-card[data-frame="8"] .film-note{margin-top:16px}.review-options span{padding:10px 18px}.practice-track>div{grid-template-columns:132px 1fr;font-size:12px}}
@media(prefers-reduced-motion:reduce){.camera-enter{animation:none}}

.film-mode .stage:not([data-film="0"])>.meaning{visibility:hidden}.film-mode .stage>.recall-task{display:none}.film-mode .stage>.tiles{visibility:hidden}.practice-track i{width:9px;height:9px;border:1px solid var(--gold);border-radius:50%;background:var(--gold)}.practice-track i::after{display:none}

.film-card[data-frame="2"] .film-sentence{animation:sentence-focus 4.5s var(--ease) both}.film-paused .film-sentence{animation-play-state:paused}@keyframes sentence-focus{from{transform:scale(.94);opacity:.5}to{transform:scale(1.04);opacity:1}}@media(prefers-reduced-motion:reduce){.film-card[data-frame="2"] .film-sentence{animation:none}}

.memory-map[data-step="review"] .return-link{stroke:var(--gold);stroke-width:2.5}.memory-map[data-step="review"] .return-label{fill:var(--gold)}
@media(max-width:760px){.film-mode main{padding-bottom:110px}.film-action{position:fixed;inset:auto 0 0;z-index:6;margin:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));background:#0b1221;border-top:1px solid var(--line);justify-content:center}.film-timeline{padding-bottom:24px}}

@media(max-width:760px){.film-mode .stage{height:380px}.film-card{padding:20px}.film-card[data-frame="3"] .film-note,.film-card[data-frame="8"] .film-note{display:none}.film-card[data-frame="8"] .film-sentence{font-size:24px}.film-card[data-frame="8"] .level-list,.film-card[data-frame="8"] .topic-list{margin-top:14px}.film-card[data-frame="8"] .film-facts{margin-top:18px}.film-card[data-frame="8"] .level-list span{padding:5px 10px}.film-card[data-frame="8"] .film-facts strong{font-size:25px}}
/* One persistent word travels through the sentence, recall network and return path. */
.film-mode .stage{border-radius:8px;border-color:#344151;box-shadow:none;background:#0d1723}.film-panel{background:transparent}.film-card{position:absolute;inset:0;width:100%;height:100%;max-width:none;padding:0;text-align:center}.journey-world{position:absolute;inset:0}.journey-world> *{position:absolute;margin:0;transition:opacity 900ms ease,transform 1300ms cubic-bezier(.22,1,.36,1);opacity:0;pointer-events:none}.journey-word{left:0;top:0;transform-origin:center;font:650 clamp(44px,6vw,76px)/1.1 'Path Display';letter-spacing:-.035em;color:#f4c477;white-space:nowrap;z-index:4}.journey-gloss{left:10%;width:80%;top:56%;font-size:23px;color:#c5d3e2}.journey-sentence{left:9%;width:82%;top:26%;font:450 clamp(26px,3.5vw,44px)/1.3 'Path Display';color:#e4e9ee;letter-spacing:-.025em;text-wrap:balance}.word-slot{font-weight:650;visibility:hidden}.journey-english{left:13%;width:74%;top:61%;font-size:22px;line-height:1.5;color:#9dc6df}.journey-brain{left:50%;top:46%;width:min(70%,520px);transform:translate(-50%,-50%) scale(.45);transform-origin:center}.journey-brain svg{display:block;width:100%;overflow:visible}.journey-brain .brain-outline{stroke:#9eb6c7;stroke-width:1}.journey-brain .memory-link{stroke:#f4c477;stroke-width:2}.journey-brain .recall circle{fill:#f4c477;stroke:#f4c477}.journey-brain .memory-node text{font-size:12px}.journey-cue{left:8%;width:84%;top:72%;display:grid;gap:8px}.journey-cue span{font-size:12px;color:#a7b8ca}.journey-cue strong{font:550 28px 'Path Display';color:#dce7ee}.journey-world .grammar-pair{left:15%;width:70%;top:70%;margin:0}.journey-review{left:10%;width:80%;top:66%}.journey-review small,.journey-progress small{font-size:12px;color:var(--soft)}.journey-review .review-options{margin-top:14px}.journey-progress{left:48%;width:44%;top:30%;text-align:left}.journey-progress>strong{display:block;font:550 30px/1.2 'Path Display';margin:12px 0 28px}.return-stops{display:flex;gap:18px;font-size:12px;color:#b7cfdd;position:relative;padding-top:14px;border-top:1px solid #6e899d}.return-stops span::before{content:'';position:absolute;top:-4px;width:7px;height:7px;background:#f4c477;border-radius:50%}.journey-choices{left:45%;width:50%;top:18%}.journey-choices .film-facts{gap:22px;margin-top:30px}.journey-choices .film-facts strong{font-weight:650}.journey-choices .level-list span{border-radius:0;border-width:0 0 1px;padding:5px 10px}.journey-choices .topic-list{line-height:1.8}.journey-choices .film-facts span{font-size:12px}
.journey-world[data-step="1"] .journey-word,.journey-world[data-step="1"] .journey-gloss,.journey-world[data-step="2"] .journey-word,.journey-world[data-step="2"] .journey-sentence,.journey-world[data-step="3"] .journey-word,.journey-world[data-step="3"] .journey-sentence,.journey-world[data-step="3"] .journey-english,.journey-world[data-step="4"] .journey-word,.journey-world[data-step="4"] .journey-gloss,.journey-world[data-step="4"] .grammar-pair,.journey-world[data-step="5"] .journey-brain,.journey-world[data-step="5"] .journey-cue,.journey-world[data-step="6"] .journey-word,.journey-world[data-step="6"] .journey-gloss,.journey-world[data-step="6"] .journey-review,.journey-world[data-step="7"] .journey-word,.journey-world[data-step="7"] .journey-progress,.journey-world[data-step="8"] .journey-word,.journey-world[data-step="8"] .journey-choices{opacity:1}
.journey-world[data-step="5"] .journey-brain{transform:translate(-50%,-50%) scale(1.1)}.journey-world[data-step="5"].answer-visible .journey-word{opacity:1}.journey-world[data-step="5"].answer-visible .journey-brain{opacity:.25;transform:translate(-50%,-50%) scale(.84)}.journey-world[data-step="6"] .journey-brain{opacity:.15;transform:translate(-50%,-50%) scale(1.4)}.journey-world[data-step="6"] .journey-gloss{top:47%}.journey-world[data-step="7"] .journey-brain{opacity:.22;left:23%;transform:translate(-50%,-50%) scale(.74)}.journey-world[data-step="8"] .journey-brain{transform:translate(-50%,-50%) scale(.6)}
.film-toolbar p{font-size:13px;color:#a9becd}.film-timeline{opacity:.75}.film-mode .intro h1{font-weight:650}.film-mode .intro p{font-size:15px}.film-mode .meaning h2{text-shadow:none}.play-now{border-radius:5px;font-weight:750}.film-mode .human-context{color:#a9c9da}.learning-story .method-intro{display:none}
@media(max-width:760px){.journey-word{font-size:48px}.journey-gloss{font-size:20px;top:53%}.journey-sentence{font-size:28px;top:22%;left:8%;width:84%}.journey-english{font-size:18px;left:9%;width:82%;top:62%}.journey-world .grammar-pair{top:67%}.journey-brain{width:94%;top:40%}.journey-cue{top:73%}.journey-cue strong{font-size:23px}.journey-review{top:65%}.journey-progress{left:10%;width:80%;top:43%;text-align:center}.journey-progress>strong{font-size:26px;margin-bottom:24px}.return-stops{justify-content:space-between;gap:10px}.journey-world[data-step="7"] .journey-brain{opacity:0}.journey-choices{left:6%;width:88%;top:31%}.journey-choices .film-facts{margin-top:24px;gap:16px}.journey-choices .level-list{margin-top:12px}.journey-choices .topic-list{margin-top:13px}.film-mode .intro h1{font-size:33px}.film-mode .intro p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.journey-world>*{transition:none!important}}
.word-slot{visibility:visible;color:transparent}.film-mode #field{transition:opacity 1100ms ease,transform 1600ms cubic-bezier(.22,1,.36,1);transform-origin:65% 45%}.film-mode .stage[data-film="1"] #field{opacity:.25;transform:scale(1.08)}.film-mode .stage:not([data-film="0"]):not([data-film="1"]) #field{opacity:0;transform:scale(1.3)}
@media(max-width:760px){.journey-world[data-step="1"] .journey-gloss{top:83%}}
.practice-modes{display:flex;gap:22px;margin:0 0 22px;font-size:13px;color:#b7c9d7}.practice-modes strong{font-weight:650;color:#f4c477}.practice-modes span+span::before,.practice-modes strong+span::before,.practice-modes span+strong::before{content:'·';color:#74889a;margin-right:22px}.film-toolbar p{flex:1}.film-toolbar button{font-size:12px;padding:8px 10px}.journey-article{left:0;top:0;font:650 20px 'Path Display';color:#9dc6df;z-index:4}.journey-world[data-step="1"] .journey-article,.journey-world[data-step="4"] .journey-article,.journey-world[data-step="6"] .journey-article,.journey-world[data-step="7"] .journey-article,.journey-world[data-step="8"] .journey-article,.journey-world[data-step="5"].answer-visible .journey-article{opacity:1}.journey-world>*{transition-duration:550ms,800ms}.film-mode #field{transition-duration:650ms,900ms}.journey-world[data-step="5"] .journey-brain svg,.journey-world[data-step="6"] .journey-brain svg{animation:brain-breathe 3s ease-in-out infinite}.journey-world[data-step="5"] .journey-brain .memory-link,.journey-world[data-step="6"] .journey-brain .return-link{stroke-dasharray:8 12;animation:brain-current 2.2s linear infinite}.journey-brain .recall circle{fill:#152235;stroke:#a5bacb}.journey-brain[data-step="recall"] .recall circle,.journey-brain[data-step="checked"] .recall circle{fill:#f4c477;stroke:#f4c477}.journey-brain[data-step="review"] .return-link{stroke:#f4c477;stroke-width:2.5}.journey-world[data-step="6"] .journey-brain{opacity:.32}.journey-world[data-step="5"].answer-visible .journey-brain{opacity:.4}.pipeline-description{grid-column:1/-1;color:var(--soft);font-size:14px;max-width:58ch;margin:0}.review-options span{border:0;border-radius:0;padding:6px 18px}.review-options span:nth-child(2){border-bottom:2px solid #f4c477}.journey-review small{color:#b5c5d4}
@keyframes brain-breathe{0%,100%{transform:translateY(2px) scale(.99)}50%{transform:translateY(-3px) scale(1.015)}}@keyframes brain-current{to{stroke-dashoffset:-80}}
@media(max-width:760px){.film-toolbar{gap:7px}.film-toolbar button{font-size:11px;padding:7px}.film-toolbar p{font-size:12px;max-width:17ch}.practice-modes{gap:13px;margin-bottom:16px;font-size:12px}.practice-modes span+span::before,.practice-modes strong+span::before,.practice-modes span+strong::before{margin-right:13px}.journey-article{font-size:17px}.film-mode .intro h1{font-size:34px}.pipeline-description{font-size:13px}}
@media(prefers-reduced-motion:reduce){.journey-brain svg,.journey-brain .memory-link,.journey-brain .return-link{animation:none!important}}
/* Product windows and a second live word route, below the main journey. */
.film-toolbar{justify-content:flex-end;margin-bottom:10px}.inside-caption{position:absolute;inset:16px auto auto 20px;max-width:70%;font-size:13px;color:#b9d0df;margin:0;z-index:5;pointer-events:none}.audio-status{position:absolute;inset:auto 18px 14px;font-size:12px;color:#f4c477;z-index:5;margin:0;pointer-events:none}.film-action{justify-content:flex-start}.product-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:28px 0 36px;border-top:1px solid var(--line);margin-top:26px}.product-facts strong{font:650 clamp(32px,4vw,52px)/1.1 'Path Display';color:#f4c477;display:block}.product-facts span{font-size:14px;color:#c1d0de}.product-facts>p{grid-column:1/-1;margin:0;color:var(--soft);font-size:12px}.game-tour,.word-route,.situations{padding:46px 0;border-top:1px solid var(--line)}.game-tour h2,.word-route h2,.situations h2{font:600 clamp(28px,3.4vw,42px)/1.15 'Path Display';letter-spacing:-.025em;margin:0 0 28px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.game-window{margin:0;border:1px solid #35465a;background:#0c1420;border-radius:8px;overflow:hidden;position:relative}.window-title{font-size:12px;padding:12px 15px;border-bottom:1px solid #35465a;color:#b5c9d9}.game-window img{display:block;width:100%;height:auto;background:#0c1420}.game-window figcaption{padding:16px;border-top:1px solid #35465a;min-height:100px;background:#132234}.game-window figcaption b{display:block;font-size:16px;color:#f4c477;font-weight:650;margin-bottom:6px}.game-window figcaption span{display:block;font-size:13px;line-height:1.6;color:#cedbe6}.two-screens{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin:auto;gap:32px}.word-route svg{display:block;width:100%;overflow:visible}.route-base{fill:none;stroke:#344c60;stroke-width:2}.route-current{fill:none;stroke:#efc57d;stroke-width:3;stroke-linecap:round;stroke-dasharray:20 115;animation:word-current 7s linear infinite;animation-play-state:paused}.word-route.active .route-current{animation-play-state:running}.route-letters text{font:500 22px 'Path Display';fill:#a9c5d9}.route-word text{font:650 36px 'Path Display';fill:#f4c477;text-anchor:middle}.route-word .route-article{font:550 17px 'Path Sans';fill:#a7cce4}.route-sentence text{font:500 20px 'Path Display';fill:#e6eef4;text-anchor:middle}.route-sentence .route-translation{font:400 15px 'Path Sans';fill:#a7cce4}.route-conversation path{fill:#132234;stroke:#8babbd;stroke-width:1.5}.route-conversation text{font:450 16px 'Path Sans';fill:#d9e7ee;text-anchor:middle}.route-key{display:flex;justify-content:space-between;color:var(--soft);font-size:13px;gap:15px}.situations-label{color:var(--soft);font-size:12px;margin:-13px 0 26px}.situation-list{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.situation-list article{padding-top:18px;border-top:1px solid #60778b}.situation-list article>span{font:600 27px 'Path Display';color:#f4c477}.situation-list h3{font-size:18px;font-weight:550;margin:12px 0}.situation-list p{font-size:14px;color:var(--soft);line-height:1.7;margin:0;max-width:32ch}.learning-story{margin-top:0}.learning-story h2{font-size:32px}.pipeline-description{display:none}
@keyframes word-current{to{stroke-dashoffset:-945}}
@media(max-width:760px){.film-toolbar{margin-bottom:8px}.inside-caption{inset:14px auto auto 15px;font-size:12px;max-width:85%}.audio-status{font-size:11px;inset:auto 14px 10px}.product-facts{gap:12px;padding:26px 0}.product-facts strong{font-size:31px}.product-facts span{font-size:12px;line-height:1.4;display:block;margin-top:5px}.product-facts>p{font-size:11px;max-width:36ch}.game-tour,.word-route,.situations{padding:30px 0}.screen-grid{grid-template-columns:1fr;gap:24px;max-width:390px;margin:auto}.game-window img{max-height:660px;object-fit:contain}.game-window figcaption{min-height:0;padding:14px 16px}.game-window figcaption b{font-size:16px}.game-window figcaption span{font-size:13px}.situation-list{grid-template-columns:1fr;gap:28px}.situation-list article{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.situation-list article>span{font-size:25px}.situation-list h3{margin:3px 0 10px;font-size:17px}.situation-list p{grid-column:1/-1;max-width:38ch;font-size:14px}.word-route svg{min-width:620px;width:180%;margin-left:-40%;max-height:240px}.word-route{overflow:hidden}.route-key{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.word-route h2,.game-tour h2,.situations h2{font-size:29px}.film-action{justify-content:center}.two-screens{gap:24px}.learning-story{padding-top:32px}.learning-story h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.route-current{animation:none}}
.journey-screen{margin:0;border:1px solid #516277;background:#101c2c;border-radius:6px;overflow:hidden;display:inline-flex;flex-direction:column;max-height:100%;max-width:100%}.journey-screen img{display:block;min-height:0;max-height:290px;max-width:100%;width:auto;object-fit:contain}.journey-screen figcaption{padding:9px 12px;background:#172b3d;text-align:left}.journey-screen figcaption b{display:block;font-size:14px;color:#f4c477}.journey-screen figcaption span{display:block;font-size:12px;color:#c9d9e4;line-height:1.4;max-width:24ch}.journey-world .journey-review{left:56%;top:12%;width:34%;height:80%}.journey-world .journey-progress{left:56%;top:12%;width:34%;height:80%;text-align:center}.journey-world[data-step="6"] .journey-gloss{left:8%;width:40%;top:49%;font-size:20px}.inside-caption{z-index:5}
@media(max-width:760px){.word-route svg{width:100%;min-width:0;margin:0;max-height:none}.journey-world .journey-review,.journey-world .journey-progress{left:49%;top:15%;width:46%;height:80%}.journey-screen img{max-height:225px}.journey-screen figcaption{padding:8px}.journey-screen figcaption b{font-size:12px}.journey-screen figcaption span{font-size:11px}.journey-world[data-step="6"] .journey-gloss{left:4%;width:42%;top:49%;font-size:16px}}
.film-mode .stage{height:400px}
@media(max-width:760px){.film-mode .stage{height:380px}.product-facts>p,.audio-status,.journey-screen figcaption span{font-size:12px}}
/* Camera crops focus on the real control, then its result. */
.focus-window{position:relative;overflow:hidden;background:#f3f5fc;border:1px solid #536c82;border-radius:7px}.focus-viewport{position:absolute;inset:0 0 72px;overflow:hidden}.focus-plane{position:absolute;left:0;top:0;width:390px;height:844px;transform-origin:0 0;transition:transform 850ms cubic-bezier(.22,1,.36,1)}.focus-plane>img,.focus-plane>svg{position:absolute;inset:0;width:390px;height:844px;max-width:none;max-height:none}.focus-plane svg{fill:none;overflow:visible}.focus-plane rect{stroke:#ba5d0a;stroke-width:2.5;fill:none}.focus-plane path{stroke:#a84c00;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}.focus-caption{position:absolute;inset:auto 0 0;min-height:72px;background:#12283c;padding:12px 16px;color:#d7e7f2;text-align:left;display:grid;align-content:center;gap:4px}.focus-caption strong{font-weight:700;font-size:16px;color:#ffcc84}.focus-caption span{font-size:13px;line-height:1.4}.journey-world .journey-review,.journey-world .journey-progress{height:80%;width:42%;left:51%;top:14%}.journey-world .focus-caption{padding:9px 12px;min-height:65px}.journey-world .focus-viewport{bottom:65px}.journey-world .focus-caption strong{font-size:14px}.journey-world .focus-caption span{font-size:12px}.guided-tour{padding:38px 0;border-top:1px solid var(--line)}.guided-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.guided-heading h2{font:600 clamp(28px,3.2vw,40px)/1.15 'Path Display';letter-spacing:-.025em;margin:0}.guided-heading button{font-size:12px;white-space:nowrap}.guided-tour>.focus-window{height:420px}.screen-provenance{font-size:12px;color:var(--soft);margin:12px 0 0}.translation-story,.topic-story,.memory-study{border-top:1px solid var(--line);padding:42px 0}.translation-story h2,.topic-story h2,.memory-study h2{font:600 clamp(28px,3vw,40px)/1.2 'Path Display';letter-spacing:-.025em;margin:0 0 25px}.translation-story h2 em{font-style:normal;color:#a7d0e8}.language-demo{display:grid;grid-template-columns:1fr 1.5fr;gap:45px;align-items:center}.language-source span{display:block;font-size:22px;color:#a7d0e8}.language-source strong{font:650 64px 'Path Display';color:#f4c477}.language-meanings{display:grid;gap:14px}.language-meanings>div{padding:14px 0;border-bottom:1px solid #31495e;display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center}.language-meanings span{font-size:13px;color:var(--soft)}.language-meanings strong{font-size:25px;font-weight:750;color:#bedef0}.translation-story>p{font-size:13px;color:var(--soft);margin:22px 0 0}.translation-story.active .language-meanings>div{animation:language-arrive 600ms var(--ease) both}.translation-story.active .language-meanings>div:nth-child(2){animation-delay:650ms}.translation-story.active .language-meanings>div:nth-child(3){animation-delay:1300ms}.topic-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 35px}.topic-catalog>div{padding:18px 0;border-top:1px solid #51697d;display:grid;gap:8px}.topic-catalog strong{font-weight:650;font-size:19px;color:#f4c477}.topic-catalog span{color:var(--soft);font-size:13px}.memory-study>p{color:var(--soft);font-size:15px}.study-bars{display:grid;gap:24px;margin:30px 0}.study-bars>div{display:grid;grid-template-columns:110px 1fr;gap:8px 25px;align-items:center}.study-bars strong{font:650 44px 'Path Display';color:#e9c07c;grid-row:1/3}.study-bars span{font-size:15px;line-height:1.5}.study-bars i{display:block;height:7px;background:linear-gradient(to right,#e9c07c calc(var(--amount)*100%),#25384b 0)}.study-bars>div:nth-child(2) strong{color:#a9c8df}.study-bars>div:nth-child(2) i{background:linear-gradient(to right,#a9c8df calc(var(--amount)*100%),#25384b 0)}.memory-study .study-context{font-size:12px;max-width:75ch;line-height:1.7}.memory-study>a{color:#f4c477;font-size:13px;text-underline-offset:4px}.vocabulary-volume{font-size:17px;margin:0 0 15px;color:#b8cedd}.vocabulary-volume strong{font-size:24px;color:#f4c477;font-weight:750}.game-promise{font-size:14px;color:#bbccda;margin:0 0 18px}.game-promise b{color:#f4c477}.journey-gloss,.journey-english{font-weight:700}.journey-cue strong{font-weight:750}
@keyframes language-arrive{from{opacity:.35;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.focus-caption{padding:10px 12px}.focus-caption strong{font-size:15px}.focus-caption span{font-size:12px}.journey-world .journey-review,.journey-world .journey-progress{left:48%;width:48%;height:80%;top:15%}.journey-world .focus-caption{min-height:76px;padding:8px}.journey-world .focus-caption strong,.journey-world .focus-caption span{font-size:12px}.journey-world .focus-viewport{bottom:76px}.guided-heading{align-items:flex-start;gap:12px}.guided-heading h2{font-size:28px;max-width:10ch}.guided-heading button{padding:8px 10px;font-size:11px}.guided-tour>.focus-window{height:390px}.language-demo{grid-template-columns:1fr;gap:22px}.language-source strong{font-size:48px}.language-source span{font-size:18px}.language-meanings>div{grid-template-columns:82px 1fr;gap:12px}.language-meanings strong{font-size:23px}.topic-catalog{grid-template-columns:1fr 1fr;gap:18px}.topic-catalog strong{font-size:17px}.translation-story,.topic-story,.memory-study{padding:30px 0}.study-bars>div{grid-template-columns:80px 1fr;gap:8px 14px}.study-bars strong{font-size:34px}.study-bars span{font-size:13px}.vocabulary-volume{font-size:14px}.vocabulary-volume strong{font-size:21px}.game-promise{font-size:13px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.focus-plane{transition:none}.translation-story .language-meanings>div{animation:none!important}}
.journey-world[data-step="6"] .journey-word,.journey-world[data-step="6"] .journey-article,.journey-world[data-step="6"] .journey-gloss,.journey-world[data-step="6"] .journey-brain,.journey-world[data-step="7"] .journey-word,.journey-world[data-step="7"] .journey-article,.journey-world[data-step="7"] .journey-brain{opacity:0}.journey-world .journey-review,.journey-world .journey-progress{left:6%;top:14%;width:88%;height:82%}.guided-tour>.focus-window{max-width:920px;margin:auto}.recall-rules{padding:38px 0;border-top:1px solid var(--line)}.recall-rules h2{font:600 34px 'Path Display';margin:0 0 24px;letter-spacing:-.025em}.recall-rules ol{padding-left:22px;display:grid;gap:23px}.recall-rules li{padding-left:10px;color:#f4c477}.recall-rules li strong{display:block;font-size:19px;color:#e7eef3;margin-bottom:6px}.recall-rules li>span{font-size:14px;color:var(--soft)}.recall-rules li b{color:#f4c477}
@media(max-width:760px){.journey-world .journey-review,.journey-world .journey-progress{left:4%;width:92%;top:15%;height:80%}.recall-rules h2{font-size:29px}.recall-rules li strong{font-size:17px}}
.journey-world .focus-plane{transition-duration:450ms}.tour-transcript{color:var(--soft);font-size:13px;margin-top:12px}.tour-transcript summary{min-height:44px;display:list-item;padding:10px 0;cursor:pointer}.tour-transcript ol{display:grid;gap:12px;padding-left:22px;max-width:65ch;line-height:1.6}
.intro-aside{max-width:34ch}.intro-aside p{margin:0;color:var(--soft);font-size:15px;line-height:1.7}
@media(min-width:761px){.intro-aside .film-action{margin:16px 0 0}}
@media(max-width:760px){.intro-aside{margin-top:16px}.intro-aside p{font-size:14px}}