/* RAMEN READY: a small counter companion and bite-size learning. */
.phrase-lesson.learning-ready #wordLibrary,.phrase-lesson.learning-ready #learningLab{scroll-margin-top:var(--lesson-scroll-offset,145px)}
.phrase-lesson[data-course-mode=find] :is(#wordLibrary,#learningLab),.phrase-lesson[data-course-mode=learn] :is(#wordLibrary,#counterResults),.phrase-lesson[data-course-mode=words] :is(.lesson-controls,.lesson-quick,#phraseSections,#phraseEmpty,#courseJourney,#courseComparisons,#learningLab,.practice-summary,#counterResults){display:none!important}
.learning-ready .learning-nojs{display:none}.phrase-lesson #travelerCourseNav{display:grid;grid-template-columns:repeat(4,minmax(0,150px));gap:8px;justify-content:center;padding:8px 14px}.phrase-lesson #travelerCourseNav button{font-size:.9rem;min-height:44px;padding:9px 12px;white-space:nowrap}.phrase-lesson #voiceDock{position:fixed;bottom:16px;right:18px;z-index:60;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;background:#35271b;border:1px solid #e1b26e;border-radius:14px;box-shadow:0 6px 24px #0008;font-size:.86rem}.phrase-lesson #voiceDock button{min-height:44px;padding:8px 13px;border:1px solid #e6bb79;border-radius:9px;background:#17130e;color:#ffdfab;font:inherit}
.phrase-lesson :is(#wordLibrary,#learningLab,#counterResults){margin:28px 0}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.lab-heading h2{font-size:clamp(1.65rem,3vw,2.3rem);letter-spacing:-.035em;line-height:1.15;margin:6px 0 12px}.lab-heading>div{min-width:0}.lab-heading p{line-height:1.65;margin:8px 0;color:#e8d9c2}.lab-heading img{width:98px;height:auto;flex:none;object-fit:contain}.lab-kicker{font-size:.78rem!important;text-transform:uppercase;letter-spacing:.08em;color:#e5ba78!important;font-weight:700}.word-filters,.learning-resume{padding:18px;border:1px solid #766043;border-radius:15px;background:#191611;margin:18px 0}.word-filters>label{display:block;margin-bottom:8px}.word-search-row{display:flex;gap:8px}.word-search-row input{flex:1;min-width:0;width:100%;padding:12px;border:1px solid #88714f;border-radius:9px;background:#0f0e0c;color:#fff3dd;font:inherit;font-size:16px;min-height:46px}.word-filter-row{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:14px}.word-filter-row>label{display:flex;flex-direction:column;gap:6px;flex:1;font-size:.86rem;min-width:140px}.word-filter-row select{width:100%;min-height:44px;padding:9px;background:#262118;color:#fff5e4;border:1px solid #987d56;border-radius:9px;font:inherit;font-size:.9rem}.word-voice-speed{max-width:170px}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.word-card{padding:21px;background:#1d1913;border:1px solid #685339;border-radius:16px;min-width:0;scroll-margin-top:var(--lesson-scroll-offset,145px)}.word-label{font-size:.73rem;letter-spacing:.045em;text-transform:uppercase;color:#d9b989;font-weight:650}.word-card h3{font-size:1.8rem;line-height:1.55;letter-spacing:0;margin:10px 0 2px;overflow-wrap:anywhere;color:#ffebc7}.word-kana{font-size:.95rem;margin:2px 0;color:#ead9bd}.word-romaji{font-size:.94rem;line-height:1.6;color:#dcc39e;margin:5px 0 12px}.word-meaning{font-size:1.03rem;line-height:1.55;font-weight:600;color:#fff0d8;margin:10px 0}.word-note{font-size:.86rem;line-height:1.65;color:#d6c8b3;margin:10px 0 18px}.word-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.word-actions .voice-inline{flex-basis:100%;margin:3px 0}.word-actions button{flex:1;min-width:64px}.word-scope{font-size:.9rem;line-height:1.75;color:#dfc9a6;border-left:3px solid #b78d50;padding:8px 14px;margin:24px 0}.word-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0;font-size:.9rem}.word-empty{padding:22px;grid-column:1/-1;border:1px dashed #907653;border-radius:14px}.word-empty h3{font-size:1.2rem}.word-empty p{line-height:1.65}.phrase-lesson :is(#wordLibrary,#learningLab,#counterResults,#counterQuickTopics) button{font:inherit;font-size:.9rem;line-height:1.4;min-height:44px;padding:9px 13px;border:1px solid #ac8954;border-radius:9px;background:#302519;color:#ffebc7;cursor:pointer}.phrase-lesson :is(#wordLibrary,#learningLab,#counterResults) button:disabled{cursor:default;opacity:.55}.phrase-lesson :is(#wordLibrary,#learningLab,#counterResults) button[aria-pressed=true]{background:#e4bc7d;color:#251b10}.phrase-lesson :is(#wordLibrary,#learningLab) button.lab-primary{background:#e9c489;color:#241b10;font-weight:700}.phrase-lesson :is(#wordLibrary,#learningLab,#counterResults) :is(button,input,select,summary):focus-visible{outline:3px solid #ffe1a4;outline-offset:3px}
#wordResultCount,#wordStorageStatus,#learningStorageStatus,#learningDataStatus,#learningStartStatus{font-size:.85rem;line-height:1.6;color:#e2cbaa}#counterQuickTopics{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px}#counterQuickTopics button{font-size:.8rem!important;padding:8px 11px!important}#counterQuickTopics button[aria-pressed=true]{background:#e9c489;color:#241b10}#counterResults{padding:18px;border:1px solid #9b7b4d;border-radius:16px;background:#16130f}#counterResults h2{font-size:1.3rem;margin:0 0 8px}#counterResults>p{font-size:.86rem;color:#d9c09b}#counterResults>.word-grid{margin:16px 0}#counterResults .word-card{padding:15px}#counterResults .word-card h3{font-size:1.35rem}#counterResults .word-note{display:none}.learning-resume{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:#d4a865}.learning-resume strong{font-size:1.1rem}.learning-resume p{font-size:.9rem;margin-bottom:0}.learning-start{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.learning-start>button,.learning-start>a{flex:1;min-width:165px}.learning-start>a{display:flex;align-items:center;justify-content:center;color:#ffebc7;font-size:.9rem;min-height:44px;padding:9px 13px;border:1px solid #ac8954;border-radius:9px;text-decoration:none}.learning-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.learning-stats>div{background:#211a12;border:1px solid #6e5535;border-radius:12px;text-align:center;padding:16px 8px}.learning-stats b{display:block;font-size:1.6rem;color:#ffd99b}.learning-stats span{display:block;font-size:.78rem;line-height:1.5;margin-top:5px;color:#ddceb8}.learning-win{grid-column:1/-1;font-size:.92rem;line-height:1.6;text-align:center;color:#efd1a1;margin:2px 0 8px}.learning-route>summary,.learning-progress-settings>summary{cursor:pointer;min-height:48px;padding:12px 0;color:#ffe0a9;font-weight:650}.learning-route,.learning-progress-settings{border-top:1px solid #665237;margin:18px 0;padding:8px 0}.learning-route>p,.learning-progress-settings>p{font-size:.9rem;line-height:1.65;color:#dfcfb7}.learning-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.learning-topic{padding:19px;border:1px solid #6a5335;border-radius:14px;background:#211a13}.topic-number{font-size:.82rem;color:#bf9b66}.learning-topic h4{font-size:1.15rem;margin:8px 0;letter-spacing:-.02em}.learning-topic>p{font-size:.88rem;line-height:1.65;color:#e0cdb0}.topic-actions{display:flex;gap:8px;flex-wrap:wrap}.topic-actions button{flex:1}.topic-progress{font-size:.76rem!important;margin-bottom:0;color:#ccb080!important}
#learningSession{border:1px solid #a3814e;border-radius:18px;padding:25px;background:#1d1812;scroll-margin-top:var(--lesson-scroll-offset,145px)}.round-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.85rem;color:#e7c68f}.round-dots{display:flex;gap:8px;margin:18px 0}.round-dots span{height:6px;flex:1;border-radius:8px;background:#50412d}.round-dots .current{background:#f0c277}.round-dots .done{background:#adbe86}#roundHeading{font-size:1.35rem;line-height:1.6;letter-spacing:-.02em;margin:12px 0 20px}.question-word{font-size:2.5rem;line-height:1.6;color:#ffdeb0;margin:12px 0}.question-context{border-left:3px solid #d2ab6d;padding:8px 12px;color:#f2d0a0;font-size:.92rem}.learning-answers{display:grid;gap:10px;margin:22px 0}.phrase-lesson #learningSession .learning-answers button{text-align:left;padding:16px 18px;font-size:1rem;background:#30251a;border-color:#987650;opacity:1}.learning-answers button span{display:block;line-height:1.6}.learning-answers button small{display:block;font-size:.88rem;color:#e3c59e;line-height:1.6;margin-top:6px}.phrase-lesson #learningSession .learning-answers .correct-option{border:2px solid #adc584;background:#26321e}.phrase-lesson #learningSession .learning-answers .chosen-option{border:2px solid #d5a980;background:#352317}.learning-feedback{border-top:1px solid #8c6f47;padding-top:18px;margin-top:20px}.learning-feedback h4{font-size:1.12rem;color:#f8daaa}.learning-feedback p{line-height:1.75;font-size:.98rem;color:#eee0c7}.learning-feedback>button{margin-top:20px;width:100%;min-height:48px!important}.listen-question>button{margin:0 8px 8px 0}.listen-question>p{font-size:.83rem;line-height:1.5;color:#d7c5a9}.round-complete{text-align:center}.round-score{font-size:3.4rem;font-weight:750;color:#f1c379;margin:20px 0}.round-complete>p{line-height:1.7}.learning-progress-settings>button{margin:4px 8px 6px 0}
@media(max-width:760px){.learning-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-heading img{width:78px}.lab-heading{gap:12px}.learning-start>button,.learning-start>a{min-width:140px}.word-grid{grid-template-columns:1fr}.word-card{padding:18px}.word-card h3{font-size:1.65rem}.word-filter-row>label{min-width:110px}.learning-stats b{font-size:1.35rem}#learningSession{padding:17px}.round-top{align-items:center}#roundHeading{font-size:1.2rem}.question-word{font-size:2.15rem}.learning-topic{padding:14px}.topic-actions{flex-direction:column}}
@media(max-width:450px){.phrase-lesson #travelerCourseNav{padding:6px 10px;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.phrase-lesson #travelerCourseNav button{padding:8px 6px;font-size:.85rem}.lab-heading img{width:64px}.lab-heading h2{font-size:1.6rem}.lab-heading p{font-size:.92rem}.word-filters{padding:14px}.word-search-row button{padding:9px!important}.word-actions{gap:6px}.word-actions button{font-size:.82rem!important;padding:9px 8px!important}.word-filter-row{gap:10px}.word-pagination{font-size:.8rem;gap:6px}.learning-topic-grid{grid-template-columns:1fr}.learning-start{display:grid;grid-template-columns:1fr}.learning-start>button,.learning-start>a{min-width:0}.learning-stats{gap:6px}.learning-stats>div{padding:12px 5px}.learning-stats span{font-size:.73rem}.learning-resume{padding:14px}.learning-resume strong{font-size:1rem}.learning-resume button{flex:none}#counterResults{padding:12px}.phrase-lesson #voiceDock{bottom:10px;right:10px;max-width:calc(100% - 20px)}}
@media(prefers-reduced-motion:reduce){.learning-ready *{scroll-behavior:auto!important;transition:none!important}}@media print{#voiceDock,.word-actions,.word-filters,#wordPagination,#counterQuickTopics,.learning-start,#learningSession{display:none!important}.word-card{break-inside:avoid}}

.learning-running #learningLab>.lab-heading{display:none}.learning-conversation-link{display:inline-flex;align-items:center;min-height:44px}.learning-running #learningSession{scroll-margin-top:var(--lesson-scroll-offset,145px)}.learning-ready :is(#wordTitle,#learningTitle){scroll-margin-top:var(--lesson-scroll-offset,145px)}.learning-ready #wordSearch{scroll-margin-top:calc(var(--lesson-scroll-offset,145px) + 40px)}

/* Final traveler audit: urgent phrases before supplementary vocabulary. */
.learning-ready #counterResults{scroll-margin-top:var(--lesson-scroll-offset,145px)}
.counter-phrase{padding:16px;border:1px solid #8f7046;border-radius:13px;background:#211a12;min-width:0}.counter-phrase h3{font-size:1.05rem;line-height:1.5;margin:0 0 8px;color:#fff0d8}.counter-japanese{font-size:1.2rem;line-height:1.6;margin:6px 0;color:#ffebc7;overflow-wrap:anywhere}.counter-romaji{font-size:.9rem;line-height:1.55;margin:5px 0;color:#e7caa3}.counter-context{font-size:.88rem;line-height:1.6;color:#dfcfb8;margin:8px 0 12px}.counter-more{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem;margin-top:3px;color:#ffe0a9}.counter-phrase .word-actions button{flex:1}#counterQuickTopics{margin:12px 0 16px}
