.word-intro-panel{justify-items:center;gap:8px;height:100%;min-height:0;padding:0;display:grid}.word-intro-panel>.word-card-deck{width:min(720px,100%);height:100%;min-height:0}.word-intro-panel h3,.word-intro-panel p{margin:0}.word-intro-panel h3{color:#11143d;letter-spacing:0;font-size:20px;line-height:1.12}.word-intro-panel p{color:#34385f;font-size:14px;font-weight:650;line-height:1.5}.word-intro-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.word-card-deck,.word-practice-deck{grid-template-rows:minmax(0,1fr);justify-items:center;gap:8px;width:min(720px,100%);height:100%;min-height:0;display:grid}.lesson-flow .word-check-card{width:min(720px,100%)}.word-card-frame,.word-flip-card{touch-action:pan-y;width:min(640px,100%);height:100%;min-height:320px;display:grid;position:relative}.word-flip-card{color:inherit;perspective:1200px;background:0 0;border:0;padding:0}.lesson-flow .word-card-frame,.lesson-flow .word-flip-card,.lesson-flow .word-flip-card-side{height:100%;min-height:0}.word-card-frame .word-flip-card{width:100%}.word-flip-card-side{backface-visibility:hidden;min-height:0;transform-style:preserve-3d;background:#fff;border:1px solid #d9d4ca;border-radius:8px;grid-area:1/1;align-content:center;gap:10px;padding:14px;transition:transform .22s;display:grid;box-shadow:0 10px 30px #151b4f14}.word-flip-card-back,.word-flip-card.is-flipped .word-flip-card-front{transform:rotateY(180deg)}.word-flip-card.is-flipped .word-flip-card-back{transform:rotateY(360deg)}.word-flip-card-side>small{color:#626798;text-align:center;align-self:end;font-size:12px;font-weight:750;line-height:1.45}.word-card-actions,.word-check-actions{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.study-word-card{justify-items:center;gap:10px;min-width:0;display:grid}.study-word-card.has-vocabulary-image{grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);place-items:center start;width:100%}.study-word-card .vocabulary-image{aspect-ratio:1;object-fit:contain;background:#fffaf5;border:1px solid #d9d4ca;border-radius:8px;width:100%}.study-word-card-main{justify-items:center;gap:8px;min-width:0;display:grid}.study-word-card.has-vocabulary-image .study-word-card-main{justify-items:start}.study-word-card h2{color:#11143d;margin:0;font-size:clamp(36px,7vw,64px);line-height:1}.study-word-card .vocabulary-card-title-row{gap:10px}.study-word-card-back-content h2{color:#11143d;text-align:center;margin:0;font-size:clamp(30px,6vw,54px);line-height:1.05}.study-word-card-back-content .vocabulary-context-example{text-align:center;background:#fffaf5;border:1px solid #eadfce;border-radius:8px;justify-items:center;gap:4px;width:100%;padding:10px;display:grid}.word-intro-card{background:#fff;border:1px solid #d9d4ca;border-radius:8px;gap:6px;min-height:96px;padding:12px;display:grid}.word-intro-card.has-vocabulary-image,.word-intro-card.has-word-intro-image{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px}.word-intro-card .vocabulary-image,.word-intro-image{aspect-ratio:4/3;object-fit:contain;background:#fffaf5;border:1px solid #d9d4ca;border-radius:8px;width:84px}.word-intro-card .vocabulary-card-main{gap:6px;display:grid}.word-intro-card h2,.word-intro-card strong{color:#11143d;margin:0;font-size:18px;line-height:1.25}.word-intro-card span,.word-intro-card p,.word-intro-card small{color:#626798;font-size:13px;font-weight:700;line-height:1.45}.word-check-card{background:#fff;border:1px solid #d9d4ca;border-radius:8px;align-content:center;justify-items:center;gap:12px;width:min(360px,100%);min-height:220px;padding:14px;display:grid;box-shadow:0 10px 30px #151b4f14}.lesson-flow .word-check-card{gap:clamp(10px,2dvh,18px);height:100%;min-height:0;padding:clamp(14px,3vw,24px)}.word-check-card.exercise-correct,.word-check-card.marked-correct{background:#fffdf8;border-color:#efc89a}.word-check-card.exercise-incorrect,.word-check-card.marked-incorrect{background:#fffaf7;border-color:#dfb7aa}.word-check-card.marked-repeat{box-shadow:0 10px 30px #a137311a}.word-check-card-copy{text-align:center;justify-items:center;gap:4px;display:grid}.word-check-card-copy h3{color:#11143d;margin:0;font-size:21px;line-height:1.2}.lesson-flow .word-check-card-copy h3{font-size:clamp(36px,8vw,68px);line-height:1.02}.word-check-card-copy small{color:#626798;font-size:12px;font-weight:750}.word-check-title-row{justify-content:center;align-items:center;gap:10px;display:flex}.word-check-card .word-intro-card{width:100%}.word-translation-proposal{text-align:center;background:#fffaf5;border:1px solid #eadfce;border-radius:8px;justify-items:center;gap:4px;width:100%;padding:12px;display:grid}.word-translation-proposal p,.word-translation-proposal strong{margin:0}.word-translation-proposal strong{color:#11143d;font-size:22px;line-height:1.15}.lesson-flow .word-translation-proposal{padding:clamp(16px,4vw,28px)}.lesson-flow .word-translation-proposal strong{font-size:clamp(30px,7vw,58px);line-height:1.08}.word-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.word-choice-grid button{color:#151b4f;min-height:46px;font:inherit;background:#fff;border:1px solid #d9d4ca;border-radius:8px;padding:8px 10px;font-size:15px;font-weight:850;line-height:1.2}.lesson-flow .word-choice-grid{gap:10px}.lesson-flow .word-choice-grid button{min-height:72px;font-size:clamp(18px,5vw,28px)}.word-choice-grid button.selected{background:#fff4e6;border-color:#f28c38}.word-choice-grid button.correct{background:#fffdf8;border-color:#efc89a}.word-choice-grid button.incorrect{background:#fffaf7;border-color:#dfb7aa}.word-correct-answer{text-align:center;background:#fffaf5;border:1px solid #eadfce;border-radius:8px;justify-items:center;gap:7px;width:100%;padding:10px;display:grid}.word-correct-answer p,.word-correct-answer small,.word-correct-answer strong{margin:0}.word-correct-answer strong{color:#11143d;font-size:23px;line-height:1.05}.lesson-flow .word-correct-answer strong{font-size:clamp(28px,6vw,48px)}.word-correct-answer>small{color:#626798;font-size:12px;font-weight:750}.word-correct-answer .secondary-button{min-height:38px;padding:7px 12px;font-size:13px}.word-check-hint{color:#626798;margin:0;font-size:12px;font-weight:750}.word-check-status{margin:0;font-size:13px}.repeat-text{color:#a13731;font-weight:850}.lesson-flow{z-index:60;width:100%;height:100dvh;min-height:0;padding:max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#fbfaf6;grid-template-rows:auto minmax(0,1fr);align-content:stretch;justify-items:center;gap:8px;display:grid;position:fixed;inset:0;overflow:hidden}.lesson-flow>:not(.lesson-flow-notices){width:min(1040px,100%)}.lesson-flow-notices{z-index:3;top:calc(max(14px, env(safe-area-inset-top)) + 56px);left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute}.lesson-flow-notices:empty{display:none}.lesson-flow-notices .notice{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;width:min(720px,100%);padding:8px 10px;font-size:13px;font-weight:800;box-shadow:0 8px 24px #151b4f14}.lesson-flow-topbar{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;min-height:52px;display:grid}.lesson-flow-back-button{color:#151b4f;background:#fff;border:1px solid #d9d4ca;border-radius:8px;place-items:center;width:44px;height:44px;min-height:0;padding:0;display:inline-grid}.lesson-flow-back-button:hover{background:#fffaf5;border-color:#e1a15d}.lesson-flow-topbar-title{text-align:center;justify-items:center;min-width:0;display:grid}.lesson-flow-topbar-title h1,.lesson-flow-topbar-title p{margin:0}.lesson-flow-topbar-title h1{color:#11143d;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(22px,5vw,34px);line-height:1.06;overflow:hidden}.lesson-flow-topbar-title p{color:#626798;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.2}.lesson-flow-progress-orbit{--lesson-progress-step:0deg;--lesson-progress-activity:0deg;background:conic-gradient(#f28c38 var(--lesson-progress-activity), #eadfce 0);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative}.lesson-flow-progress-orbit:before{border-radius:inherit;background:conic-gradient(#2fbf5c var(--lesson-progress-step), #f3eee5 0);content:"";position:absolute;inset:5px}.lesson-flow-progress-orbit:after{border-radius:inherit;content:"";background:#fffdf8;position:absolute;inset:13px}.lesson-flow-progress-orbit span{z-index:1;color:#151b4f;font-size:10px;font-weight:950;line-height:1;position:relative}.lesson-complete-card{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;justify-items:start;gap:12px;width:min(560px,100%);padding:24px;display:grid}.lesson-complete-actions{flex-wrap:wrap;gap:10px;display:flex}.lesson-vocabulary-added{background:#fbfaf6;border:1px solid #d9d4ca;border-radius:8px;gap:8px;width:100%;padding:14px;display:grid}.word-chip-list{flex-wrap:wrap;gap:8px;display:flex}.word-chip-list span{color:#151b4f;background:#fff;border:1px solid #c8c3b8;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:800}.lesson-complete-card svg{color:#f28c38}.lesson-complete-card h1{color:#11143d;font-size:32px;line-height:1.1}.lesson-complete-card p:not(.eyebrow){color:#626798;font-weight:700}.lesson-part-heading h2{letter-spacing:0;margin:0}.quest-intro-overlay h2,.quest-intro-overlay p,.character-clarification p{margin:0}.quest-intro{justify-items:center;height:100%;min-height:0;display:grid}.quest-intro-card{aspect-ratio:9/16;background:#fbfaf6;border:1px solid #151b4f;border-radius:8px;width:min(100%,560px);height:100%;min-height:0;max-height:100%;margin:0;display:grid;position:relative;overflow:hidden}.quest-intro-card img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.quest-intro-overlay{color:#11143d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffdf86b;border:1px solid #151b4f14;border-radius:8px;gap:12px;padding:16px;display:grid;position:absolute;inset:14px 14px auto;box-shadow:0 12px 34px #11143d0d}.quest-intro-overlay h2,.quest-intro-overlay p{margin:0}.quest-intro-overlay h2{font-size:30px;line-height:1.08}.quest-intro-overlay p:not(.eyebrow){color:#34385f;font-weight:750;line-height:1.45}.quest-supplies{flex-wrap:wrap;gap:8px;display:flex}.quest-supplies span{color:#151b4f;background:#fbfaf6;border:1px solid #c8c3b8;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:850}.quest-scene-image{aspect-ratio:9/16;background:#fbfaf6;border:1px solid #d2c9bb;border-radius:8px;justify-self:center;place-items:center;width:min(100%,320px);margin:0;display:grid;position:relative;overflow:hidden}.quest-scene-image img{object-fit:contain;width:100%;height:100%;display:block}.quest-inline-scene-image{aspect-ratio:9/16;background:#fbfaf6;border:1px solid #d2c9bb;border-radius:8px;justify-self:start;place-items:center;width:min(100%,180px);margin:0;display:grid;overflow:hidden}.quest-inline-scene-image img{object-fit:contain;object-position:center top;width:100%;height:100%;display:block}.quest-layout{grid-template-rows:minmax(0,1fr);gap:0;height:100%;min-height:0;display:grid}.quest-scene-card{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto auto;align-content:start;gap:8px;height:100%;min-height:0;padding:10px;display:grid;overflow:hidden}.directions-final-task{gap:14px;display:grid}.final-dialogue{background:#fbfaf6;border:1px solid #d9d4ca;border-radius:8px;gap:4px;padding:14px;display:grid}.final-dialogue span{color:#626798;font-size:13px;font-weight:800}.final-dialogue strong{color:#11143d;font-size:20px}.final-route-options,.final-gratitude-builder{background:#fff;border:1px solid #d9d4ca;border-radius:8px;gap:10px;margin:0;padding:14px;display:grid}.final-route-options legend,.final-gratitude-builder legend{color:#151b4f;padding:0 4px;font-weight:900}.final-route-options{grid-template-columns:repeat(3,minmax(0,1fr))}.final-route-options legend{grid-column:1/-1}.final-route-options button{color:#11143d;text-align:left;background:#fbfaf6;border:1px solid #c8c3b8;border-radius:8px;gap:6px;min-height:86px;padding:10px;display:grid}.final-route-options button.active{background:#fff4e6;border-color:#f28c38}.final-route-options button strong{font-size:20px;line-height:1}.final-route-options button span{color:#34385f;font-size:13px;font-weight:800;line-height:1.3}.character-clarification{color:#684b12;background:#fff8e8;border:1px solid #dcc075;border-radius:8px;gap:5px;padding:12px;display:grid}.character-clarification span{font-weight:900}.character-clarification p{font-weight:700}.quest-reward-screen{grid-template-columns:minmax(260px,420px) minmax(280px,1fr);align-items:center;gap:18px;display:grid}.quest-reward-card{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;gap:16px;padding:22px;display:grid}.quest-reward-card h1,.quest-reward-card p{margin:0}.quest-reward-card h1{color:#11143d;font-size:34px;line-height:1.08}.quest-reward-card p{color:#34385f;font-weight:700;line-height:1.55}.quest-reward-list{gap:10px;display:grid}.quest-reward-list div{background:#fbfaf6;border:1px solid #d9d4ca;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:grid}.quest-reward-list span{color:#626798;font-size:13px;font-weight:850}.quest-reward-list strong{color:#11143d;text-align:right;font-weight:950}.lesson-flow-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;height:100%;min-height:0;display:grid}.lesson-flow-grid.compact{grid-template-columns:minmax(0,1fr)}.lesson-flow-grid.compact .part-list.compact{display:none}.lesson-part-card{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;grid-template-rows:minmax(0,1fr) auto;align-content:start;gap:8px;height:100%;min-height:0;padding:10px;display:grid;overflow:hidden}.lesson-part-heading,.lesson-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.part-guidance,.form-lock-notice{color:#34385f;background:#fffaf5;border:1px solid #d9d4ca;border-radius:8px;padding:7px 9px;font-size:13px;font-weight:700;line-height:1.35}.status-pill{color:#34385f;background:#fff;border:1px solid #d9d4ca;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-completed{color:#151b4f;background:#fff4e6;border-color:#efc89a}.status-in_progress{color:#725b16;background:#fff8e6;border-color:#c4a65d}.answer-form{grid-template-rows:minmax(0,1fr) auto auto;gap:8px;height:100%;min-height:0;display:grid}.answer-form>*{min-height:0}.lesson-part-body{overscroll-behavior:contain;align-content:start;gap:10px;min-height:0;display:grid;overflow-y:auto}.answer-kind-reading .lesson-part-body,.answer-kind-sentences .lesson-part-body,.answer-kind-words .lesson-part-body{grid-template-rows:minmax(0,1fr);align-content:stretch;overflow:hidden}.swipe-card-shell{--swipe-card-edge-size:clamp(42px, 14vw, 76px);position:relative}.swipe-card-shell:before,.swipe-card-shell:after{z-index:4;width:var(--swipe-card-edge-size);opacity:0;pointer-events:none;content:"";border-radius:8px;transition:opacity .16s;position:absolute;top:10px;bottom:10px}.swipe-card-shell:before{background:linear-gradient(90deg,#f28c3833,#fffdf800);left:0}.swipe-card-shell:after{background:linear-gradient(270deg,#f28c3833,#fffdf800);right:0}.swipe-card-shell.can-swipe-backward:before,.swipe-card-shell.can-swipe-forward:after{opacity:1}.swipe-nav-controls{z-index:6;pointer-events:none;position:absolute;inset:0}.swipe-nav-button{color:#151b4f;cursor:pointer;opacity:.72;pointer-events:auto;background:#fffdf8b8;border:1px solid #d9d4ca9e;border-radius:999px;place-items:center;width:42px;height:56px;transition:background .16s,opacity .16s,transform .16s;display:inline-grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 26px #151b4f1f}.swipe-nav-button:hover,.swipe-nav-button:focus-visible{opacity:1;background:#fffdf8f0;transform:translateY(-50%)scale(1.04)}.swipe-nav-button:disabled{cursor:default;opacity:0;pointer-events:none}.swipe-nav-button-back{left:8px}.swipe-nav-button-forward{right:8px}@media (hover:none) and (pointer:coarse){.swipe-nav-controls{display:none}}.swipe-card-cue{z-index:5;opacity:.84;pointer-events:none;background:#fffdf8c7;border:1px solid #d9d4ca94;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:min(156px,46%);min-height:24px;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #151b4f1a}.swipe-card-cue span{background:#d9d4ca;border-radius:999px;width:7px;height:7px}.swipe-card-cue span:nth-child(2){background:#efc89a;width:34px;height:7px;position:relative;overflow:hidden}.swipe-card-cue span:nth-child(2):after{border-radius:inherit;content:"";background:linear-gradient(90deg,#f28c3800,#f28c38d1,#f28c3800);animation:1.45s ease-in-out infinite swipe-cue-glide;position:absolute;inset:0}@keyframes swipe-cue-glide{0%{transform:translate(-85%)}50%{transform:translate(85%)}to{transform:translate(-85%)}}@media (prefers-reduced-motion:reduce){.swipe-card-cue span:nth-child(2):after{opacity:.7;animation:none}}.dialogue-study{background:#fffaf5;border:1px solid #d9d4ca;border-radius:8px;gap:10px;padding:14px;display:grid}.dialogue-line-card{background:#fff;border:1px solid #eadfce;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;max-width:min(680px,100%);padding:10px 12px;display:grid}.dialogue-line-card:nth-child(2n){background:#f3f9fc;justify-self:end}.dialogue-line-card strong,.dialogue-gap-card strong{color:#626798;text-transform:uppercase;font-size:12px;font-weight:900}.dialogue-line-card p,.dialogue-gap-card p{color:#11143d;margin:2px 0 0;font-weight:850;line-height:1.45}.dialogue-line-card small,.dialogue-gap-card small{color:#626798;font-size:13px;font-weight:700;line-height:1.4}.listening-question-card,.dialogue-gap-card{background:#fbfaf6;border:1px solid #d9d4ca;border-radius:8px;gap:8px;padding:10px 12px;display:grid}.listening-question-card{grid-template-columns:auto minmax(0,1fr);align-items:center}.listening-question-card span{color:#34385f;font-weight:800}.dialogue-gap-card mark{color:#151b4f;background:#fff4e6;border:1px dashed #f28c38;border-radius:6px;min-width:72px;margin:0 4px;padding:2px 8px;display:inline-block}.answer-mode-matching .exercise-item{grid-template-columns:minmax(180px,.9fr) minmax(0,1.4fr);align-items:center}.answer-mode-matching .exercise-item legend,.answer-mode-matching .answer-feedback{grid-column:1/-1}.reading-text{color:#151b4f;background:#fffaf5;border:1px solid #d9d4ca;border-radius:6px;gap:8px;max-height:min(260px,30dvh);margin:0;padding:12px;font-size:15px;font-weight:700;line-height:1.5;display:grid;overflow-y:auto}.reading-part{grid-template-rows:auto minmax(0,1fr);gap:8px;height:100%;min-height:0;display:grid}.reading-question-deck{grid-template-rows:minmax(0,1fr);justify-items:center;gap:8px;height:100%;min-height:0;display:grid}.reading-question-card{touch-action:pan-y;align-content:center;width:min(720px,100%);height:100%;min-height:0;position:relative;overflow:hidden}.reading-question-card legend{color:#e1a15d;font-size:12px;font-weight:900}.reading-question-card h3{color:#11143d;text-align:center;margin:0;font-size:clamp(20px,4vw,30px);line-height:1.15}.sentence-card-deck{grid-template-rows:minmax(0,1fr);justify-items:center;height:100%;min-height:0;display:grid}.sentence-exercise-card{touch-action:pan-y;grid-template-rows:minmax(0,1fr);align-items:center;width:min(720px,100%);height:100%;min-height:0;display:grid;overflow:hidden}.sentence-exercise-card .exercise-item{grid-template-rows:auto minmax(76px,auto) auto;align-content:center;gap:clamp(16px,3vw,24px);width:100%;min-height:min(420px,100%);padding:clamp(18px,5vw,34px)}.sentence-exercise-card .exercise-item legend{white-space:normal;max-width:min(640px,100%);font-size:clamp(22px,5vw,34px);line-height:1.12}.sentence-exercise-card .assembled-answer{min-height:64px;padding:12px 14px;font-size:clamp(18px,4vw,24px)}.sentence-exercise-card .assembled-answer:empty{min-height:64px}.sentence-exercise-card .assembled-answer span{font-size:clamp(16px,3.6vw,20px)}.sentence-exercise-card .assembled-answer button,.sentence-exercise-card .token-row button{min-height:44px;padding:8px 12px;font-size:clamp(18px,4vw,24px)}.sentence-exercise-card .token-row{justify-content:center;gap:10px}.reading-paragraph{gap:8px;display:grid}.reading-line{margin:0}.reading-dialogue-line{border-left:3px solid #efc89a;padding-left:12px}.reading-word-wrap{vertical-align:baseline;display:inline-block;position:relative}.reading-word{color:inherit;cursor:pointer;font:inherit;font-weight:inherit;background:0 0;border:0;border-radius:4px;margin:0;padding:0 1px;text-decoration:none;display:inline}.reading-word:hover,.reading-word.active{color:#151b4f;background:#fff4e6}.reading-word.reading-word-playing{--reading-playback-strength:0;background-image:linear-gradient(90deg, rgb(158 194 130/calc(var(--reading-playback-strength) * .35)), rgb(183 215 157/calc(var(--reading-playback-strength) * .9)), rgb(223 240 210/calc(var(--reading-playback-strength) * .35)));background-position:50% 100%;background-repeat:no-repeat;background-size:100% calc(.12em + .18em * var(--reading-playback-strength));color:inherit;transition:background-size .26s linear,background-image .26s linear}.reading-word:focus-visible{outline-offset:2px;outline:2px solid #f28c38}.reading-translation{z-index:5;color:#11143d;white-space:normal;background:#fffdf8;border:1px solid #efc89a;border-radius:6px;gap:7px;width:max-content;max-width:min(280px,80vw);padding:7px 9px;font-size:13px;font-weight:800;line-height:1.35;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #151b4f29}.reading-translation-header{grid-template-columns:minmax(0,1fr) 26px;align-items:start;gap:8px;display:grid}.reading-close-button{color:#34385f;background:#fff;border:1px solid #d4d0c6;border-radius:6px;place-items:center;width:26px;height:26px;display:inline-grid}.reading-close-button:hover{color:#151b4f;background:#fffaf5;border-color:#e1a15d}.reading-save-button{color:#151b4f;background:#fff4e6;border:1px solid #efc89a;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:28px;font-size:12px;font-weight:850;display:inline-flex}.reading-save-button:disabled{cursor:default;opacity:.78}.reading-save-error{color:#9d3d31;font-size:12px;font-weight:800}.exercise-item{background:#fff;border:1px solid #d9d4ca;border-radius:8px;gap:10px;margin:0;padding:14px;display:grid}.exercise-item.exercise-correct{background:#fffdf8;border-color:#efc89a}.exercise-item.exercise-incorrect{background:#fffaf7;border-color:#dfb7aa}.exercise-item legend{color:#151b4f;padding:0 4px;font-weight:800}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.choice-option{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.choice-grid button:not(.vocabulary-audio-button){color:#11143d;background:#fbfaf6;border:1px solid #c8c3b8;border-radius:6px;min-height:40px;font-weight:800}.choice-grid button:not(.vocabulary-audio-button).active,.choice-grid button:not(.vocabulary-audio-button).expected{background:#fff4e6;border-color:#f28c38}.choice-grid button:not(.vocabulary-audio-button).incorrect{background:#fff0ec;border-color:#bf5d4f}.assembled-answer,.token-row{flex-wrap:wrap;gap:6px;display:flex}.assembled-answer{background:#fbfaf6;border:1px dashed #c8c3b8;border-radius:8px;align-items:center;min-height:44px;padding:8px}.assembled-answer span{color:#626798;font-size:13px;font-weight:700}.assembled-answer button,.token-row button{color:#11143d;background:#f6f4ef;border:1px solid #d9d4ca;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:800}.assembled-answer button{background:#fff4e6;border-color:#f28c38}.token-row button:disabled{opacity:.45}.answer-feedback,.inline-result{align-items:center;gap:6px;margin:0;font-size:13px;font-weight:800;display:inline-flex}.answer-feedback{padding-top:2px}.result-banner,.unsupported-state{color:#7c3229;background:#fff5f1;border:1px solid #dfb7aa;border-radius:8px;gap:4px;padding:12px;display:grid}.result-banner.passed{color:#151b4f;background:#fff4e6;border-color:#efc89a}.result-banner strong{font-size:16px}.result-banner p{color:inherit;margin:0;font-weight:700}.answer-submit-row{justify-items:center;min-height:52px;display:grid;position:relative}.speech-practice-list{gap:12px;display:grid}.speech-practice-card{background:#fbfcff;border:1px solid #d8dce8;border-radius:8px;gap:10px;padding:14px;display:grid}.speech-practice-card.speech-status-accepted{background:#f3fbf5;border-color:#b8dfc5}.speech-practice-header{grid-template-columns:28px 1fr;align-items:start;gap:10px;display:grid}.speech-practice-index{color:#fff;background:#151b4f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-grid}.speech-practice-header h3,.speech-character-line,.speech-target,.speech-transcript,.speech-feedback{margin:0}.speech-practice-header h3{font-size:18px;line-height:1.25}.speech-character-line{color:#151b4f;font-weight:800}.speech-target{color:#d46a28;font-size:22px;font-weight:900}.speech-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.speech-record-button{justify-content:center;min-width:132px}.speech-transcript{color:#323b5f;background:#f1f3f8;border-radius:8px;padding:8px 10px;font-weight:700}.speech-feedback{color:#7c3229;align-items:center;gap:6px;font-weight:800;display:flex}.speech-feedback.success{color:#1f7a3c}@media (width<=980px){.lesson-flow-grid,.answer-mode-matching .exercise-item,.quest-layout,.quest-reward-screen{grid-template-columns:1fr}}@media (width<=640px){.lesson-complete-card{gap:8px;padding:14px}.lesson-complete-card>svg{width:26px;height:26px}.lesson-complete-card h1{font-size:30px}.lesson-complete-card p:not(.eyebrow){font-size:15px;line-height:1.3}.lesson-vocabulary-added{gap:6px;padding:10px}.word-chip-list{gap:6px}.word-chip-list span{padding:4px 7px;font-size:12px}.word-chip-list span:nth-child(n+6){display:none}.lesson-complete-actions{gap:7px}.final-route-options{grid-template-columns:1fr}.quest-scene-image{aspect-ratio:9/16;width:min(50vw,190px);height:auto}.quest-inline-scene-image{aspect-ratio:9/16;width:min(32vw,128px);height:auto}.quest-intro-card{width:100%;min-height:0}.quest-intro-overlay{padding:12px;inset:10px 10px auto}}:root{color:#11143d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#faf9ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-screen{background-color:#0000;background-image:linear-gradient(#f4f2eeeb,#f4f2eefa),url(/backgrounds/serbian-a1/main-background.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-panel{background:#fffdf8;border:1px solid #d4d0c6;border-radius:8px;gap:16px;width:min(420px,100vw - 32px);padding:24px;display:grid;box-shadow:0 18px 50px #151b4f24}.login-panel h1,.lesson-header h1,.editor-toolbar h2,.section-heading h1{letter-spacing:0;margin:0}.login-panel label,.version-field,.onboarding-panel label{color:#34385f;gap:6px;font-size:13px;font-weight:700;display:grid}.login-panel input,.version-field input,.exercise-item input,select{color:#11143d;background:#fff;border:1px solid #c8c3b8;border-radius:6px;min-height:38px;padding:8px 10px;font-size:16px}.segmented-control{background:#f6f4ef;border:1px solid #d9d4ca;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented-control button{background:0 0;min-height:34px}.app-shell{background:#faf9ff;grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:100vh;display:grid}.topbar{z-index:20;background:#fffdf8;border-bottom:1px solid #d9d4ca;justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;display:flex;position:sticky;top:0}.brand,.topbar-actions,.panel-title,.primary-button{align-items:center;display:inline-flex}.brand{gap:9px;font-weight:800}.build-version{color:#626798;text-overflow:ellipsis;white-space:nowrap;border:1px solid #d9d4ca;border-radius:999px;align-items:center;max-width:120px;min-height:20px;padding:2px 7px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;overflow:hidden}.topbar-actions{gap:10px}.topbar-nav{background:#f6f4ef;border:1px solid #d9d4ca;border-radius:8px;align-items:center;gap:4px;padding:4px;display:inline-flex}.topbar-nav a,.segmented-control button{color:#34385f;border:0;border-radius:6px;font-weight:800;text-decoration:none}.topbar-nav a{padding:5px 10px;font-size:13px}.topbar-nav a.active,.segmented-control button.active{color:#fff;background:#151b4f}.user-chip{color:#11143d;justify-items:end;font-size:13px;font-weight:700;display:grid}.user-chip small,.nav-row small,.lesson-header p,.lesson-header dt,.lesson-header dd{color:#626798;font-size:12px;font-weight:600}.icon-button{color:#151b4f;background:#fff;border:1px solid #c8c3b8;border-radius:6px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover,.nav-row:hover{background:#fffaf5;border-color:#e1a15d}.vocabulary-audio-button{color:#f28c38;width:30px;height:30px;margin:2px 0}.reading-audio-section{gap:10px;display:grid}.lesson-audio-button{color:#f28c38;width:34px;height:34px}.offline-sync-status{color:#151b4f;border-bottom:1px solid #d9d4ca;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:7px 16px;font-size:13px;font-weight:800;display:flex}.offline-sync-status strong{font:inherit}.offline-sync-status.offline,.offline-sync-status.failed{color:#8d302b;background:#fff1ef;border-color:#e3c7c3}.offline-sync-status.pending{color:#684b12;background:#fff8e8}.offline-sync-status.syncing{color:#244f73;background:#eef6ff}.offline-sync-status.syncing svg{animation:1s linear infinite spin}.offline-sync-status.synced{color:#151b4f;background:#fff4e6}.text-button{min-height:28px;color:inherit;background:0 0;border:1px solid;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:900}@keyframes spin{to{transform:rotate(360deg)}}.workspace{grid-template-columns:minmax(220px,260px) minmax(200px,240px) minmax(220px,260px) 1fr;min-height:calc(100vh - 56px);display:grid}.workspace.is-route-map-admin{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.workspace.is-route-map-admin .middle-pane{display:none}.sidebar,.middle-pane,.content-pane,.part-list,.editor-pane{min-width:0}.sidebar,.middle-pane{background:#fbfaf6;border-right:1px solid #d9d4ca}.sidebar,.middle-pane,.part-list{align-content:start;gap:8px;padding:14px;display:grid}.panel-title{color:#34385f;justify-content:space-between;gap:8px;min-height:34px;font-size:13px;font-weight:800}.admin-map-shortcut{color:#151b4f;background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:36px;padding:8px 10px;font-size:13px;font-weight:900;display:inline-flex}.admin-map-shortcut.active{background:#fff4e6;border-color:#e1a15d}.nav-row{color:#11143d;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-items:start;gap:3px;width:100%;min-height:54px;padding:9px 10px;display:grid}.nav-row span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.nav-row.active{background:#fff4e6;border-color:#e1a15d}.content-tree-row{border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px;display:grid}.content-tree-row.active{background:#fff4e6;border-color:#e1a15d}.content-tree-row .nav-row{min-height:48px;padding:7px 8px}.content-tree-row .nav-row.active{background:0 0;border-color:#0000}.status-select{max-width:118px;min-height:32px;font-size:12px;font-weight:900}.status-select.status-published{color:#151b4f;background:#fff4e6;border-color:#efc89a}.status-select.status-draft{color:#684b12;background:#fff8e8;border-color:#dcc075}.status-select.status-archived{color:#8d302b;background:#fff1ef;border-color:#d5b2ad}.admin-context-bar{color:#34385f;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.admin-context-bar>div{align-items:center;gap:8px;min-width:0;display:flex}.admin-view-switch{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;padding:3px}.admin-view-switch button{color:#626798;background:0 0;border:0;border-radius:6px;gap:6px;min-height:30px;padding:5px 9px;font-size:12px;font-weight:900}.admin-view-switch button.active{color:#151b4f;background:#fff4e6}.content-pane{align-content:start;gap:16px;padding:18px;display:grid}.user-workspace{align-content:start;justify-items:center;min-height:calc(100vh - 56px);padding:28px 18px;display:grid}.onboarding-panel{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;gap:18px;width:min(620px,100%);padding:24px;display:grid}.section-heading{gap:4px;display:grid}.section-heading h1{color:#11143d;font-size:28px;line-height:1.15}.timezone-row{color:#34385f;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.settings-actions{flex-wrap:wrap;gap:10px;display:flex}.home-screen{width:min(980px,100%)}.home-stage{background:#fffdf8;border:1px solid #d2c9bb;border-radius:8px;align-content:space-between;gap:18px;min-height:min(760px,100dvh - 112px);padding:26px 24px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #11143d29}.home-stage:before,.home-stage:after{content:"";pointer-events:none;position:absolute;inset:0}.home-stage:before{z-index:1;background:linear-gradient(#09102b8a 0%,#09102b2e 34%,#09102b00 58%),linear-gradient(#09102b00 45%,#09102b3d 72%,#09102bb3 100%)}.home-stage:after{z-index:1;box-shadow:inset 0 0 0 1px #ffffff47}.home-scene-canvas{pointer-events:none;position:absolute;inset:0}.home-scene-backdrop,.home-scene-items{position:absolute;inset:0}.home-scene-backdrop{z-index:0;width:100%;height:100%}.home-scene-items{z-index:2}.home-scene-item{cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;display:block;position:absolute;transform:translate(-50%,-100%)}.home-scene-item:focus-visible{outline-offset:6px;outline:3px solid #ff9a3d}.home-scene-item.is-dragging{cursor:grabbing}.home-scene-item img{pointer-events:none;width:100%;height:auto;display:block}.home-hero-copy{z-index:3;gap:10px;max-width:620px;padding-top:2px;display:grid;position:relative}.home-hero-copy h1,.home-hero-copy p{margin:0}.home-hero-copy h1{color:#fffdf8;text-shadow:0 2px 16px #09102b7a;font-size:clamp(30px,4vw,46px);line-height:1.08}.home-hero-copy p{color:#fffdf8;text-shadow:0 2px 12px #09102b80;max-width:560px;font-weight:750;line-height:1.55}.home-dashboard{z-index:3;justify-content:flex-end;gap:8px;max-width:min(310px,100% - 44px);display:flex;position:absolute;top:22px;right:22px}.home-dashboard article{color:#11143d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8e6;border:1px solid #ffffff6b;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:8px 10px;display:inline-flex;box-shadow:0 14px 36px #09102b2e}.home-dashboard article>div{gap:1px;display:grid}.home-dashboard span{color:#626798;font-size:11px;font-weight:850;line-height:1.1}.home-dashboard strong{color:#11143d;white-space:nowrap;font-size:15px;line-height:1.15}.home-actions-panel{z-index:3;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;align-self:end;min-width:0;margin-inline:-4px;padding:10px 4px 4px;position:relative;overflow-x:auto}.home-actions-panel::-webkit-scrollbar{display:none}.home-actions{background:0 0;border:1px solid #0000;border-radius:8px;gap:10px;min-width:max-content;padding:8px;display:inline-flex}.home-actions button{color:#151b4f;white-space:nowrap;scroll-snap-align:start;background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:140px;min-height:52px;padding:10px 14px;font-weight:900;display:inline-flex}.home-actions button:hover{background:#fff4e6;border-color:#e1a15d}.route-map-workspace{background-color:#0000;background-image:linear-gradient(#faf9ff6b,#f4f0e780),url(/backgrounds/serbian-a1/main-background.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-content:stretch;justify-items:stretch;height:100%;min-height:0;padding:0;position:relative;overflow:hidden}.route-map-screen{background:0 0;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;max-height:100%;display:grid;position:relative;overflow:hidden}.belgrade-map-viewport{cursor:grab;overscroll-behavior:contain;scrollbar-width:none;touch-action:manipulation;height:100%;min-height:0;position:relative;overflow:auto}.belgrade-map-viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.belgrade-map-viewport::-webkit-scrollbar{display:none}.belgrade-map-canvas{--route-map-bottom-safe-area:220px;width:var(--map-width);min-height:calc(var(--map-height) + var(--route-map-bottom-safe-area));background:0 0;margin-inline:auto;position:relative;overflow:hidden}.route-map-district-layer{z-index:1;width:var(--map-width);height:var(--map-height);pointer-events:none;position:absolute;top:0;left:0}.route-map-district{opacity:.58;mix-blend-mode:multiply;border:1px solid #ffffff2e;border-radius:999px;place-items:center;display:grid;position:absolute}.route-map-district span{color:#151b4f7a;letter-spacing:.08em;text-transform:uppercase;font-size:15px;font-weight:950;line-height:1;transform:rotate(-3deg)}.route-map-district-river{background:#7ecde62e;box-shadow:inset 0 0 34px #7ecde633}.route-map-district-park{background:#99cd8b33;box-shadow:inset 0 0 34px #6ca6672e}.route-map-district-center{background:#ffe29929;box-shadow:inset 0 0 34px #dbad5429}.route-map-district-market{background:#ffb37029;box-shadow:inset 0 0 34px #e0844c29}.route-map-district-home{background:#ba9fe026;box-shadow:inset 0 0 34px #8f72bf26}.route-map-lines{width:var(--map-width);height:var(--map-height);pointer-events:none;position:absolute;top:0;left:0}.route-map-line-base,.route-map-line-completed,.route-map-line-side,.route-map-line-bonus{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-map-lines{z-index:2;filter:drop-shadow(0 3px 6px #4f371524)}.route-map-line-base{stroke:#d7ad6a;stroke-width:12px;opacity:.62}.route-map-line-completed{stroke:#f28c38;stroke-width:7px;opacity:.94}.route-map-line-side{stroke:#b98add;stroke-dasharray:4 15;stroke-width:7px;opacity:.72}.route-map-line-bonus{stroke:#ffb65f;stroke-dasharray:4 15;stroke-width:7px;opacity:.76}.route-map-node{z-index:4;color:#151b4f;cursor:pointer;text-align:center;background:0 0;border:0;justify-items:center;width:140px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.route-map-node:before{content:"";z-index:0;filter:blur(1px);background:#222d5229;border-radius:999px;width:92px;height:19px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.route-map-node:focus-visible{outline:0}.route-map-node:focus-visible .route-map-node-marker{outline-offset:4px;outline:4px solid #ff9a3db3}.route-map-node-marker{z-index:1;color:#151b4f;letter-spacing:0;background:#ffe38a;border:5px solid #4eb8f2;border-radius:999px;place-items:center;width:72px;height:72px;font-size:15px;font-weight:950;line-height:1;display:grid;position:relative;box-shadow:0 8px 18px #151b4f29}.route-map-story-count{z-index:2;color:#fff;background:#151b4f;border:2px solid #fffdf8;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:11px;font-weight:950;line-height:1;display:grid;position:absolute;top:9px;right:22px;box-shadow:0 5px 12px #151b4f2e}.route-map-node-current .route-map-node-marker{border-color:#0798e8;width:86px;height:86px;box-shadow:0 14px 28px #0798e847}.route-map-node-current:before{background:#0798e833;width:108px;height:23px;top:66px}.route-map-node-completed .route-map-node-marker{background:#ecf9f0;border-color:#2fbf5c;box-shadow:0 0 0 5px #2fbf5c3d,0 10px 22px #2fbf5c33}.route-map-node-completed .route-map-node-marker:after{content:"";pointer-events:none;border:4px solid #2fbf5c;border-radius:999px;position:absolute;inset:-12px;box-shadow:0 0 0 3px #fffdf8db}.route-map-node-available .route-map-node-marker{border-color:#e1a15d}.route-map-node.is-preview .route-map-node-marker{color:#7c8798;background:#eef1f5;border-color:#c9d0da}.route-map-node-side .route-map-node-marker{background:#f8e6ff;border-color:#c69af8;width:66px;height:66px}.route-map-node-bonus .route-map-node-marker{background:#fff0d9;border-color:#ffb65f;border-radius:18px}.route-map-node-locked .route-map-node-marker{color:#151b4f;background:#fff5cd;border-color:#e1a15d}.route-map-node:not(.route-map-node-completed) .route-map-node-marker{filter:grayscale()saturate(.08)}.route-map-node-current:not(.route-map-node-completed) .route-map-node-marker{color:#34394f;background:#f3f2ee;border-color:#151b4f;box-shadow:0 0 0 5px #151b4f29,0 14px 28px #151b4f33}.route-map-node.is-selected .route-map-node-marker{outline-offset:4px;outline:4px solid #ffcc35b8}.route-map-node.is-arriving .route-map-node-marker{animation:.56s ease-in-out infinite alternate route-map-arrival-pulse}.route-map-node-marker-bus-stop,.route-map-node-current .route-map-node-marker-bus-stop,.route-map-node-available .route-map-node-marker-bus-stop,.route-map-node-completed .route-map-node-marker-bus-stop,.route-map-node-locked .route-map-node-marker-bus-stop{width:78px;height:68px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.route-map-node-marker-bus-stop:before{content:"";filter:blur(1px);background:#151b4f2e;border-radius:999px;width:68px;height:10px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.route-map-node.is-selected .route-map-node-marker-bus-stop{filter:drop-shadow(0 0 .48rem #ffcc35bf);outline:0}.route-map-node:not(.route-map-node-completed).is-selected .route-map-node-marker-bus-stop{filter:grayscale()saturate(.08)drop-shadow(0 0 .48rem #ffcc35bf)}.route-map-node.is-arriving .route-map-node-marker-bus-stop{animation:.56s ease-in-out infinite alternate route-map-arrival-object-pulse}.route-map-bus-stop-sign,.route-map-bus-stop-roof,.route-map-bus-stop-post,.route-map-bus-stop-panel,.route-map-bus-stop-bench{position:absolute}.route-map-bus-stop-sign{z-index:3;color:#fff;background:#0798e8;border:3px solid #fff;border-radius:999px;place-items:center;width:29px;height:20px;font-size:8px;font-weight:950;line-height:1;display:grid;top:0;left:7px;box-shadow:0 5px 10px #151b4f2e}.route-map-bus-stop-roof{z-index:2;background:linear-gradient(#2e3740,#151b22);border-radius:7px 7px 2px 2px;width:54px;height:9px;top:19px;right:8px;box-shadow:0 4px 8px #151b4f33}.route-map-bus-stop-post{z-index:1;background:#2e3740;border-radius:999px;width:5px;height:45px;top:17px;left:21px}.route-map-bus-stop-panel{z-index:1;background:linear-gradient(90deg,#ffffffc2,#e8f7ffe6),linear-gradient(135deg,#0000 0 45%,#0798e847 45% 55%,#0000 55%);border:3px solid #2e3740;border-radius:5px;width:42px;height:27px;top:28px;right:13px}.route-map-bus-stop-bench{z-index:2;background:#e1a15d;border-radius:999px;width:38px;height:6px;bottom:8px;right:12px;box-shadow:-12px 8px 0 -2px #2e3740,12px 8px 0 -2px #2e3740}.route-map-node-label{z-index:1;color:#fff;background:#0798e8;border-radius:8px;gap:2px;min-width:118px;max-width:142px;margin-top:-6px;padding:7px 10px;display:grid;position:relative;box-shadow:0 7px 14px #0798e833}.route-map-node-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:950;line-height:1.1;overflow:hidden}.route-map-node.has-object-marker .route-map-node-label{display:none}.route-map-node-completed .route-map-node-label{background:#5fbd86}.route-map-node-locked .route-map-node-label,.route-map-node.is-preview .route-map-node-label{background:#b28d63}.route-map-node-side .route-map-node-label{background:#a86ce8}.route-map-node-bonus .route-map-node-label{background:#ff994f}.route-map-node-locked .route-map-node-label{background:#b28d63}.route-map-node-progress{z-index:1;color:#8790a8;opacity:.72;margin-top:3px;font-size:11px;font-weight:900;position:relative}.route-map-discovery{z-index:3;color:#151b4f;cursor:pointer;text-align:center;background:0 0;border:0;justify-items:center;width:92px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.route-map-discovery-marker{letter-spacing:0;background:#ffffffbd;border:3px solid #ffffffdb;border-radius:999px;place-items:center;width:42px;height:42px;font-size:10px;font-weight:950;line-height:1;display:grid;position:relative;box-shadow:0 8px 18px #151b4f24,0 0 0 3px #151b4f1a}.route-map-discovery-marker-kiosk{width:56px;height:54px;box-shadow:none;color:#fff;background:0 0;border:0;border-radius:0;overflow:visible}.route-map-discovery-marker-kiosk:before{content:"";filter:blur(1px);background:#151b4f2e;border-radius:999px;width:48px;height:9px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.route-map-kiosk-roof,.route-map-kiosk-awning,.route-map-kiosk-sign,.route-map-kiosk-side,.route-map-kiosk-window,.route-map-kiosk-shelf,.route-map-kiosk-counter{position:absolute;left:50%;transform:translate(-50%)}.route-map-kiosk-roof{z-index:2;color:#fff;letter-spacing:0;background:#e90918;border-radius:8px 8px 3px 3px;place-items:center;width:48px;height:18px;font-size:9px;font-weight:950;line-height:1;display:grid;top:0;box-shadow:0 4px 8px #151b4f29}.route-map-kiosk-sign{z-index:3;background:linear-gradient(#2a3034,#11171b);border-radius:2px;width:56px;height:7px;font-size:0;top:18px;box-shadow:0 3px 5px #151b4f38}.route-map-kiosk-side{z-index:1;background:linear-gradient(#2a3034,#151a1f);border-radius:1px;width:8px;height:25px;top:25px}.route-map-kiosk-side-left{margin-left:-21px}.route-map-kiosk-side-right{margin-left:21px}.route-map-kiosk-awning{z-index:4;background:radial-gradient(circle at 4px 0,#e90918 0 5px,#0000 5px),radial-gradient(circle at 10px 0,#e90918 0 5px,#0000 5px),radial-gradient(circle at 16px 0,#e90918 0 5px,#0000 5px),radial-gradient(circle at 22px 0,#e90918 0 5px,#0000 5px),linear-gradient(#e90918,#e90918);border-radius:0 0 6px 6px;width:28px;height:8px;top:24px}.route-map-kiosk-window{z-index:2;background:linear-gradient(90deg,#e90918 0 29%,#fff 29% 38%,#3491d5 38% 58%,#5abf45 58% 77%,#d9bc7c 77% 100%);border:3px solid #1d252b;border-radius:3px;width:28px;height:17px;top:28px}.route-map-kiosk-shelf{z-index:5;background:#1d252b;border-radius:999px;width:25px;height:3px}.route-map-kiosk-shelf-top{top:35px}.route-map-kiosk-shelf-bottom{top:43px}.route-map-kiosk-counter{z-index:3;background:linear-gradient(#2a3034,#11171b);border-radius:2px;width:48px;height:6px;bottom:0}.route-map-discovery-label{color:#5b6380;background:#ffffffc7;border-radius:999px;max-width:92px;margin-top:-3px;padding:4px 7px;font-size:10px;font-weight:900;line-height:1.1;box-shadow:0 5px 12px #151b4f1a}.route-map-discovery.has-object-marker .route-map-discovery-label{display:none}.route-map-discovery.is-selected .route-map-discovery-marker{outline-offset:3px;outline:4px solid #ffcc35a8}.route-map-discovery.is-selected .route-map-discovery-marker-kiosk{filter:drop-shadow(0 0 .45rem #ffcc35b8);outline:0;transform:translateY(-2px)}@keyframes route-map-arrival-pulse{0%{outline-offset:3px;outline-color:#ffcc3580;transform:translateY(0)}to{outline-offset:7px;outline-color:#ff9a3dc7;transform:translateY(-2px)}}@keyframes route-map-arrival-object-pulse{0%{filter:drop-shadow(0 0 .2rem #ffcc3570);transform:translateY(0)}to{filter:drop-shadow(0 0 .55rem #ff9a3dc2);transform:translateY(-2px)}}.route-map-goose-actor{--route-map-goose-direction:1;--route-map-goose-walk-duration:.9s;--route-map-goose-step-duration:1.08s;--route-map-goose-walk-easing:linear;z-index:5;pointer-events:none;width:92px;height:118px;transition:left var(--route-map-goose-walk-duration) var(--route-map-goose-walk-easing), top var(--route-map-goose-walk-duration) var(--route-map-goose-walk-easing), transform .18s ease;place-items:center;display:grid;position:absolute;transform:translate(-50%,-76%)}.route-map-goose-shadow{filter:blur(4px);transform-origin:50%;background:#151b4f38;border-radius:999px;height:12px;position:absolute;bottom:0;left:19px;right:19px}.route-map-goose-avatar{filter:drop-shadow(0 10px 14px #151b4f38);transform-origin:50% 86%;place-items:center;width:92px;height:118px;transition:transform .18s;display:grid;position:relative}.route-map-goose-actor.is-facing-left{--route-map-goose-direction:-1}.route-map-goose-actor.is-facing-left .route-map-goose-avatar{transform:scaleX(var(--route-map-goose-direction))}.route-map-goose-base,.route-map-goose-walk-sprite,.route-map-goose-attack-sprite{z-index:1;grid-area:1/1;width:92px;height:118px;position:relative}.route-map-goose-base{object-fit:contain;opacity:1}.route-map-goose-walk-sprite{opacity:0;background-image:url(/mascots/guska-mascot-walk.png);background-position:0 0;background-repeat:no-repeat;background-size:600% 100%;align-self:end;width:72px;height:110px;display:block}.route-map-goose-attack-sprite{opacity:0;background-image:url(/mascots/guska-mascot-attack.png);background-position:0 0;background-repeat:no-repeat;background-size:600% 100%;align-self:end;width:112px;height:74px;display:block}.route-map-goose-body{transform-origin:50% 86%;place-items:center;width:92px;height:118px;display:grid;position:relative}.route-map-goose-actor.is-walking{transform:translate(-50%,-76%)scale(1.015)}.route-map-goose-actor.is-walking:not(.is-attack) .route-map-goose-base{opacity:0}.route-map-goose-actor.is-walking:not(.is-attack) .route-map-goose-walk-sprite{opacity:1;animation:route-map-goose-walk-sprite var(--route-map-goose-step-duration) steps(6) infinite}.route-map-goose-actor.is-walking:not(.is-attack) .route-map-goose-body{animation:route-map-goose-walk-body var(--route-map-goose-step-duration) ease-in-out infinite}.route-map-goose-actor.is-walking .route-map-goose-shadow{animation:route-map-goose-shadow-step var(--route-map-goose-step-duration) ease-in-out infinite}.route-map-goose-actor.is-walking .route-map-goose-wearable-scarf{animation:route-map-goose-scarf-flutter var(--route-map-goose-step-duration) ease-in-out infinite}.route-map-goose-actor.is-attack{--route-map-goose-walk-easing:linear;--route-map-goose-step-duration:.24s;transform:translate(-50%,-76%)scale(1.02)}.route-map-goose-actor.is-attack .route-map-goose-base,.route-map-goose-actor.is-attack .route-map-goose-walk-sprite,.route-map-goose-actor.is-attack .route-map-goose-wearable{opacity:0}.route-map-goose-actor.is-attack .route-map-goose-attack-sprite{opacity:1;animation:route-map-goose-attack-sprite var(--route-map-goose-step-duration) steps(6) infinite}.route-map-goose-actor.is-attack.is-walking .route-map-goose-shadow{animation:route-map-goose-attack-shadow var(--route-map-goose-step-duration) ease-in-out infinite}.route-map-goose-wearable{z-index:2;display:block;position:absolute}.route-map-goose-wearable-glasses{width:22px;height:9px;top:21px;left:46px}.route-map-goose-wearable-glasses:before,.route-map-goose-wearable-glasses:after{content:"";background:#ffffff47;border:1.5px solid #151b4f;border-radius:999px;width:9px;height:9px;position:absolute;top:0;box-shadow:0 1px #ffffffa6}.route-map-goose-wearable-glasses:before{left:0}.route-map-goose-wearable-glasses:after{right:0}.route-map-goose-wearable-scarf{background:#ff8d3a;border-radius:999px 999px 999px 3px;width:30px;height:10px;top:44px;left:38px;transform:rotate(-9deg);box-shadow:8px 7px 0 -2px #ff8d3a,inset 0 1px #ffffff73}@keyframes route-map-goose-walk-sprite{0%{background-position:0 0}to{background-position:120% 0}}@keyframes route-map-goose-attack-sprite{0%{background-position:0 0}to{background-position:120% 0}}@keyframes route-map-goose-walk-body{0%,to{transform:translate(0)rotate(-1.1deg)scaleY(1)}16%{transform:translate(-1px,-2px)rotate(1.4deg)scaleY(1.008)}32%{transform:translate(1px)rotate(.3deg)scaleY(.994)}50%{transform:translateY(1px)rotate(1.1deg)scaleY(.992)}66%{transform:translate(1px,-3px)rotate(-1.8deg)scaleY(1.01)}84%{transform:translate(-1px)rotate(-.4deg)scaleY(.996)}}@keyframes route-map-goose-shadow-step{0%,to{opacity:.68;transform:scaleX(1)translate(0)translateY(0)}16%{opacity:.48;transform:scaleX(.74)translate(5px)translateY(1px)}32%{opacity:.62;transform:scaleX(1.08)translate(2px)translateY(0)}50%{opacity:.68;transform:scaleX(.98)translate(0)translateY(0)}66%{opacity:.42;transform:scaleX(.68)translate(-6px)translateY(1px)}84%{opacity:.62;transform:scaleX(1.08)translate(-2px)translateY(0)}}@keyframes route-map-goose-scarf-flutter{0%,to{transform:rotate(-9deg)translate(0)}28%{transform:rotate(-13deg)translate(1px,-1px)}64%{transform:rotate(-5deg)translate(-1px,1px)}}@keyframes route-map-goose-attack-shadow{0%,to{opacity:.78;transform:scaleX(1.08)translate(0)}50%{opacity:.42;transform:scaleX(.72)translate(9px)}}@media (prefers-reduced-motion:reduce){.route-map-goose-actor,.route-map-goose-avatar,.route-map-goose-body,.route-map-goose-shadow,.route-map-goose-attack-sprite,.route-map-goose-walk-sprite,.route-map-goose-wearable-scarf,.route-map-node.is-arriving .route-map-node-marker{transition:none;animation:none}.route-map-goose-actor.is-walking:not(.is-attack) .route-map-goose-base{opacity:1}.route-map-goose-actor.is-walking:not(.is-attack) .route-map-goose-walk-sprite{opacity:0;animation:none}.route-map-goose-actor.is-attack .route-map-goose-base{opacity:1}.route-map-goose-actor.is-attack .route-map-goose-attack-sprite{opacity:0;animation:none}}.route-map-selection,.route-map-floating-actions{z-index:10;position:absolute}.route-map-top-card,.route-map-selection{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #d8d1c4db;border-radius:8px;gap:6px;display:grid;box-shadow:0 8px 18px #151b4f1f}.route-map-top-card{z-index:10;border-width:0 0 1px;border-radius:0;grid-template-columns:auto minmax(0,1fr) minmax(120px,220px);align-items:center;gap:10px 14px;padding:10px 18px;position:relative;box-shadow:0 6px 18px #151b4f14}.route-map-top-card span,.route-map-selection span,.route-map-selection p{color:#626798;font-size:12px;font-weight:750;line-height:1.25}.route-map-top-card strong,.route-map-selection strong{color:#151b4f;font-size:16px;line-height:1.15}.route-map-selection{right:18px;bottom:max(88px, calc(env(safe-area-inset-bottom) + 88px));width:min(380px,100% - 36px);padding:13px}.route-map-selection p{margin:0}.route-map-place-heading{gap:3px;display:grid}.route-map-place-eyebrow{text-transform:none}.route-map-selection.is-discovery{background:#ffffffe6;border-color:#ffb65f52}.route-map-selection.is-free-walking{background:#ffffffe0}.route-map-place-description,.route-map-order-hint,.route-map-place-note{color:#626798;font-size:12px;font-weight:750;line-height:1.35}.route-map-place-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.route-map-place-visual{aspect-ratio:16/9;background:#fbfaf6;border:1px solid #d9d4cad9;border-radius:8px;margin:0;overflow:hidden}.route-map-place-visual img{object-fit:cover;width:100%;height:100%;display:block}.route-map-story-entry{color:#151b4f;align-items:center;gap:5px;min-width:0;max-width:100%;font-size:12px;font-weight:850;line-height:1.2;display:inline-flex}.route-map-story-entry span{color:#626798;flex:none}.route-map-story-entry .route-map-story-icon{color:#0798e8}.route-map-story-entry strong{color:#151b4f;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.route-map-story-list{gap:6px;display:grid}.route-map-story-list>span{color:#626798;font-size:11px;font-weight:850;line-height:1}.route-map-story-list>div{flex-wrap:wrap;gap:6px;display:flex}.route-map-story-choice{color:#151b4f;cursor:pointer;background:#eff8fde6;border:1px solid #0798e82e;border-radius:999px;align-items:center;gap:5px;min-width:0;max-width:100%;padding:7px 9px;font-size:12px;font-weight:900;line-height:1.1;display:inline-flex}.route-map-story-copy{gap:2px;min-width:0;display:grid}.route-map-story-progress{color:#626798;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:850;line-height:1;overflow:hidden}.route-map-story-icon{color:#0798e8;background:#0798e81f;border-radius:999px;flex:none;place-items:center;min-width:19px;height:19px;font-size:9px;font-weight:950;line-height:1;display:grid}.route-map-story-choice .route-map-story-icon{flex:none}.route-map-story-choice strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.route-map-story-choice:disabled{cursor:default;opacity:.64}.route-map-place-note{color:#626798;background:#f4f1e9d1;border-radius:999px;width:fit-content;max-width:100%;padding:5px 8px;font-size:11px;line-height:1.1;display:inline-flex}.route-map-order-hint{border-left:3px solid #ffb65f;padding-left:8px}.route-map-selection.is-arriving .route-map-story-entry{color:#82642b}.route-map-selection.is-arriving .route-map-story-choice{background:#fff7e8e0;border-color:#ffb65f47}.route-map-selection.is-arriving .secondary-button{opacity:.76}.route-map-selection .secondary-button{justify-self:start}.route-map-floating-actions{right:14px;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;grid-template-columns:minmax(180px,360px);justify-content:center;align-items:center;display:grid;left:14px}.route-map-floating-actions button{pointer-events:auto}.continue-route-button{color:#fff;background:#0798e8;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:52px;font-size:20px;font-weight:950;display:inline-flex;box-shadow:0 8px 18px #151b4f29}.route-map-loading,.route-map-empty{background:#fffdf8f0;border:1px solid #d9d4ca;border-radius:8px;place-self:start center;margin:28px}.location-mini-map-workspace{background-color:#0000;background-image:linear-gradient(#faf9ff80,#f4f0e79e),url(/backgrounds/serbian-a1/main-background.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-items:stretch;padding:0;display:grid;overflow:hidden}.location-mini-map-screen{grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;height:100%;min-height:0;padding:14px;display:grid;overflow:hidden}.location-mini-map-header,.location-mini-map-summary,.location-mini-map-action{background:#fffdf8eb;border:1px solid #d9d4cadb;border-radius:8px;justify-self:center;width:min(860px,100%);box-shadow:0 10px 24px #151b4f1a}.location-mini-map-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.location-mini-map-header div,.location-mini-map-summary,.location-mini-map-action div{gap:3px;min-width:0;display:grid}.location-mini-map-header span,.location-mini-map-summary span,.location-mini-map-action span{color:#626798;font-size:12px;font-weight:850;line-height:1}.location-mini-map-header strong,.location-mini-map-summary strong,.location-mini-map-action strong{color:#151b4f;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:950;line-height:1.08;overflow:hidden}.location-mini-map-summary{padding:12px 14px}.location-mini-map-summary p,.location-mini-map-summary em,.location-mini-map-action p{color:#626798;margin:0;font-size:12px;font-style:normal;font-weight:750;line-height:1.35}.location-mini-map-summary em{color:#82642b;background:#fff7e8e6;border-radius:999px;width:fit-content;padding:5px 8px;display:inline-flex}.location-mini-map-stage{justify-items:center;min-height:0;display:grid;overflow:hidden}.location-mini-map-canvas{background:radial-gradient(circle at 22% 24%,#ffe29959,#0000 26%),radial-gradient(circle at 78% 72%,#7ecde638,#0000 30%),#fffdf8f0;border:1px solid #d9d4cadb;border-radius:8px;width:min(860px,100%);min-height:360px;position:relative;overflow:hidden;box-shadow:0 14px 30px #151b4f1f}.location-mini-map-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.location-mini-map-line{stroke:#b7adb0;stroke-dasharray:1.5 3;stroke-linecap:round;stroke-width:1.2px}.location-mini-map-line.is-completed{stroke:#2fbf5c;stroke-dasharray:none;stroke-width:1.8px}.location-mini-map-story{color:#34394f;cursor:pointer;filter:grayscale()saturate(.08);text-align:center;background:#f5f5f2f5;border:1px solid #979dae8a;border-radius:8px;grid-template-rows:auto minmax(0,1fr);align-content:start;justify-items:center;gap:7px;width:148px;min-height:104px;padding:10px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 18px #151b4f21}.location-mini-map-story:disabled{cursor:default;opacity:.68}.location-mini-map-story-current{border-color:#151b4f;box-shadow:0 0 0 5px #151b4f29,0 10px 22px #151b4f2e}.location-mini-map-story-completed{color:#151b4f;filter:none;background:#ecf9f0;border-color:#2fbf5c;box-shadow:0 0 0 5px #2fbf5c2e,0 10px 22px #2fbf5c2e}.location-mini-map-story-icon{color:#151b4f;background:#151b4f1a;border-radius:999px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:950;line-height:1;display:grid}.location-mini-map-story-completed .location-mini-map-story-icon{color:#1b7c3b;background:#2fbf5c29}.location-mini-map-story-label{gap:3px;min-width:0;max-width:100%;display:grid}.location-mini-map-story-label strong{color:#151b4f;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:950;line-height:1.12;display:-webkit-box;overflow:hidden}.location-mini-map-story-label span{color:#626798;font-size:10px;font-weight:850;line-height:1}.location-mini-map-story-check,.location-mini-map-story-duplicate{position:absolute;top:8px;right:8px}.location-mini-map-story-check{color:#2fbf5c}.location-mini-map-story-duplicate{color:#fff;background:#151b4f;border-radius:999px;place-items:center;min-width:21px;height:21px;font-size:10px;font-weight:950;display:grid}.location-mini-map-action{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.location-mini-map-action .continue-route-button{gap:6px;min-width:180px;padding:0 16px;font-size:17px}.location-mini-map-empty{place-self:start center;margin:28px}.today-layout{grid-template-columns:minmax(0,1fr) auto;gap:16px;width:min(860px,100%);display:grid}.vocabulary-layout{grid-template-columns:minmax(0,1fr) auto;gap:16px;width:min(920px,100%);display:grid}.lesson-vocabulary-screen{width:min(920px,100%)}.today-layout>.notice,.today-layout>.today-quest-card,.today-layout>.today-summary,.today-layout>.course-route-map,.today-layout>.course-lesson-list,.today-layout>.plan-section,.vocabulary-layout>.notice,.vocabulary-layout>.empty-state,.vocabulary-layout>.review-start-panel,.vocabulary-list,.lesson-vocabulary-screen>.notice,.lesson-vocabulary-screen>.empty-state,.lesson-vocabulary-heading,.lesson-vocabulary-list,.lesson-vocabulary-actions{grid-column:1/-1}.today-quest-card{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;display:grid}.today-quest-copy{gap:8px;min-width:0;display:grid}.today-quest-copy h2,.today-quest-copy p{margin:0}.today-quest-copy h2{color:#11143d;font-size:34px;line-height:1.08}.today-quest-copy p:not(.eyebrow){color:#34385f;max-width:620px;font-weight:750;line-height:1.5}.today-quest-actions{justify-items:end;gap:10px;display:grid}.course-lesson-list,.lesson-vocabulary-screen{grid-template-columns:minmax(0,1fr) auto;gap:16px;display:grid}.course-lesson-list,.course-lesson-list>.panel-title{grid-column:1/-1}.course-lesson-cards,.lesson-vocabulary-list{gap:10px;display:grid}.course-lesson-card{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px;display:grid}.course-lesson-card h2,.course-lesson-card p,.lesson-vocabulary-heading p{margin:0}.course-lesson-card h2{color:#11143d;font-size:22px;line-height:1.15}.course-lesson-card p:not(.eyebrow),.lesson-vocabulary-heading p{color:#626798;font-weight:750;line-height:1.45}.course-lesson-meta,.course-lesson-actions,.lesson-vocabulary-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.course-lesson-meta{color:#626798;white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:12px;font-weight:800}.route-status-pill{color:#34385f;background:#fff;border:1px solid #d9d4ca;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:850;display:inline-flex}.route-status-completed{color:#151b4f;background:#fff4e6;border-color:#efc89a}.route-status-current{color:#fff;background:#151b4f;border-color:#151b4f}.route-status-available{color:#725b16;background:#fff8e6;border-color:#c4a65d}.route-status-locked{color:#626798}.today-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.today-summary div{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;align-content:center;gap:2px;min-height:70px;padding:14px;display:grid}.today-summary strong{color:#11143d;font-size:24px;line-height:1}.today-summary span,.empty-panel span,.route-summary span,.review-start-panel p{color:#626798;font-size:13px;font-weight:650}.course-route-map{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;gap:12px;padding:16px;display:grid}.route-overview{gap:10px;display:grid}.route-summary{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.route-summary strong{color:#11143d;font-size:18px;line-height:1.2}.route-progress-meter{background:#ebe6da;border-radius:999px;height:8px;overflow:hidden}.route-progress-meter span{border-radius:inherit;background:#f28c38;height:100%;display:block}.route-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.route-stats span{color:#626798;background:#fbfaf6;border:1px solid #d9d4ca;border-radius:8px;align-content:center;gap:2px;min-height:54px;padding:10px;font-size:12px;font-weight:750;display:grid}.route-stats strong{color:#11143d;font-size:20px;line-height:1}.route-current-card{color:#11143d;text-align:left;background:#fff4e6;border:1px solid #151b4f;border-radius:8px;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr) auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.route-current-card span,.route-lesson-heading span{gap:2px;min-width:0;display:grid}.route-current-card strong,.route-lesson-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.route-current-card small,.route-lesson-heading small{color:#626798;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.route-legend{color:#626798;flex-wrap:wrap;gap:8px 12px;font-size:12px;font-weight:800;display:flex}.route-legend span{align-items:center;gap:5px;display:inline-flex}.route-dot{background:#f8f7f2;border:1px solid #d9d4ca;border-radius:999px;width:9px;height:9px}.route-dot-completed{background:#f28c38;border-color:#e1a15d}.route-dot-current{background:#151b4f;border-color:#151b4f}.route-dot-available{background:#e9ca6c;border-color:#b7ab84}.route-dot-locked{background:#d9d4ca}.route-lesson-list{gap:10px;display:grid}.route-lesson-group{background:#fff;border:1px solid #ebe6da;border-radius:8px;gap:8px;padding:10px;display:grid}.route-lesson-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.route-day-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;display:grid}.route-day{color:#34385f;background:#f8f7f2;border:1px solid #d9d4ca;border-radius:8px;align-content:center;gap:4px;min-height:52px;padding:8px 5px;font-weight:800;display:grid}.route-day span{font-size:17px;line-height:1}.route-day small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1;overflow:hidden}.route-day-completed{color:#151b4f;background:#fff4e6;border-color:#e1a15d}.route-day-current{color:#fff;background:#151b4f;border-color:#151b4f}.route-day-available{color:#584d25;background:#fff7dc;border-color:#b7ab84}.route-day-locked{color:#8b8d88;cursor:not-allowed;opacity:.75}.vocabulary-list{gap:12px;display:grid}.vocabulary-toolbar{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;display:flex}.review-start-panel{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.review-start-panel p{margin:4px 0 0}.vocabulary-card,.vocabulary-context-card{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(260px,auto);align-items:center;gap:18px;padding:18px;display:grid}.vocabulary-card.has-vocabulary-image,.vocabulary-context-card.has-vocabulary-image{grid-template-columns:minmax(104px,132px) minmax(0,1fr) minmax(260px,auto)}.vocabulary-image{aspect-ratio:4/3;object-fit:cover;background:#fffaf5;border:1px solid #d9d4ca;border-radius:8px;width:100%}.review-card{grid-column:1/-1}.vocabulary-card h2,.vocabulary-context-card h2{color:#11143d;margin:4px 0;font-size:22px}.vocabulary-card p,.vocabulary-card small,.vocabulary-context-card p,.vocabulary-context-card small,.vocabulary-review span,.vocabulary-review small{color:#626798;font-weight:700}.vocabulary-card-main{gap:8px;display:grid}.vocabulary-card-title-row,.vocabulary-context-line{align-items:center;gap:8px;display:flex}.vocabulary-card-title-row{flex-wrap:wrap}.vocabulary-context-example{border-left:3px solid #9ad8f5;gap:4px;margin-top:4px;padding-left:10px;display:grid}.vocabulary-context-example .eyebrow{margin:0}.vocabulary-context-line span{color:#11143d;font-size:15px;font-weight:850;line-height:1.4}.vocabulary-review{justify-items:end;gap:8px;display:grid}.vocabulary-review>div{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.due-now{color:#a13731!important}.review-feedback{color:#f28c38!important}.plan-section{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;gap:10px;padding:18px;display:grid}.plan-list{gap:8px;display:grid}.empty-panel{background:#fbfaf6;border:1px dashed #c8c3b8;border-radius:6px;align-content:center;gap:4px;min-height:70px;padding:12px;display:grid}.plan-item{background:#fff;border:1px solid #d9d4ca;border-radius:6px;gap:4px;min-height:58px;padding:11px 12px;display:grid}.plan-item-action{color:#11143d;text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%}.review-plan-card{color:#11143d;text-align:left;background:#fff;border:1px solid #d9d4ca;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:76px;padding:14px;display:grid}.review-plan-card:hover{background:#fffaf5;border-color:#e1a15d}.review-plan-card span{gap:4px;min-width:0;display:grid}.review-plan-card small{color:#626798;font-size:13px;font-weight:650}.plan-item-action span{gap:4px;min-width:0;display:grid}.plan-item-action:hover{background:#fffaf5;border-color:#e1a15d}.plan-item small,.muted-text{color:#626798;font-size:13px;font-weight:600}.lesson-header{border-bottom:1px solid #d9d4ca;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:20px;padding-bottom:16px;display:grid}.lesson-header p,.lesson-header dl,.lesson-header dd{margin:0}.lesson-header dl{gap:10px;display:grid}.lesson-header dt{text-transform:uppercase}.lesson-header dd{color:#11143d}.content-grid{grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:16px;display:grid}.part-list{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px}.editor-pane{align-content:start;gap:12px;min-height:620px;display:grid}.editor-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:#e1a15d;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.version-field{width:140px}.editor-section-heading .version-field{flex:0 0 120px;width:120px}.version-field input{width:100%;min-width:0}.editor-grid{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.structured-editor,.json-editor,.payload-item-editor,.payload-preview{gap:12px;display:grid}.structured-editor,.json-editor{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;padding:14px}.editor-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-section-heading h3{color:#11143d;margin:0;font-size:16px}.structured-editor label,.payload-item-editor label{color:#34385f;gap:6px;font-size:13px;font-weight:800;display:grid}.structured-editor input,.payload-item-editor input{color:#11143d;background:#fff;border:1px solid #c8c3b8;border-radius:6px;min-height:36px;padding:7px 9px}.payload-item-editor{background:#fbfaf6;border:1px solid #d9d4ca;border-radius:8px;padding:12px}.admin-textarea{resize:vertical;border:1px solid #c8c3b8;border-radius:8px;width:100%;min-height:460px;padding:14px;font-size:13px;line-height:1.55}.admin-textarea.light{color:#11143d;background:#fff;min-height:110px}.admin-textarea.compact{min-height:82px}.admin-textarea.code{color:#f6f1e8;tab-size:2;background:#11143d;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.json-valid,.json-invalid{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900}.json-valid{color:#151b4f;background:#fff4e6}.json-invalid{color:#8d302b;background:#fff1ef}.payload-preview{border-top:1px solid #d9d4ca;padding-top:12px}.payload-preview p{color:#34385f;white-space:pre-wrap;max-height:130px;margin:0;font-size:13px;font-weight:700;overflow:auto}.payload-preview-list{gap:8px;display:grid}.payload-preview-list article{background:#fbfaf6;border:1px solid #d9d4ca;border-radius:8px;gap:4px;padding:10px;display:grid}.payload-preview-list span{color:#626798;font-size:13px;font-weight:800}.route-map-admin-editor{gap:14px;display:grid}.route-map-admin-header,.route-map-admin-actions{justify-content:space-between;align-items:start;gap:12px;display:flex}.route-map-admin-header h1{color:#11143d;margin:0;font-size:24px}.route-map-admin-header p{color:#626798;margin:4px 0 0;font-weight:800}.route-map-admin-readiness{border-radius:999px;width:fit-content;margin-top:8px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.route-map-admin-readiness.is-ready{color:#286b3d;background:#eaf7ee}.route-map-admin-readiness.has-issues{color:#8d302b;background:#fff1ef}.route-map-admin-actions{flex-wrap:wrap;justify-content:end}.route-map-admin-layer-bar{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.route-map-admin-layer-bar label{color:#34385f;background:#fbfaf6;border:1px solid #e6dfd3;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.route-map-admin-layer-bar input{margin:0}.route-map-admin-grid{grid-template-columns:minmax(420px,1fr) minmax(280px,340px);align-items:start;gap:16px;display:grid}.route-map-admin-editor.is-preview .route-map-admin-grid{grid-template-columns:1fr}.route-map-admin-grid>*{min-width:0}.route-map-admin-canvas-wrap,.route-map-admin-details,.route-map-admin-json,.route-map-admin-validation{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px}.route-map-admin-canvas-wrap{max-height:68vh;overflow:auto}.route-map-admin-editor.is-preview .route-map-admin-canvas-wrap{max-height:78vh}.route-map-admin-canvas{touch-action:none;background:linear-gradient(135deg,#72bdcb2e,#0000 28%),linear-gradient(45deg,#0000 66%,#f28c3821),#f8f2e8;min-width:100%;position:relative;overflow:hidden}.route-map-admin-canvas.is-preview .route-map-admin-location,.route-map-admin-canvas.is-preview .route-map-admin-discovery,.route-map-admin-canvas.is-preview .route-map-admin-district{pointer-events:none}.route-map-admin-district{color:#34385f94;text-transform:uppercase;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#fffaf257;border:2px dashed #6267986b;border-radius:50%;place-items:center;font-size:14px;font-weight:950;display:grid;position:absolute}.route-map-admin-district span{transform:rotate(-6deg)}.route-map-admin-district:active{cursor:grabbing}.route-map-admin-district-resize{cursor:nwse-resize;border:2px solid #151b4f61;border-top:0;border-left:0;border-radius:2px;width:18px;height:18px;position:absolute;bottom:12px;right:12px;transform:none}.route-map-admin-district-river{background:#72bdcb2e;border-color:#72bdcb7a}.route-map-admin-district-park{background:#99cd8b33;border-color:#74ad6a7a}.route-map-admin-district-center{background:#ffe2992e;border-color:#dbad546b}.route-map-admin-district-market{background:#ffb3702b;border-color:#e0844c6b}.route-map-admin-district-home{background:#ba9fe029;border-color:#8f72bf6b}.route-map-admin-district.active{border-style:solid;outline:4px solid #151b4f1f}.route-map-admin-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.route-map-admin-lines path{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-map-admin-line-shadow{stroke:#6a4b2829;stroke-width:22px}.route-map-admin-line-surface{stroke:#f5e4c9eb;stroke-width:16px}.route-map-admin-line-accent{stroke:#f28c38b8;stroke-dasharray:2 18;stroke-width:7px}.route-map-admin-line-side .route-map-admin-line-shadow{stroke:#6267981f;stroke-width:16px}.route-map-admin-line-side .route-map-admin-line-surface{stroke:#e8e2f1e0;stroke-width:11px}.route-map-admin-line-side .route-map-admin-line-accent{stroke:#8d6ebf8f;stroke-dasharray:2 16;stroke-width:5px}.route-map-admin-location{color:#11143d;text-align:center;touch-action:none;background:#fff;border:2px solid #d7deea;border-radius:8px;gap:4px;min-width:118px;max-width:168px;padding:8px 9px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 24px #11143d29}.route-map-admin-location strong{font-size:13px;line-height:1}.route-map-admin-location span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;line-height:1.1;overflow:hidden}.route-map-admin-location.main{border-color:#f2b66d}.route-map-admin-location.side{border-color:#87b7d6}.route-map-admin-location.bonus{border-color:#86c991}.route-map-admin-location.active{z-index:2;outline:4px solid #151b4f33}.route-map-admin-discovery{color:#626798;touch-action:none;background:#fffaf2;border:1px solid #d9d4ca;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%)}.route-map-admin-discovery:hover{color:#151b4f;cursor:grab;border-color:#e1a15d}.route-map-admin-discovery:active{cursor:grabbing}.route-map-admin-discovery.active{color:#151b4f;background:#fff4e6;border-color:#e1a15d;outline:4px solid #151b4f1f}.route-map-admin-details,.route-map-admin-json,.route-map-admin-validation{gap:12px;padding:14px;display:grid}.route-map-admin-editor.is-preview .route-map-admin-details,.route-map-admin-editor.is-preview .route-map-admin-json,.route-map-admin-editor.is-preview .route-map-admin-validation{display:none}.route-map-admin-details label{color:#34385f;gap:6px;font-size:13px;font-weight:800;display:grid}.route-map-admin-details input,.route-map-admin-details select{color:#11143d;background:#fff;border:1px solid #c8c3b8;border-radius:6px;width:100%;min-width:0;min-height:36px;padding:7px 9px}.route-map-admin-details textarea{color:#11143d;background:#fff;border-radius:6px;min-height:78px;padding:9px;font-family:inherit;font-size:13px;line-height:1.4}.route-map-admin-visual-editor,.route-map-admin-stories-editor{border-top:1px solid #d9d4ca;gap:12px;padding-top:12px;display:grid}.route-map-admin-story-editor,.route-map-admin-scene-editor{background:#fbfaf6;border:1px solid #d9d4ca;border-radius:8px;gap:10px;padding:10px;display:grid}.route-map-admin-scene-editor{background:#fff}.route-map-admin-coordinate-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.route-map-admin-checkbox{align-self:end;align-items:center;gap:8px;min-height:40px;display:flex}.route-map-admin-checkbox input{width:auto}.route-map-admin-validation{grid-column:2;gap:10px;display:grid}.route-map-admin-validation ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.route-map-admin-validation li{color:#8d302b;background:#fff1ef;border:1px solid #e7c2bc;border-radius:6px;gap:2px;padding:8px;font-size:12px;display:grid}.route-map-admin-validation li.is-warning{color:#684b12;background:#fff8e8;border-color:#e8d09e}.route-map-admin-quality-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:2px;padding:0;display:grid}.route-map-admin-quality-button:hover strong{text-decoration:underline}.route-map-admin-object-actions{flex-wrap:wrap;gap:8px;display:flex}.route-map-admin-json{grid-column:1/-1}textarea{resize:vertical;color:#f6f1e8;tab-size:2;background:#11143d;border:1px solid #c8c3b8;border-radius:8px;width:100%;min-height:460px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.primary-button{color:#fff;background:#f28c38;border:1px solid #f28c38;border-radius:6px;justify-content:center;gap:8px;width:fit-content;min-height:38px;padding:8px 12px;font-weight:800}.secondary-button{color:#151b4f;background:#fff;border:1px solid #c8c3b8;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:38px;padding:8px 12px;font-weight:800;display:inline-flex}.secondary-button.active{color:#151b4f;background:#fff4e6;border-color:#e1a15d}.secondary-button.is-disabled{pointer-events:none;opacity:.55}.ghost-button{color:#626798;background:0 0;border:0;width:fit-content;min-height:32px;padding:4px 2px;font-size:13px;font-weight:800}.primary-button:disabled,.secondary-button:disabled,.choice-grid button:disabled,.exercise-item input:disabled{cursor:not-allowed;opacity:.7}.notice,.empty-state{color:#626798;padding:18px}.offline-package-notice{color:#684b12;background:#fff8e8;border:1px solid #d9d4ca;border-radius:8px;font-weight:800}.review-complete-state{background:#fffdf8;border:1px solid #d9d4ca;border-radius:8px;grid-column:1/-1;justify-items:start;gap:10px;display:grid}.review-complete-state p{margin:0}.empty-state h1{margin:0 0 8px}.error-text{color:#a13731;font-weight:700}.success-text{color:#f28c38;font-weight:700}@media (width<=980px){.workspace,.content-grid,.editor-grid,.home-actions,.home-dashboard,.home-hero,.lesson-header,.vocabulary-card,.vocabulary-card.has-vocabulary-image,.vocabulary-context-card,.vocabulary-context-card.has-vocabulary-image,.route-map-admin-grid,.route-map-admin-editor.is-preview .route-map-admin-grid{grid-template-columns:1fr}.route-map-admin-validation{grid-column:1}.vocabulary-review{justify-items:start}.vocabulary-review>div{justify-content:flex-start}.sidebar,.middle-pane{border-bottom:1px solid #d9d4ca;border-right:0}}@media (width<=640px){.login-screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));align-items:start}.login-panel{width:100%;padding:18px}.login-panel h1{font-size:40px;line-height:1.05}.topbar{flex-wrap:wrap;gap:10px;padding:10px 12px}.lesson-shell .topbar{gap:6px;min-height:48px;padding:6px 10px}.lesson-shell .brand{gap:6px}.lesson-shell .build-version{display:none}.lesson-shell .topbar-nav{padding:3px}.lesson-shell .topbar-nav a{padding:4px 8px;font-size:12px}.lesson-shell .user-chip{max-width:150px;font-size:11px}.lesson-shell .icon-button{width:38px;height:38px}.topbar-actions{margin-left:auto}.topbar-nav{order:3;justify-content:center;width:100%}.route-map-top-card{grid-template-columns:1fr;gap:5px;padding:8px 12px}.route-map-top-card span{font-size:11px}.route-map-top-card strong{font-size:14px}.route-map-selection{z-index:30;right:10px;bottom:calc(70px + env(safe-area-inset-bottom));width:auto;max-height:min(230px,100dvh - 190px);padding:10px;position:fixed;left:10px;overflow-y:auto}.belgrade-map-canvas{--route-map-bottom-safe-area:380px}.route-map-place-description,.route-map-order-hint,.route-map-place-note{font-size:11px}.route-map-story-choice{padding:6px 8px;font-size:11px}.route-map-selection .secondary-button{min-height:38px;padding:8px 10px;font-size:12px}.route-map-floating-actions{z-index:31;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);position:fixed;left:10px}.continue-route-button{min-height:48px;font-size:17px}.location-mini-map-screen{gap:9px;padding:10px}.location-mini-map-header,.location-mini-map-summary,.location-mini-map-action{width:100%}.location-mini-map-header strong,.location-mini-map-summary strong,.location-mini-map-action strong{font-size:17px}.location-mini-map-summary{padding:10px}.location-mini-map-canvas{min-height:390px}.location-mini-map-story{gap:6px;width:124px;min-height:92px;padding:8px}.location-mini-map-story-icon{width:34px;height:34px}.location-mini-map-story-label strong{font-size:12px}.location-mini-map-action{grid-template-columns:1fr;gap:9px}.location-mini-map-action .continue-route-button{width:100%;min-width:0}.today-summary{grid-template-columns:1fr}.today-quest-card{grid-template-columns:1fr;padding:18px}.today-quest-copy h2{font-size:30px}.today-quest-actions{justify-items:stretch}.route-stats,.route-current-card,.route-lesson-heading{grid-template-columns:1fr}.home-stage{min-height:calc(100dvh - 118px);padding:18px 14px 16px}.home-hero-copy{max-width:none}.home-hero-copy p{font-size:14px;line-height:1.45}.home-dashboard{flex-direction:row;gap:6px;max-width:calc(100% - 24px);top:auto;bottom:92px;right:12px}.home-dashboard article{min-height:40px;padding:7px 8px}.home-dashboard span{font-size:10px}.home-dashboard strong{font-size:13px}.home-actions button{min-width:126px;padding-inline:12px}.route-day-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.review-start-panel{flex-direction:column;align-items:flex-start}.today-layout,.vocabulary-layout,.lesson-vocabulary-screen,.course-lesson-card{grid-template-columns:1fr}.course-lesson-meta,.course-lesson-actions,.lesson-vocabulary-actions{justify-content:stretch;align-items:stretch}.course-lesson-meta{align-items:flex-start}.course-lesson-actions{flex-direction:column}}