:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#eef2ff;--navy:#172554;--blue:#2563eb;--green:#16a34a;--red:#dc2626}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{border:0;border-radius:14px;padding:14px 16px;background:#e2e8f0;color:#172033;font-weight:750;cursor:pointer}button:active{transform:scale(.985)}header{background-color:var(--navy);background-image:linear-gradient(90deg,#172554 0%,#172554f2 26%,#172554b8 58%,#17255473 82%,#172554a6 100%),url("icons/kaishi-header-characters.jpg");background-position:center,right 43%;background-repeat:no-repeat;background-size:cover,auto 210px;color:white;padding:max(18px,env(safe-area-inset-top)) 20px 18px;display:flex;justify-content:space-between;align-items:center}header h1{margin:2px 0 0;font-size:1.45rem;text-shadow:0 2px 8px #0008}header small{opacity:.85;text-shadow:0 1px 5px #000a}.icon{background:#0f172a80;color:white;padding:10px;backdrop-filter:blur(3px)}.screen{display:none;max-width:720px;margin:auto;padding:18px}.screen.active{display:block}.hero{background:linear-gradient(135deg,#172554,#2563eb);color:white;border-radius:24px;padding:22px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 14px 35px #17255430}.hero h2{font-size:1.75rem;margin:14px 0 5px}.hero p{margin:0;opacity:.85}.ring{height:92px;width:92px;border:8px solid #ffffff55;border-top-color:#fff;border-radius:50%;display:grid;place-content:center;text-align:center}.ring strong{font-size:1.7rem}.ring span{font-size:.75rem}.actions{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin:16px 0}.primary{background:var(--blue);color:white}.danger{background:#fee2e2;color:#991b1b}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats article,.skill-list>div{background:white;border-radius:18px;padding:16px;box-shadow:0 5px 20px #1725540d}.stats strong,.stats span{display:block}.stats strong{font-size:1.35rem}.stats span{font-size:.75rem;color:#64748b;margin-top:4px}.skill-list{display:grid;gap:10px}.skill-row{display:grid;grid-template-columns:92px 1fr 44px;gap:10px;align-items:center}.bar{height:10px;background:#e2e8f0;border-radius:20px;overflow:hidden}.bar i,.progress i{display:block;height:100%;background:var(--blue);border-radius:inherit}.study-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.study-top h2{font-size:1.1rem}.progress{height:9px;background:#dbe4f0;flex:1;border-radius:20px;overflow:hidden}.card{background:white;border-radius:24px;padding:22px;min-height:440px;box-shadow:0 10px 30px #17255418}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:800;font-size:.72rem}.jp{font-size:3rem;text-align:center;margin:28px 0 8px}.reading,.meaning{text-align:center}.reading{font-size:1.25rem;color:#475569}.meaning{font-size:1.4rem;font-weight:800;margin-top:16px}.picture{display:block;max-width:100%;max-height:210px;object-fit:contain;margin:16px auto;border-radius:16px}.audio{display:block;margin:14px auto}.choices{display:grid;gap:10px;margin-top:22px}.choice{background:#f1f5f9;text-align:left;border:2px solid transparent;transition:transform .12s ease,background .18s ease,border-color .18s ease,opacity .18s ease,box-shadow .18s ease}.choice:not(:disabled):active{transform:scale(.97)}.choice.correct{background:#dcfce7;border-color:#22c55e;animation:choiceCorrectPop .42s ease both;box-shadow:0 0 0 4px #22c55e22}.choice.wrong{background:#fee2e2;border-color:#ef4444;animation:choiceWrongShake .38s ease both}.choice:disabled:not(.correct):not(.wrong){opacity:.5}.reveal{margin-top:22px;width:100%;transition:transform .12s ease}.reveal:not(:disabled):active{transform:scale(.97)}
#answer{animation:answerReveal .3s ease both}
@keyframes answerReveal{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#answer{animation:none!important}.reveal:active{transform:none!important}}.ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.ratings button{padding:12px 4px;font-size:.78rem;transition:transform .12s ease}.ratings button:not(:disabled):active{transform:scale(.93)}.again{background:#fee2e2;color:#991b1b}.hard{background:#ffedd5;color:#9a3412}.good{background:#dcfce7;color:#166534}.easy{background:#dbeafe;color:#1e40af}.mnemonic{background:#fff7ed;border-left:5px solid #f97316;padding:16px;border-radius:12px;line-height:1.55}.hint{margin-top:14px;background:#fef3c7}.sentence{font-size:1.45rem;line-height:1.6;text-align:center;margin:30px 0}.muted{color:#64748b;font-size:.88rem}.form{display:grid;gap:18px}.form label{display:grid;gap:7px;font-weight:700}.form input,.form select{border:1px solid #cbd5e1;border-radius:12px;padding:12px;background:white}.form input[type=checkbox]{width:22px;height:22px}.file{background:#e2e8f0;padding:14px;border-radius:14px;text-align:center}.file input{display:none}textarea{width:100%;min-height:120px;border:1px solid #cbd5e1;border-radius:12px;padding:12px}#toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#172554;color:white;padding:12px 18px;border-radius:999px;display:none;z-index:10}.memory-stage{position:relative;height:108px;margin:14px 0;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff7ed);overflow:hidden;display:flex;align-items:center;justify-content:center;gap:14px}.memory-emoji{font-size:2.7rem;animation:memoryBob 2.2s ease-in-out infinite}.memory-word{font-size:2rem;font-weight:900;color:#172554;animation:memoryPop 2.2s ease-in-out infinite}.memory-pulse{position:absolute;right:14px;bottom:10px;background:white;border-radius:999px;padding:5px 10px;font-weight:800;color:#2563eb;animation:memoryGlow 2.2s ease-in-out infinite}.small-jp{font-size:1.8rem;margin:10px 0}.large-reading{font-size:2.35rem;margin-top:28px}.prompt-meaning{margin:24px 0}.kanji-choices .choice{font-size:1.35rem;text-align:center}.title-row{display:flex;align-items:center;gap:9px}.version-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#ffffff20;border:1px solid #ffffff30;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.03em}.version-card{display:grid;gap:5px;margin-top:4px;padding:14px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe}.version-card strong{color:#172554}.version-card span{font-size:.85rem;color:#475569}.version-card small{line-height:1.45;color:#64748b}.memory-scene{margin:18px 0;padding:14px;border-radius:18px;background:#faf5ff;border:1px solid #ddd6fe}.memory-scene h3{margin:0 0 12px;color:#6d28d9}.memory-scene img{width:100%;display:block;border-radius:14px}.memory-caption{font-weight:800;text-align:center;margin:12px 0 4px}.memory-note{font-size:.88rem;color:#64748b;text-align:center;margin:0}.rating-title{text-align:center;font-weight:800;margin:22px 0 0;color:#334155}.update-banner{max-width:720px;margin:10px auto 0;padding:14px 18px;background:#fff7ed;border:1px solid #fdba74;border-radius:18px;display:flex;gap:14px;align-items:center;justify-content:space-between}.update-banner[hidden]{display:none}.update-banner div:first-child{display:grid;gap:4px}.update-banner span{font-size:.88rem;color:#7c2d12}.update-actions{display:flex;gap:8px;flex-shrink:0}.update-actions button{padding:10px 12px}dialog{border:0;border-radius:22px;max-width:520px;width:calc(100% - 32px);padding:0;box-shadow:0 24px 70px #17255455}dialog::backdrop{background:#17255499}.whats-new{padding:22px;display:grid;gap:14px}.whats-new h2{margin:0}.whats-new ul{padding-left:20px;line-height:1.6}@keyframes memoryBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(4deg)}}@keyframes memoryPop{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes memoryGlow{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes choiceCorrectPop{0%{transform:scale(1)}35%{transform:scale(1.035)}100%{transform:scale(1)}}@keyframes choiceWrongShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}@keyframes ratingPop{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.memory-emoji,.memory-word,.memory-pulse{animation:none!important}.choice,.choice.correct,.choice.wrong,.ratings button{animation:none!important;transition:background .12s ease,border-color .12s ease,opacity .12s ease!important}.choice:active,.ratings button:active{transform:none!important}}@media(max-width:480px){.screen{padding:12px}.hero{padding:18px}.hero h2{font-size:1.45rem}.ring{width:78px;height:78px}.actions{grid-template-columns:1fr}.jp{font-size:2.5rem}.card{padding:18px;min-height:420px}.ratings{grid-template-columns:repeat(2,1fr)}.update-banner{margin:8px 12px 0;align-items:stretch;flex-direction:column}.update-actions{display:grid;grid-template-columns:1fr 1fr}.update-actions button{width:100%}}

.acknowledgement{display:grid;gap:7px;padding:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}
.acknowledgement strong{color:#9a3412}
.acknowledgement p{margin:0;color:#475569;line-height:1.45}
.acknowledgement a{color:#1d4ed8;font-weight:700;overflow-wrap:anywhere}
.memory-scene img{aspect-ratio:4/5;object-fit:contain;background:#fff}

.game-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.game-mode-grid button{min-height:72px;font-weight:800}
.quiz-picture{display:block;width:min(100%,390px);max-height:none;object-fit:contain;margin:0 auto 16px;border-radius:20px;background:#fff;border:2px solid #ddd6fe}
.picture-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
.picture-choice{padding:8px;display:flex;flex-direction:column;gap:6px;align-items:center}
.picture-choice img{width:100%;aspect-ratio:9/5;object-fit:contain;border-radius:12px}
.picture-choice span{font-size:.85rem}
@media(max-width:560px){.game-mode-grid,.picture-choices{grid-template-columns:1fr 1fr}.picture-choice span{font-size:.75rem}}
.listen-prompt{text-align:center;margin:28px 0 8px}
.listen-prompt h2{margin:8px 0}
.listen-icon{font-size:4rem;line-height:1}
.game-feedback{margin-top:24px;padding:18px;border:2px solid #bfdbfe;border-radius:18px;background:#eff6ff;text-align:center}
.game-feedback[hidden]{display:none}
.game-result{margin:0;font-size:1.1rem;font-weight:900}
.game-result-correct{color:#166534}
.game-result-wrong{color:#991b1b}
.game-answer .jp{font-size:2.5rem;margin:18px 0 4px}
.game-answer .meaning{margin-top:10px}
.game-feedback .reveal{margin-top:14px}
.karuta-mode{grid-column:1/-1;background:linear-gradient(135deg,#be123c,#7c3aed);color:#fff;box-shadow:0 8px 20px #7c3aed30}
.karuta-title{text-align:center;margin:10px 0 12px}.karuta-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;padding:10px;border-radius:14px;background:#fff7ed;border:1px solid #fdba74;text-align:center}.karuta-hud span{display:grid;gap:2px;color:#9a3412;font-size:.7rem}.karuta-hud b{color:#7c2d12;font-size:1.15rem}.karuta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.karuta-card{position:relative;min-width:0;padding:6px;overflow:hidden;border:3px solid transparent;background:#f1f5f9;text-align:center}.karuta-card:disabled{opacity:1}.karuta-card .scene-image-wrap{margin:0}.karuta-card .karuta-image.scene-image{width:100%!important;margin:0!important;border-radius:10px!important}.karuta-kanji{position:absolute;left:10px;right:10px;bottom:10px;padding:5px 8px;border-radius:9px;background:#172554dc;color:#fff;font-size:1.35rem;font-weight:900;line-height:1.1;text-shadow:0 1px 3px #000}.karuta-card.correct{border-color:#22c55e;background:#dcfce7;box-shadow:0 0 0 3px #86efac}.karuta-card.wrong{border-color:#ef4444;background:#fee2e2}.karuta-time{margin:8px 0;color:#475569}.karuta-summary-grid strong{font-size:1.25rem}
@media(min-width:620px){.karuta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.karuta-hud{grid-template-columns:1fr}.karuta-kanji{font-size:1.05rem}}
.battle-mode{grid-column:1/-1;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;box-shadow:0 8px 20px #4338ca35}
.battle-board{margin:14px 0 22px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#dbeafe,#f8fafc);border:2px solid #93c5fd}.battle-hud{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.78rem}.battle-lane{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;margin:14px 0 8px;border-bottom:5px solid #64748b}.battle-cell{display:grid;place-items:center;min-height:54px;font-size:2rem;border-right:1px dashed #94a3b8}.battle-cell:last-child{border-right:0}.battle-board p{margin:8px 0 0;text-align:center;color:#475569;font-size:.82rem}.battle-word{margin-top:18px}
.monster-stat{grid-column:span 2;background:linear-gradient(135deg,#fef3c7,#ffedd5)!important;border:1px solid #fdba74}.monster-stat strong{color:#9a3412}
.battle-stage{position:relative;height:190px;margin:12px 0 8px;overflow:hidden;border-radius:14px;background-color:#d8c590;background-image:linear-gradient(180deg,#0f172a05 0 58%,#42200618 100%),url("media/battle/japanese-garden.webp");background-size:cover;background-position:center 54%;background-repeat:no-repeat;border:1px solid #86a978;border-bottom:6px solid #74583c;box-shadow:inset 0 0 24px #17255420,0 8px 18px #17255418}.battle-stage::after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff2 0%,transparent 28% 72%,#1725540d 100%)}.battle-defenders{position:absolute;z-index:2;left:2%;bottom:-7%;width:33%;height:82%;object-fit:contain;filter:drop-shadow(0 4px 4px #17255455)}.battle-monster{position:absolute;z-index:3;bottom:-4%;width:25%;height:78%;object-fit:contain;filter:drop-shadow(0 4px 4px #17255455);transform:translateX(-50%);transition:left .55s cubic-bezier(.2,.8,.2,1);animation:battleApproach 1.25s ease-in-out infinite}.battle-hurt{animation:battleHurt .55s ease-out both}.battle-defeated{animation:battleDefeated .9s ease-out both}.battle-summary-title{text-align:center;margin:24px 0}.battle-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.battle-summary-grid article{display:grid;gap:4px;text-align:center;padding:14px 8px;border-radius:14px;background:#eff6ff}.battle-summary-grid strong{font-size:1.45rem;color:#1d4ed8}.battle-summary-grid span{font-size:.72rem;color:#64748b}.battle-summary-note,.battle-weak{padding:14px;border-radius:14px;background:#fff7ed;line-height:1.55}.battle-weak{background:#fef2f2}.ok{color:#166534;text-align:center;font-weight:800}@keyframes battleApproach{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}@keyframes battleHurt{0%{transform:translateX(-50%) scale(1)}30%{transform:translateX(-62%) rotate(-8deg) scale(1.08);filter:brightness(1.3)}100%{transform:translateX(-50%) scale(1)}}@keyframes battleDefeated{0%{transform:translateX(-50%) scale(1)}65%{transform:translateX(-50%) translateY(5px) scale(.95)}100%{transform:translateX(-50%) translateY(12px) scale(.9);opacity:.82}}
@media(prefers-reduced-motion:reduce){.battle-monster{animation:none!important;transition:none!important}}
@media(max-width:520px){.battle-stage{height:150px}.battle-summary-grid{grid-template-columns:repeat(2,1fr)}.battle-defenders{width:37%}.battle-monster{width:29%}}

/* v4.0 direct standalone scene images */
.scene-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:9 / 5 !important;
  object-fit:contain !important;
  background:#f8fafc;
  border-radius:16px;
}
.quiz-picture.scene-image{
  width:min(100%,390px) !important;
  margin:0 auto 16px !important;
  border:2px solid #ddd6fe;
}
.memory-scene-image.scene-image{
  width:100% !important;
  margin:0 !important;
  border:2px solid #ddd6fe;
}
.choice-sprite.scene-image{
  width:100% !important;
  margin:0 !important;
  border-radius:12px;
}
.scene-image-error{
  display:grid;
  place-items:center;
  min-height:180px;
  padding:18px;
  text-align:center;
  border:2px dashed #fb7185;
  border-radius:16px;
  background:#fff1f2;
  color:#9f1239;
  font-weight:700;
  overflow-wrap:anywhere;
}

.scene-image-wrap{
  display:block;
  margin:0;
  width:100%;
}
.quiz-picture-wrap{
  width:min(100%,390px);
  margin:0 auto 16px;
}
.scene-image-fallback{
  min-height:180px;
  padding:18px;
  place-items:center;
  text-align:center;
  border:2px dashed #fb7185;
  border-radius:16px;
  background:#fff1f2;
  color:#9f1239;
  font-weight:700;
  overflow-wrap:anywhere;
}
.scene-image-fallback:not([hidden]){
  display:grid;
}
.settings-link{
  display:block;
  padding:14px 16px;
  border-radius:14px;
  background:#ede9fe;
  color:#5b21b6;
  font-weight:800;
  text-align:center;
  text-decoration:none;
}
#mnemonicStudioLink[hidden]{display:none}
.back-to-app{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border:2px solid #bfdbfe;
  border-radius:999px;
  background:#2563eb;
  color:#fff;
  box-shadow:0 4px 12px #0f172a35;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.back-to-app:hover{background:#1d4ed8}
.back-to-app:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}

/* A transparent character group sits over one continuous header treatment,
   avoiding the visible rectangular edge of a conventional banner image. */
header{
  background-color:var(--navy);
  background-image:
    linear-gradient(90deg,#172554 0%,#172554f5 29%,#172554b5 52%,transparent 72%),
    url("icons/kaishi-header-characters-transparent.png?v=5.1.3"),
    radial-gradient(circle at 78% 18%,#3b82f655 0%,transparent 34%),
    linear-gradient(110deg,#172554 0%,#1e3a8a 72%,#172554 100%);
  background-position:center,right 58px bottom,center,center;
  background-repeat:no-repeat;
  background-size:cover,auto 96%,cover,cover;
}

@media(max-width:560px){
  header{
    background-position:center,right 44px bottom,center,center;
    background-size:cover,auto 82%,cover,cover;
  }
}

.stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.picture-kanji-prompt{width:min(100%,390px);margin:0 auto 16px}
.picture-kanji-prompt .quiz-picture-wrap{margin-bottom:0}
.picture-kanji-prompt .quiz-picture.scene-image{margin-bottom:0!important;border-radius:16px 16px 0 0}
.picture-kanji-word{padding:10px 14px;border-radius:0 0 16px 16px;background:#172554;color:#fff;font-size:2rem;font-weight:900;line-height:1.15;text-align:center}
@media(max-width:480px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Dashboard score explanations and daily-review guidance. */
.skills-intro{margin:-6px 0 12px;color:#64748b;font-size:.86rem}
.skill-row{position:relative;cursor:help;outline:none}
.skill-row:focus-visible{box-shadow:0 0 0 3px #60a5fa}
.skill-info{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:3px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-size:.72rem}
.skill-help{position:absolute;z-index:5;left:10px;right:10px;bottom:calc(100% + 7px);margin:0;padding:11px 13px;border-radius:12px;background:#172554;color:#fff;box-shadow:0 8px 24px #17255444;font-size:.8rem;line-height:1.4;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s}
.skill-help::after{content:'';position:absolute;left:24px;top:100%;border:7px solid transparent;border-top-color:#172554}
.skill-row:hover .skill-help,.skill-row:focus .skill-help{opacity:1;transform:translateY(0)}
.setting-help{color:#64748b;font-weight:500;line-height:1.4}

/* Optional cloud account and community leaderboard. */
.leaderboard-card{margin-top:22px;padding:20px;border-radius:22px;background:linear-gradient(145deg,#fff,#eef2ff);border:1px solid #c7d2fe;box-shadow:0 8px 24px #17255412}
.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.leaderboard-heading h3{margin:4px 0 0}
.leaderboard-heading button{padding:10px 13px;background:#172554;color:#fff}
.leaderboard-list{display:grid;gap:8px;margin-top:13px}
.leaderboard-row{display:grid;grid-template-columns:32px 38px minmax(100px,1fr) auto;grid-template-areas:'rank avatar person score' 'rank avatar person details';align-items:center;column-gap:10px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e2e8f0}
.leaderboard-row.is-you{position:relative;border:2px solid #2563eb;background:linear-gradient(135deg,#dbeafe,#eef2ff);box-shadow:0 7px 20px #2563eb30}
.leaderboard-row.is-you .leaderboard-rank{background:#2563eb;color:#fff}
.leaderboard-row.is-you>img{box-shadow:0 0 0 3px #60a5fa}
.you-badge{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;background:#2563eb;color:#fff;font-size:.6rem;line-height:1;vertical-align:middle;text-transform:uppercase;letter-spacing:.04em}
.leaderboard-rank{grid-area:rank;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e0e7ff;color:#3730a3;font-weight:900}
.leaderboard-row>img{grid-area:avatar;width:38px;height:38px;border-radius:50%;background:#e2e8f0}
.leaderboard-row>div{grid-area:person;display:grid;min-width:0}
.leaderboard-row>div strong,.leaderboard-row>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.leaderboard-row>div small,.leaderboard-row>small{color:#64748b}
.leaderboard-row>b{grid-area:score;color:#1d4ed8;text-align:right}
.leaderboard-row>small{grid-area:details;text-align:right;font-size:.72rem}
.cloud-settings{display:grid;gap:13px;padding:18px;border-radius:18px;background:linear-gradient(145deg,#eff6ff,#f5f3ff);border:1px solid #bfdbfe}
.cloud-settings h3{margin:-5px 0 0}
.cloud-account{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#fff}
.cloud-account>div{min-width:0;flex:1}
.cloud-account p{margin:3px 0 0;color:#64748b;font-size:.78rem;overflow-wrap:anywhere}
.cloud-avatar{width:46px;height:46px;border-radius:50%;background:#e2e8f0}
.github-button{background:#24292f;color:#fff}
.cloud-status{margin:0;color:#475569;font-size:.82rem}
.cloud-status[data-state=ok]{color:#166534}.cloud-status[data-state=error]{color:#991b1b}.cloud-status[data-state=working]{color:#1d4ed8}
.leaderboard-toggle{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;padding:13px;border-radius:14px;background:#fff}
.leaderboard-toggle input{flex:0 0 auto;margin:1px 0 0}
.leaderboard-toggle span{display:grid;gap:4px}
.leaderboard-toggle small{color:#64748b;font-weight:500;line-height:1.4}
.cloud-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cloud-privacy{margin:0;color:#64748b;font-size:.76rem;line-height:1.45}
.cloud-conflict{display:grid;gap:12px;padding:22px}
.cloud-conflict h2,.cloud-conflict p{margin:0}.cloud-conflict p{color:#475569;line-height:1.5}
@media(max-width:520px){.leaderboard-row{grid-template-columns:28px 34px minmax(80px,1fr);grid-template-areas:'rank avatar person' 'rank avatar score' 'rank avatar details'}.leaderboard-row>b,.leaderboard-row>small{text-align:left}.leaderboard-heading{align-items:flex-start}.cloud-account{align-items:stretch;flex-wrap:wrap}.cloud-account button{width:100%}.cloud-actions{grid-template-columns:1fr}}

.community-button{grid-column:1/-1;background:linear-gradient(135deg,#fef3c7,#ffedd5);border:1px solid #f59e0b;color:#92400e}
.kana-button{background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff;box-shadow:0 7px 18px #0f766e28}
.kana-path{min-height:520px}.kana-path>div>h2{margin:7px 0}.kana-path>div>p{color:#475569;line-height:1.55}.kana-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.kana-path-grid>section{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:16px;border:1px solid #a5f3fc;border-radius:18px;background:linear-gradient(145deg,#ecfeff,#f0fdfa)}.kana-path-grid h3,.kana-path-grid p{margin:0}.kana-path-grid p{color:#64748b;font-size:.8rem}.kana-path-grid strong{display:block;margin-top:7px;color:#0f766e;font-size:.82rem}.kana-path-grid button{grid-column:1/-1}.kana-script-sample{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:#fff;color:#0f766e;font-size:2.7rem;font-weight:900;box-shadow:0 5px 14px #0f766e17}.kana-note{padding:12px 14px;border-radius:14px;background:#f8fafc;font-size:.82rem}.kana-lesson-progress{display:flex;align-items:center;gap:10px}.kana-lesson-progress button{padding:10px 12px}.kana-card{padding-top:26px;text-align:center}.kana-glyph{margin:24px 0 8px;color:#172554;font-size:7rem;font-weight:850;line-height:1}.kana-question{margin-bottom:24px}.kana-romaji{color:#0f766e;font-size:2rem;font-weight:900}.kana-choices .choice{text-align:center;font-size:1.25rem}.kana-answer{display:flex;align-items:center;justify-content:center;gap:18px;margin:16px}.kana-answer span{font-size:3rem;color:#172554}.kana-answer strong{font-size:1.6rem;color:#0f766e}.kana-summary{display:grid;place-items:center;margin:26px auto;padding:24px;border-radius:20px;background:linear-gradient(135deg,#ccfbf1,#cffafe)}.kana-summary strong{font-size:3rem;color:#0f766e}.kana-summary span{color:#475569}
@media(max-width:560px){.kana-path-grid{grid-template-columns:1fr}.kana-glyph{font-size:5.8rem}}
.leaderboard-page{margin-top:0;min-height:440px}
.community-intro{margin:14px 0;color:#475569;line-height:1.5}

/* Profile integrated into the Ready to learn hero. */
.hero-copy{min-width:0;flex:1}.hero-profile{display:flex;align-items:center;gap:12px}.hero-profile>button{flex:0 0 auto;padding:0;border-radius:17px;background:transparent;line-height:0}.hero-profile>button:hover{box-shadow:0 0 0 3px #ffffff70}.hero-profile>button:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}.hero-profile img{display:block;width:68px;height:68px;border:2px solid #ffffff80;border-radius:17px;object-fit:cover;box-shadow:0 6px 18px #0f172a55}.hero-profile>div{min-width:0;display:grid;gap:2px}.hero-profile h2{margin:2px 0!important}.hero-profile strong{overflow:hidden;color:#fff;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.hero-profile-milestone{display:block;margin-top:7px;color:#dbeafe;font-size:.67rem;line-height:1.35}.hero-copy>#summary{margin-top:11px}

/* Meaningful daily activity, draining review ring, and learning overview. */
.ring{position:relative;isolation:isolate;flex:0 0 92px;border:0;background:conic-gradient(#fff calc(var(--due-progress,0) * 1turn),#ffffff35 0);box-shadow:inset 0 0 0 1px #ffffff25}
.ring::before{content:'';position:absolute;z-index:-1;inset:8px;border-radius:50%;background:#1d4ed8}
.ring strong,.ring span{position:relative}.ring span{max-width:62px;line-height:1.1}
.streak-qualifier{display:grid;gap:5px;width:min(260px,100%);margin-top:14px}.streak-qualifier>span{font-size:.75rem;font-weight:800}.streak-qualifier>i{height:7px;overflow:hidden;border-radius:999px;background:#ffffff35}.streak-qualifier b{display:block;height:100%;width:0;border-radius:inherit;background:#fbbf24;transition:width .3s ease}
.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.karuta-stat{grid-column:1/-1;background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;border:1px solid #c4b5fd}.karuta-stat strong{color:#6d28d9}.monster-stat{grid-column:span 2}
.kanji-overview-button{width:100%;margin:14px 0 18px;background:linear-gradient(135deg,#172554,#4338ca);color:#fff;font-size:1rem;box-shadow:0 8px 22px #312e8130}
.memory-faded{margin:16px 0;padding:13px 15px;border:1px dashed #94a3b8;border-radius:13px;background:#f8fafc;color:#64748b;font-size:.84rem;line-height:1.45;text-align:center}
.kanji-overview>h2{margin:7px 0}.kanji-overview>p{color:#475569;line-height:1.5}.kanji-overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.kanji-overview-stats article{display:grid;gap:3px;padding:12px 8px;border-radius:13px;background:#f1f5f9;text-align:center}.kanji-overview-stats strong{font-size:1.35rem}.kanji-overview-stats span{color:#64748b;font-size:.7rem}.kanji-legend{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.kanji-legend span{padding:5px 8px;border-radius:999px;font-size:.68rem;font-weight:800}.kanji-legend .introduced{background:#dbeafe;color:#1d4ed8}.kanji-legend .practised{background:#fef3c7;color:#92400e}.kanji-legend .mastered{background:#dcfce7;color:#166534}.kanji-legend .locked{background:#e2e8f0;color:#64748b}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:520px;overflow:auto;padding:3px}.kanji-tile{display:grid;place-items:center;gap:4px;min-height:68px;padding:8px;border:2px solid transparent;border-radius:13px}.kanji-tile span{font-size:1.65rem;font-weight:900}.kanji-tile small{font-size:.55rem;text-transform:capitalize}.kanji-tile.introduced{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.kanji-tile.practised{border-color:#fbbf24;background:#fffbeb;color:#92400e}.kanji-tile.mastered{border-color:#4ade80;background:#f0fdf4;color:#166534}.kanji-tile.locked{background:#e2e8f0;color:#94a3b8}.kanji-words{margin-top:20px;padding-top:18px;border-top:1px solid #cbd5e1}.kanji-detail-heading{display:flex;align-items:center;gap:14px}.kanji-detail-heading>span{display:grid;place-items:center;width:70px;height:70px;border-radius:16px;background:#172554;color:#fff;font-size:2.8rem}.kanji-detail-heading h3,.kanji-detail-heading p{margin:0}.kanji-detail-heading p{color:#64748b;font-size:.8rem}.kanji-word-list{display:grid;gap:8px;margin-top:14px}.kanji-word-list article{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,2fr) auto;align-items:center;gap:10px;padding:10px 12px;border-left:5px solid #cbd5e1;border-radius:10px;background:#f8fafc}.kanji-word-list article.introduced{border-color:#60a5fa}.kanji-word-list article.practised{border-color:#fbbf24}.kanji-word-list article.mastered{border-color:#4ade80}.kanji-word-list article.locked{opacity:.58}.kanji-word-list article>div{display:grid}.kanji-word-list article>div strong{font-size:1.2rem}.kanji-word-list article>div span,.kanji-word-list article small{color:#64748b;font-size:.7rem}.kanji-word-list article>b{font-size:.78rem}.kanji-word-list article>small{text-transform:capitalize}
@media(max-width:520px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kanji-overview-stats{grid-template-columns:repeat(2,1fr)}.kanji-grid{grid-template-columns:repeat(5,1fr)}.kanji-word-list article{grid-template-columns:1fr auto}.kanji-word-list article>b{grid-column:1/-1}.ring{width:82px;height:82px;flex-basis:82px}}
.avatar-picker{display:grid!important;gap:10px!important;padding:14px!important;border:1px solid #c7d2fe!important;border-radius:16px!important;background:#fff!important}
.avatar-picker>p{margin:0;color:#64748b;font-size:.78rem;line-height:1.4}
.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.avatar-grid button{position:relative;display:grid;align-content:start;gap:4px;min-width:0;padding:6px;border:2px solid transparent;background:#eef2ff;color:#172554;font-size:.72rem;text-align:left}
.avatar-grid button.selected{border-color:#2563eb;background:#dbeafe;box-shadow:0 0 0 2px #93c5fd55}
.avatar-grid img{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;transition:filter .2s,opacity .2s}.avatar-grid span{overflow:hidden;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.avatar-grid small{min-height:2.3em;color:#64748b;font-size:.58rem;line-height:1.2}.avatar-grid button.locked{border-color:#cbd5e1;background:#e2e8f0;color:#64748b}.avatar-grid button.locked img{filter:grayscale(1) saturate(0);opacity:.46}.avatar-grid button.locked::after{content:'🔒';position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#172554d9;color:#fff;font-size:.78rem;box-shadow:0 3px 9px #0f172a45}.avatar-grid button.locked:hover img,.avatar-grid button.locked:focus-visible img{opacity:.6}.avatar-grid button[aria-disabled="true"]{cursor:not-allowed}
.avatar-picker.profile-target{box-shadow:0 0 0 4px #60a5fa,0 10px 28px #2563eb30;transition:box-shadow .25s}
.rescue-mode{width:100%;margin-top:10px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 8px 20px #ea580c35}
.rescue-message{margin:10px 0;padding:12px;border:1px solid #fdba74;border-radius:13px;background:#fff7ed;color:#9a3412;font-size:.82rem;font-weight:700;line-height:1.45}
.rescue-board{border-color:#f59e0b;background:linear-gradient(180deg,#fef3c7,#fff7ed)}
.rescue-result-monster{display:block;width:min(260px,70%);height:230px;margin:0 auto;object-fit:contain}
@media(max-width:560px){.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-profile img{width:58px;height:58px}.hero-profile{gap:9px}.hero-profile strong{max-width:190px}.hero-profile-milestone{max-width:250px}}
@media(max-width:390px){.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Manga Stories */
.manga-button{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;box-shadow:0 8px 20px #7c3aed26}
.manga-section{max-width:920px;margin:auto}
#manga.screen{max-width:960px}
.manga-library-stats,.manga-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.manga-library-stats article,.manga-summary-grid article{display:grid;gap:3px;padding:14px;border-radius:16px;background:#f5f3ff;border:1px solid #ddd6fe}
.manga-library-stats strong,.manga-summary-grid strong{font-size:1.35rem;color:#5b21b6}
.manga-library-stats span,.manga-summary-grid span{font-size:.78rem;color:#64748b}
.manga-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.manga-story-card{display:grid;align-content:start;gap:6px;padding:10px;text-align:left;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 22px #17255412;overflow:hidden}
.manga-story-card:hover,.manga-story-card:focus-visible{border-color:#a78bfa;box-shadow:0 12px 28px #7c3aed22;transform:translateY(-2px)}
.manga-story-card:disabled{opacity:.62;cursor:not-allowed;filter:saturate(.45);box-shadow:none}
.manga-story-card:disabled:hover{border-color:#e2e8f0;box-shadow:none;transform:none}
.manga-story-card:disabled b{color:#92400e}
.manga-story-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:#f1f5f9}
.manga-story-card strong{font-size:1.2rem;margin-top:3px}.manga-story-card small{font-weight:800;color:#7c3aed}.manga-story-card p{font-size:.83rem;line-height:1.45;color:#475569;margin:3px 0}.manga-story-card b{font-size:.75rem;color:#166534}
.manga-story-level{justify-self:start;padding:4px 8px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:.68rem;font-weight:850}
.manga-reader-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.manga-reader-top span{font-size:.82rem;font-weight:850;color:#5b21b6}
.manga-story-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;background:none;color:inherit;padding:0;margin:0 0 12px}
.manga-story-heading h2{margin:4px 0 0}.manga-story-heading p{margin:2px 0;color:#64748b}.manga-story-heading>span{font-weight:900;color:#7c3aed;letter-spacing:.08em}
.manga-page{margin:0}.manga-page img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:16px;background:#0f172a;box-shadow:0 10px 28px #0f172a24}.manga-page figcaption{text-align:center;font-size:.7rem;color:#94a3b8;margin-top:7px}
.manga-panel-dots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:14px 0}.manga-panel-dots i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e2e8f0;color:#64748b;font-style:normal;font-size:.72rem;font-weight:850}.manga-panel-dots i.active{background:#7c3aed;color:#fff;box-shadow:0 0 0 4px #ede9fe}.manga-panel-dots i.done{background:#dcfce7;color:#166534}
.manga-reading-card{padding:18px;border:1px solid #ddd6fe;border-radius:18px;background:linear-gradient(180deg,#faf5ff,#fff)}
.manga-japanese{font-size:1.45rem;line-height:1.7;margin:8px 0}.manga-japanese mark{background:#fef08a;color:#713f12;border-radius:5px;padding:1px 4px}.manga-reading{color:#64748b;line-height:1.55}.manga-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.manga-tools .audio{display:inline-block;margin:0}.manga-reading-card h3{font-size:1rem;margin-top:20px}
.manga-question-support{margin:8px 0 0;padding:12px 14px;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-weight:750;line-height:1.5}.manga-choices .choice[lang=ja],.manga-comprehension .choice[lang=ja]{font-size:1.05rem;line-height:1.55}
.manga-reveal{display:grid;gap:4px;margin-top:12px;padding:14px;border-radius:14px;background:#eff6ff}.manga-reveal strong{font-size:1.3rem}.manga-reveal span{color:#1d4ed8;font-weight:750}.manga-reveal p{margin:4px 0 0;color:#475569;line-height:1.5}
.manga-question{font-size:1.65rem;line-height:1.55}.manga-comprehension-answer{padding:14px;border-radius:12px;background:#dcfce7;color:#166534;font-weight:850}.manga-summary-title{font-size:2rem}.manga-glossary{margin-top:18px}.manga-glossary>div{display:grid}.manga-glossary button{width:100%;display:grid;grid-template-columns:minmax(70px,.7fr) minmax(90px,1fr) 2fr;align-items:center;gap:10px;margin-bottom:7px;text-align:left;background:#f8fafc;border:1px solid #e2e8f0}.manga-glossary button:before{content:'🔊';grid-column:1;grid-row:1;color:#2563eb}.manga-glossary button strong{grid-column:1;margin-left:28px}.manga-glossary button span{color:#475569}.manga-glossary button small{color:#64748b}
@media(max-width:620px){.manga-story-grid{grid-template-columns:1fr}.manga-section{padding:16px}.manga-japanese{font-size:1.25rem}.manga-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manga-glossary button{grid-template-columns:1fr 1fr}.manga-glossary button:before{display:none}.manga-glossary button strong{grid-column:auto;margin-left:0}.manga-glossary button small{grid-column:1/-1}.manga-story-heading{align-items:center}}
/* Interactive right-to-left manga reader. */
.manga-comic-card{border:2px solid #111827;background:linear-gradient(145deg,#fff,#f8fafc)}.manga-comic-card .manga-story-level{background:#111827;color:#fff}.manga-comic-reader{max-width:720px;margin:auto;outline:none;touch-action:pan-y}.manga-comic-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.manga-comic-header h2{margin:3px 0 0;font-size:1.55rem}.manga-comic-header p{margin:2px 0;color:#64748b}.manga-language-toggle{flex:none;border:2px solid #111827;background:#fff;color:#111827}.manga-comic-page{position:relative;overflow:hidden;border:3px solid #111827;border-radius:5px;background:#fff;box-shadow:0 16px 34px #0f172a2e}.manga-comic-page>img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.manga-comic-balloon{position:absolute;left:var(--balloon-x);top:var(--balloon-y);width:var(--balloon-w);padding:9px 10px 7px;border:2px solid #111827;border-radius:50% 48% 46% 52%;background:#fffc;box-shadow:0 3px 0 #11182726;text-align:center;line-height:1.35;backdrop-filter:blur(2px)}.manga-comic-balloon::after{content:'';position:absolute;right:18%;bottom:-11px;width:16px;height:18px;background:#fffc;border-right:2px solid #111827;transform:skew(-24deg) rotate(17deg)}.manga-comic-balloon.thought{border-style:dashed}.manga-comic-balloon.thought::after{width:8px;height:8px;border:2px solid #111827;border-radius:50%;bottom:-14px;background:#fff;transform:none}.manga-comic-balloon small{position:relative;z-index:1;display:block;margin-top:3px;color:#64748b;font-size:.52rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.manga-comic-word{position:relative;z-index:2;display:inline;padding:1px 2px;border:0;border-radius:4px;background:transparent;color:#111827;font-size:clamp(.72rem,2.2vw,1rem);font-weight:900;line-height:1.45}.manga-comic-word:hover,.manga-comic-word:focus-visible{background:#fef08a;color:#713f12;box-shadow:0 0 0 2px #eab308}.manga-comic-english{position:relative;z-index:2;display:none;margin:0;font-size:clamp(.67rem,2vw,.9rem);font-weight:800;line-height:1.35}.manga-comic-reader.show-english .manga-comic-japanese{display:none}.manga-comic-reader.show-english .manga-comic-english{display:block}.manga-read-direction{position:absolute;top:5px;right:5px;padding:4px 6px;border-radius:999px;background:#111827;color:#fff;font-size:.55rem;font-weight:950;letter-spacing:.06em}.manga-comic-help{text-align:center;margin:11px 0 7px;color:#475569;font-size:.75rem;font-weight:750}.manga-comic-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.manga-comic-dots{display:flex;justify-content:center;gap:7px}.manga-comic-dots button{width:11px;height:11px;min-width:0;padding:0;border-radius:50%;background:#cbd5e1}.manga-comic-dots button.active{background:#111827;box-shadow:0 0 0 3px #cbd5e1}.manga-comic-complete{max-width:620px;margin:auto;text-align:center;padding:28px 0}.manga-comic-complete h2{font-size:2rem}.manga-comic-complete>button{margin:5px}
@media(max-width:620px){.manga-comic-reader{margin:0 -8px}.manga-comic-header{padding:0 6px}.manga-comic-header h2{font-size:1.25rem}.manga-language-toggle{padding:8px;font-size:.7rem}.manga-comic-page{border-width:2px}.manga-comic-balloon{padding:5px 6px 4px;border-width:1.5px}.manga-comic-balloon::after{border-width:1.5px}.manga-comic-word{font-size:clamp(.61rem,2.7vw,.78rem);padding:0 1px}.manga-comic-english{font-size:clamp(.58rem,2.55vw,.74rem)}.manga-comic-balloon small{display:none}.manga-comic-pagination{grid-template-columns:1fr 1fr}.manga-comic-dots{grid-column:1/-1;grid-row:1}.manga-comic-pagination>button{grid-row:2;padding:10px 7px;font-size:.72rem}.manga-read-direction{font-size:.46rem}.manga-comic-help{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.manga-comic-reader *{scroll-behavior:auto!important}}
.manga-comic-japanese{position:relative;z-index:2;display:inline-flex;flex-wrap:wrap;align-content:center;justify-content:center;max-height:125px;margin:auto;writing-mode:vertical-rl;text-orientation:mixed}.manga-comic-word{writing-mode:inherit}
.manga-panel-speaker{position:absolute;z-index:6;right:8px;top:calc(var(--speaker-y) - 44px);display:grid;place-items:center;width:34px;height:34px;min-width:0;padding:0;border:2px solid #111827;border-radius:50%;background:#fff;color:#111827;box-shadow:0 3px 8px #0f172a38;font-size:.9rem}.manga-panel-speaker:hover,.manga-panel-speaker:focus-visible{background:#fef08a}.manga-panel-speaker.is-reading{background:#0ea5e9;color:#fff;box-shadow:0 0 0 4px #bae6fd;animation:mangaSpeakerPulse .8s ease-in-out infinite alternate}.manga-comic-word.is-reading{background:#facc15!important;color:#422006!important;box-shadow:0 0 0 3px #fef08a;transform:scale(1.08)}@keyframes mangaSpeakerPulse{to{transform:scale(1.1)}}
@media(max-width:620px){.manga-panel-speaker{right:5px;top:calc(var(--speaker-y) - 34px);width:28px;height:28px;font-size:.72rem;border-width:1.5px}.manga-comic-word.is-reading{box-shadow:0 0 0 2px #fef08a}}
@media(prefers-reduced-motion:reduce){.manga-panel-speaker.is-reading{animation:none}}

/* Dashboard navigation and dedicated skill scores */
.actions>button{display:grid;gap:3px;align-content:center}.actions>button small{font-size:.72rem;font-weight:750;opacity:.78}.skills-button{background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff}.kanji-stat{padding:0!important;overflow:hidden}.dashboard-stat-button{display:grid;width:100%;height:100%;align-content:center;text-align:left;padding:16px;border-radius:18px;background:linear-gradient(135deg,#fff,#f5f3ff);color:#172033}.dashboard-stat-button:hover,.dashboard-stat-button:focus-visible{background:#ede9fe;box-shadow:inset 0 0 0 2px #8b5cf6}.dashboard-stat-button strong,.dashboard-stat-button span,.dashboard-stat-button small{display:block}.dashboard-stat-button strong{font-size:1.35rem}.dashboard-stat-button span{margin-top:4px;font-size:.75rem;color:#64748b}.dashboard-stat-button small{margin-top:7px;font-size:.68rem;color:#6d28d9;font-weight:850}.skills-overview{min-height:0}.skills-overview>h2{margin-bottom:8px}.skills-overview>p{color:#64748b;line-height:1.55}.skill-score-row{display:grid;gap:10px}.skill-score-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.skill-score-heading strong{font-size:1.2rem;color:#1d4ed8}.skill-score-row>p{margin:0;color:#475569;font-size:.82rem;line-height:1.45}.skill-score-details{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.skill-score-details span,.skill-score-details small{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.7rem}.skill-score-details small{margin-left:auto;background:#eff6ff;color:#1d4ed8;font-weight:800}.skills-note{margin:18px 0 0;padding:13px;border-radius:14px;background:#fefce8;border:1px solid #fde68a;font-size:.82rem}
.history-overview{min-height:0}.history-overview>h2{margin-bottom:8px}.history-overview>p{color:#64748b;line-height:1.55}.history-list{display:grid;gap:12px;margin-top:16px}.history-entry{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;display:grid;gap:8px}.history-entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.history-entry-head strong{font-size:1.05rem;color:#172554}.history-entry-head time{font-size:.75rem;color:#64748b;white-space:nowrap}.history-entry>p.muted{margin:0;font-size:.82rem}.history-entry-missing{color:#b45309}.history-entry-words{display:flex;flex-wrap:wrap;gap:6px}.history-entry-words span{padding:4px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.95rem}.history-redo{justify-self:start;background:#1d4ed8;color:#fff;border:none;padding:9px 16px;border-radius:12px;font-weight:700}.history-redo:disabled{background:#e2e8f0;color:#94a3b8}
.journey-history-timeline{margin:18px 0 24px}.journey-history-timeline-heading{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.journey-history-timeline-heading h2{margin:0;font-size:1.15rem}
.journey-history-track{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.journey-history-track.dragging{cursor:grabbing;scroll-snap-type:none}
.journey-history-track::-webkit-scrollbar{height:6px}.journey-history-track::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
.journey-history-tile{flex:0 0 auto;scroll-snap-align:start;display:grid;gap:4px;min-width:150px;max-width:170px;padding:12px 14px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;text-align:left;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.journey-history-tile:hover,.journey-history-tile:focus-visible{border-color:#93c5fd;box-shadow:0 2px 8px rgba(29,78,216,.12)}
.journey-history-tile time{font-size:.68rem;font-weight:800;letter-spacing:.02em;color:#64748b;text-transform:uppercase}
.journey-history-tile strong{font-size:.92rem;color:#172554;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.journey-history-tile span{font-size:.75rem;color:#475569}
.journey-path-ahead{margin:0 0 24px}
.path-ahead-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.path-ahead-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid #e2e8f0}
.path-ahead-item.current{border-color:#93c5fd;background:#eff6ff}
.path-ahead-item.more{justify-content:center;color:#94a3b8;border-style:dashed}
.path-ahead-icon{font-size:1.3rem;flex:0 0 auto}
.path-ahead-title{flex:1;font-weight:700;color:#172554;font-size:.92rem}
.path-ahead-status{font-size:.75rem;color:#64748b;white-space:nowrap}
.path-ahead-item.current .path-ahead-status{color:#1d4ed8;font-weight:700}
.path-ahead-event{flex:0 0 auto;font-size:.72rem;font-weight:800;padding:4px 9px;border-radius:999px;background:rgba(234,179,8,.14);color:#92400e;white-space:nowrap}
.practice-hub-details{margin-top:10px}
.practice-hub-details>summary{cursor:pointer;font-weight:700;color:#334155;padding:10px 0;list-style:none}
.practice-hub-details>summary::-webkit-details-marker{display:none}
.practice-hub-details>summary::before{content:'▸ ';color:#94a3b8}
.practice-hub-details[open]>summary::before{content:'▾ '}
.history-entry-dialog{border:none;border-radius:20px;padding:0;max-width:420px;width:92vw}
.history-entry-dialog::backdrop{background:rgba(15,23,42,.45)}
.history-entry-dialog-inner{padding:22px 22px 20px;display:grid;gap:10px}
.history-entry-dialog-inner h2{margin:0;font-size:1.3rem;color:#172554}
.history-entry-dialog-stats{display:flex;gap:8px;flex-wrap:wrap}.history-entry-dialog-stats span{padding:5px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.78rem}
.history-entry-dialog .history-entry-words{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0}
.history-entry-dialog .history-entry-words span{display:grid;gap:2px;padding:7px 11px;border-radius:12px;background:#eef2ff;color:#3730a3;font-size:1rem}
.history-entry-dialog .history-entry-words span small{color:#4338ca;font-size:.68rem;font-weight:600}
.history-entry-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}
.history-entry-dialog-actions button{padding:9px 16px;border-radius:12px;font-weight:700}
.history-entry-dialog-actions button:not(.primary){background:#f1f5f9;color:#334155;border:none}
.history-entry-dialog-actions .primary{background:#1d4ed8;color:#fff;border:none}
.history-entry-dialog-actions .primary:disabled{background:#e2e8f0;color:#94a3b8}
@media(max-width:480px){.skill-score-details small{margin-left:0}.dashboard-stat-button{padding:14px}}

/* Scripted Conversation Quest */
.conversation-mode{grid-column:1/-1;display:grid;gap:2px;background:linear-gradient(135deg,#0891b2,#2563eb);color:#fff;box-shadow:0 8px 20px #0369a130}.conversation-mode small{font-size:.7rem;opacity:.86}
.conversation-continue{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 16px;padding:10px 14px;text-align:left;background:linear-gradient(135deg,#ecfeff,#eff6ff);border:1px solid #67e8f9;box-shadow:0 6px 18px #0891b21a}.conversation-continue[hidden]{display:none}.conversation-continue img{width:54px;height:54px;border-radius:13px;object-fit:cover;background:#dbeafe}.conversation-continue span{display:grid;gap:3px}.conversation-continue strong{color:#155e75}.conversation-continue small{color:#475569;line-height:1.35}.conversation-continue>b{color:#0369a1;font-size:.82rem}
#conversation.screen{max-width:960px}.conversation-section{max-width:920px;margin:auto}.conversation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}.conversation-card{display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-areas:'avatar level' 'avatar title' 'avatar japanese' 'summary summary' 'readiness readiness' 'status status';align-items:start;gap:4px 11px;padding:12px;text-align:left;background:#fff;border:1px solid #bae6fd;box-shadow:0 7px 20px #0c4a6e12}.conversation-card:hover,.conversation-card:focus-visible{border-color:#06b6d4;box-shadow:0 10px 25px #0891b226;transform:translateY(-2px)}.conversation-card:disabled{opacity:.58;cursor:not-allowed;filter:saturate(.45);box-shadow:none}.conversation-card:disabled:hover{transform:none;border-color:#bae6fd;box-shadow:none}.conversation-card img{grid-area:avatar;width:70px;height:70px;border-radius:14px;object-fit:cover;background:#e0f2fe}.conversation-card .conversation-level{grid-area:level;justify-self:start;padding:3px 7px;border-radius:999px;background:#cffafe;color:#155e75;font-size:.62rem;font-weight:850}.conversation-card>strong{grid-area:title;font-size:1rem}.conversation-card>small{grid-area:japanese;color:#0369a1;font-weight:800}.conversation-card>p{grid-area:summary;margin:8px 0 3px;color:#475569;font-size:.78rem;line-height:1.42}.conversation-card>i{grid-area:readiness;color:#64748b;font-size:.68rem;font-style:normal}.conversation-card>b{grid-area:status;color:#166534;font-size:.7rem;margin-top:3px}.conversation-card:disabled>b{color:#92400e}
.conversation-heading{display:flex;align-items:center;gap:14px;padding:12px;border-radius:18px;background:linear-gradient(135deg,#ecfeff,#eff6ff);border:1px solid #a5f3fc}.conversation-heading img{width:76px;height:76px;border-radius:17px;object-fit:cover;box-shadow:0 5px 15px #17255420}.conversation-heading h2,.conversation-heading p{margin:3px 0}.conversation-heading p{color:#0369a1;font-weight:800}.conversation-dots{display:flex;justify-content:center;gap:7px;margin:14px}.conversation-dots i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e2e8f0;color:#64748b;font-style:normal;font-size:.72rem;font-weight:850}.conversation-dots i.active{background:#0891b2;color:#fff;box-shadow:0 0 0 4px #cffafe}.conversation-dots i.done{background:#dcfce7;color:#166534}
.conversation-exchange{padding:17px;border-radius:18px;background:#f8fafc;border:1px solid #cbd5e1}.conversation-speaker{display:flex;align-items:center;justify-content:space-between;gap:10px}.conversation-speaker strong{color:#155e75}.conversation-speaker .audio{margin:0;padding:9px 11px}.conversation-line{margin:18px 0 7px;padding:17px;border-radius:18px 18px 18px 5px;background:#e0f2fe;color:#0c4a6e;font-size:1.35rem;font-weight:800;line-height:1.55}.conversation-reading{margin:0 4px 10px;color:#475569;line-height:1.5}.conversation-hint{padding:9px 12px;background:#fef3c7;color:#92400e}.conversation-exchange h3{margin:20px 0 0}.conversation-choices{margin-top:12px}.conversation-choices .choice{display:grid;gap:4px}.conversation-choices .choice>span{font-size:1.08rem;line-height:1.45}.conversation-choices .choice>small{color:#64748b;font-weight:650}.conversation-chosen{color:#7f1d1d}.conversation-correct{display:grid;gap:3px;margin:14px 0;padding:14px;border-radius:14px;background:#dcfce7;text-align:left}.conversation-correct>span{color:#166534;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.conversation-correct>strong{font-size:1.2rem}.conversation-correct>small{color:#475569}.conversation-correct>p{margin:4px 0 0}.conversation-explanation{padding:12px;border-radius:12px;background:#fff7ed;color:#7c2d12;line-height:1.45}.conversation-reaction{display:flex;align-items:center;gap:11px;margin-top:14px;padding:12px;border-radius:14px;background:#fff;text-align:left}.conversation-reaction img{width:54px;height:54px;border-radius:12px;object-fit:cover}.conversation-reaction div{display:grid;gap:3px}.conversation-reaction b{color:#155e75;font-size:.7rem}.conversation-reaction strong{font-size:1.05rem}.conversation-reaction small{color:#475569}.conversation-audio-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.conversation-audio-row .audio{width:100%;margin:10px 0 0}.conversation-summary-title{text-align:center;font-size:1.8rem}.conversation-transcript{display:grid;gap:10px;margin-top:18px}.conversation-transcript article{display:grid;gap:3px;padding:13px;border-left:5px solid #06b6d4;border-radius:12px;background:#f8fafc}.conversation-transcript article p{margin:2px 0;font-size:1.05rem}.conversation-transcript article small{color:#64748b;margin-bottom:5px}.conversation-glossary{margin-top:18px}.conversation-glossary>button{width:100%;display:grid;grid-template-columns:minmax(70px,.7fr) minmax(90px,1fr) 2fr;align-items:center;gap:10px;margin-bottom:7px;text-align:left;background:#ecfeff;border:1px solid #a5f3fc}.conversation-glossary>button strong{font-size:1.1rem}.conversation-glossary>button span,.conversation-glossary>button small{color:#475569}
@media(max-width:620px){.conversation-grid{grid-template-columns:1fr}.conversation-section{padding:16px}.conversation-line{font-size:1.18rem}.conversation-audio-row{grid-template-columns:1fr}.conversation-glossary>button{grid-template-columns:1fr 1fr}.conversation-glossary>button small{grid-column:1/-1}.conversation-continue{grid-template-columns:48px minmax(0,1fr)}.conversation-continue img{width:48px;height:48px}.conversation-continue>b{display:none}}

/* Guided Kaishi Journey */
.journey-home{display:grid;gap:13px;margin:0 0 16px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#ecfdf5,#eff6ff 55%,#f5f3ff);border:1px solid #86efac;box-shadow:0 8px 24px #04785718}.journey-home[hidden],#classicActions[hidden]{display:none}.journey-home-main{display:flex;align-items:center;gap:13px}.journey-home-main img{width:66px;height:66px;border-radius:17px;object-fit:cover;background:#dbeafe;box-shadow:0 6px 15px #17255422}.journey-home-main div{display:grid;gap:3px}.journey-home-main strong{font-size:1.15rem;color:#065f46}.journey-home-main small{color:#475569;font-weight:750}.journey-home-progress{display:grid;gap:6px}.journey-home-progress span{font-size:.72rem;color:#475569;font-weight:800}.journey-home-progress i{height:8px;overflow:hidden;border-radius:999px;background:#d1fae5}.journey-home-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#10b981,#2563eb);transition:width .35s}.journey-home-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:9px}.journey-home-actions button{display:grid;gap:2px;place-content:center}.journey-home-actions button small{font-size:.65rem;opacity:.82}.journey-utility-actions{display:flex;justify-content:center;gap:8px}.journey-utility-actions button{padding:8px 11px;background:#ffffffb8;color:#475569;font-size:.7rem}
#journey.screen{max-width:960px}.journey-section{max-width:900px;margin:auto}.journey-section>h2{margin-bottom:7px}.journey-section>p{color:#475569;line-height:1.55}.path-road{position:relative;display:grid;gap:24px;margin:26px 0 40px;padding:12px 0}.path-road::before{content:'';position:absolute;z-index:0;top:0;bottom:0;left:50%;width:16px;transform:translateX(-50%);border-radius:999px;background:repeating-linear-gradient(180deg,#fef3c7 0 24px,#fdba74 24px 34px);box-shadow:0 0 0 5px #d1fae5,0 0 0 7px #86efac}.path-stop{position:relative;z-index:1;width:calc(50% - 42px)}.path-stop:nth-child(odd){justify-self:start}.path-stop:nth-child(even){justify-self:end}.path-stop .path-marker{position:absolute;z-index:3;top:22px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;border:4px solid #94a3b8;font-size:1.45rem;box-shadow:0 5px 13px #17255425}.path-stop:nth-child(odd) .path-marker{right:-67px}.path-stop:nth-child(even) .path-marker{left:-67px}.path-stop.unlocked .path-marker{border-color:#10b981;background:#ecfdf5}.path-stop.current .path-marker{border-color:#2563eb;box-shadow:0 0 0 6px #bfdbfe,0 7px 16px #17255430}.path-stop>button{width:100%;display:grid;gap:4px;padding:15px;text-align:left;background:#fff;border:2px solid #cbd5e1;box-shadow:0 8px 22px #17255412}.path-stop.unlocked>button{border-color:#6ee7b7;background:linear-gradient(150deg,#fff,#ecfdf5)}.path-stop.current>button{border-color:#60a5fa;background:linear-gradient(150deg,#fff,#eff6ff);box-shadow:0 10px 28px #2563eb22}.path-stop.locked>button{opacity:.63;cursor:not-allowed;filter:saturate(.35)}.path-stop>button .path-status{justify-self:start;padding:4px 8px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.62rem;font-weight:850}.path-stop.unlocked>button .path-status{background:#d1fae5;color:#065f46}.path-stop.current>button .path-status{background:#dbeafe;color:#1d4ed8}.path-stop>button>strong{font-size:1.08rem}.path-stop>button>b{color:#155e75}.path-stop>button>small{color:#2563eb;font-weight:800}.path-stop>button>p{margin:5px 0;color:#475569;font-size:.78rem;line-height:1.45}.path-stop>button>i{color:#92400e;font-size:.7rem;font-style:normal;font-weight:800}.path-stop.unlocked>button>i{color:#166534}.path-avatar{position:absolute;z-index:5;top:-35px;width:64px;height:64px;border-radius:18px;object-fit:cover;background:#fff;border:3px solid #fff;box-shadow:0 7px 18px #17255445;animation:pathAvatarBob 2.2s ease-in-out infinite}.path-stop:nth-child(odd) .path-avatar{right:-74px}.path-stop:nth-child(even) .path-avatar{left:-74px}@keyframes pathAvatarBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.practice-hub{padding-top:22px;border-top:1px solid #cbd5e1}.practice-hub>h2{margin:5px 0 15px}.practice-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.practice-hub-grid button{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:'icon activity' 'icon place';align-items:center;gap:2px 9px;padding:12px;text-align:left;background:#f8fafc;border:1px solid #cbd5e1}.practice-hub-grid button>span{grid-area:icon;font-size:1.55rem;text-align:center}.practice-hub-grid button>strong{grid-area:activity;font-size:.78rem}.practice-hub-grid button>small{grid-area:place;color:#64748b;font-size:.66rem}
.lesson-side-quest-arrived{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px;border:1px solid #a78bfa;background:#f5f3ff;border-radius:14px}.lesson-side-quest-arrived>span{font-size:1.6rem}.lesson-side-quest-arrived>div{flex:1;display:grid;gap:3px}.lesson-side-quest-arrived small{color:#5b5870}.lesson-side-quest-arrived button{white-space:nowrap}.lesson-side-quest-preview{border-color:#c4b5fd;background:#faf5ff}
.owner-path-controls{display:grid!important;gap:11px!important;padding:15px!important;border:2px solid #f59e0b!important;border-radius:16px!important;background:#fffbeb!important}.owner-path-controls[hidden]{display:none!important}.owner-path-controls>p{margin:0;color:#78350f;font-size:.78rem;line-height:1.45}.owner-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.owner-path-grid button{display:grid;gap:3px;padding:9px;background:#fff;border:1px solid #fcd34d;font-size:.68rem}.owner-path-grid button>span{font-size:1.25rem}.owner-path-grid button>small{color:#92400e}.owner-path-grid button.unlocked{background:#ecfdf5;border-color:#6ee7b7}.owner-path-grid button.unlocked>small{color:#166534}.owner-path-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(prefers-reduced-motion:reduce){.path-avatar{animation:none!important}}
@media(max-width:680px){.path-road{padding-left:67px}.path-road::before{left:31px}.path-stop{width:100%!important;justify-self:stretch!important}.path-stop .path-marker,.path-stop:nth-child(odd) .path-marker,.path-stop:nth-child(even) .path-marker{left:-61px;right:auto}.path-stop .path-avatar,.path-stop:nth-child(odd) .path-avatar,.path-stop:nth-child(even) .path-avatar{left:-73px;right:auto;top:-38px}.practice-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.journey-home-actions{grid-template-columns:1fr}.practice-hub-grid,.owner-path-grid{grid-template-columns:1fr}.owner-path-actions{grid-template-columns:1fr}.journey-section{padding:16px}.path-road{padding-left:60px}.path-road::before{left:27px}.path-stop .path-marker,.path-stop:nth-child(odd) .path-marker,.path-stop:nth-child(even) .path-marker{left:-58px}.path-stop .path-avatar,.path-stop:nth-child(odd) .path-avatar,.path-stop:nth-child(even) .path-avatar{left:-70px}}

/* Long-form vocabulary expedition */
.word-expedition{margin:12px 0 38px;padding:25px 0;border-top:1px solid #cbd5e1}.word-expedition>h2{margin:5px 0 7px}.word-expedition>p{max-width:720px;color:#475569;line-height:1.55}.word-expedition-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.word-expedition-grid::before{content:'';position:absolute;z-index:0;inset:22px 8% 22px;background:linear-gradient(90deg,transparent 49%,#bfdbfe 49% 51%,transparent 51%);opacity:.7}.word-chapter{position:relative;z-index:1}.word-chapter>button{width:100%;min-height:218px;display:grid;align-content:start;gap:7px;padding:15px;text-align:left;background:#fff;border:2px solid #cbd5e1;box-shadow:0 7px 18px #17255412}.word-chapter.unlocked>button{border-color:#93c5fd;background:linear-gradient(155deg,#fff,#eff6ff)}.word-chapter.complete>button{border-color:#6ee7b7;background:linear-gradient(155deg,#fff,#ecfdf5)}.word-chapter.current>button{border-color:#f59e0b;box-shadow:0 0 0 5px #fef3c7,0 10px 24px #92400e24}.word-chapter.locked>button{opacity:.56;filter:saturate(.25);cursor:not-allowed}.chapter-number{justify-self:start;padding:4px 8px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.word-chapter.complete .chapter-number{background:#d1fae5;color:#065f46}.word-chapter>button>strong{font-size:1.02rem}.word-chapter>button>small{color:#64748b;font-weight:750}.word-chapter>button>em{margin-top:auto;color:#1d4ed8;font-size:.68rem;font-style:normal;font-weight:850}.word-chapter.complete>button>em{color:#047857}.chapter-meter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-top:3px}.chapter-meter>span{height:7px;overflow:hidden;border-radius:999px;background:#e2e8f0}.chapter-meter>span>b{display:block;height:100%;border-radius:inherit;background:#2563eb}.chapter-meter.review>span>b{background:#8b5cf6}.chapter-meter>i{min-width:83px;color:#475569;font-size:.6rem;font-style:normal;font-weight:800;text-align:right}.chapter-avatar{position:absolute;z-index:3;top:-18px;right:-9px;width:48px;height:48px;border:3px solid #fff;border-radius:14px;object-fit:cover;background:#fff;box-shadow:0 5px 14px #17255435;animation:pathAvatarBob 2.2s ease-in-out infinite}.owner-chapter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.owner-chapter-grid button{display:grid;gap:2px;padding:7px 4px;background:#fff;border:1px solid #fcd34d;font-size:.58rem}.owner-chapter-grid button>b{font-size:.8rem}.owner-chapter-grid button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-chapter-grid button.unlocked{background:#ecfdf5;border-color:#6ee7b7}
@media(max-width:760px){.word-expedition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.word-expedition-grid{grid-template-columns:1fr}.word-expedition-grid::before{left:22px;right:auto;width:8px;background:#bfdbfe}.word-chapter>button{min-height:0}.owner-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Daily Journey missions and sharing */
.journey-utility-actions{flex-wrap:wrap}.daily-route{display:grid;gap:14px;margin:22px 0 34px;padding:18px;border-radius:22px;background:linear-gradient(145deg,#eff6ff,#f5f3ff 58%,#ecfdf5);border:1px solid #93c5fd;box-shadow:0 10px 28px #1d4ed81a}.daily-route-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.daily-route-heading h2{margin:4px 0}.daily-route-heading>button{background:#fff;color:#1d4ed8;border:1px solid #bfdbfe}.daily-route-grid{display:grid;gap:10px}.daily-mission{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border-radius:16px;background:#ffffffb8;border:1px solid #cbd5e1}.daily-mission.current{border-color:#2563eb;background:#fff;box-shadow:0 6px 18px #2563eb1c}.daily-mission.complete{border-color:#6ee7b7;background:#ecfdf5}.mission-step{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e2e8f0;color:#475569;font-weight:900}.daily-mission.current .mission-step{background:#2563eb;color:#fff}.daily-mission.complete .mission-step{background:#10b981;color:#fff}.daily-mission div{display:grid;gap:3px}.daily-mission p{margin:0;color:#64748b;font-size:.74rem;line-height:1.4}.daily-mission button{min-width:105px;padding:9px 11px}.daily-mission.current button{background:#2563eb;color:#fff}.daily-mission.complete button{background:#d1fae5;color:#047857}.journey-landmark-title{margin-top:10px}
.invite-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:16px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#fef3c7,#fff7ed);border:1px solid #fbbf24;box-shadow:0 8px 22px #92400e16}.invite-card h3,.invite-card p{margin:4px 0}.invite-card p{color:#78350f;line-height:1.45}.mission-summary,.share-dialog{display:grid;gap:12px;max-width:590px;padding:8px}.mission-summary h2,.share-dialog h2,.share-dialog p{margin:0}.mission-summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mission-summary-stats article{display:grid;gap:4px;padding:13px;border-radius:14px;background:#eff6ff;text-align:center}.mission-summary-stats strong{font-size:1.35rem;color:#1d4ed8}.mission-summary-stats span{color:#475569;font-size:.68rem;font-weight:800}.share-dialog .share-option{display:block;padding:12px 16px;border-radius:12px;text-align:center;text-decoration:none;font-weight:800;background:#f1f5f9;color:#172554}.share-dialog .whatsapp{background:#dcfce7;color:#166534}
@media(max-width:480px){.daily-route{padding:13px}.daily-route-heading,.invite-card{grid-template-columns:1fr;display:grid}.daily-route-heading>button,.invite-card>button{width:100%}.daily-mission{grid-template-columns:36px minmax(0,1fr)}.daily-mission button{grid-column:1/-1;width:100%}.mission-summary-stats{grid-template-columns:1fr}}
.lesson-real-world-mission{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #67e8f9;border-radius:16px;background:linear-gradient(135deg,#ecfeff,#f0fdfa)}.lesson-real-world-mission>span{font-size:1.7rem}.lesson-real-world-mission strong{display:block;color:#155e75}.lesson-real-world-mission p{margin:4px 0 0;color:#164e63;font-size:.86rem;line-height:1.4}.lesson-real-world-mission button{white-space:nowrap}@media(max-width:480px){.lesson-real-world-mission{grid-template-columns:auto minmax(0,1fr)}.lesson-real-world-mission button{grid-column:1/-1;width:100%}}

/* Whole-sentence learning guides */
.manga-source-hidden{margin:10px 0 16px;padding:14px;border:2px dashed #c4b5fd;border-radius:13px;background:#f5f3ff;color:#6d28d9;font-size:.78rem;font-weight:850;text-align:center}.sentence-guide{display:grid;gap:11px;margin:14px 0;padding:14px;border:1px solid #a5b4fc;border-radius:16px;background:linear-gradient(145deg,#fff,#eef2ff);text-align:left}.sentence-guide-heading{display:grid;gap:3px}.sentence-guide-heading>span{color:#4338ca;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.sentence-guide-heading>strong{font-size:1.18rem;line-height:1.55}.sentence-guide-heading>small{color:#64748b;line-height:1.45}.sentence-parts{display:flex;flex-wrap:wrap;gap:7px}.sentence-part{display:grid;gap:2px;min-width:88px;padding:8px 10px;border-radius:11px;background:#fff;border:1px solid #cbd5e1}.sentence-part>b{font-size:1rem}.sentence-part>span{max-width:180px;color:#475569;font-size:.65rem;line-height:1.3}.sentence-part.particle{background:#fef3c7;border-color:#fbbf24}.sentence-part.particle>b{color:#92400e}.sentence-part.grammar{background:#dcfce7;border-color:#86efac}.sentence-part.grammar>b{color:#166534}.sentence-natural{margin:0;padding:10px 12px;border-radius:11px;background:#172554;color:#fff;font-size:.8rem;line-height:1.45}.sentence-natural b{color:#bfdbfe}.conversation-breakdowns{display:grid;gap:4px;margin-top:16px;padding-top:4px;border-top:1px solid #cbd5e1}.conversation-breakdowns>h3{margin-bottom:0}.conversation-reaction p{margin:2px 0 0;color:#475569;font-size:.76rem;line-height:1.4}
@media(max-width:480px){.sentence-guide{padding:11px}.sentence-part{min-width:calc(50% - 4px);flex:1}.sentence-part>span{max-width:none}.sentence-guide-heading>strong{font-size:1.08rem}}

/* Kaishi Theatre */
.theatre-mode{grid-column:1/-1;display:grid;gap:2px;background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;box-shadow:0 8px 20px #7c3aed30}.theatre-mode small{font-size:.7rem;opacity:.86}
#theatre.screen{max-width:1000px}.theatre-section{max-width:940px;margin:auto}.theatre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.theatre-card{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-areas:'preview level' 'preview title' 'preview japanese' 'preview summary' 'preview status';align-content:start;gap:4px 12px;padding:10px;text-align:left;background:#fff;border:1px solid #ddd6fe;box-shadow:0 8px 22px #4c1d9514}.theatre-card:hover,.theatre-card:focus-visible{border-color:#a78bfa;box-shadow:0 12px 28px #7c3aed22;transform:translateY(-2px)}.theatre-card:disabled{opacity:.58;filter:saturate(.45);cursor:not-allowed;box-shadow:none}.theatre-card:disabled:hover{transform:none;border-color:#ddd6fe}.theatre-card-preview{grid-area:preview;position:relative;width:116px;height:116px;overflow:hidden;border-radius:15px;background:#172554 center/cover}.theatre-card-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,#17255455)}.theatre-card-preview img{position:absolute;z-index:1;bottom:-3px;width:72px;height:98px;object-fit:contain;filter:drop-shadow(0 5px 5px #0f172a66)}.theatre-card-preview img:first-child{left:-4px}.theatre-card-preview img:last-child{right:-4px}.theatre-card-level{grid-area:level;justify-self:start;padding:4px 8px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:.62rem;font-weight:900}.theatre-card>strong{grid-area:title;font-size:1.03rem}.theatre-card>small{grid-area:japanese;color:#7c3aed;font-weight:800}.theatre-card>p{grid-area:summary;margin:4px 0;color:#475569;font-size:.75rem;line-height:1.4}.theatre-card>b{grid-area:status;color:#166534;font-size:.68rem}.theatre-card:disabled>b{color:#92400e}
.theatre-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}.theatre-heading h2,.theatre-heading p{margin:3px 0}.theatre-heading p{color:#7c3aed;font-weight:800}.theatre-heading>span{padding:5px 9px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:.68rem;font-weight:900}.theatre-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;min-height:310px;overflow:hidden;border-radius:22px;background:#172554 center/cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff33,0 12px 32px #17255435}.theatre-stage::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#17255410 35%,#0f172a99)}.theatre-progress{position:absolute;z-index:8;top:12px;left:14px;right:14px;height:7px;overflow:hidden;border-radius:999px;background:#ffffff55}.theatre-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67e8f9,#f9a8d4);transition:width .25s linear}.theatre-prop{position:absolute;z-index:2;left:50%;bottom:15%;transform:translateX(-50%);font-size:3.8rem;filter:drop-shadow(0 6px 7px #17255466)}.theatre-sprite{position:absolute;z-index:3;bottom:-5%;width:33%;height:82%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 9px 9px #0f172a88);transition:filter .2s,transform .25s;animation:theatreEnter .65s both}.theatre-sprite.left{left:2%}.theatre-sprite.right{right:2%;animation-name:theatreEnterRight}.theatre-sprite.centre{left:50%;width:28%;transform:translateX(-50%);z-index:2}.theatre-sprite.speaking{filter:drop-shadow(0 0 8px #fef08a) drop-shadow(0 9px 9px #0f172a88);animation:theatreTalk .55s ease-in-out infinite alternate}.theatre-sprite.centre.speaking{animation-name:theatreTalkCentre}.theatre-sprite.wave{transform:rotate(-3deg) translateY(-4px)}.theatre-sprite.right.wave{transform:rotate(3deg) translateY(-4px)}.theatre-sprite.centre.wave{transform:translateX(-50%) rotate(-3deg) translateY(-4px)}.theatre-speaker{position:absolute;z-index:7;left:50%;bottom:17px;transform:translateX(-50%);min-width:150px;padding:9px 16px;border-radius:999px;background:#172554dd;color:#fff;text-align:center;font-size:.78rem;font-weight:900;box-shadow:0 6px 16px #0f172a55}.theatre-subtitle{position:absolute;z-index:7;left:10%;right:10%;bottom:58px;padding:11px 15px;border-radius:14px;background:#0f172ae8;color:#fff;text-align:center;font-size:1.12rem;font-weight:800;line-height:1.4}.theatre-subtitle small{display:block;margin-top:3px;color:#bfdbfe;font-size:.72rem}.theatre-controls{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:14px 0}.theatre-listening-note{padding:12px 14px;border-radius:14px;background:#f5f3ff;color:#5b21b6;text-align:center;font-size:.78rem;font-weight:800}.theatre-question{display:grid;gap:13px;margin-top:15px;padding:18px;border:1px solid #c4b5fd;border-radius:18px;background:linear-gradient(145deg,#faf5ff,#fff)}.theatre-question h3{margin:0;font-size:1.12rem}.theatre-question .choices{margin:0}.theatre-question-progress{color:#7c3aed;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.theatre-feedback{display:grid;gap:10px}.theatre-feedback p{margin:0}.theatre-summary{display:grid;gap:15px}.theatre-transcript{display:grid;gap:13px}.theatre-line{padding:14px;border-left:5px solid #8b5cf6;border-radius:14px;background:#f8fafc}.theatre-line-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.theatre-line-top strong{color:#5b21b6}.theatre-line-top button{padding:8px 10px}.theatre-line>p{margin:8px 0 2px;font-size:1.18rem;font-weight:800}.theatre-line>small{color:#64748b}.theatre-replay-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theatre-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.theatre-score article{display:grid;gap:3px;padding:13px;border-radius:14px;background:#f5f3ff;text-align:center}.theatre-score strong{font-size:1.3rem;color:#6d28d9}.theatre-score span{color:#64748b;font-size:.68rem}
@keyframes theatreEnter{from{transform:translateX(-45%) translateY(8%);opacity:0}to{transform:none;opacity:1}}@keyframes theatreEnterRight{from{transform:translateX(45%) translateY(8%);opacity:0}to{transform:none;opacity:1}}@keyframes theatreTalk{to{transform:translateY(-7px) rotate(1deg)}}@keyframes theatreTalkCentre{to{transform:translateX(-50%) translateY(-7px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.theatre-sprite,.theatre-sprite.speaking{animation:none!important}.theatre-progress i{transition:none}}
@media(max-width:650px){.theatre-grid{grid-template-columns:1fr}.theatre-section{padding:15px}.theatre-stage{min-height:250px;aspect-ratio:4/3}.theatre-sprite{width:42%;height:77%}.theatre-sprite.centre{width:33%}.theatre-prop{font-size:3rem}.theatre-subtitle{left:4%;right:4%;font-size:.95rem}.theatre-replay-row{grid-template-columns:1fr}}
@media(max-width:420px){.theatre-card{grid-template-columns:92px minmax(0,1fr)}.theatre-card-preview{width:92px;height:110px}.theatre-card-preview img{width:61px}.theatre-stage{min-height:235px}.theatre-score{grid-template-columns:1fr}.theatre-heading{align-items:start;display:grid}}
.theatre-card-preview{background-position:top left;background-size:200% 200%}
.theatre-heading{margin:0 0 10px;padding:0;background:none;color:inherit;box-shadow:none}
.theatre-stage{background-position:top left;background-size:200% 200%}

/* Character-specific speaking motion: stable feet, expressive face/shoulders and voice waves. */
.theatre-character{position:absolute;z-index:3;bottom:-5%;width:33%;height:82%;filter:drop-shadow(0 9px 9px #0f172a88);animation:theatreCharacterEnterLeft .65s both}.theatre-character.left{left:2%}.theatre-character.right{right:2%;animation-name:theatreCharacterEnterRight}.theatre-character.centre{left:50%;width:28%;transform:translateX(-50%);z-index:2;animation-name:theatreCharacterEnterCentre}.theatre-character .theatre-sprite{position:static;width:100%;height:100%;object-fit:contain;object-position:bottom;filter:none;animation:none;transform-origin:50% 30%}.theatre-character.speaking{filter:drop-shadow(0 0 8px #fef08a) drop-shadow(0 9px 9px #0f172a88)}.theatre-character.speaking .theatre-sprite{animation:theatreSpeakingPose .24s steps(2,end) infinite}.theatre-character.wave .theatre-sprite{transform:rotate(-1.2deg)}.theatre-character.right.wave .theatre-sprite{transform:rotate(1.2deg)}
.theatre-voice-waves{position:absolute;z-index:5;top:19%;right:3%;display:flex;align-items:end;gap:3px;padding:6px 7px;border-radius:999px;background:#172554dd;border:2px solid #fff;opacity:0;transform:scale(.7);transition:opacity .14s,transform .14s;box-shadow:0 4px 12px #0f172a55}.theatre-character.right .theatre-voice-waves{right:auto;left:3%}.theatre-character.centre .theatre-voice-waves{right:-4%}.theatre-character.speaking .theatre-voice-waves{opacity:1;transform:scale(1)}.theatre-voice-waves i{display:block;width:4px;height:7px;border-radius:999px;background:#67e8f9;animation:theatreVoiceWave .42s ease-in-out infinite alternate}.theatre-voice-waves i:nth-child(2){height:13px;animation-delay:-.2s}.theatre-voice-waves i:nth-child(3){height:9px;animation-delay:-.34s}
@keyframes theatreCharacterEnterLeft{from{transform:translateX(-45%);opacity:0}to{transform:none;opacity:1}}@keyframes theatreCharacterEnterRight{from{transform:translateX(45%);opacity:0}to{transform:none;opacity:1}}@keyframes theatreCharacterEnterCentre{from{transform:translateX(-50%) scale(.82);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}@keyframes theatreSpeakingPose{0%{transform:rotate(-.55deg) scaleX(.995)}100%{transform:rotate(.55deg) scaleX(1.006)}}@keyframes theatreVoiceWave{to{height:16px;background:#f9a8d4}}
@media(max-width:650px){.theatre-character{width:42%;height:77%}.theatre-character.centre{width:33%}}
@media(prefers-reduced-motion:reduce){.theatre-character,.theatre-character.speaking .theatre-sprite,.theatre-voice-waves i{animation:none!important}.theatre-character.speaking .theatre-voice-waves{opacity:1}}
.theatre-character{bottom:12%;width:23%;height:auto;aspect-ratio:1}.theatre-character.left{left:5%}.theatre-character.right{right:5%}.theatre-character.centre{bottom:18%;width:21%}.theatre-character .theatre-sprite{display:block;border:4px solid #fff;border-radius:50%;object-fit:cover;object-position:center;background:#dbeafe;box-shadow:0 8px 22px #0f172a66}.theatre-voice-waves{top:43%;right:-7%}.theatre-character.right .theatre-voice-waves{left:-7%}.theatre-character.centre .theatre-voice-waves{right:-10%}
@media(max-width:650px){.theatre-character{width:31%}.theatre-character.left{left:2%}.theatre-character.right{right:2%}.theatre-character.centre{width:27%}}
.theatre-subtitle{top:38px;bottom:auto;max-height:calc(45% - 38px);overflow:auto}
@media(max-width:650px){.theatre-subtitle{top:34px;left:4%;right:4%;bottom:auto;max-height:34%}}
/* Theatre five-act episodes and speech-synchronised character animation */
.theatre-card.featured{grid-column:1/-1;border:2px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff7ed);box-shadow:0 14px 34px #d9770624}.theatre-card.featured .theatre-card-level{background:#fef3c7;color:#92400e}.theatre-card-preview[data-scene="cafe-order"],.theatre-stage[data-scene="cafe-order"]{background-position:center;background-size:cover}.theatre-stage.is-playing[data-scene="cafe-order"]{animation:theatreCameraDrift 14s ease-in-out infinite alternate}.theatre-stage.is-playing .theatre-prop{animation:theatrePropFloat 1.8s ease-in-out infinite}.theatre-character{transform-origin:50% 100%}.theatre-stage.is-playing .theatre-character:not(.speaking){animation-duration:.65s,3.1s;animation-iteration-count:1,infinite;animation-direction:normal,alternate}.theatre-mouth{position:absolute;z-index:6;left:var(--mouth-x);top:var(--mouth-y);width:var(--mouth-width);height:5.5%;border-radius:45% 45% 55% 55%;opacity:0;transform:translate(-50%,-50%) scaleY(.18);pointer-events:none}.mouth-closed-base .theatre-mouth{background:#5b211b;border:1px solid #32110f;box-shadow:inset 0 -2px #ef8d86}.mouth-open-base .theatre-mouth{background:var(--mouth-skin);border-bottom:2px solid #743229;border-radius:48%;box-shadow:0 0 0 1px color-mix(in srgb,var(--mouth-skin),#71352a 18%)}.theatre-character.speaking.mouth-closed-base .theatre-mouth{animation:theatreMouthOpen .28s steps(2,end) infinite}.theatre-character.speaking.mouth-open-base .theatre-mouth{animation:theatreMouthClose .28s steps(2,end) infinite}.theatre-character.point .theatre-sprite{transform:rotate(-2deg) translateY(-3px)}.theatre-character.right.point .theatre-sprite{transform:rotate(2deg) translateY(-3px)}.theatre-character.offer .theatre-sprite{transform:scale(1.035) translateY(-3px)}.theatre-character.look .theatre-sprite{transform:rotate(1.5deg)}
.theatre-act-tracker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 0 17px}.theatre-act-tracker span{position:relative;display:grid;place-items:center;gap:3px;padding:7px 3px;border-radius:12px;background:#f1f5f9;color:#64748b;text-align:center}.theatre-act-tracker span:not(:last-child)::after{content:'';position:absolute;z-index:2;left:calc(100% - 2px);top:18px;width:9px;height:3px;background:#cbd5e1}.theatre-act-tracker b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#cbd5e1;color:#fff;font-size:.68rem}.theatre-act-tracker small{font-size:.6rem;font-weight:850}.theatre-act-tracker .active{background:#ede9fe;color:#5b21b6;box-shadow:inset 0 0 0 2px #8b5cf6}.theatre-act-tracker .active b{background:#7c3aed;animation:theatreActPulse 1.2s ease-in-out infinite}.theatre-act-tracker .complete{background:#dcfce7;color:#166534}.theatre-act-tracker .complete b{background:#16a34a}.theatre-act-tracker .complete b::after{content:'✓';font-size:.7rem}.theatre-act-tracker .complete b{font-size:0}.theatre-act-intro{margin-bottom:16px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#f5f3ff,#eff6ff)}.theatre-act-intro h2{margin:4px 0 6px}.theatre-act-intro p{margin:0;color:#475569;line-height:1.5}.theatre-line-meaning{margin:5px 0!important;color:#334155;font-size:.78rem!important;font-weight:650!important}.theatre-phrase-focus{display:flex;gap:8px;align-items:start;margin-top:9px;padding:9px 10px;border-radius:10px;background:#fef3c7;color:#78350f;font-size:.7rem}.theatre-phrase-focus b{white-space:nowrap}.theatre-act-next{width:100%;margin-top:16px}
.theatre-roleplay-stage{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;margin:12px 0 16px;padding:15px;border-radius:18px;background:linear-gradient(135deg,#172554,#312e81);color:#fff}.theatre-roleplay-stage img{width:90px;height:90px;border:4px solid #fff;border-radius:50%;object-fit:cover;background:#fff}.theatre-roleplay-stage>div{display:grid;gap:4px}.theatre-roleplay-stage strong{color:#fef08a}.theatre-roleplay-stage p{margin:2px 0;font-size:1.16rem;font-weight:850}.theatre-roleplay-stage small{color:#bfdbfe}.theatre-roleplay-stage span{font-size:.75rem;color:#e2e8f0}.theatre-roleplay-stage button{justify-self:start;margin-top:5px;background:#fff;color:#172554}.theatre-role-choices{display:grid;gap:9px}.theatre-role-choices button{display:grid;gap:3px;padding:13px 14px;text-align:left;border:2px solid transparent;background:#f8fafc}.theatre-role-choices button:hover{border-color:#a78bfa}.theatre-role-choices button.correct{border-color:#22c55e;background:#dcfce7}.theatre-role-choices button.wrong{border-color:#ef4444;background:#fee2e2}.theatre-role-choices strong{font-size:1rem}.theatre-role-choices small{color:#6366f1}.theatre-role-choices span{color:#64748b;font-size:.7rem}.theatre-model-response{display:grid;gap:3px;padding:11px 13px;border-radius:12px;background:#dcfce7}.theatre-model-response strong{font-size:1.05rem;color:#166534}.theatre-model-response small,.theatre-model-response span{font-size:.72rem;color:#475569}
.theatre-shadow-card{display:grid;gap:11px;padding:20px;border:1px solid #c4b5fd;border-radius:22px;background:linear-gradient(145deg,#fff,#faf5ff);text-align:center}.theatre-shadow-count{justify-self:center;padding:5px 9px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:.65rem;font-weight:900}.theatre-shadow-card>p{margin:3px 0 0;font-size:1.45rem;font-weight:900}.theatre-shadow-card>small{color:#6366f1}.theatre-shadow-card>strong{font-size:.78rem;color:#475569}.theatre-shadow-tip{padding:10px 12px;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:.75rem}.theatre-shadow-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theatre-record-status{min-height:38px;padding:10px;border-radius:11px;background:#f1f5f9;color:#475569;font-size:.72rem}.theatre-shadow-card audio{width:100%}.theatre-self-rating{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:7px;border-top:1px solid #e2e8f0}.theatre-self-rating span{grid-column:1/-1;font-size:.72rem;font-weight:850;color:#475569}.theatre-can-do{padding:16px 18px;border-radius:16px;background:#ecfdf5}.theatre-can-do h3{margin:0;color:#166534}.theatre-can-do ul{margin:9px 0 0;padding-left:20px;color:#14532d;line-height:1.65}.theatre-five-act-summary>p{color:#475569;line-height:1.55}
@keyframes theatreMouthOpen{0%,40%{opacity:0;transform:translate(-50%,-50%) scaleY(.15)}41%,100%{opacity:1;transform:translate(-50%,-50%) scaleY(1)}}@keyframes theatreMouthClose{0%,42%{opacity:0;transform:translate(-50%,-50%) scaleY(.15)}43%,100%{opacity:1;transform:translate(-50%,-50%) scaleY(.42)}}@keyframes theatreCameraDrift{from{background-position:48% 50%}to{background-position:52% 48%}}@keyframes theatrePropFloat{50%{transform:translateX(-50%) translateY(-7px) rotate(-3deg)}}@keyframes theatreActPulse{50%{box-shadow:0 0 0 6px #8b5cf622}}
@media(max-width:650px){.theatre-card.featured{grid-column:auto}.theatre-act-tracker{gap:3px}.theatre-act-tracker span{padding:6px 1px}.theatre-act-tracker small{font-size:.52rem}.theatre-roleplay-stage{grid-template-columns:64px 1fr;padding:12px}.theatre-roleplay-stage img{width:64px;height:64px}.theatre-roleplay-stage p{font-size:1rem}.theatre-shadow-actions{grid-template-columns:1fr}.theatre-self-rating{grid-template-columns:1fr}.theatre-shadow-card{padding:15px}.theatre-shadow-card>p{font-size:1.2rem}.theatre-mouth{height:4.8%}}
@media(prefers-reduced-motion:reduce){.theatre-stage.is-playing[data-scene="cafe-order"],.theatre-stage.is-playing .theatre-prop,.theatre-character.speaking .theatre-mouth,.theatre-act-tracker .active b{animation:none!important}.theatre-character.speaking .theatre-mouth{opacity:.8;transform:translate(-50%,-50%) scaleY(.55)}}
/* Asset-based Theatre animation: matched rest/talk frames and real shot changes. */
.theatre-stage.is-playing[data-scene="cafe-order"]{animation:none}.theatre-character .theatre-frame-rest,.theatre-character .theatre-frame-talk{position:absolute;inset:0;width:100%;height:100%;opacity:1}.theatre-character .theatre-frame-talk{opacity:0}.theatre-character.speaking .theatre-frame-rest{animation:theatreRestFrame .32s steps(1,end) infinite}.theatre-character.speaking .theatre-frame-talk{animation:theatreTalkFrame .32s steps(1,end) infinite}.theatre-cut-flash{position:absolute;z-index:1;inset:0;background:#fff;opacity:0;pointer-events:none}.theatre-stage.theatre-cut .theatre-cut-flash{animation:theatreRealCut .24s ease-out}.theatre-stage[data-shot="counterClose"]{background-position:center}.theatre-stage[data-shot="reverse"]{background-position:center}.theatre-stage[data-scene="cafe-order"] .theatre-character{transition:width .25s,opacity .25s,transform .25s,filter .25s}.theatre-stage.focus-aiko [data-theatre-character="aiko"],.theatre-stage.focus-kai [data-theatre-character="kai"]{z-index:5;width:27%;opacity:1;transform:translateY(-2%) scale(1.06)}.theatre-stage.focus-aiko [data-theatre-character="kai"],.theatre-stage.focus-kai [data-theatre-character="aiko"]{width:19%;opacity:.72;filter:saturate(.8) drop-shadow(0 7px 8px #0f172a77)}
@keyframes theatreRestFrame{0%,44%{opacity:1}45%,100%{opacity:0}}@keyframes theatreTalkFrame{0%,44%{opacity:0}45%,100%{opacity:1}}@keyframes theatreRealCut{0%{opacity:.5}100%{opacity:0}}
@media(max-width:650px){.theatre-stage.focus-aiko [data-theatre-character="aiko"],.theatre-stage.focus-kai [data-theatre-character="kai"]{width:36%}.theatre-stage.focus-aiko [data-theatre-character="kai"],.theatre-stage.focus-kai [data-theatre-character="aiko"]{width:25%}}
@media(prefers-reduced-motion:reduce){.theatre-character.speaking .theatre-frame-rest{opacity:0;animation:none!important}.theatre-character.speaking .theatre-frame-talk{opacity:1;animation:none!important}.theatre-stage.theatre-cut .theatre-cut-flash{animation:none!important}}
/* Four locked portrait frames simulate speech without facial or body drift. */
.theatre-character .theatre-speech-frame{position:absolute;inset:0;width:100%;height:100%;opacity:0}.theatre-character .theatre-speech-frame-0{opacity:1}.theatre-character.speaking:not(.multi-frame):not(.single-frame) .theatre-speech-frame-0{animation:theatreRestFrame .32s steps(1,end) infinite}.theatre-character.speaking:not(.multi-frame):not(.single-frame) .theatre-speech-frame-1{animation:theatreTalkFrame .32s steps(1,end) infinite}.theatre-character.multi-frame.speaking .theatre-speech-frame-0{animation:theatreMouthClosed .76s steps(1,end) infinite}.theatre-character.multi-frame.speaking .theatre-speech-frame-1{animation:theatreMouthSmall .76s steps(1,end) infinite}.theatre-character.multi-frame.speaking .theatre-speech-frame-2{animation:theatreMouthRound .76s steps(1,end) infinite}.theatre-character.multi-frame.speaking .theatre-speech-frame-3{animation:theatreMouthWide .76s steps(1,end) infinite}
@keyframes theatreMouthClosed{0%,12%,88%,100%{opacity:1}13%,87%{opacity:0}}@keyframes theatreMouthSmall{0%,12%,36%,73%,88%,100%{opacity:0}13%,35%,74%,87%{opacity:1}}@keyframes theatreMouthRound{0%,35%,56%,100%{opacity:0}36%,55%{opacity:1}}@keyframes theatreMouthWide{0%,55%,74%,100%{opacity:0}56%,73%{opacity:1}}
@media(prefers-reduced-motion:reduce){.theatre-character.speaking .theatre-speech-frame{animation:none!important;opacity:0}.theatre-character.speaking .theatre-speech-frame-1{opacity:1}}
/* Interactive Kanji components and Kanji Builder */
.kanji-builder-cta{margin:4px 0 18px}.kanji-breakdown{margin:16px 0 22px;padding:18px;border:1px solid #c4b5fd;border-radius:20px;background:linear-gradient(135deg,#faf5ff,#eff6ff)}.kanji-breakdown-equation{display:flex;align-items:center;justify-content:center;gap:14px}.kanji-breakdown-equation>strong{display:grid;place-items:center;min-width:82px;height:82px;border-radius:20px;background:#172554;color:white;font-size:3.25rem;box-shadow:0 10px 24px #17255428}.kanji-breakdown-equation>i{font-size:1.6rem;color:#7c3aed;font-style:normal;font-weight:900}.kanji-component-pieces{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.kanji-component-piece{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:14px;background:white;box-shadow:0 5px 15px #17255412;animation:componentSeparate .42s ease both;animation-delay:var(--piece-delay)}.kanji-component-piece>span{font-size:2rem;font-weight:800}.kanji-component-piece div{display:grid;gap:1px}.kanji-component-piece b{font-size:.76rem;color:#334155}.kanji-component-piece small{font-size:.62rem;color:#64748b}.component-plus{font-style:normal;font-weight:900;color:#7c3aed}.kanji-component-story{margin:14px 0 5px;text-align:center;font-weight:750;line-height:1.5;color:#4c1d95}.kanji-component-disclaimer{display:block;text-align:center;color:#64748b}.kanji-component-pending{padding:13px;border-radius:14px;background:#f1f5f9;color:#64748b}.kanji-builder{max-width:760px;margin:auto}.kanji-builder>div>h2{margin-bottom:7px}.kanji-builder>div>p{line-height:1.55;color:#475569}.kanji-builder-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin:18px 0}.kanji-component-note{padding:13px 15px;border-left:4px solid #8b5cf6;border-radius:10px;background:#faf5ff;font-size:.82rem}.kanji-component-library{display:grid;gap:10px;margin-top:18px}.kanji-component-library[hidden]{display:none}.kanji-library-item{overflow:hidden;border:1px solid #ddd6fe;border-radius:17px;background:white}.kanji-library-item>button{width:100%;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;text-align:left;border-radius:0;background:#f8fafc}.kanji-library-item>button>span{font-size:2.2rem;text-align:center}.kanji-library-item>button>div{display:grid;gap:3px}.kanji-library-item>button small{color:#64748b}.kanji-library-item>button i{font-style:normal;font-size:.7rem;color:#7c3aed}.kanji-library-breakdown{padding:0 14px 14px}.kanji-library-breakdown[hidden]{display:none}.kanji-breakdown.compact{margin:12px 0}.kanji-library-words{display:flex;gap:7px;flex-wrap:wrap}.kanji-library-words>span{display:grid;padding:7px 9px;border-radius:9px;background:#eef2ff;font-weight:800}.kanji-library-words small{font-size:.65rem;color:#475569}.kanji-builder-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:18px;font-size:.75rem;color:#475569}.kanji-builder-progress>i{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.kanji-builder-progress>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#2563eb);transition:width .3s}.kanji-builder-question{text-align:center}.kanji-builder-question h2{font-size:1.8rem;margin:12px 0 2px}.kanji-builder-reading{margin:0 0 10px;color:#64748b}.kanji-assembly{min-height:124px;margin:18px 0;padding:19px;display:flex;justify-content:center;align-items:center;gap:10px;border:2px dashed #a78bfa;border-radius:22px;background:linear-gradient(135deg,#f5f3ff,#eff6ff)}.kanji-assembly>span,.kanji-assembly>button{display:grid;place-items:center;width:74px;height:80px;padding:0;border-radius:16px;border:2px solid #c4b5fd;background:#fff;color:#94a3b8;font-size:2.7rem}.kanji-assembly>button.filled{color:#172554;border-color:#7c3aed;animation:componentLock .26s ease both}.kanji-assembly>i{font-style:normal;color:#7c3aed;font-size:1.3rem;font-weight:900}.kanji-component-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0}.kanji-component-options button{min-width:0;padding:10px 5px;display:grid;gap:3px;place-items:center;border:2px solid transparent;background:#f1f5f9}.kanji-component-options button:hover{border-color:#a78bfa}.kanji-component-options span{font-size:2rem}.kanji-component-options b{max-width:100%;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanji-component-options small{font-size:.58rem;color:#64748b}.kanji-lock{width:100%}.kanji-builder-reveal{display:flex;justify-content:center;align-items:center;gap:16px;margin:12px 0}.kanji-final{display:grid;place-items:center;width:92px;height:92px;border-radius:22px;background:#172554;color:white;font-size:3.7rem;animation:componentComplete .42s ease both}.kanji-builder-reveal>div:last-child{display:grid;text-align:left;gap:4px}.kanji-builder-reveal strong{font-size:1.6rem}.kanji-builder-reveal span{color:#475569}.kanji-explanation-list{display:grid;gap:7px;margin:15px 0;padding:0;list-style:none}.kanji-explanation-list li{display:grid;grid-template-columns:52px 1fr;align-items:center;text-align:left;padding:9px 12px;border-radius:12px;background:#eef2ff}.kanji-explanation-list b{font-size:1.65rem;text-align:center}.kanji-explanation-list span{color:#334155}.kanji-builder-summary{text-align:center;padding:30px 0}.kanji-summary-medal{font-size:4rem;margin:12px}.kanji-builder-mode{background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#4c1d95}.kanji-builder-summary .kanji-builder-actions{max-width:440px;margin:20px auto}@keyframes componentSeparate{from{opacity:0;transform:translateX(-18px) scale(.9)}to{opacity:1;transform:none}}@keyframes componentLock{from{opacity:.4;transform:translateY(-15px) scale(.85)}to{opacity:1;transform:none}}@keyframes componentComplete{from{transform:scale(.65) rotate(-7deg);opacity:.25}to{transform:none;opacity:1}}
@media(max-width:560px){.kanji-breakdown-equation{align-items:stretch;flex-direction:column}.kanji-breakdown-equation>strong{align-self:center}.kanji-breakdown-equation>i{transform:rotate(90deg);align-self:center}.kanji-component-pieces{gap:5px}.kanji-component-piece{padding:7px;flex-direction:column;gap:2px}.kanji-component-piece div{text-align:center}.kanji-builder-actions{grid-template-columns:1fr}.kanji-component-options{grid-template-columns:repeat(3,1fr)}.kanji-assembly{padding:13px 6px;gap:5px}.kanji-assembly>span,.kanji-assembly>button{width:58px;height:68px;font-size:2.2rem}.kanji-library-item>button{grid-template-columns:50px 1fr}.kanji-library-item>button>i{grid-column:2}.kanji-builder-progress{grid-template-columns:auto 1fr}.kanji-builder-progress>strong{grid-column:1/-1;text-align:right}}
@media(prefers-reduced-motion:reduce){.kanji-component-piece,.kanji-assembly>button.filled,.kanji-final{animation:none}}
/* Per-word mastery, actionable Today guidance and grammar path */
.today-explanation{margin:14px 0;padding:15px 17px;border:1px solid #93c5fd;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#eef2ff)}.today-explanation>div{display:grid;gap:4px}.today-explanation span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#2563eb}.today-explanation strong{font-size:1.05rem;color:#172554}.today-explanation p{margin:0;color:#475569;line-height:1.5;font-size:.84rem}.word-mastery-next{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;margin:-6px 0 15px;padding:10px 13px;border-radius:14px;background:linear-gradient(90deg,#ecfdf5,#eff6ff);border:1px solid #a7f3d0}.word-mastery-next span{grid-row:1/3;padding:6px 9px;border-radius:999px;background:#059669;color:white;font-size:.62rem;font-weight:900;text-transform:uppercase}.word-mastery-next b{font-size:.82rem;color:#065f46}.word-mastery-next small{font-size:.7rem;color:#475569}.grammar-mode{background:linear-gradient(135deg,#fef3c7,#ffedd5);color:#92400e}.grammar-path{max-width:760px;margin:auto}.grammar-grid{position:relative;display:grid;gap:12px;margin-top:20px}.grammar-grid::before{content:'';position:absolute;top:15px;bottom:15px;left:25px;width:5px;border-radius:999px;background:#fed7aa}.grammar-lesson-card{position:relative;display:grid;grid-template-columns:52px 1fr;gap:13px;text-align:left;background:#fff7ed;border:1px solid #fed7aa}.grammar-lesson-card>span{z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f97316;color:white;font-weight:900}.grammar-lesson-card>div{display:grid;gap:3px}.grammar-lesson-card strong{color:#7c2d12}.grammar-lesson-card small{color:#9a3412}.grammar-lesson-card p{margin:4px 0;color:#475569;font-size:.78rem;line-height:1.45}.grammar-lesson-card b{font-size:.7rem;color:#c2410c}.grammar-lesson-card.complete{background:#ecfdf5;border-color:#86efac}.grammar-lesson-card.complete>span{background:#059669}.grammar-lesson-card:disabled{opacity:.58}.grammar-teaching>h2,.grammar-question>h2{text-align:center}.grammar-symbol{text-align:center;margin:10px 0;font-size:2rem;font-weight:900;color:#c2410c}.grammar-teaching>p:not(.grammar-symbol){line-height:1.6;color:#475569}.grammar-example{display:grid;gap:6px;margin:18px 0;padding:18px;border-radius:18px;background:#fff7ed;border:1px solid #fed7aa}.grammar-example>p{margin:0;font-size:1.55rem;line-height:1.55;font-weight:800}.grammar-example>span{color:#9a3412}.grammar-example>strong{color:#334155}.grammar-example>div{display:flex;flex-wrap:wrap;gap:6px}.grammar-example small{padding:6px 8px;border-radius:8px;background:white;color:#475569}.grammarSpeak{justify-self:start;padding:9px 12px;background:#ffedd5;color:#9a3412}.grammar-question-sentence{margin:22px 0;text-align:center;font-size:1.7rem;line-height:1.6;font-weight:850;color:#172554}.grammar-choices .choice{text-align:center}.grammar-result{text-align:center;padding:30px 0}.grammar-result>div:first-child{font-size:4rem}.grammar-result>div:last-child{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;max-width:480px;margin:22px auto}
.lesson-mastery-path,.kq-lesson-path{display:grid;gap:9px;margin:0 0 12px;padding:12px 13px;border:1px solid #93c5fd;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#f0fdf4)}.lesson-mastery-path{gap:6px;padding:9px 13px}.lesson-mastery-heading,.kq-lesson-path>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.lesson-mastery-heading span,.kq-lesson-path>div:first-child span{font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8}.lesson-mastery-heading strong,.kq-lesson-path>div:first-child strong{color:#14532d;font-size:.82rem}.lesson-mastery-heading strong{font-size:.84rem}.lesson-mastery-heading em{font-style:normal;color:#2563eb}.lesson-mastery-meter,.kq-lesson-strength{height:8px;overflow:hidden;border-radius:999px;background:#bfdbfe}.lesson-mastery-meter i,.kq-lesson-strength i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#10b981);transition:width .35s ease}.lesson-mastery-stages,.kq-lesson-path ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none}.lesson-mastery-stages{position:relative;gap:0}.lesson-mastery-stages::before,.lesson-mastery-stages::after{content:'';position:absolute;top:15px;left:12.5%;height:7px;border-radius:999px}.lesson-mastery-stages::before{right:12.5%;background:#bfdbfe}.lesson-mastery-stages::after{width:calc(var(--lesson-strength,0%) * .75);background:linear-gradient(90deg,#2563eb,#10b981)}.lesson-mastery-stages span,.kq-lesson-path li{display:grid;justify-items:center;gap:3px;color:#64748b;font-size:.58rem;font-weight:800;text-align:center}.lesson-mastery-stages span{position:relative;z-index:1;font-size:.61rem}.lesson-mastery-stages i,.kq-lesson-path li b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:.65rem;font-style:normal}.lesson-mastery-stages i{width:30px;height:30px;font-size:.78rem}.lesson-mastery-stages .reached,.kq-lesson-path .reached{color:#047857}.lesson-mastery-stages .reached i,.kq-lesson-path .reached b{background:#a7f3d0;color:#065f46}.lesson-mastery-stages .current i,.kq-lesson-path .current b{outline:2px solid #2563eb;outline-offset:2px}.lesson-mastery-path p,.kq-lesson-path p{margin:0;color:#334155;font-size:.73rem;line-height:1.4}.lesson-mastery-path details{font-size:.69rem;color:#475569}.lesson-mastery-path summary{cursor:pointer;color:#1d4ed8;font-weight:800}.lesson-mastery-path details p{margin:5px 0 0}.kq-lesson-path{margin:10px 0}.kq-lesson-path>div:first-child{margin:0}.kq-lesson-path>div:first-child span{display:block}.kq-lesson-path ol{margin:0}
.lesson-mastery-stages::before{right:12.5%;background:linear-gradient(90deg,#2563eb 0%,#10b981 var(--lesson-strength,0%),#bfdbfe var(--lesson-strength,0%),#bfdbfe 100%)}.lesson-mastery-stages::after{display:none}
@media(max-width:560px){.word-mastery-next{grid-template-columns:1fr}.word-mastery-next span{grid-row:auto;justify-self:start}.grammar-result>div:last-child{grid-template-columns:1fr}.grammar-example>p,.grammar-question-sentence{font-size:1.35rem}}


/* v6.8.0 Meet the Word teaching layout */
.meet-word-identity{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;margin:14px 0}
.meet-word-written,.meet-word-reading,.meet-word-meaning{position:relative;border:1px solid #dbe3f0;border-radius:16px;padding:10px 12px;background:#f8fafc;min-width:0}
.meet-word-written{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}
.meet-word-written>span,.meet-word-reading>span,.meet-word-meaning>span{display:block;grid-column:1/-1;font-size:.7rem;line-height:1;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#64748b;margin-bottom:6px}
.meet-word-written .jp,.meet-word-reading .reading,.meet-word-meaning .meaning{margin:0!important;text-align:left!important}
.meet-word-written .jp{font-size:clamp(2.7rem,12vw,5.5rem)}
.meet-word-speaker{width:48px;height:48px;min-width:48px;padding:0!important;border-radius:50%;display:grid!important;place-items:center;font-size:1.25rem;margin:0!important}
.meet-word-guidance{margin:16px 0;border-left:5px solid #6366f1;border-radius:14px;background:#eef2ff;color:#172033;padding:14px 16px;text-align:left}
.meet-word-guidance strong{display:block;margin-bottom:7px}
.meet-word-guidance ol{margin:0;padding-left:1.25rem;display:grid;gap:5px;line-height:1.45}
@media(max-width:520px){.meet-word-identity{grid-template-columns:1fr}.meet-word-written{grid-column:auto}}


/* v6.9.0 mobile-density and journey polish */
.daily-route-heading{align-items:flex-start}
.share-progress-badge{width:auto!important;min-width:0;padding:7px 10px!important;border-radius:999px!important;font-size:.72rem;white-space:nowrap;align-self:flex-start}
.today-explanation{margin:6px 0 4px;padding:0;overflow:hidden}
.today-explanation details{background:linear-gradient(135deg,#eff6ff,#eef2ff)}
.today-explanation summary{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:12px 14px;cursor:pointer;list-style:none}
.today-explanation summary::-webkit-details-marker{display:none}
.today-explanation summary span{grid-column:1;font-size:.62rem}
.today-explanation summary strong{grid-column:1;font-size:.94rem}
.today-explanation summary i{grid-column:2;grid-row:1/3;color:#2563eb;font-size:.7rem;font-style:normal;font-weight:850}
.today-explanation details[open] summary i::after{content:' ▲'}
.today-explanation details:not([open]) summary i::after{content:' ▼'}
.today-explanation p{padding:0 14px 13px;font-size:.78rem}

.daily-route{gap:9px;padding:14px;margin:18px 0 28px}
.daily-route-grid{gap:7px}
.daily-mission{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:10px 11px;border-radius:14px}
.mission-step{width:32px;height:32px}
.daily-mission div{gap:1px}
.daily-mission div>b{font-size:.9rem}
.daily-mission p{font-size:.68rem;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.daily-mission button{min-width:72px;padding:7px 9px;font-size:.7rem}
#startNextMission{margin-top:1px;padding:11px}

.word-expedition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.word-chapter.compact>button{min-height:0;padding:11px 12px;gap:4px}
.word-chapter.compact>button>strong{font-size:.9rem}
.word-chapter.compact>button>small{font-size:.64rem;line-height:1.25}
.word-chapter.current{grid-column:1/-1}
.word-chapter.current>button{min-height:190px}

.word-mastery-next{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin:-8px 0 10px;padding:7px 10px;border-radius:999px}
.word-mastery-next span{padding:4px 7px;font-size:.55rem}
.word-mastery-next b{font-size:.72rem}
.word-mastery-next small{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}

.meet-word-identity{display:block;margin:8px 0 10px}
.meet-word-written{display:grid;grid-template-columns:1fr auto;gap:6px;padding:8px 10px}
.meet-word-written>span{margin-bottom:2px}
.meet-word-written .jp{font-size:clamp(2.4rem,11vw,4.7rem)}
.meet-word-summary{display:flex;align-items:baseline;justify-content:center;gap:7px;padding:7px 4px 0;color:#475569}
.meet-word-summary .reading,.meet-word-summary .meaning{margin:0!important;text-align:center!important;font-size:1rem}
.meet-word-summary .meaning{color:#172033;font-weight:800}
.meet-word-summary i{font-style:normal;color:#94a3b8}
.meet-word-guidance{margin:12px 0 74px;padding:0;border-left:0;border:1px solid #c7d2fe;background:#eef2ff;overflow:hidden}
.meet-word-guidance summary{padding:10px 12px;cursor:pointer;font-weight:850;color:#3730a3;list-style:none}
.meet-word-guidance summary::-webkit-details-marker{display:none}
.meet-word-guidance summary::after{content:' ▸';float:right}
.meet-word-guidance[open] summary::after{content:' ▾'}
.meet-word-guidance ol{padding:0 15px 12px 32px}
.sticky-study-action{position:sticky;z-index:8;bottom:max(0px,env(safe-area-inset-bottom));margin:0 -18px -18px;padding:9px 18px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fffffff0,#fff 35%);border-top:1px solid #dbe3f0;box-shadow:0 -8px 20px #17255414}
.sticky-study-action .reveal{margin:0}
.study-notebook-button{width:42px;min-width:42px;height:42px;padding:0;border-radius:50%;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-size:1.05rem}.notebook-save-control{display:inline-flex;align-items:center;gap:5px;align-self:flex-end;margin:0 0 8px auto;padding:7px 10px;border:1px solid #f59e0b;border-radius:999px;background:#fffbeb;color:#92400e;font-size:.7rem;font-weight:850;box-shadow:none}.notebook-save-control.saved{border-color:#16a34a;background:#f0fdf4;color:#166534}
.learning-notebook-dialog{width:min(94vw,760px);max-height:90vh;padding:0;border:0;border-radius:24px;background:#f6f0df;color:#422006;box-shadow:0 28px 90px #1c191788;overflow:auto}.learning-notebook-dialog::backdrop{background:#172554aa;backdrop-filter:blur(3px)}.learning-notebook{display:grid;gap:14px;padding:20px}.learning-notebook>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.learning-notebook h2{margin:3px 0;color:#422006}.learning-notebook>header button{width:40px;height:40px;padding:0;border-radius:50%;font-size:1.25rem}.learning-notebook-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border-radius:15px;background:#dfd3bb}.learning-notebook-tabs button{border:0;background:transparent;color:#6b5133}.learning-notebook-tabs button.active{background:#fffdf6;color:#422006;box-shadow:0 3px 10px #4220061c}.notebook-paper{min-height:360px;padding:18px 20px;border:1px solid #d8c7a6;border-radius:6px;background:repeating-linear-gradient(to bottom,#fffdf6 0,#fffdf6 30px,#bfdbfe 31px,#fffdf6 32px);box-shadow:inset 34px 0 #fee2e2,0 8px 20px #42200612}.notebook-paper-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 0 13px 28px;border-bottom:1px dashed #c7b58f}.notebook-paper-heading span,.notebook-paper-heading h3{display:block;margin:0}.notebook-paper-heading span{font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#a16207}.notebook-paper-heading h3{color:#422006}.notebook-paper-heading button{padding:8px 10px;font-size:.72rem}.notebook-entry-list{display:grid;gap:9px;padding:16px 0 0 28px}.notebook-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 0;border-bottom:1px dashed #d8c7a6}.notebook-entry>div:first-child{display:grid;gap:3px}.notebook-ink{color:#1e3a8a;font-family:'Yu Kyokasho','Hiragino Maru Gothic ProN','Segoe Print','Comic Sans MS',cursive;font-size:clamp(1.3rem,4vw,1.75rem);font-weight:700;letter-spacing:.03em}.notebook-reading,.notebook-meaning{margin:0;color:#6b5133}.notebook-reading{font-size:.82rem}.notebook-meaning{font-size:.9rem}.notebook-entry time{font-size:.66rem;color:#8a7357}.notebook-entry-actions{display:flex;align-items:flex-start;align-content:flex-start;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:230px}.notebook-entry-actions button{padding:7px 8px;font-size:.67rem;background:#fffdf6;border-color:#d8c7a6;color:#5b452b}.notebook-entry-actions button:last-child{background:#fee2e2;border-color:#fecaca;color:#991b1b}.notebook-empty{display:grid;min-height:240px;place-content:center;justify-items:center;gap:8px;padding-left:28px;text-align:center;color:#6b5133}.notebook-empty span{font-size:2.5rem}.notebook-empty p{max-width:300px;margin:0;line-height:1.5}.notebook-reset{display:block;margin:20px 0 0 auto;padding:8px 10px;border-color:#fca5a5;background:#fff1f2;color:#9f1239;font-size:.72rem}.notebook-reset:disabled,.notebook-paper-heading button:disabled{opacity:.45;cursor:not-allowed}

/* Keep notebook controls visually quiet so saved Japanese remains the focus. */
.learning-notebook>header{position:relative;min-height:104px;padding:20px 78px 20px 20px;border-radius:18px;background-color:#17345f;background-image:linear-gradient(100deg,#172554 0%,#1d4c86 62%,#17345fbb 100%),url("media/guides/sensei/sensei-explaining.webp");background-position:center,right 58px bottom -12px;background-repeat:no-repeat;background-size:cover,auto 150%;color:#fff;overflow:hidden}.learning-notebook>header .eyebrow{color:#fde68a}.learning-notebook h2{color:#fff;text-shadow:0 1px 2px #0f172a99}.learning-notebook>header .learning-notebook-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid #ffffff55;background:#ffffff24;color:#fff;box-shadow:none;backdrop-filter:blur(4px)}.learning-notebook>header .learning-notebook-close:hover{background:#ffffff3d}.notebook-paper{background:repeating-linear-gradient(to bottom,#fffdf6 0,#fffdf6 33px,#bfdbfe88 34px,#fffdf6 35px)}.notebook-paper-heading{align-items:center}.notebook-admin-menu{position:relative;flex:0 0 auto}.notebook-admin-menu summary{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c7b58f;border-radius:50%;background:#fffaf0;color:#6b5133;font-weight:900;letter-spacing:1px;cursor:pointer;list-style:none}.notebook-admin-menu summary::-webkit-details-marker{display:none}.notebook-admin-menu>div{position:absolute;z-index:2;top:40px;right:0;display:grid;gap:6px;width:max-content;padding:8px;border:1px solid #d8c7a6;border-radius:12px;background:#fffdf6;box-shadow:0 10px 24px #42200624}.notebook-admin-menu button{border:1px solid #d8c7a6;border-radius:9px;background:#fff7ed;color:#78350f;font-weight:800}.notebook-admin-menu button:last-child{border-color:#fecaca;background:#fff1f2;color:#9f1239}.notebook-admin-menu button:disabled{opacity:.45;cursor:not-allowed}.notebook-entry-list{gap:0;padding-top:12px}.notebook-entry{grid-template-columns:1fr;gap:4px;min-height:104px;padding:12px 0 10px}.notebook-ink{line-height:1.2}.notebook-entry time{margin-top:2px}.notebook-entry-actions{justify-content:flex-start;max-width:none;margin-top:2px;gap:6px}.notebook-entry-actions button{border:1px solid #d8c7a6;border-radius:999px;background:#fffaf0;color:#6b5133;font-weight:800}.notebook-entry-actions button:last-child{border-color:#f2b8b5;background:#fff1f2;color:#9f1239}
.word-pronunciation-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 10px;padding:16px;border:1px solid #99f6e4;border-radius:18px;background:linear-gradient(135deg,#ecfeff,#eff6ff);text-align:left}.word-pronunciation-card>div{display:grid;gap:4px}.word-pronunciation-card span{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#0f766e}.word-pronunciation-card strong{font-size:clamp(2.3rem,9vw,4rem);line-height:1.05;color:#172554}.word-pronunciation-card small{color:#475569}.word-pronunciation-card .audio{margin:0;white-space:nowrap}.word-pronunciation-note{margin:0 0 14px;color:#475569;font-size:.9rem;line-height:1.45}.word-pronunciation-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:78px}.word-pronunciation-actions button{min-height:48px}.word-pronunciation-actions button:disabled{cursor:not-allowed;opacity:.55}
.study-top .session-progress-fallback{display:none}.session-progress-chunks{display:grid;grid-template-columns:repeat(var(--session-cards,1),minmax(5px,1fr));flex:1;gap:4px;align-items:center;height:28px}.session-progress-chunk{display:block;height:8px;border-radius:999px;background:#dbe4f0}.session-progress-chunk.complete{background:#93c5fd}.session-progress-chunk.current{height:11px;background:linear-gradient(90deg,#2563eb,#10b981);box-shadow:0 1px 4px #2563eb55}.notebook-word-row{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;vertical-align:middle}.notebook-word-row .notebook-save-control{display:grid;place-items:center;width:30px;min-width:30px;height:30px;margin:0;padding:0;border:1px solid #f59e0b;border-radius:50%;background:#fffbeb;color:#b45309;font-size:1.2rem;line-height:1;box-shadow:none}.notebook-word-row .notebook-save-control.saved{border-color:#fbbf24;background:#fffbeb;color:#d97706}.notebook-word-row--encounter{display:flex;justify-content:center;margin:28px 0 8px}.notebook-word-row--encounter .first-encounter-word{margin:0}.meet-word-written .notebook-word-row--meet,.word-pronunciation-card .notebook-word-row--pronunciation{display:flex;justify-content:flex-start}.meet-word-written .notebook-word-row--meet .jp{margin:0!important}.word-pronunciation-card .notebook-word-row--pronunciation strong{font-size:clamp(2.3rem,9vw,4rem);line-height:1.05}.notebook-word-row--recall{margin:8px 0}.notebook-word-row--recall .jp{margin:0!important}

@media(max-width:560px){
 .learning-notebook{padding:15px}.notebook-paper{padding:14px 14px 14px 4px;box-shadow:inset 24px 0 #fee2e2}.notebook-paper-heading,.notebook-entry-list{padding-left:25px}.notebook-entry{grid-template-columns:1fr}.notebook-entry-actions{justify-content:flex-start;max-width:none}.notebook-empty{padding-left:25px}.study-notebook-button{width:38px;min-width:38px;height:38px}
 .word-pronunciation-card{align-items:flex-start;flex-direction:column}.word-pronunciation-card .audio{width:100%}.word-pronunciation-actions{grid-template-columns:1fr}
 .daily-route-heading{display:flex!important;grid-template-columns:none!important;align-items:flex-start}
 .daily-route-heading>button{width:auto!important}
 .daily-mission{grid-template-columns:30px minmax(0,1fr) auto}
 .daily-mission button{grid-column:auto;width:auto}
 .word-expedition-grid{grid-template-columns:1fr 1fr}
 .word-chapter.current{grid-column:1/-1}
 .word-expedition-grid::before{display:none}
 .word-mastery-next{display:flex}
}
@media(max-width:380px){
 .word-expedition-grid{grid-template-columns:1fr}
 .word-chapter.current{grid-column:auto}
}


/* v6.9.1 Active Recall declutter */
.recall-word-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0}
.recall-word-row .jp{margin:0!important}
.recall-inline-audio{width:44px;height:44px;min-width:44px;margin:0!important;padding:0!important;border-radius:50%;display:grid!important;place-items:center;font-size:1.15rem}
.recall-answer-content>.picture{display:none}
#answer .vms-card{margin-top:12px}
#answer hr{margin:12px 0 14px}


/* v7.2 integrated Journey */
.sensei-guide{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;margin:-4px 0 14px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #fed7aa;text-align:left}
.sensei-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#fff;display:grid;place-items:center;font-size:2rem;border:2px solid #fdba74}
.sensei-avatar img{width:100%;height:100%;object-fit:cover}.sensei-guide strong{display:block;color:#9a3412;font-size:.78rem}.sensei-guide p{margin:2px 0 0;color:#475569;font-size:.82rem;line-height:1.35}
.kana-unlock-glyph{font-size:clamp(6rem,34vw,10rem);font-weight:800;text-align:center;line-height:1.05;margin:18px 0 4px}.kana-unlock-sound{text-align:center;font-size:1.4rem;font-weight:850;color:#475569;margin-bottom:18px}
.first-encounter-word{font-size:clamp(4rem,22vw,8rem);font-weight:900;text-align:center;margin:28px 0 8px;line-height:1.05}.first-encounter-summary{text-align:center;font-size:1.15rem;color:#475569;margin-bottom:20px}
.example-sentence{font-size:clamp(1.7rem,7vw,2.5rem);line-height:1.65;text-align:center;margin:22px 0 8px}.example-sentence mark{background:#fef08a;border-radius:7px;padding:1px 4px;color:inherit}.example-romaji{text-align:center;color:#64748b;font-size:.9rem;line-height:1.5}.example-meaning{text-align:center;font-weight:800;font-size:1.15rem;margin:14px 0 20px}
@media(max-width:480px){.sensei-guide{grid-template-columns:44px 1fr}.sensei-avatar{width:42px;height:42px}.sensei-guide p{font-size:.76rem}}


/* v8.0 Topic Adventure, Practice Grounds and Collection */
.adventure-home{display:grid;gap:12px}
.home-sensei{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:14px;border-radius:20px;background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #fdba74}
.home-sensei>img,.home-sensei>span{width:56px;height:56px;border-radius:50%;object-fit:cover;background:white;display:grid;place-items:center;font-size:2.4rem}
.home-sensei small,.home-sensei strong,.home-sensei p{display:block}.home-sensei small{color:#9a3412;font-weight:800}.home-sensei p{margin:4px 0 0;color:#475569;font-size:.8rem;line-height:1.35}
.adventure-continue{min-height:58px;font-size:1.05rem}
.adventure-home-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.adventure-home-links button{min-height:66px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.2rem}.adventure-home-links span{font-size:.82rem}
.topic-adventure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.topic-region{background:#fff;border:1px solid #dbe3f0;border-radius:18px;overflow:hidden}
.topic-region.compact button{width:100%;display:grid;grid-template-columns:36px 1fr;gap:8px;text-align:left;padding:12px}.topic-region.compact button>span{font-size:1.5rem}.topic-region.compact strong,.topic-region.compact small{display:block}.topic-region.compact small{margin-top:3px;color:#64748b;font-size:.66rem}
.topic-region.current{grid-column:1/-1;padding:16px;border:2px solid #60a5fa;background:linear-gradient(135deg,#eff6ff,#fff)}
.topic-region-heading{display:grid;grid-template-columns:52px 1fr;gap:10px}.topic-region-heading>span{font-size:2.4rem}.topic-region-heading small,.topic-region-heading strong{display:block}.topic-region-heading strong{font-size:1.25rem}.topic-region-heading p{margin:5px 0;color:#475569;font-size:.78rem}
.topic-region-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.topic-region-stats span{background:white;border-radius:12px;padding:8px;text-align:center;font-size:.65rem}.topic-region-stats b{display:block;font-size:1rem}
.topic-progress{display:block;height:9px;background:#dbeafe;border-radius:99px;overflow:hidden}.topic-progress b{display:block;height:100%;background:#2563eb}
.topic-region-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.topic-region-actions button{padding:10px}
.collection-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.collection-stats article{background:#f8fafc;border-radius:14px;padding:10px;text-align:center}.collection-stats strong,.collection-stats span{display:block}.collection-stats span{font-size:.65rem;color:#64748b}
.collection-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0}.collection-tabs button{padding:9px 4px;font-size:.7rem}.collection-tabs button.active{background:#2563eb;color:white}
.collection-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:60vh;overflow:auto}
.collection-item,.collection-word,.achievement{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px;display:grid;gap:3px}.collection-item{grid-template-columns:34px 1fr}.collection-item>span{font-size:1.5rem}.collection-item strong,.collection-item small,.collection-word strong,.collection-word span,.collection-word small{display:block}.collection-item small,.collection-word small{color:#64748b;font-size:.65rem}.collection-word strong{font-size:1.25rem}.collection-word span{font-size:.75rem}.achievement{grid-template-columns:34px 1fr;align-items:center}.achievement span{font-size:1.5rem}
@media(max-width:480px){.topic-adventure-grid,.collection-content{grid-template-columns:1fr 1fr}.topic-region.current{grid-column:1/-1}.collection-stats{grid-template-columns:repeat(2,1fr)}.home-sensei{grid-template-columns:48px 1fr}.home-sensei>img,.home-sensei>span{width:46px;height:46px}.journey-home-actions{grid-template-columns:1fr}.topic-region-actions{grid-template-columns:1fr}}


/* v8.1 teacher guidance and Character Unlock flow */
.home-sensei.teacher-home-guide{
 display:grid;
 grid-template-columns:72px minmax(0,1fr);
 gap:14px;
 align-items:center;
 min-height:0;
 padding:14px 16px;
}
.home-sensei.teacher-home-guide>img{
 width:72px;
 height:72px;
 border-radius:18px;
 object-fit:cover;
 object-position:center top;
}
.home-sensei.teacher-home-guide>div{min-width:0}
.home-sensei.teacher-home-guide small{font-size:.72rem}
.home-sensei.teacher-home-guide strong{
 font-size:1.08rem;
 line-height:1.15;
 overflow-wrap:normal;
 word-break:normal;
}
.home-sensei.teacher-home-guide p{
 font-size:.8rem;
 line-height:1.35;
 max-width:none;
 overflow-wrap:normal;
 word-break:normal;
}
.teacher-guide{
 grid-template-columns:62px minmax(0,1fr);
 gap:12px;
 padding:11px 13px;
}
.teacher-guide-avatar{
 width:60px;
 height:60px;
 border-radius:15px;
 border:1px solid #fdba74;
}
.teacher-guide-avatar img{
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center top;
}
.teacher-guide strong{font-size:.82rem}
.teacher-guide p{font-size:.8rem;line-height:1.35}

.kana-unlock-layout{
 display:grid;
 grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);
 gap:14px;
 align-items:stretch;
 margin:12px 0 16px;
}
.kana-unlock-main,.kana-word-preview{
 border:1px solid #dbe3f0;
 border-radius:18px;
 background:#fff;
 padding:14px;
}
.kana-unlock-main{
 display:grid;
 justify-items:center;
 align-content:center;
}
.kana-unlock-glyph{margin:5px 0 2px}
.kana-word-preview{
 display:grid;
 align-content:center;
 gap:6px;
 background:linear-gradient(135deg,#f8fafc,#eef2ff);
 text-align:left;
}
.kana-word-preview>span{
 font-size:.7rem;
 text-transform:uppercase;
 letter-spacing:.08em;
 font-weight:850;
 color:#64748b;
}
.kana-word-preview>strong{font-size:2rem}
.kana-word-preview>small{font-size:.9rem;color:#475569}
.kana-word-preview mark{
 background:#fef08a;
 color:inherit;
 border-radius:4px;
 padding:0 2px;
}
.kana-word-preview p{
 margin:7px 0 0;
 padding-top:8px;
 border-top:1px solid #cbd5e1;
 font-size:.75rem;
 line-height:1.4;
 color:#475569;
}
.kana-next-word{
 margin-top:10px;
 text-align:center;
 font-size:.76rem;
 color:#64748b;
}
.kana-next-word strong{color:#172033}
@media(max-width:560px){
 .home-sensei.teacher-home-guide{grid-template-columns:64px minmax(0,1fr);padding:12px 13px}
 .home-sensei.teacher-home-guide>img{width:64px;height:64px}
 .teacher-guide{grid-template-columns:52px minmax(0,1fr)}
 .teacher-guide-avatar{width:50px;height:50px}
 .kana-unlock-layout{grid-template-columns:1fr}
 .kana-word-preview{padding:12px 14px}
 .kana-word-preview>strong{font-size:1.6rem}
}

/* v8.2 curated learning graph */
.collection-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.foundation-item{grid-column:1/-1}
.foundation-item p{grid-column:2;margin:3px 0 0;color:#475569;font-size:.72rem;line-height:1.4}
@media(max-width:520px){.collection-tabs{grid-template-columns:repeat(3,1fr)}}


/* v11.2.3 answer feedback */
.teacher-answer-feedback{margin-top:14px}
.teacher-answer-feedback .teacher-guide{margin:0 0 8px}
.teacher-correct-answer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;padding:11px 13px;border:1px solid #86efac;border-radius:15px;background:#f0fdf4}
.teacher-correct-answer strong{font-size:1.45rem;color:#166534}
.teacher-correct-answer span{grid-column:1;color:#475569;font-size:.76rem}
.teacher-correct-answer .audio{grid-column:2;grid-row:1/3;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%}


/* v8.3 learning-card reports and owner Admin area */
.learning-card-flag{
 margin:16px auto 2px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:6px;
 width:max-content;
 max-width:100%;
 padding:7px 11px;
 border:1px solid #cbd5e1;
 background:#fff;
 color:#64748b;
 font-size:.72rem;
 border-radius:999px;
}
.learning-card-flag:hover{color:#b91c1c;border-color:#fca5a5;background:#fff7f7}

#learningReportDialog{
 width:min(92vw,520px);
 border:0;
 border-radius:22px;
 padding:0;
 box-shadow:0 24px 80px #0f172a55;
}
#learningReportDialog::backdrop{background:#0f172a99}
.learning-report-form{display:grid;gap:14px;padding:20px}
.report-dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.report-dialog-heading h2{margin:2px 0 0}
.report-dialog-heading>button{width:38px;height:38px;border-radius:50%;padding:0;font-size:1.35rem}
.learning-report-form label{display:grid;gap:6px;font-weight:750}
.learning-report-form select,.learning-report-form textarea{width:100%}
.learning-report-form textarea{resize:vertical;min-height:100px}
.learning-report-form label small{text-align:right;color:#64748b;font-weight:500}
.report-card-summary{display:grid;gap:2px;margin:0;padding:12px;border-radius:14px;background:#f8fafc}
.report-card-summary strong{font-size:1.4rem}
.report-card-summary span,.report-card-summary small{color:#475569}
.report-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.admin-settings-link{width:100%;margin-top:10px}
.admin-page{display:grid;gap:18px}
.admin-tool-section{border:1px solid #dbe3f0;border-radius:18px;padding:14px;background:#fff}
.admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.admin-section-heading h3{margin:2px 0 0}
.admin-log-filter-label{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#64748b;font-weight:700}
.admin-log-filter-label select{padding:4px 8px;border-radius:8px;border:1px solid #cbd5e1;font-size:.78rem;font-weight:700;background:#fff}
.admin-report-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.admin-report-controls label{display:grid;gap:5px;font-size:.75rem;font-weight:750}
.admin-report-controls .admin-search{grid-column:1/-1}
.admin-export-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}
.admin-export-row label{display:flex;align-items:center;gap:6px;font-size:.75rem}
.admin-report-list{display:grid;gap:10px}
.admin-report-card{border:1px solid #dbe3f0;border-radius:16px;padding:12px;display:grid;gap:9px}
.admin-report-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-report-title>div{display:grid;gap:2px}
.admin-report-title strong{font-size:1.25rem}
.admin-report-title span{color:#475569}
.report-status{padding:4px 8px;border-radius:999px;background:#e2e8f0;font-size:.65rem;text-transform:uppercase;font-weight:850}
.report-status.new{background:#fee2e2;color:#991b1b}
.report-status.reviewed{background:#dbeafe;color:#1e40af}
.report-status.fixed{background:#dcfce7;color:#166534}
.admin-report-meta{display:flex;flex-wrap:wrap;gap:5px}
.admin-report-meta span{padding:4px 7px;border-radius:999px;background:#f1f5f9;font-size:.65rem;color:#475569}
.admin-report-card p{margin:0;line-height:1.45}
.admin-report-card details pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.7rem;background:#f8fafc;padding:9px;border-radius:10px}
.admin-report-actions{display:flex;flex-wrap:wrap;gap:7px}
.admin-report-actions button{padding:7px 10px;font-size:.7rem}
.admin-tools-slot{display:grid;gap:12px}
.admin-tools-slot .owner-path-controls{margin:0}
.admin-tools-slot .settings-link{display:block}
@media(max-width:600px){.admin-section-heading{align-items:flex-start}}
@media(max-width:560px){
 .admin-report-controls{grid-template-columns:1fr}
 .admin-report-controls .admin-search{grid-column:auto}
 .report-dialog-actions{grid-template-columns:1fr}
}

/* v11.2.3 short missions, save points and quick settings */
.adaptive-settings-note{padding:12px 14px;border-radius:16px;background:#eff6ff;border:1px solid #bfdbfe}.adaptive-settings-note strong{display:block;color:#1d4ed8}.adaptive-settings-note p{margin:4px 0 0;color:#475569;font-size:.8rem;line-height:1.4}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.learning-balance-settings{display:grid;gap:12px;padding:16px;border:1px solid #c7d2fe;border-radius:18px;background:linear-gradient(145deg,#f8fafc,#eef2ff)}
.learning-balance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.learning-balance-heading h3{margin:3px 0 0;font-size:1rem}.learning-balance-heading>strong{padding:6px 10px;border-radius:999px;background:#312e81;color:#fff;font-size:.72rem;text-align:center}
.learning-balance-slider{display:block}.learning-balance-slider input{width:100%;height:32px;margin:0;accent-color:#4f46e5;cursor:pointer}.learning-balance-slider input:disabled{cursor:not-allowed;opacity:.5}
.learning-balance-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:-10px;color:#64748b;font-size:.68rem;font-weight:800}.learning-balance-labels span:nth-child(2){text-align:center}.learning-balance-labels span:last-child{text-align:right}
.learning-balance-adaptive{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e2e8f0}.learning-balance-adaptive input{width:20px;height:20px;flex:0 0 auto}.learning-balance-adaptive span{display:grid;gap:2px}.learning-balance-adaptive strong{font-size:.82rem}.learning-balance-adaptive small{color:#64748b;font-size:.7rem}
#learningBalanceDescription{margin:0;color:#334155;font-size:.78rem;line-height:1.45}.learning-balance-guardrail{color:#64748b;font-size:.68rem;line-height:1.4}
@media(max-width:520px){.learning-balance-heading{display:grid}.learning-balance-heading>strong{justify-self:start}.learning-balance-settings{padding:14px}.learning-balance-labels{font-size:.62rem}}
#quickSettingsDialog{width:min(92vw,480px);border:0;border-radius:22px;padding:0;box-shadow:0 24px 80px #0f172a55}#quickSettingsDialog::backdrop{background:#0f172a99}
.quick-settings{display:grid;gap:14px;padding:22px}.quick-settings h2{margin:0}.quick-settings p{margin:0;color:#475569}
.quick-settings-actions,.mission-complete-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-settings label{display:grid;gap:7px;font-weight:750}.quick-settings label:has(input){display:flex;align-items:center;gap:8px}.quick-full-settings{font-size:.75rem}.mission-complete-actions{margin-top:18px}
@media(max-width:520px){.quick-settings-actions,.mission-complete-actions{grid-template-columns:1fr}}

/* v9.0 Japan Ready */
.campaign-chooser{margin:18px 20px 0;padding:14px;border:1px solid #c7d2fe;border-radius:20px;background:linear-gradient(135deg,#fff,#f5f3ff);display:grid;gap:12px}.campaign-chooser h2{margin:3px 0}.campaign-chooser p{margin:0;color:#475569}.campaign-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.campaign-choice-actions button.active{background:#2563eb;color:#fff;border-color:#2563eb}
.japan-ready-page{display:grid;gap:18px}.japan-ready-hero{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:18px;align-items:center;padding:16px;border-radius:22px;background:linear-gradient(135deg,#fff7ed,#fff1f2)}.japan-ready-hero>img{width:100%;max-height:360px;object-fit:cover;object-position:center top;border-radius:18px}.japan-ready-hero h2{margin:4px 0 8px}.japan-ready-stats{display:flex;flex-wrap:wrap;gap:8px}.japan-ready-stats span{padding:7px 10px;border-radius:999px;background:#fff;font-size:.72rem}.japan-ready-current{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #bfdbfe;border-radius:18px;background:#eff6ff}.japan-ready-current h3{margin:3px 0}.japan-ready-current p{margin:0;color:#475569}.japan-ready-scenarios{display:grid;gap:10px}.japan-scenario{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid #dbe3f0;border-radius:17px}.japan-scenario.locked{opacity:.55}.japan-scenario-number{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;font-size:1.35rem}.japan-scenario h3{margin:2px 0}.japan-scenario p{margin:0;color:#475569;font-size:.78rem}.japan-scenario small{display:block;margin-top:4px;color:#64748b}
.scenario-detail{display:grid;gap:15px}.scenario-detail-hero{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:center}.scenario-detail-hero img{width:90px;height:90px;border-radius:20px;object-fit:cover}.scenario-detail-hero h2{margin:3px 0}.aiko-cultural-tip{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;padding:12px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa}.aiko-cultural-tip img{width:58px;height:58px;border-radius:14px;object-fit:cover}.aiko-cultural-tip p{margin:3px 0 0;color:#475569;font-size:.78rem}.scenario-word-preview{display:flex;flex-wrap:wrap;gap:7px}.scenario-word-preview span{padding:7px 9px;border-radius:11px;background:#f8fafc;border:1px solid #e2e8f0;font-weight:750}.scenario-word-preview small{display:block;color:#64748b;font-size:.62rem}.scenario-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.live-conversation-page{display:grid;gap:16px}.live-conversation-heading{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center}.live-conversation-heading img{width:76px;height:76px;border-radius:19px;object-fit:cover}.live-conversation-transcript{display:grid;gap:10px;max-height:48vh;overflow:auto;padding:6px}.conversation-bubble{display:grid;gap:3px;max-width:86%;padding:11px 13px;border-radius:17px}.conversation-bubble.npc{justify-self:start;background:#f1f5f9;border-bottom-left-radius:5px}.conversation-bubble.user{justify-self:end;background:#dbeafe;border-bottom-right-radius:5px;text-align:right}.conversation-bubble span{font-size:1.12rem;font-weight:750}.conversation-bubble small{color:#64748b}.live-conversation-input{display:grid;gap:9px;padding:13px;border-radius:17px;background:#f8fafc}.live-conversation-suggestions{display:flex;flex-wrap:wrap;gap:6px}.live-conversation-suggestions button{padding:7px 9px;font-size:.72rem;border-radius:999px}.live-conversation-complete{text-align:center;padding:18px;border-radius:20px;background:linear-gradient(135deg,#ecfdf5,#eff6ff)}.live-conversation-complete img{width:100px;height:100px;border-radius:24px;object-fit:cover}.live-conversation-complete>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
@media(max-width:620px){.japan-ready-hero{grid-template-columns:1fr}.japan-ready-hero>img{max-height:260px}.japan-ready-current{align-items:stretch;flex-direction:column}.japan-scenario{grid-template-columns:48px minmax(0,1fr)}.japan-scenario>button{grid-column:1/-1}.scenario-actions,.live-conversation-complete>div{grid-template-columns:1fr}}

/* v11.2.3 WhatsApp-style Live Conversation */
.live-conversation-transcript{background:#efeae2;background-image:radial-gradient(#d8d2c8 .7px,transparent .7px);background-size:16px 16px;padding:14px;border-radius:18px}.wa-message-row{display:flex;gap:8px;align-items:flex-end;max-width:92%}.wa-message-row.wa-npc{justify-self:start}.wa-message-row.wa-user{justify-self:end;flex-direction:row-reverse}.wa-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid #fff;box-shadow:0 1px 4px #0002}.wa-bubble{display:grid;gap:3px;padding:9px 11px;border-radius:10px;box-shadow:0 1px 2px #0002;min-width:120px}.wa-npc .wa-bubble{background:#fff;border-bottom-left-radius:3px}.wa-user .wa-bubble{background:#d9fdd3;border-bottom-right-radius:3px;text-align:right}.wa-bubble strong{font-size:.64rem;color:#667781}.wa-bubble span{font-size:1.08rem;font-weight:750;line-height:1.35}.wa-bubble small{font-size:.68rem;color:#667781}.wa-bubble em{font-size:.72rem;color:#3b4a54;font-style:normal;border-top:1px solid #00000012;padding-top:4px;margin-top:2px}#liveConversationPrompt strong{color:#b45309}.campaign-choice-actions button{transition:none}

/* v11.2.3 */
.campaign-chooser-heading{display:grid;gap:12px}.campaign-preview-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:17px;background:#fff;border:1px solid #dbe3f0}.campaign-preview-panel[hidden]{display:none}#japanReadyCampaignPreview{grid-template-columns:64px minmax(0,1fr) auto;background:linear-gradient(135deg,#fff7ed,#fff1f2);border-color:#fed7aa}#japanReadyCampaignPreview img{width:64px;height:64px;border-radius:16px;object-fit:cover}.kana-builder-heading{display:flex;justify-content:space-between}.kana-builder-answer{min-height:62px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;padding:12px;border:2px dashed #cbd5e1;border-radius:16px;background:#fff}.kana-builder-answer span:not(.kana-builder-placeholder){min-width:36px;height:42px;display:grid;place-items:center;border-radius:10px;background:#dbeafe;font-size:1.35rem;font-weight:850}.kana-builder-placeholder{color:#94a3b8;font-size:.78rem}.kana-builder-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.kana-builder-choices button{min-height:54px;font-size:1.35rem;font-weight:850}.kana-builder-choices button.wrong{background:#fee2e2;color:#991b1b}@media(max-width:620px){.campaign-preview-panel,#japanReadyCampaignPreview{grid-template-columns:1fr}}

/* v11.2.3 */
.kana-builder-choices button{display:grid;place-items:center;align-content:center;gap:1px;line-height:1}.kana-builder-choices button>span{font-size:1.35rem;font-weight:850}.kana-builder-choices button>small{font-size:.62rem;line-height:1.15;color:#64748b;font-weight:750}.kana-builder-answer .built-kana{min-width:42px;min-height:50px;display:grid;place-items:center;align-content:center;gap:1px;padding:5px;border-radius:10px;background:#dbeafe}.kana-builder-answer .built-kana b{font-size:1.28rem;line-height:1}.kana-builder-answer .built-kana small{font-size:.58rem;color:#475569}.admin-tools-slot>#ownerPathControls,.admin-tools-slot>#mnemonicStudioLink,.admin-tools-slot>a[href="image-diagnostics.html"]{display:block;width:100%}


/* v11.2.3 unified Study Modes dashboard */
.campaign-chooser{
 margin:18px 0 0;
 width:100%;
 min-height:0;
 padding:18px;
 gap:15px;
}
.campaign-chooser.card{min-height:0}
.campaign-chooser-heading{display:grid;gap:12px}
.campaign-preview{display:grid}
.campaign-preview-panel{
 grid-template-columns:1fr;
 padding:0;
 border:0;
 background:transparent;
 min-width:0;
 animation:campaignPreviewIn .18s ease;
}
.campaign-preview-panel[hidden]{display:none}
.campaign-preview-full .journey-home{
 margin:0;
 padding:0;
 display:grid;
 gap:12px;
}
.campaign-preview-full .journey-home[hidden]{display:grid}
.japan-ready-dashboard-card{display:grid;gap:12px}
.home-aiko-guide{
 display:grid;
 grid-template-columns:58px minmax(0,1fr);
 gap:11px;
 align-items:center;
 padding:12px;
 border-radius:16px;
 background:#fff7ed;
 border:1px solid #fed7aa;
}
.home-aiko-guide img{
 width:58px;
 height:58px;
 border-radius:14px;
 object-fit:cover;
}
.home-aiko-guide small{display:block;color:#9a3412;font-weight:800}
.home-aiko-guide strong{display:block;margin-top:2px}
.home-aiko-guide p{margin:3px 0 0;color:#475569;font-size:.78rem;line-height:1.4}
.japan-ready-home-main{
 display:grid;
 grid-template-columns:70px minmax(0,1fr);
 gap:12px;
 align-items:center;
 padding:12px;
 border-radius:16px;
 background:#fff;
 border:1px solid #dbe3f0;
}
.japan-ready-home-main img{
 width:70px;
 height:70px;
 border-radius:17px;
 object-fit:cover;
}
.japan-ready-home-main strong,
.japan-ready-home-main small{display:block}
.japan-ready-home-main small{margin-top:4px;color:#64748b}
.japan-ready-home-summary{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:7px;
}
.japan-ready-home-summary span{
 padding:9px;
 border-radius:12px;
 background:#f8fafc;
 color:#475569;
 font-size:.7rem;
 text-align:center;
}
@keyframes campaignPreviewIn{
 from{opacity:0;transform:translateY(4px)}
 to{opacity:1;transform:translateY(0)}
}
@media(max-width:520px){
 .campaign-chooser{padding:14px}
 .japan-ready-home-summary{grid-template-columns:1fr}
}

/* v11.2.3 guest sign-in, desktop Japan Ready and travel cheat sheet */
.dashboard-sign-in{margin-top:8px;padding:8px 12px;background:#fff;color:#1d4ed8;border:1px solid #bfdbfe;font-size:.75rem}
.dashboard-sign-in[hidden]{display:none}
#japanReadyCampaignPreview{display:block;min-width:0}
#japanReadyCampaignPreview[hidden]{display:none}
.japan-ready-dashboard-card{width:100%;min-width:0}
.home-aiko-guide,.japan-ready-home-main{grid-template-columns:64px minmax(0,1fr)}
.home-aiko-guide>div,.japan-ready-home-main>div{min-width:0}
.home-aiko-guide strong,.home-aiko-guide p,.japan-ready-home-main strong,.japan-ready-home-main small{overflow-wrap:anywhere}
.japan-ready-dashboard-card .journey-home-progress{width:100%;min-width:0}
.japan-ready-dashboard-card .journey-home-actions{display:grid;grid-template-columns:minmax(0,1fr)}
.japan-ready-dashboard-card .journey-home-actions button{width:100%;max-width:420px}
.japan-ready-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:#eff6ff;border:1px solid #bfdbfe}
.japan-ready-tools h3{margin:3px 0}
.japan-scenario{position:relative}
.japan-scenario.recommended{border:2px solid #2563eb;background:linear-gradient(135deg,#eff6ff,#fff)}
.recommended-ribbon{position:absolute;right:12px;top:-10px;padding:4px 8px;border-radius:999px;background:#2563eb;color:#fff;font-size:.62rem;font-weight:850}
.cheat-sheet-page{display:grid;gap:16px}
.cheat-sheet-hero{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center}
.cheat-sheet-hero img{width:70px;height:70px;border-radius:17px;object-fit:cover}
.cheat-sheet-hero h2{margin:3px 0}.cheat-sheet-hero p{margin:0;color:#475569}
.cheat-sheet-sections{display:grid;gap:10px}
.cheat-sheet-group{border:1px solid #dbe3f0;border-radius:16px;overflow:hidden}
.cheat-sheet-group-heading{width:100%;border-radius:0;display:grid;grid-template-columns:32px 1fr auto;gap:8px;text-align:left;background:#f8fafc}
.cheat-sheet-phrases{display:grid}
.cheat-phrase{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;padding:11px;border-top:1px solid #e2e8f0}
.cheat-audio{width:42px;height:42px;padding:0;border-radius:50%;background:#dbeafe}
.cheat-phrase div{display:grid;gap:2px}.cheat-phrase strong{font-size:1.05rem}.cheat-phrase small{color:#2563eb}.cheat-phrase span{color:#475569;font-size:.78rem}
@media(min-width:700px){
 #japanReadyCampaignPreview .japan-ready-dashboard-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
 #japanReadyCampaignPreview .home-aiko-guide{grid-column:1}
 #japanReadyCampaignPreview .japan-ready-home-main{grid-column:2}
 #japanReadyCampaignPreview .journey-home-progress,
 #japanReadyCampaignPreview .journey-home-actions,
 #japanReadyCampaignPreview .japan-ready-home-summary{grid-column:1/-1}
}
@media(max-width:620px){
 .japan-ready-tools{align-items:stretch;flex-direction:column}
}

.kana-builder-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-activity-nudge{margin:14px 0 0;padding:12px;border-radius:18px;background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1px solid #86efac;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;align-items:center}.friend-activity-nudge[hidden]{display:none}.friend-activity-nudge img{width:52px;height:52px;border-radius:50%;object-fit:cover}.friend-activity-nudge p{margin:3px 0 0;color:#475569;font-size:.76rem}.friends-panel{margin-bottom:16px;padding:16px;border-radius:20px;background:#fff;border:1px solid #dbe3f0}.friends-heading{display:flex;justify-content:space-between;gap:12px}.friends-heading h3{margin:3px 0}.friends-heading p{margin:0;color:#475569}.friend-request-badge{padding:5px 9px;border-radius:999px;background:#dc2626;color:#fff;font-size:.68rem;font-weight:850}.friend-request-form{display:grid;gap:7px;margin:14px 0}.friend-request-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.friend-request-form input{border:1px solid #cbd5e1;border-radius:12px;padding:12px}.friend-list-section{display:grid;gap:8px}.friend-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#f8fafc}.friend-row img{width:46px;height:46px;border-radius:50%;object-fit:cover}.friend-row strong,.friend-row small{display:block}.friend-row small{color:#64748b}.friend-actions{display:flex;gap:6px}@media(max-width:520px){.friend-activity-nudge{grid-template-columns:48px 1fr}.friend-activity-nudge>button{grid-column:1/-1}.friend-request-form>div{grid-template-columns:1fr}.friend-row{grid-template-columns:42px 1fr}.friend-row>.friend-actions,.friend-row>button{grid-column:1/-1}}

/* v11.2.3 final dashboard spacing and friend-email preference */
.campaign-preview-full .journey-home{
 padding:10px 10px 14px!important;
}
.campaign-preview-full .journey-home-actions,
.campaign-preview-full .adventure-home-links,
.campaign-preview-full .journey-utility-actions{
 margin-left:2px;
 margin-right:2px;
}
.friend-email-toggle{
 margin-top:12px;
 padding:12px;
 border-radius:14px;
 background:#f8fafc;
 border:1px solid #dbe3f0;
}

.leaderboard-row[data-community-user]{cursor:pointer}
.leaderboard-row[data-community-user]:hover{transform:translateY(-1px);box-shadow:0 7px 20px #17255418}
.community-profile-dialog{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:22px}
.community-profile-dialog>img{width:82px;height:82px;border-radius:50%;object-fit:cover}
.community-profile-dialog h2{margin:3px 0}.community-profile-dialog p{margin:3px 0;color:#64748b}
.dialog-close{position:absolute;right:10px;top:10px;width:36px;height:36px;padding:0;border-radius:50%}
.community-profile-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.community-profile-stats span{padding:10px;border-radius:12px;background:#f8fafc;text-align:center;font-size:.7rem}
.community-profile-stats strong{display:block;font-size:1.05rem}
#communityProfileStatus,.community-profile-actions{grid-column:1/-1}
.community-profile-actions{display:flex;gap:8px}

/* v11.2.3 first-launch welcome */
body.welcome-open{overflow:hidden}
.first-launch-overlay{
 position:fixed;
 inset:0;
 z-index:10000;
 display:grid;
 place-items:center;
 padding:18px;
 background:rgba(15,23,42,.72);
 backdrop-filter:blur(8px);
}
.first-launch-overlay[hidden]{display:none}
.first-launch-card{
 position:relative;
 width:min(820px,100%);
 max-height:min(90vh,850px);
 overflow:auto;
 padding:24px;
 border-radius:26px;
 background:linear-gradient(180deg,#ffffff,#f8fbff);
 box-shadow:0 28px 80px rgba(15,23,42,.35);
 border:1px solid rgba(255,255,255,.7);
}
.first-launch-close{
 position:absolute;
 top:12px;
 right:12px;
 width:40px;
 height:40px;
 padding:0;
 border-radius:50%;
 background:#eef2ff;
 color:#334155;
 font-size:1.4rem;
}
.first-launch-hero{
 display:grid;
 grid-template-columns:82px minmax(0,1fr);
 gap:16px;
 align-items:center;
 padding-right:40px;
}
.first-launch-logo{
 width:82px;
 height:82px;
 border-radius:22px;
 display:grid;
 place-items:center;
 background:linear-gradient(135deg,#2563eb,#7c3aed);
 color:#fff;
 font-size:2.5rem;
 font-weight:900;
 box-shadow:0 10px 28px rgba(37,99,235,.28);
}
.first-launch-hero h1{margin:4px 0 6px;font-size:clamp(1.65rem,4vw,2.35rem)}
.first-launch-hero p{margin:0;color:#475569;line-height:1.5}
.first-launch-features{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:10px;
 margin:20px 0;
}
.first-launch-features article{
 display:grid;
 grid-template-columns:46px minmax(0,1fr);
 gap:10px;
 align-items:start;
 padding:13px;
 border-radius:16px;
 background:#fff;
 border:1px solid #dbeafe;
}
.first-launch-features article>span{
 width:42px;
 height:42px;
 display:grid;
 place-items:center;
 border-radius:13px;
 background:#eff6ff;
 font-size:1.35rem;
}
.first-launch-features strong{display:block;margin-bottom:3px}
.first-launch-features p{margin:0;color:#64748b;font-size:.78rem;line-height:1.35}
.first-launch-actions{display:flex;gap:10px;flex-wrap:wrap}
.first-launch-actions button{flex:1;min-width:190px}
.first-launch-card>small{display:block;margin-top:10px;color:#64748b;text-align:center}
@media(max-width:640px){
 .first-launch-overlay{padding:10px}
 .first-launch-card{padding:18px;border-radius:20px}
 .first-launch-hero{grid-template-columns:62px minmax(0,1fr);gap:11px}
 .first-launch-logo{width:62px;height:62px;border-radius:17px;font-size:1.9rem}
 .first-launch-features{grid-template-columns:1fr}
}

/* v11.2.3 corrected social interactions */
.leaderboard-row[data-community-user]{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.leaderboard-row[data-community-user]:hover,
.leaderboard-row[data-community-user]:focus-visible{
 transform:translateY(-2px);
 border-color:#60a5fa;
 box-shadow:0 8px 24px rgba(37,99,235,.14);
 outline:none;
}
.community-profile-actions:empty{display:none}

/* v11.2.3 */
.social-notification-button{position:relative;margin-top:8px;width:44px;height:38px;padding:0;border-radius:12px}.social-notification-button[hidden]{display:none}.social-notification-button b{position:absolute;right:-7px;top:-7px;min-width:20px;height:20px;border-radius:99px;background:#dc2626;color:#fff;font-size:.65rem;display:grid;place-items:center}.social-notification-panel{position:absolute;z-index:100;right:18px;top:92px;width:min(380px,calc(100vw - 28px));padding:12px;border-radius:18px;background:#fff;border:1px solid #dbe3f0;box-shadow:0 20px 60px #0f172a33}.social-notification-panel[hidden]{display:none}.social-notification-heading{display:flex;justify-content:space-between}.social-notification-list{display:grid;gap:8px;margin-top:8px}.social-notification-item{padding:10px;border-radius:13px;background:#f8fafc}.social-notification-actions{display:flex;gap:6px;margin-top:7px}.friend-activity-nudge.compact{grid-template-columns:40px minmax(0,1fr) 28px;padding:8px 10px;margin-top:9px;border-radius:13px}.friend-activity-nudge.compact img{width:40px;height:40px}.friend-activity-nudge.compact strong{font-size:.76rem}.friend-activity-nudge.compact p{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-activity-dismiss{width:28px;height:28px;padding:0;border-radius:50%}.friend-row.accepted{grid-template-columns:minmax(0,1fr) auto}.friend-profile-link{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;padding:0;border:0;background:transparent;text-align:left}.friend-profile-link img{width:46px;height:46px;border-radius:50%;object-fit:cover}.friend-profile-link span strong,.friend-profile-link span small{display:block}.friend-unfriend-small{padding:5px 8px!important;font-size:.62rem!important}.invite-card h4{font-size:.9rem;margin:0 0 4px}.invite-card p{font-size:.72rem}.admin-users-panel{display:grid;gap:12px;margin:14px 0;padding:14px;border-radius:18px;background:#f8fafc;border:1px solid #dbe3f0}.admin-users-heading{display:flex;justify-content:space-between}.admin-users-summary{display:flex;gap:8px;flex-wrap:wrap}.admin-users-summary span{padding:8px 10px;border-radius:99px;background:#fff;font-size:.7rem}.admin-users-list{display:grid;gap:8px}.admin-user-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:9px;border-radius:13px;background:#fff}.admin-user-row img{width:44px;height:44px;border-radius:50%}.admin-user-row strong,.admin-user-row small{display:block}.admin-user-row small{color:#64748b}.admin-user-row span,.admin-user-row b{font-size:.65rem}@media(max-width:620px){.admin-user-row{grid-template-columns:40px minmax(0,1fr)}.admin-user-row span,.admin-user-row b{grid-column:2}}

/* v11.2.3 */
.header-notification{position:relative;width:48px;height:48px;min-width:48px;padding:0;border-radius:16px;display:grid;place-items:center;background:#17306d;color:#fff;border:0}
.header-notification[hidden]{display:none}.header-notification b[hidden]{display:none}
.header-notification b{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:.65rem;display:grid;place-items:center}
.friend-activity-nudge.compact{position:relative;grid-template-columns:40px minmax(0,1fr) 32px;min-height:58px;padding:8px 10px}
.friend-activity-dismiss{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;z-index:3}
.friend-activity-nudge.compact>div{padding-right:34px;min-width:0}

/* v11.2.3 reliable dismiss controls */
#friendActivityNudge[hidden]{display:none!important}
.friend-activity-dismiss{pointer-events:auto!important;touch-action:manipulation}
.social-notification-item [data-nx]{pointer-events:auto;touch-action:manipulation}

/* v11.2.3 state reliability */
#friendActivityNudge[hidden],
#socialNotificationButton[hidden]{display:none!important}

/* v11.2.3 Guided Adventure */
.daily-mission.locked{opacity:.72}
.daily-mission.available{border:2px solid #2563eb;background:linear-gradient(135deg,#eff6ff,#fff)}
.daily-mission.complete{border-color:#86efac;background:#f0fdf4}
.daily-mission.complete button{background:#dcfce7;color:#166534}
.optional-tag{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:.56rem;vertical-align:middle}
.journey-unlock-notice{display:grid;grid-template-columns:72px minmax(0,1fr);gap:13px;align-items:center;margin:14px 0;padding:14px;border-radius:20px;background:linear-gradient(135deg,#fff7d6,#eff6ff);border:1px solid #f6c85f;box-shadow:0 10px 28px rgba(37,99,235,.12)}
.journey-unlock-notice[hidden]{display:none}
.journey-unlock-notice img{width:72px;height:72px;border-radius:18px;object-fit:cover}
.journey-unlock-notice strong,.journey-unlock-notice p{display:block}
.journey-unlock-notice p{margin:4px 0 9px;color:#475569}
.journey-unlock-actions{display:flex;gap:8px;flex-wrap:wrap}
.journey-unlock-actions button{padding:8px 12px;font-size:.72rem}
.journey-unlock-notice.celebrate{animation:unlockCardPop .7s cubic-bezier(.2,.9,.25,1)}
.journey-unlock-notice.celebrate img{animation:teacherUnlockBounce .9s ease}
@keyframes unlockCardPop{0%{opacity:0;transform:translateY(14px) scale(.96)}55%{transform:translateY(-3px) scale(1.015)}100%{opacity:1;transform:none}}
@keyframes teacherUnlockBounce{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-8px) rotate(-3deg)}65%{transform:translateY(-3px) rotate(3deg)}}
@media(max-width:560px){.journey-unlock-notice{grid-template-columns:58px minmax(0,1fr);padding:11px}.journey-unlock-notice img{width:58px;height:58px}.journey-unlock-actions{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.journey-unlock-notice.celebrate,.journey-unlock-notice.celebrate img{animation:none}}

/* v10 Activity Village */
.legacy-games-screen{display:none!important}
.activity-village-intro{color:#64748b;margin-top:-6px}
.path-road{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:linear-gradient(#dff4ff,#ecfccb);padding:22px;border-radius:28px;position:relative;overflow:hidden}
.activity-location{min-height:190px;border-radius:24px;background:#ffffffcc;border:2px solid #bfdbfe;box-shadow:0 14px 28px #0f172a18;overflow:hidden}
.activity-location.ready{border-color:#f59e0b;animation:villageReadyPulse 2s ease-in-out infinite}
.activity-location.restored{border-color:#4ade80;background:linear-gradient(180deg,#fff,#f0fdf4)}
.activity-location button{width:100%;height:100%;border:0;background:transparent;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px}
.activity-location-icon{font-size:3rem;filter:drop-shadow(0 7px 7px #0f172a25)}
.activity-location-status{padding:3px 8px;border-radius:999px;background:#eef2ff;font-size:.62rem;font-weight:800}
.activity-location strong{font-size:1rem}.activity-location small{color:#64748b;text-align:center}
.activity-location-meter{width:100%;height:7px;border-radius:99px;background:#e2e8f0;overflow:hidden}
.activity-location-meter i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#3b82f6)}
.activity-location b{margin-top:auto;color:#1d4ed8}
.activity-unlock-dialog{border:0;background:transparent;padding:12px;width:min(690px,100%)}
.activity-unlock-dialog::backdrop{background:#0f172acc;backdrop-filter:blur(8px)}
.activity-unlock-scene{position:relative;padding:26px;border-radius:30px;background:linear-gradient(180deg,#dbeafe,#fff 35%);box-shadow:0 28px 80px #02061766;text-align:center;overflow:auto;max-height:92vh}
.activity-unlock-close{position:absolute;right:14px;top:14px;width:40px;height:40px;padding:0;border-radius:50%}
.activity-unlock-building{font-size:5rem;animation:buildingFloat 2.4s ease-in-out infinite}
.activity-teacher-message{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center;text-align:left;background:#fff9db;border:1px solid #fde68a;border-radius:18px;padding:11px;margin:14px 0}
.activity-teacher-message img{width:70px;height:70px;border-radius:16px;object-fit:cover}
.activity-requirements{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.activity-requirements section{padding:13px;border-radius:16px;background:#fff;text-align:left}
.activity-requirements span,.activity-requirements strong,.activity-requirements small{display:block}
.activity-requirements strong{font-size:1.15rem}.activity-requirements small{color:#64748b;margin-top:5px}
.activity-content-preview{margin:12px 0;padding:13px;border-radius:16px;background:#f8fafc}
.activity-content-preview p{margin:4px 0}.activity-content-preview small{color:#64748b}
.activity-unlock-footer{display:flex;justify-content:center;gap:26px;margin:12px}
.activity-unlock-footer span,.activity-unlock-footer strong{display:block}.activity-unlock-footer strong{font-size:1.25rem}
.activity-unlock-scene>button{margin-top:8px;width:100%}
.activity-unlock-dialog.unlocking .activity-unlock-building{animation:restoreBuilding 1.1s ease both}
.picture-learning-meaning{display:inline-block;padding:7px 12px;border-radius:999px;background:#fef3c7;font-weight:800}
@keyframes buildingFloat{50%{transform:translateY(-7px)}}
@keyframes villageReadyPulse{50%{box-shadow:0 0 0 7px #fbbf2440,0 14px 28px #0f172a18}}
@keyframes restoreBuilding{0%{filter:grayscale(1);transform:scale(.75)}45%{filter:grayscale(0);transform:scale(1.2) rotate(-4deg)}100%{transform:scale(1);filter:drop-shadow(0 0 25px #facc15)}}
@media(max-width:760px){.path-road{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.activity-requirements{grid-template-columns:1fr}}
@media(max-width:460px){.path-road{grid-template-columns:1fr}.activity-teacher-message{grid-template-columns:54px minmax(0,1fr)}.activity-teacher-message img{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.activity-location.ready,.activity-unlock-building,.activity-unlock-dialog.unlocking .activity-unlock-building{animation:none}}

/* v11.2.3 Activity Village MVP toggle */
.activity-view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:12px 14px;border:1px solid #bfdbfe;border-radius:18px;background:#f8fbff}
.activity-view-toolbar strong,.activity-view-toolbar small{display:block}.activity-view-toolbar small{color:#64748b;margin-top:2px}.activity-view-toolbar button{white-space:nowrap}
.activity-village-map[hidden],#classicActivityView[hidden],.practice-hub[hidden]{display:none!important}
.activity-village-map{margin:12px 0 22px}
.village-map-stage{position:relative;width:min(100%,820px);margin:auto;aspect-ratio:2/3;border-radius:26px;overflow:hidden;background:#dbeafe;box-shadow:0 18px 42px #0f172a2b;isolation:isolate;touch-action:pan-y pinch-zoom}
.village-map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.village-water-effects,.village-ambient-effects,.village-hotspots{position:absolute;inset:0;pointer-events:none}
.village-water-effects{z-index:2;mix-blend-mode:screen;opacity:.19}
.water-zone{position:absolute;background-image:url('media/activity-village/water-shimmer.png?v=11.2.3');background-size:32% auto;animation:villageWaterShimmer 18s linear infinite;filter:saturate(.7) brightness(1.15)}
.water-zone-a{left:0;top:24%;width:63%;height:48%;clip-path:polygon(0 0,38% 7%,55% 24%,86% 14%,100% 45%,73% 58%,90% 100%,46% 88%,22% 100%,0 78%)}
.water-zone-b{right:0;top:24%;width:46%;height:56%;clip-path:polygon(40% 0,100% 10%,100% 100%,28% 92%,0 66%,31% 42%,0 20%)}
.water-zone-c{left:0;bottom:0;width:72%;height:30%;clip-path:polygon(0 10%,48% 0,74% 30%,100% 60%,86% 100%,0 100%)}
.water-zone-d{right:0;bottom:0;width:46%;height:29%;clip-path:polygon(13% 0,100% 3%,100% 100%,0 100%,28% 54%);animation-duration:23s;animation-direction:reverse}
.village-ambient-effects{z-index:3;overflow:hidden}
.petal-drift{position:absolute;width:12%;height:10%;background:url('media/activity-village/petals.png?v=11.2.3') center/contain no-repeat;opacity:.32;animation:petalFloat 16s ease-in-out infinite}
.petal-one{left:2%;top:25%}.petal-two{right:2%;top:48%;animation-delay:-8s;animation-duration:20s}
.forge-smoke{position:absolute;right:7%;top:27%;width:11%;height:12%;background:url('media/activity-village/mist.png?v=11.2.3') center/contain no-repeat;opacity:.17;animation:smokeRise 8s ease-out infinite}
.waterfall-mist{position:absolute;right:13%;top:18%;width:14%;height:11%;background:url('media/activity-village/mist.png?v=11.2.3') center/contain no-repeat;opacity:.16;animation:mistBreathe 6s ease-in-out infinite}
.pond-ripple{position:absolute;left:44%;top:51%;width:18%;height:10%;background:url('media/activity-village/ripple.png?v=11.2.3') center/contain no-repeat;opacity:.2;animation:ripplePulse 9s ease-out infinite}
.village-hotspots{z-index:4}
.village-hotspot{pointer-events:auto;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);padding:0;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-shadow:0 1px 3px #000;cursor:pointer}
.village-hotspot::before{content:'';position:absolute;inset:8%;border-radius:28%;border:2px solid transparent;transition:.2s ease}
.village-hotspot span{font-size:clamp(1.05rem,3vw,1.65rem);filter:drop-shadow(0 2px 3px #0008)}
.village-hotspot b,.village-hotspot small{position:relative;max-width:95%;padding:2px 6px;background:#0f172acc;border-radius:7px;line-height:1.12}
.village-hotspot b{font-size:clamp(.58rem,1.6vw,.88rem)}.village-hotspot small{font-size:clamp(.5rem,1.25vw,.7rem);margin-top:2px}
.village-hotspot.ready::before{border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf2438;animation:hotspotReady 3.2s ease-in-out infinite}
.village-hotspot.open::before{border-color:#4ade80aa}.village-hotspot.developing{filter:saturate(.78)}
.village-hotspot:focus-visible::before,.village-hotspot:hover::before{border-color:#fff;box-shadow:0 0 0 5px #2563eb80;background:#ffffff12}
.village-map-help{margin:10px auto 0;max-width:760px;color:#64748b;text-align:center;font-size:.78rem}
.activity-view-settings p{margin:6px 0 0;color:#64748b;font-size:.78rem}
@keyframes villageWaterShimmer{from{background-position:0 0}to{background-position:180px 95px}}
@keyframes petalFloat{0%,100%{transform:translate(0,0) rotate(-5deg);opacity:.15}45%{transform:translate(35%,45%) rotate(12deg);opacity:.38}70%{transform:translate(55%,70%) rotate(-8deg);opacity:.2}}
@keyframes smokeRise{0%{transform:translateY(12%) scale(.8);opacity:0}35%{opacity:.2}100%{transform:translateY(-30%) scale(1.2);opacity:0}}
@keyframes mistBreathe{50%{transform:scale(1.08) translateY(-4%);opacity:.25}}
@keyframes ripplePulse{0%,72%{transform:scale(.45);opacity:0}82%{opacity:.24}100%{transform:scale(1.25);opacity:0}}
@keyframes hotspotReady{50%{transform:scale(1.035);box-shadow:0 0 0 8px #fbbf2415}}
@media(max-width:600px){.activity-view-toolbar{align-items:flex-start}.activity-view-toolbar button{font-size:.68rem;padding:8px 10px}.village-map-stage{border-radius:18px}.village-hotspot b{padding:2px 4px}.village-map-help{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.water-zone,.petal-drift,.forge-smoke,.waterfall-mist,.pond-ripple,.village-hotspot.ready::before{animation:none!important}.village-water-effects{opacity:.1}}

/* v11.2.3 Village clarity and interaction patch */

/* Make the shimmer visible without washing out the artwork. */
.village-water-effects{
  z-index:2;
  opacity:.62;
  mix-blend-mode:screen;
  filter:contrast(1.2) brightness(1.14);
}
.water-zone{
  overflow:hidden;
  background-image:
    radial-gradient(ellipse at 20% 45%,rgba(255,255,255,.78) 0 1.2%,transparent 2.8%),
    radial-gradient(ellipse at 66% 54%,rgba(191,235,255,.72) 0 1.3%,transparent 3.2%),
    repeating-linear-gradient(112deg,transparent 0 13px,rgba(215,244,255,.3) 15px 17px,transparent 19px 34px),
    url('media/activity-village/water-shimmer.png?v=11.2.3');
  background-size:85px 48px,110px 62px,150px 80px,38% auto;
  animation:villageWaterShimmerStrong 11s linear infinite;
  filter:none;
}
.water-zone::after{
  content:'';
  position:absolute;
  inset:-20%;
  background:repeating-linear-gradient(96deg,transparent 0 20px,rgba(255,255,255,.22) 22px 24px,transparent 27px 48px);
  animation:villageWaterCross 15s linear infinite reverse;
}
@keyframes villageWaterShimmerStrong{
  from{background-position:0 0,20px 10px,0 0,0 0}
  to{background-position:120px 42px,-90px 48px,220px 70px,210px 105px}
}
@keyframes villageWaterCross{
  from{transform:translate3d(-8%,-5%,0)}
  to{transform:translate3d(10%,7%,0)}
}

/* Remove large green boxes. Open buildings use only a compact status marker. */
.village-hotspot::before{
  inset:auto;
  left:50%;
  bottom:14%;
  width:12px;
  height:12px;
  transform:translateX(-50%);
  border-radius:50%;
  border:2px solid transparent;
  background:transparent;
  transition:.2s ease;
}
.village-hotspot.open::before{
  border-color:#fff;
  background:#22c55e;
  box-shadow:0 0 0 3px rgba(15,23,42,.66),0 0 9px rgba(34,197,94,.85);
}
.village-hotspot.ready::before{
  border-color:#fff;
  background:#f59e0b;
  box-shadow:0 0 0 3px rgba(15,23,42,.66),0 0 12px rgba(245,158,11,.95);
  animation:hotspotReadyDot 2.6s ease-in-out infinite;
}
.village-hotspot.developing::before{
  background:#64748b;
  border-color:#e2e8f0;
  box-shadow:0 0 0 3px rgba(15,23,42,.55);
}
.village-hotspot:focus-visible,.village-hotspot:hover{
  z-index:20!important;
}
.village-hotspot:focus-visible::before,.village-hotspot:hover::before{
  box-shadow:0 0 0 4px #fff,0 0 0 8px rgba(37,99,235,.7);
}
.village-hotspot span{
  font-size:clamp(.9rem,2.4vw,1.35rem);
}
.village-hotspot b,.village-hotspot small{
  max-width:96%;
  background:rgba(15,23,42,.88);
  backdrop-filter:blur(6px);
  box-shadow:0 2px 8px rgba(0,0,0,.5);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.village-hotspot b{font-size:clamp(.56rem,1.45vw,.8rem);padding:2px 7px;border-radius:6px}
.village-hotspot small{font-size:clamp(.48rem,1.12vw,.64rem);padding:2px 6px;border-radius:999px}
@keyframes hotspotReadyDot{
  50%{transform:translateX(-50%) scale(1.22);box-shadow:0 0 0 5px rgba(15,23,42,.55),0 0 18px rgba(245,158,11,1)}
}

/* Make the mobile dialog's useful action clearly active. */
.activity-unlock-action-learning,
#activityUnlockAction:not(:disabled){
  cursor:pointer;
}
.activity-unlock-dialog{
  overscroll-behavior:contain;
}
.activity-unlock-scene{
  scroll-behavior:smooth;
}

@media(max-width:600px){
  .village-water-effects{opacity:.72}
  .village-hotspot::before{bottom:11%;width:10px;height:10px}
  .village-hotspot b,.village-hotspot small{max-width:94%}
}
@media(prefers-reduced-motion:reduce){
  .water-zone,.water-zone::after,.village-hotspot.ready::before{animation:none!important}
  .village-water-effects{opacity:.38}
}

/* v11.2.3 — The Living Village */
.village-mask-defs{position:absolute;pointer-events:none}
.village-map-stage{transition:transform .28s ease,box-shadow .28s ease;transform-origin:var(--focus-x,50%) var(--focus-y,50%)}
.village-map-stage.location-focused{transform:scale(1.035);box-shadow:0 22px 52px #0f172a42}
.village-water-effects{opacity:.32!important;filter:none!important;mix-blend-mode:screen;overflow:hidden}
.water-layer{position:absolute;inset:0;background-image:url('media/activity-village/water-shimmer.png?v=11.2.3');background-repeat:repeat;background-size:38% auto;will-change:background-position,opacity}
.water-rivers{clip-path:url(#villageRiverClip);opacity:.42;animation:livingRiver 17s linear infinite}
.water-pools{clip-path:url(#villagePoolClip);opacity:.26;animation:livingPool 26s ease-in-out infinite alternate}
.water-waterfalls{clip-path:url(#villageWaterfallClip);opacity:.56;animation:livingFalls 6.5s linear infinite}
.water-sea{clip-path:url(#villageSeaClip);opacity:.2;background-size:48% auto;animation:livingSea 34s linear infinite}
@keyframes livingRiver{to{background-position:180px 80px}}
@keyframes livingPool{from{background-position:0 0;opacity:.18}to{background-position:70px 32px;opacity:.32}}
@keyframes livingFalls{to{background-position:0 190px}}
@keyframes livingSea{to{background-position:260px 65px}}
/* Override and disable the old rectangular zones. */
.water-zone,.water-zone::after{display:none!important}

.foreground-decor{position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain;z-index:2}
.decor-sakura{left:-2%;top:-1%;width:34%;height:24%;background-image:url('media/activity-village/foreground-sakura.png?v=11.2.3');opacity:.64;transform-origin:left top;animation:branchBreathe 9s ease-in-out infinite}
.decor-lantern{right:1%;top:32%;width:9%;height:14%;background-image:url('media/activity-village/foreground-lantern.png?v=11.2.3');opacity:.48;animation:lanternSway 7s ease-in-out infinite}
@keyframes branchBreathe{50%{transform:rotate(.45deg) translateY(1px)}}
@keyframes lanternSway{50%{transform:rotate(1.4deg);filter:brightness(1.08)}}

.building-fog{position:absolute;left:-12%;right:-12%;top:0;bottom:8%;z-index:0;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;transition:opacity .45s ease,transform .45s ease;filter:drop-shadow(0 3px 5px #fff4)}
.building-fog.fog-heavy{background-image:url('media/activity-village/fog-heavy.png?v=11.2.3');opacity:.82;animation:fogDriftHeavy 11s ease-in-out infinite alternate}
.building-fog.fog-medium{background-image:url('media/activity-village/fog-medium.png?v=11.2.3');opacity:.55;animation:fogDrift 13s ease-in-out infinite alternate}
.building-fog.fog-light{background-image:url('media/activity-village/fog-wisp.png?v=11.2.3');opacity:.28;animation:fogDrift 16s ease-in-out infinite alternate}
.building-fog.fog-none{opacity:0}
@keyframes fogDrift{from{transform:translateX(-4%) scale(.96)}to{transform:translateX(5%) scale(1.04)}}
@keyframes fogDriftHeavy{from{transform:translate(-5%,1%) scale(1)}to{transform:translate(4%,-2%) scale(1.09)}}
.village-hotspot span,.village-hotspot b,.village-hotspot small,.village-hotspot::before{z-index:2}

.village-restoration-layer{position:absolute;inset:0;pointer-events:none;z-index:5}
.restoration-fx{position:absolute;left:var(--fx-x);top:var(--fx-y);width:34%;aspect-ratio:2/1;transform:translate(-50%,-50%);background:url('media/activity-village/restore-burst.png?v=11.2.3') center/contain no-repeat;animation:restoreVillageFx 1.65s cubic-bezier(.2,.8,.2,1) both}
.restoration-fx::before{content:'';position:absolute;inset:-30%;background:url('media/activity-village/restore-ring.png?v=11.2.3') center/contain no-repeat;animation:restoreRing 1.5s ease-out both}
.restoration-fx::after{content:'';position:absolute;inset:-45%;background:url('media/activity-village/restore-sparkles.png?v=11.2.3') center/contain no-repeat;animation:restoreSparkles 1.65s ease-out both}
@keyframes restoreVillageFx{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}
@keyframes restoreRing{0%{opacity:0;transform:scale(.35)}45%{opacity:1}100%{opacity:0;transform:scale(1.15)}}
@keyframes restoreSparkles{0%{opacity:0;transform:translateY(14%) scale(.6)}35%{opacity:1}100%{opacity:0;transform:translateY(-10%) scale(1.1)}}

.village-paused .water-layer,.village-paused .building-fog,.village-paused .foreground-decor,.village-paused .petal-drift,.village-paused .forge-smoke,.village-paused .waterfall-mist,.village-paused .pond-ripple{animation-play-state:paused!important}
@media(max-width:600px){.decor-sakura{width:38%;opacity:.5}.decor-lantern{display:none}.building-fog{left:-20%;right:-20%}.restoration-fx{width:48%}}
@media(prefers-reduced-motion:reduce){.water-layer,.building-fog,.foreground-decor,.restoration-fx,.restoration-fx::before,.restoration-fx::after{animation:none!important}.village-water-effects{opacity:.14!important}.village-map-stage.location-focused{transform:none}}

/* v11.2.3 — exact water masks matched to the shipped 1024 × 1536 map */
.village-water-effects{
  opacity:.38!important;
  mix-blend-mode:screen;
  overflow:hidden;
}
.water-layer{
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-position:0 0!important;
  -webkit-mask-position:0 0!important;
  mask-size:100% 100%!important;
  -webkit-mask-size:100% 100%!important;
  background-size:28% auto!important;
  filter:brightness(1.12) contrast(1.04);
}
.water-rivers{
  mask-image:url('media/activity-village/water-mask-rivers.png?v=11.2.3');
  -webkit-mask-image:url('media/activity-village/water-mask-rivers.png?v=11.2.3');
  opacity:.42;
  animation:livingRiverFixed 18s linear infinite;
}
.water-pools{
  mask-image:url('media/activity-village/water-mask-pools.png?v=11.2.3');
  -webkit-mask-image:url('media/activity-village/water-mask-pools.png?v=11.2.3');
  opacity:.23;
  background-size:34% auto!important;
  animation:livingPoolFixed 27s ease-in-out infinite alternate;
}
.water-waterfalls{
  mask-image:url('media/activity-village/water-mask-waterfalls.png?v=11.2.3');
  -webkit-mask-image:url('media/activity-village/water-mask-waterfalls.png?v=11.2.3');
  opacity:.62;
  background-size:24% auto!important;
  animation:livingFallsFixed 5.8s linear infinite;
}
.water-sea{
  mask-image:url('media/activity-village/water-mask-sea.png?v=11.2.3');
  -webkit-mask-image:url('media/activity-village/water-mask-sea.png?v=11.2.3');
  opacity:.18;
  background-size:44% auto!important;
  animation:livingSeaFixed 36s linear infinite;
}
@keyframes livingRiverFixed{
  from{background-position:0 0}
  to{background-position:190px 72px}
}
@keyframes livingPoolFixed{
  from{background-position:0 0;opacity:.17}
  to{background-position:64px 28px;opacity:.27}
}
@keyframes livingFallsFixed{
  from{background-position:0 -90px}
  to{background-position:0 170px}
}
@keyframes livingSeaFixed{
  from{background-position:0 0}
  to{background-position:270px 55px}
}
@media(max-width:600px){
  .village-water-effects{opacity:.43!important}
  .water-rivers{opacity:.46}
  .water-pools{opacity:.25}
  .water-waterfalls{opacity:.66}
}
@media(prefers-reduced-motion:reduce){
  .water-rivers,.water-pools,.water-waterfalls,.water-sea{animation:none!important}
  .village-water-effects{opacity:.15!important}
}

/* v11.2.3 — Living Village final visual pass */

/* Labels styled as compact RPG panels rather than separate black text pills. */
.village-hotspot{justify-content:center;overflow:visible;filter:none!important}
.village-hotspot::before{display:none!important}
.location-panel{
  position:absolute;
  left:50%;
  bottom:4%;
  transform:translateX(-50%);
  min-width:max-content;
  max-width:112%;
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  column-gap:7px;
  padding:7px 11px 6px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:14px;
  color:#fff;
  background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(15,23,42,.76));
  box-shadow:0 7px 17px rgba(2,6,23,.38),inset 0 1px rgba(255,255,255,.12);
  backdrop-filter:blur(5px);
  text-shadow:0 1px 2px #000;
  z-index:4;
}
.location-panel .location-icon{
  grid-row:1/3;
  font-style:normal;
  font-size:clamp(1rem,2.5vw,1.45rem);
  line-height:1;
  filter:drop-shadow(0 2px 3px #0008);
}
.location-panel strong{
  font-size:clamp(.62rem,1.65vw,.92rem);
  line-height:1.04;
  white-space:nowrap;
}
.location-panel small{
  justify-self:start;
  margin:2px 0 0;
  padding:0;
  border:0;
  background:none;
  color:#e2e8f0;
  font-size:clamp(.5rem,1.2vw,.68rem);
  white-space:nowrap;
}
.village-hotspot.open .location-panel{border-color:rgba(134,239,172,.55)}
.village-hotspot.open .location-panel small{color:#a3e635;font-weight:850}
.village-hotspot.ready .location-panel{border-color:#fbbf24;box-shadow:0 0 0 2px rgba(251,191,36,.2),0 7px 17px rgba(2,6,23,.38)}
.village-hotspot.ready .location-panel small{color:#fbbf24;font-weight:850}
.village-hotspot:focus-visible .location-panel,.village-hotspot:hover .location-panel{outline:3px solid rgba(255,255,255,.9);outline-offset:2px}

/* Fog is a dedicated map layer, so it visibly covers buildings rather than hiding behind the label. */
.village-fog-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.village-building-fog{
  position:absolute;
  left:calc(var(--x) - 5%);
  top:calc(var(--y) - 2%);
  width:calc(var(--w) + 10%);
  height:calc(var(--h) + 7%);
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  transform-origin:center;
  filter:drop-shadow(0 4px 8px rgba(255,255,255,.32));
}
.village-building-fog.fog-heavy{
  background-image:url('media/activity-village/fog-heavy.png?v=11.2.3');
  opacity:.9;
  animation:villageFogHeavy 12s ease-in-out infinite alternate;
}
.village-building-fog.fog-medium{
  background-image:url('media/activity-village/fog-medium.png?v=11.2.3');
  opacity:.67;
  animation:villageFogMedium 15s ease-in-out infinite alternate;
}
.village-building-fog.fog-light{
  background-image:url('media/activity-village/fog-wisp.png?v=11.2.3');
  opacity:.38;
  animation:villageFogLight 18s ease-in-out infinite alternate;
}
.village-building-fog.fog-none{display:none}
@keyframes villageFogHeavy{from{transform:translateX(-7%) scale(1.02)}to{transform:translateX(7%) scale(1.12)}}
@keyframes villageFogMedium{from{transform:translateX(-6%) scale(.98)}to{transform:translateX(6%) scale(1.07)}}
@keyframes villageFogLight{from{transform:translateX(-5%)}to{transform:translateX(6%)}}

/* Water moves vertically, following the map's overall downhill direction. */
.water-rivers{
  opacity:.56!important;
  background-size:24% auto!important;
  animation:riverFlowDown 11s linear infinite!important;
}
.water-pools{
  opacity:.34!important;
  animation:poolShimmerVisible 15s ease-in-out infinite alternate!important;
}
.water-waterfalls{
  opacity:.82!important;
  background-size:18% auto!important;
  animation:waterfallStraightDown 3.8s linear infinite!important;
}
.water-sea{opacity:.28!important}
@keyframes riverFlowDown{from{background-position:0 -130px}to{background-position:0 170px}}
@keyframes waterfallStraightDown{from{background-position:0 -180px}to{background-position:0 220px}}
@keyframes poolShimmerVisible{from{background-position:0 0;opacity:.25}to{background-position:24px 70px;opacity:.42}}

/* Correct the waterfall mist so it sits at the base of both castle falls. */
.waterfall-mist{
  right:11%!important;
  top:20.5%!important;
  width:20%!important;
  height:13%!important;
  opacity:.29!important;
  background-size:contain!important;
  animation:waterfallMistBase 5.5s ease-in-out infinite!important;
}
@keyframes waterfallMistBase{
  0%,100%{transform:translateY(3%) scale(.92);opacity:.19}
  50%{transform:translateY(-4%) scale(1.08);opacity:.34}
}

/* Petals are clearer, but remain occasional and lightweight. */
.petal-drift{opacity:.68!important;filter:brightness(1.2) saturate(1.2);z-index:5}
.petal-one{width:17%!important;height:14%!important}
.petal-two{width:15%!important;height:13%!important}
.decor-sakura{opacity:.88!important}

/* Cat mascot. It transitions between unlocked buildings and idles in four frames. */
.village-cat{
  position:absolute;
  left:var(--cat-x,50%);
  top:var(--cat-y,70%);
  width:clamp(35px,7.2%,66px);
  aspect-ratio:140/170;
  z-index:6;
  padding:0;
  border:0;
  background-color:transparent;
  background-image:url('media/activity-village/village-cat-idle.png?v=11.2.3');
  background-repeat:no-repeat;
  background-size:400% 100%;
  background-position:0 0;
  transform:translate(-50%,-82%);
  filter:drop-shadow(0 4px 3px rgba(15,23,42,.55));
  transition:left 4.2s cubic-bezier(.2,.65,.2,1),top 4.2s cubic-bezier(.2,.65,.2,1),filter .2s ease;
  animation:catIdleFrames 3.6s steps(4) infinite;
  cursor:pointer;
}
.village-cat.cat-arriving{animation:catIdleFrames 3.6s steps(4) infinite,catArrival 1.1s ease both}
.village-cat.cat-reacting{animation:catIdleFrames 1.1s steps(4) 2,catHappy .8s ease 2}
.village-cat:focus-visible{outline:3px solid white;outline-offset:4px;border-radius:45%}
@keyframes catIdleFrames{to{background-position:133.333% 0}}
@keyframes catArrival{0%{opacity:0;transform:translate(-50%,-82%) scale(.7)}100%{opacity:1;transform:translate(-50%,-82%) scale(1)}}
@keyframes catHappy{50%{transform:translate(-50%,-92%) rotate(-3deg) scale(1.08)}}

/* State legend from the mock-up. */
.village-map-legend{
  position:absolute;
  left:3%;
  bottom:1.5%;
  z-index:7;
  display:flex;
  gap:9px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(15,23,42,.86);
  color:white;
  box-shadow:0 6px 16px rgba(2,6,23,.3);
  backdrop-filter:blur(6px);
  pointer-events:none;
}
.village-map-legend span{display:flex;align-items:center;gap:4px;font-size:clamp(.45rem,1.15vw,.66rem);white-space:nowrap}
.village-map-legend i{font-style:normal}
.village-map-stage{position:relative}

@media(max-width:600px){
 .location-panel{padding:5px 7px 4px;column-gap:4px;border-radius:10px}
 .location-panel strong{font-size:clamp(.53rem,2.45vw,.72rem)}
 .location-panel small{font-size:clamp(.44rem,1.85vw,.58rem)}
 .location-panel .location-icon{font-size:clamp(.88rem,3.5vw,1.18rem)}
 .village-building-fog{left:calc(var(--x) - 8%);width:calc(var(--w) + 16%)}
 .village-map-legend{left:2%;right:2%;justify-content:center;gap:6px;padding:5px 6px}
 .village-cat{width:clamp(31px,8%,53px)}
 .petal-one{width:21%!important}.petal-two{width:19%!important}
}
@media(prefers-reduced-motion:reduce){
 .village-building-fog,.village-cat,.water-rivers,.water-pools,.water-waterfalls,.water-sea,.petal-drift{animation:none!important}
 .village-cat{transition:none}
}

/* v11.2.3 — water mask and cat placement correction */

.water-layer{
  mask-mode:alpha!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
}

/* Keep each effect modest now that it is genuinely clipped to water. */
.village-water-effects{opacity:.46!important}
.water-rivers{opacity:.52!important}
.water-pools{opacity:.30!important}
.water-waterfalls{opacity:.78!important}
.water-sea{opacity:.22!important}

/* The cat remains above the map but below all labels and fog notices. */
.village-cat{z-index:3.5!important}
.village-hotspots{z-index:6!important}
.village-fog-layer{z-index:4!important}

/* Do not show the cat while a building restoration animation is active. */
.village-map-stage:has(.village-hotspot.restoring) .village-cat{opacity:0!important}

@media(max-width:600px){
  .village-water-effects{opacity:.49!important}
  .water-rivers{opacity:.55!important}
  .water-pools{opacity:.32!important}
  .water-waterfalls{opacity:.82!important}
}


/* v11.2.3 Storybook resident layer */
.village-resident-layer{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.village-resident{position:absolute;left:var(--resident-x);top:var(--resident-y);width:clamp(30px,6.5%,58px);padding:0;border:0;background:transparent;transform:translate(-50%,-88%);pointer-events:auto;filter:drop-shadow(0 3px 3px #17203388);animation:residentBreathe 4.8s ease-in-out infinite;transform-origin:50% 100%}
.village-resident:nth-child(2){animation-delay:-1.6s}.village-resident:nth-child(3){animation-delay:-3.1s}
.village-resident img{display:block;width:100%;height:auto;max-height:82px;object-fit:contain}
.village-resident:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:999px}
.village-resident:hover{filter:drop-shadow(0 0 7px #fde68a) drop-shadow(0 3px 3px #17203388)}
@keyframes residentBreathe{0%,100%{transform:translate(-50%,-88%) translateY(0) scale(1)}50%{transform:translate(-50%,-88%) translateY(-1.5px) scale(1.012)}}
.village-resident-dialogue{position:absolute;left:5%;right:5%;bottom:4%;z-index:9;min-height:92px;display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:13px 18px;background:#f6eed5 url('media/activity-village/storybook/dialogue_panel.png?v=11.2.3') center/100% 100% no-repeat;color:#3a2418;border-radius:12px;filter:drop-shadow(0 8px 14px #17203366);pointer-events:none}
.village-resident-dialogue[hidden]{display:none}.village-resident-dialogue img{width:54px;height:64px;object-fit:contain;object-position:center bottom}.village-resident-dialogue strong{font-size:.88rem}.village-resident-dialogue p{margin:3px 0 0;font-size:.72rem;line-height:1.3;color:#4b3526}
@media(max-width:600px){.village-resident{width:clamp(26px,7%,48px)}.village-resident img{max-height:66px}.village-resident-dialogue{grid-template-columns:45px 1fr;min-height:78px;padding:10px 14px}.village-resident-dialogue img{width:42px;height:52px}.village-resident-dialogue strong{font-size:.76rem}.village-resident-dialogue p{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.village-resident{animation:none!important}}


/* v11.2.3 — coherent storybook village migration */
.village-map-image{width:100%;height:auto;display:block;object-fit:contain}
.village-water-effects{opacity:.40!important}
.water-layer{background-image:url('media/activity-village/water-shimmer.png?v=11.2.3')!important;background-repeat:repeat!important}
.water-rivers{mask-image:url('media/activity-village/water-mask-rivers.png?v=11.2.3')!important;-webkit-mask-image:url('media/activity-village/water-mask-rivers.png?v=11.2.3')!important;animation:riverFlowDown 13s linear infinite!important;opacity:.46!important}
.water-pools{mask-image:url('media/activity-village/water-mask-pools.png?v=11.2.3')!important;-webkit-mask-image:url('media/activity-village/water-mask-pools.png?v=11.2.3')!important;animation:poolShimmerVisible 20s ease-in-out infinite alternate!important;opacity:.18!important}
.water-waterfalls{mask-image:url('media/activity-village/water-mask-waterfalls.png?v=11.2.3')!important;-webkit-mask-image:url('media/activity-village/water-mask-waterfalls.png?v=11.2.3')!important;animation:waterfallStraightDown 4.4s linear infinite!important;opacity:.62!important}
.water-sea{mask-image:url('media/activity-village/water-mask-sea.png?v=11.2.3')!important;-webkit-mask-image:url('media/activity-village/water-mask-sea.png?v=11.2.3')!important;opacity:.17!important}
.waterfall-mist{left:47%!important;right:auto!important;top:18%!important;width:22%!important;height:15%!important}

/* Production layered cat: body stays still; only tail, blink and rare ear twitches move. */
.village-cat-v2{width:clamp(48px,9%,82px)!important;aspect-ratio:1/1.28!important;background:none!important;overflow:visible!important;animation:none!important;filter:drop-shadow(0 3px 3px rgba(15,23,42,.45));transform:translate(-50%,-82%)!important}
.village-cat-v2 .cat-part{position:absolute;display:block;pointer-events:none;object-fit:contain}
.village-cat-v2 .cat-body{left:18%;top:13%;width:64%;height:80%;z-index:3}
.village-cat-v2 .cat-tail{left:2%;top:31%;width:61%;height:60%;z-index:2;transform-origin:75% 70%;animation:catTailSubtle 4.8s ease-in-out infinite alternate}
.village-cat-v2 .cat-ear{top:5%;width:25%;height:27%;z-index:4;object-fit:contain}
.village-cat-v2 .cat-ear-left{left:25%;animation:catEarLeft 17s ease-in-out infinite}
.village-cat-v2 .cat-ear-right{right:25%;transform:scaleX(-1);animation:catEarRight 23s ease-in-out infinite}
.village-cat-v2 .cat-eyes{left:35%;top:25%;width:30%;height:17%;z-index:5;object-fit:contain}
.village-cat-v2 .cat-eyes-closed{opacity:0;animation:catBlinkClosed 8.4s steps(1,end) infinite}
.village-cat-v2 .cat-eyes-open{animation:catBlinkOpen 8.4s steps(1,end) infinite}
.village-cat-v2.cat-arriving{animation:catV2Arrival .8s ease both!important}
.village-cat-v2.cat-reacting .cat-tail{animation:catTailHappy .45s ease-in-out 4 alternate!important}
@keyframes catTailSubtle{from{transform:rotate(-3deg)}to{transform:rotate(5deg)}}
@keyframes catTailHappy{from{transform:rotate(-8deg)}to{transform:rotate(13deg)}}
@keyframes catBlinkOpen{0%,47%,50%,100%{opacity:1}48%,49%{opacity:0}}
@keyframes catBlinkClosed{0%,47%,50%,100%{opacity:0}48%,49%{opacity:1}}
@keyframes catEarLeft{0%,72%,75%,100%{transform:rotate(0)}73%{transform:rotate(-8deg)}}
@keyframes catEarRight{0%,61%,64%,100%{transform:scaleX(-1) rotate(0)}62%{transform:scaleX(-1) rotate(8deg)}}
@keyframes catV2Arrival{from{opacity:0;transform:translate(-50%,-82%) scale(.88)}to{opacity:1;transform:translate(-50%,-82%) scale(1)}}
@media(prefers-reduced-motion:reduce){.village-cat-v2 .cat-part{animation:none!important}}

/* v11.2.3 - mobile village polish */
/* Cat: smaller and visually seated closer to the ground anchor. */
.village-cat-v2{width:clamp(34px,6.4%,56px)!important;transform:translate(-50%,-70%)!important}
.village-cat-v2.cat-arriving{animation:catV2121Arrival .72s ease both!important}
@keyframes catV2121Arrival{from{opacity:0;transform:translate(-50%,-70%) scale(.9)}to{opacity:1;transform:translate(-50%,-70%) scale(1)}}

/* Blossoms: smaller, subtler and one-way downward drift only. */
.petal-drift{width:9%!important;height:8%!important;opacity:.58!important;animation-name:petalFall1121!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important}
.petal-one{width:11%!important;height:9%!important;animation-duration:15s!important}
.petal-two{width:10%!important;height:9%!important;animation-duration:19s!important}
@keyframes petalFall1121{0%{transform:translate(0,-35%) rotate(-5deg);opacity:0}8%{opacity:.58}92%{opacity:.48}100%{transform:translate(42%,260%) rotate(28deg);opacity:0}}

/* Locked map labels: compact lock + actual supported-word progress. */
.location-lock-progress{display:flex!important;align-items:center;justify-content:center;gap:5px;margin-top:3px!important;color:#e2e8f0!important;font-size:.68rem!important;line-height:1!important}
.location-progress-track{display:block;width:52px;height:5px;border-radius:999px;overflow:hidden;background:#ffffff38;box-shadow:inset 0 1px 2px #0007}
.location-progress-track b{display:block;height:100%;border-radius:inherit;background:#c4b5fd;box-shadow:0 0 5px #c4b5fdaa}
.location-open{color:#86efac!important}.location-ready{color:#fde68a!important}
@media(max-width:480px){.village-cat-v2{width:clamp(31px,6%,48px)!important}.location-progress-track{width:46px}}

/* v11.2.3 — Activity Village correction */
/* Cat v3 uses pre-aligned full-canvas layers, so ears/eyes can never drift apart. */
.village-cat-v3{
  width:clamp(32px,6.1%,48px)!important;
  aspect-ratio:512/760!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  overflow:visible!important;
  transform:translate(-50%,-70%)!important;
  filter:drop-shadow(0 2px 2px rgba(15,23,42,.38));
  animation:none!important;
}
.village-cat-v3 .cat-v3-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
}
.village-cat-v3 .cat-v3-tail{
  z-index:1;
  transform-origin:33% 82%;
  animation:catV3Tail 5.2s ease-in-out infinite alternate;
}
.village-cat-v3 .cat-v3-body{z-index:2}
.village-cat-v3 .cat-v3-closed{opacity:0;animation:catV3BlinkClosed 8.6s steps(1,end) infinite}
.village-cat-v3 .cat-v3-open{animation:catV3BlinkOpen 8.6s steps(1,end) infinite}
.village-cat-v3.cat-arriving{animation:catV3Arrival .65s ease both!important}
.village-cat-v3.cat-reacting .cat-v3-tail{animation:catV3HappyTail .42s ease-in-out 4 alternate!important}
@keyframes catV3Tail{from{transform:rotate(-2.5deg)}to{transform:rotate(4deg)}}
@keyframes catV3HappyTail{from{transform:rotate(-7deg)}to{transform:rotate(10deg)}}
@keyframes catV3BlinkOpen{0%,46%,50%,100%{opacity:1}47%,49%{opacity:0}}
@keyframes catV3BlinkClosed{0%,46%,50%,100%{opacity:0}47%,49%{opacity:1}}
@keyframes catV3Arrival{from{opacity:0;transform:translate(-50%,-70%) scale(.9)}to{opacity:1;transform:translate(-50%,-70%) scale(1)}}

/* Locked buildings: actual vocabulary readiness shown as a compact lock + bar. */
.location-panel .location-lock-progress{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:4px auto 0!important;
  min-height:8px!important;
  color:#e2e8f0!important;
  font-size:.64rem!important;
  line-height:1!important;
}
.location-panel .location-progress-track{
  display:block!important;
  width:50px!important;
  height:5px!important;
  min-width:50px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.35)!important;
}
.location-panel .location-progress-track b{
  display:block!important;
  height:100%!important;
  min-width:2px;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#a78bfa,#ddd6fe)!important;
  box-shadow:0 0 5px rgba(196,181,253,.65)!important;
}
.location-panel .location-open{color:#86efac!important}
.location-panel .location-ready{color:#fde68a!important}

/* Blossom movement: small petals, one-way downward only. */
.petal-drift{
  width:8%!important;
  height:7%!important;
  opacity:.52!important;
  animation-name:petalFall1122!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
}
.petal-one{width:9%!important;height:8%!important;animation-duration:16s!important}
.petal-two{width:8%!important;height:7%!important;animation-duration:20s!important}
@keyframes petalFall1122{
  0%{transform:translate3d(0,-45%,0) rotate(-5deg);opacity:0}
  8%{opacity:.52}
  92%{opacity:.44}
  100%{transform:translate3d(28%,310%,0) rotate(22deg);opacity:0}
}
@media(max-width:480px){
  .village-cat-v3{width:clamp(29px,5.8%,43px)!important}
  .location-panel .location-progress-track{width:44px!important;min-width:44px!important}
}
@media(prefers-reduced-motion:reduce){
  .village-cat-v3 .cat-v3-layer,.petal-drift{animation:none!important}
}

/* v11.2.3 cat-v2 alignment */
.village-cat-v3{display:none!important}.village-cat-v2.cat-v2-fixed{width:clamp(29px,5.5%,42px)!important;height:clamp(43px,8.1%,62px)!important;padding:0!important;background:none!important;border:0!important;overflow:visible!important;transform:translate(-50%,-72%)!important;animation:none!important;position:absolute!important}.cat-v2-fixed .cat-part{position:absolute!important;display:block!important;object-fit:contain!important;max-width:none!important;max-height:none!important}.cat-v2-fixed .cat-body{left:7.8%!important;top:12.8%!important;width:84.4%!important;height:78.5%!important;z-index:3}.cat-v2-fixed .cat-tail{left:-10.5%!important;top:42.5%!important;width:55%!important;height:48%!important;z-index:2;transform-origin:82% 72%;animation:cv2tail 5.4s ease-in-out infinite alternate!important}.cat-v2-fixed .cat-ear{top:6.2%!important;width:24.5%!important;height:24.5%!important;z-index:4}.cat-v2-fixed .cat-ear-left{left:25.5%!important}.cat-v2-fixed .cat-ear-right{right:25.5%!important;transform:scaleX(-1)!important}.cat-v2-fixed .cat-eyes{left:35.1%!important;top:27.1%!important;width:29.8%!important;height:11.5%!important;z-index:5}.cat-v2-fixed .cat-eyes-open{animation:cv2open 8.8s steps(1,end) infinite!important}.cat-v2-fixed .cat-eyes-closed{opacity:0;animation:cv2closed 8.8s steps(1,end) infinite!important}@keyframes cv2tail{from{transform:rotate(-2deg)}to{transform:rotate(4deg)}}@keyframes cv2open{0%,46%,50%,100%{opacity:1}47%,49%{opacity:0}}@keyframes cv2closed{0%,46%,50%,100%{opacity:0}47%,49%{opacity:1}}
.admin-test-banner{position:sticky;z-index:80;top:0;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:#fef3c7;border-bottom:2px solid #f59e0b;color:#78350f;box-shadow:0 5px 18px #78350f20}.admin-test-banner[hidden]{display:none}.admin-test-banner div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.admin-test-banner span{font-size:.78rem;font-weight:700}.admin-test-banner button{min-height:44px;padding:9px 14px;background:#78350f;color:#fff}.admin-test-lesson-jump{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.admin-test-lesson-jump label{font-size:.78rem;font-weight:700}.admin-test-lesson-jump input{width:72px;min-height:44px;padding:6px 8px;border-radius:8px;border:1px solid #f59e0b;background:#fff;color:#78350f;font-weight:700}.admin-test-lesson-jump button{min-height:44px;padding:9px 12px}
.admin-test-activity-launcher{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.admin-test-activity-launcher label{font-size:.78rem;font-weight:700}.admin-test-activity-launcher select{min-height:44px;padding:6px 8px;border-radius:8px;border:1px solid #f59e0b;background:#fff;color:#78350f;font-weight:700}.restore-points-dialog{padding:22px;display:grid;gap:14px}.restore-points-dialog h2,.restore-points-dialog p{margin:0}.restore-points-list{display:grid;gap:10px;max-height:52vh;overflow:auto}.restore-point{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.restore-point div{display:grid;gap:4px}.restore-point small,.restore-point p{font-size:.78rem;color:#64748b}.restore-point p{line-height:1.4}
.admin-test-account{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 18px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#fef3c7,#fff7ed);border:1px solid #f59e0b}.admin-test-account h3,.admin-test-account p{margin:4px 0}.admin-test-account p{max-width:620px;color:#78350f;line-height:1.45}.admin-test-account button{min-width:190px}@media(max-width:560px){.admin-test-banner,.admin-test-account{align-items:stretch;flex-direction:column}.admin-test-banner{gap:8px}.admin-test-banner button,.admin-test-account button{width:100%}}

/* v11.8.6 Activity Landmark skill web */
#classicActivityView{overflow:visible}
.path-road{
  display:block!important;position:relative!important;height:clamp(880px,118vh,1040px);margin:22px 0 40px!important;
  padding:0!important;overflow:hidden!important;border:1px solid #334155!important;border-radius:30px!important;
  background:radial-gradient(circle at 50% 8%,#1e3a8a 0,#111c44 24%,#0b1027 62%,#050816 100%)!important;
  box-shadow:inset 0 0 80px #020617,0 20px 50px #0f172a2e!important;isolation:isolate
}
.path-road::before{
  content:''!important;position:absolute!important;inset:0!important;z-index:0!important;width:auto!important;
  transform:none!important;border-radius:inherit!important;box-shadow:none!important;
  background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#93c5fd 0 1px,transparent 1.5px)!important;
  background-size:43px 47px,71px 67px!important;background-position:5px 8px,21px 32px!important;opacity:.24
}
.path-road::after{
  content:'';position:absolute;z-index:0;inset:8% 10%;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse,#2563eb19,transparent 62%);filter:blur(6px)
}
.activity-skill-web-head{
  position:absolute;z-index:5;top:12px;left:14px;right:14px;display:flex;align-items:center;
  justify-content:space-between;gap:12px;color:#fff;pointer-events:none
}
.activity-skill-web-head b,.activity-skill-web-head small{display:block}
.activity-skill-web-head b{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#fde68a}
.activity-skill-web-head small{margin-top:2px;color:#bfdbfe;font-size:.68rem}
.activity-skill-legend{display:flex;align-items:center;gap:5px;font-size:.64rem;color:#cbd5e1}
.activity-skill-legend i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 9px #4ade80}
.activity-skill-legend i:nth-of-type(2){margin-left:5px;background:#f59e0b;box-shadow:0 0 9px #fbbf24}
.activity-skill-links{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.activity-skill-link{stroke:#334155;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 2px #020617)}
.activity-skill-link.available{stroke:#b45309;stroke-dasharray:5 6;animation:skillPathFlow 2.2s linear infinite}
.activity-skill-link.unlocked{stroke:#22c55e;filter:drop-shadow(0 0 4px #4ade80)}
.activity-skill-node{
  position:absolute;z-index:3;left:var(--skill-x);top:var(--skill-y);width:130px;
  transform:translate(-50%,-50%);text-align:center;transition:transform .2s ease,z-index .2s ease
}
.activity-skill-node:hover,.activity-skill-node:focus-within{
  z-index:12!important
}
.activity-skill-node button{
  width:100%;min-height:92px;padding:3px!important;display:grid!important;justify-items:center!important;
  gap:4px!important;border:0!important;background:transparent!important;color:#e2e8f0!important;box-shadow:none!important
}
.activity-skill-orb{
  display:grid;place-items:center;width:72px;height:72px;padding:5px;border-radius:50%;
  background:conic-gradient(#64748b var(--skill-progress),#1e293b 0);box-shadow:0 0 0 2px #64748b,0 8px 18px #020617aa
}
.activity-skill-orb i{
  position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 38% 30%,#475569,#172033 65%,#080d1b);
  border:2px solid #94a3b8;font-size:1.75rem;font-style:normal;filter:saturate(.35)
}
.activity-skill-node strong{
  max-width:130px;color:#f8fafc;font-size:.76rem;line-height:1.15;
  background:rgba(15,23,42,.88);backdrop-filter:blur(6px);padding:3px 8px;border-radius:8px;
  box-shadow:0 3px 10px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.activity-skill-node small{
  padding:2px 7px;border-radius:999px;background:#0f172ae6;color:#94a3b8;
  font-size:.59rem;font-weight:850;backdrop-filter:blur(4px);box-shadow:0 2px 6px rgba(0,0,0,.4)
}
.activity-skill-node.available .activity-skill-orb{background:conic-gradient(#f59e0b var(--skill-progress),#3f2b13 0);box-shadow:0 0 0 3px #f59e0b,0 0 20px #fbbf2477;animation:skillNodeReady 2s ease-in-out infinite}
.activity-skill-node.available .activity-skill-orb i{border-color:#fde68a;background:radial-gradient(circle at 38% 30%,#92400e,#451a03 72%);filter:none}
.activity-skill-node.available small{background:#78350f;color:#fde68a}
.activity-skill-node.unlocked .activity-skill-orb{background:conic-gradient(#4ade80 var(--skill-progress),#14532d 0);box-shadow:0 0 0 3px #22c55e,0 0 22px #4ade8088}
.activity-skill-node.unlocked .activity-skill-orb i{border-color:#bbf7d0;background:radial-gradient(circle at 38% 30%,#15803d,#052e16 72%);filter:none}
.activity-skill-node.unlocked small{background:#14532d;color:#bbf7d0}
.activity-skill-boss .activity-skill-orb{width:78px;height:78px}
.activity-skill-boss.unlocked .activity-skill-orb{box-shadow:0 0 0 4px #fbbf24,0 0 30px #ef444499;background:conic-gradient(#fbbf24 var(--skill-progress),#7f1d1d 0)}
.activity-skill-boss.unlocked .activity-skill-orb i{border-color:#fef3c7;background:radial-gradient(circle at 38% 30%,#b91c1c,#450a0a 72%)}
.activity-skill-boss.unlocked small{background:#7f1d1d;color:#fef3c7}
.activity-skill-node.locked{opacity:.72}
.activity-skill-node.locked .activity-skill-orb i::after{content:'🔒';position:absolute;font-size:.72rem;transform:translate(24px,22px)}
.activity-skill-node button:hover .activity-skill-orb,.activity-skill-node button:focus-visible .activity-skill-orb{transform:scale(1.08);filter:brightness(1.18)}
.activity-skill-node button:focus-visible{outline:3px solid #fde68a!important;outline-offset:4px!important;border-radius:18px!important}
@keyframes skillPathFlow{to{stroke-dashoffset:-22}}
@keyframes skillNodeReady{50%{box-shadow:0 0 0 5px #f59e0b55,0 0 30px #fbbf2499}}
@media(max-width:600px){
  .path-road{height:clamp(800px,120vh,920px)!important;border-radius:22px!important;margin-inline:-4px!important}
  .activity-skill-web-head{top:9px;left:10px;right:10px}.activity-skill-web-head small{display:none}
  .activity-skill-node{width:96px}.activity-skill-node button{min-height:78px;padding:1px!important;gap:2px!important}
  .activity-skill-orb{width:58px;height:58px;padding:4px}.activity-skill-orb i{font-size:1.38rem}
  .activity-skill-boss .activity-skill-orb{width:64px;height:64px}
  .activity-skill-node strong{max-width:96px;font-size:.65rem;padding:2px 4px}.activity-skill-node small{font-size:.53rem;padding:2px 5px}
  .activity-skill-link{stroke-width:3}
}
@media(prefers-reduced-motion:reduce){.activity-skill-link.available,.activity-skill-node.available .activity-skill-orb{animation:none!important}}
.offline-status-pill[hidden]{display:none!important}
.kotoba-echo-stage{overflow:hidden;padding:0!important;background:#07142c;color:#f8fafc}.kotoba-echo-call,.kotoba-echo-summary{position:relative;isolation:isolate;display:grid;justify-items:center;gap:14px;min-height:440px;padding:38px 24px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 8%,#34518d 0,transparent 29%),linear-gradient(145deg,#0b1b3e,#160d32 70%,#3d163d)}.kotoba-echo-call>*:not(.kotoba-echo-lights):not(.kotoba-echo-equalizer){position:relative;z-index:2}.kotoba-echo-stage-head{position:relative;z-index:2;display:flex;justify-content:space-between;width:min(100%,520px);color:#fde68a;font-weight:800}.kotoba-echo-stage-head b{padding:3px 9px;border:1px solid #fbbf24;border-radius:999px;background:#291b4c}.kotoba-echo-lights{position:absolute;z-index:0;inset:-60px 0 auto;display:flex;justify-content:space-around;transform:perspective(300px) rotateX(36deg)}.kotoba-echo-lights i{width:32%;height:360px;background:linear-gradient(180deg,#fef3c799,transparent 72%);filter:blur(9px);transform:rotate(-12deg)}.kotoba-echo-lights i:nth-child(2){background:linear-gradient(180deg,#f9a8d499,transparent 72%);transform:none}.kotoba-echo-lights i:nth-child(3){background:linear-gradient(180deg,#93c5fd99,transparent 72%);transform:rotate(12deg)}.kotoba-echo-equalizer{position:absolute;z-index:1;bottom:0;left:0;right:0;height:110px;display:flex;align-items:end;justify-content:center;gap:10px;opacity:.58}.kotoba-echo-equalizer i{width:14px;height:var(--bar,42px);border-radius:8px 8px 0 0;background:linear-gradient(#fde047,#f472b6);animation:kotobaEchoBeat 1s ease-in-out infinite alternate}.kotoba-echo-equalizer i:nth-child(2){--bar:78px;animation-delay:-.25s}.kotoba-echo-equalizer i:nth-child(3){--bar:56px;animation-delay:-.5s}.kotoba-echo-equalizer i:nth-child(4){--bar:94px;animation-delay:-.75s}.kotoba-echo-equalizer i:nth-child(5){--bar:66px;animation-delay:-.35s}.kotoba-echo-call .eyebrow,.kotoba-echo-summary .eyebrow{color:#fde68a}.kotoba-echo-call h2,.kotoba-echo-summary h2{margin:0;font-size:clamp(2rem,8vw,4.4rem);line-height:1.03;color:#fff;text-shadow:0 3px 18px #020617}.kotoba-echo-call p,.kotoba-echo-summary p{max-width:440px;margin:0;color:#dbeafe;font-size:1.05rem;line-height:1.5}.kotoba-echo-call button,.kotoba-echo-summary button{position:relative;z-index:3;min-width:min(100%,290px)}.kotoba-echo-listening{display:grid;justify-items:center;gap:9px}.kotoba-echo-stop{border-color:#fca5a5!important;background:#7f1d1d!important;color:#fff!important;animation:kotobaEchoListening 1.2s ease-in-out infinite}.kotoba-echo-status{min-height:1.5em;font-size:.9rem!important;color:#fef3c7!important}.kotoba-echo-privacy{font-size:.78rem!important;color:#bfdbfe!important}.kotoba-echo-feedback h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif}.kotoba-echo-feedback strong{position:relative;z-index:2;color:#fde68a;font-size:1.2rem}.kotoba-echo-feedback.correct{background:radial-gradient(circle at 50% 18%,#15803d 0,transparent 32%),linear-gradient(145deg,#063b35,#102050)}.kotoba-echo-feedback.wrong{background:radial-gradient(circle at 50% 18%,#9a3412 0,transparent 32%),linear-gradient(145deg,#35141e,#161747)}.kotoba-echo-microphone{position:relative;z-index:2;font-size:4rem;filter:drop-shadow(0 8px 8px #02061799)}.kotoba-echo-summary{min-height:350px;align-content:center;background:radial-gradient(circle at 50% 12%,#854d0e 0,transparent 34%),linear-gradient(145deg,#112a4b,#291245)}@keyframes kotobaEchoBeat{to{height:100%;filter:brightness(1.25)}}@keyframes kotobaEchoListening{50%{box-shadow:0 0 0 8px #f8714477}}@media(max-width:600px){.kotoba-echo-call,.kotoba-echo-summary{min-height:390px;padding:28px 16px}.kotoba-echo-lights i{height:300px}.kotoba-echo-equalizer{height:80px}}@media(prefers-reduced-motion:reduce){.kotoba-echo-equalizer i,.kotoba-echo-stop{animation:none}}
.guess-flag{width:100%;margin:12px 0 -8px;padding:10px 12px;border:1px dashed #94a3b8;background:#f8fafc;color:#475569;font-size:.85rem}.guess-flag.active{border-color:#d97706;background:#fffbeb;color:#92400e}.guess-feedback{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#fffbeb;color:#92400e;font-size:.88rem;font-weight:700}
.kanji-stroke-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0;padding:12px;border:1px solid #c4b5fd;border-radius:14px;background:#faf5ff}.kanji-stroke-tools button{background:#ede9fe;color:#5b21b6}.kanji-stroke-tools small{color:#6b7280}.kanji-stroke-animation{display:block;width:min(100%,280px);height:280px;margin:8px auto 0;border-radius:12px;background:#fff}
.sentence-bridge-hint{padding:11px 13px;border-radius:13px;background:#eff6ff;color:#1e3a8a;line-height:1.45}.sentence-bridge-answer{display:flex;flex-wrap:wrap;gap:7px;min-height:56px;margin:16px 0;padding:12px;border:2px dashed #93c5fd;border-radius:15px;background:#f8fbff;align-items:center;justify-content:center;font-size:1.4rem}.sentence-bridge-answer span{padding:4px 7px;border-radius:8px;background:#dbeafe;color:#172554}.sentence-bridge-answer.correct{border-color:#22c55e;background:#f0fdf4}.sentence-bridge-answer.wrong{border-color:#f59e0b;background:#fffbeb}.sentence-bridge-choices{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.sentence-bridge-choices button{background:#f3e8ff;color:#6b21a8;border:1px solid #d8b4fe;font-size:1.15rem}
.sentence-bridge-answer span.connector{background:#fef3c7;color:#92400e;font-weight:700}
.notebook-star-hint{display:flex;align-items:center;gap:8px;max-width:330px;margin:9px auto 14px;padding:9px 10px;border:1px solid #fbbf24;border-radius:13px;background:#fffbeb;color:#78350f;box-shadow:0 5px 15px #92400e18;font-size:.8rem}.notebook-star-hint>span{font-size:1.35rem;color:#d97706}.notebook-star-hint p{flex:1;margin:0;line-height:1.35}.notebook-star-hint button{padding:6px 8px;border-color:#f59e0b;background:#fff;color:#92400e;font-size:.72rem;white-space:nowrap}

.memory-cue{margin-top:14px}.memory-cue .memory-stage{height:82px;margin:0;border-radius:14px;justify-content:flex-start;padding:0 20px}.memory-stage-label{font-size:.92rem;font-weight:800;color:#475569}.memory-cue-details{margin-top:9px;padding:0 14px 12px}.memory-cue-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:850;color:#9a3412}.memory-cue-details summary span{font-size:.7rem;color:#78716c;font-weight:700}.memory-cue-details p{margin:10px 0}.memory-cue-details button{padding:8px 10px;font-size:.78rem}
.sentence-bridge-connectors{margin:14px 0;padding:11px 13px;border-radius:13px;border:1px solid #fde68a;background:#fffbeb}.sentence-bridge-connectors summary{cursor:pointer;font-weight:700;color:#92400e}.sentence-bridge-connectors ul{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}.sentence-bridge-connectors li{color:#78350f;font-size:.92rem}.sentence-bridge-connectors li b{font-size:1.05rem}.sentence-bridge-connectors .sentence-bridge-new-word{color:#1e3a8a;font-weight:700}.sentence-bridge-connectors .sentence-bridge-new-word b{color:#1d4ed8}
.lesson-story-scene{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(0,1.1fr);gap:14px;overflow:hidden;margin:14px 0;border:1px solid #f2c66d;border-radius:18px;background:linear-gradient(135deg,#fff8dd,#fff 64%)}.lesson-story-art{position:relative;min-height:190px;background:#dbeafe}.lesson-story-art>img{width:100%;height:100%;min-height:190px;object-fit:cover}.lesson-story-cast{position:absolute;right:8px;bottom:8px;left:8px;display:flex;justify-content:space-between;gap:5px}.lesson-story-cast span{display:flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #fff8;border-radius:999px;background:#172554d9;color:#fff;font-size:.68rem;font-weight:800}.lesson-story-cast img{width:21px;height:21px;object-fit:cover;border-radius:50%;background:#fff}.lesson-story-copy{display:grid;align-content:center;gap:8px;padding:15px 15px 15px 0}.lesson-story-copy p{margin:0}.lesson-story-focus{width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;background:#fef3c7;color:#854d0e;font-size:.76rem;font-weight:800}.lesson-story-sentence{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.55rem;font-weight:800;color:#172554}.lesson-story-copy small{color:#64748b}.lesson-story-note{margin:10px 0;padding:11px 13px;border-left:4px solid #f59e0b;border-radius:0 12px 12px 0;background:#fffbeb}.lesson-story-note p{margin:.35rem 0 0;color:#78350f}.lesson-story-check{margin-top:16px}.lesson-story-check>span{color:#92400e;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.lesson-story-check h2{margin:.25rem 0 .7rem;font-size:1.12rem}
@media(max-width:600px){.lesson-story-scene{grid-template-columns:1fr}.lesson-story-art,.lesson-story-art>img{min-height:155px;max-height:190px}.lesson-story-copy{padding:0 14px 15px}.lesson-story-sentence{font-size:1.35rem}}
.journey-session-preview{display:grid;gap:14px;padding:22px}.journey-session-preview h2,.journey-session-preview p,.journey-session-preview h3{margin:0}.journey-session-preview section{display:grid;gap:8px}.journey-session-preview h3{display:flex;justify-content:space-between;font-size:.95rem;color:#334155}.journey-session-preview h3 b{padding:2px 9px;border-radius:999px;background:#dbeafe;color:#1d4ed8}.journey-session-words{display:flex;flex-wrap:wrap;gap:8px}.journey-session-words span{display:grid;gap:2px;min-width:88px;padding:9px 11px;border:1px solid #bfdbfe;border-radius:12px;background:#f8fbff}.journey-session-words b{font-size:1.05rem;color:#172554}.journey-session-words small{color:#64748b}.journey-session-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.writing-form-note{margin:8px 0 12px;padding:8px 10px;border:1px solid #f2d28b;border-radius:12px;background:#fff8e7;text-align:left}.writing-form-note summary{cursor:pointer;color:#7c4a03;font-size:.78rem;font-weight:850;letter-spacing:.03em}.writing-form-note p{margin:7px 0 0;color:#6b4f1d;font-size:.82rem;line-height:1.4}
.connector-card{display:grid;justify-items:center;gap:12px;margin:14px 0;padding:20px;border:1px solid #f0c56e;border-radius:20px;background:linear-gradient(145deg,#fff9e7,#fff 62%,#eff6ff);text-align:center}.connector-card>p{max-width:440px;margin:0;color:#5c4a28;line-height:1.5}.connector-form{display:grid;place-items:center;width:76px;height:76px;border:3px solid #e9aa26;border-radius:50%;background:#fff5cf;color:#8a4d00;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:2.6rem;font-weight:900;box-shadow:0 8px 20px #c57d1422}.connector-card h2,.connector-card h3{margin:0;color:#1e3a5f}.connector-card h3{font-size:1rem}.connector-model{display:grid;gap:3px;width:min(100%,390px);padding:14px;border-radius:15px;background:#eef6ff;border:1px solid #bfdbfe}.connector-model strong{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.5rem;color:#172554}.connector-model small{color:#475569}.connector-model span{color:#1e3a8a;font-size:.9rem;font-weight:750}.connector-choices{max-width:560px}.connector-choices .choice{font-size:.92rem;text-align:left}.connector-note{font-size:.78rem!important;color:#78716c!important}.connector-card .ok,.connector-card .guess-feedback{width:min(100%,440px);margin:0}
@media(max-width:600px){.connector-card{padding:16px 13px}.connector-form{width:64px;height:64px;font-size:2.25rem}.connector-model strong{font-size:1.3rem}.connector-choices{display:grid;grid-template-columns:1fr;width:100%}.connector-choices .choice{text-align:center}}

/* Brand lockup: the illustrated mark leads, while the compact wordmark stays legible on small screens. */
.brand-lockup{display:inline-flex;align-items:center;gap:8px;min-height:43px}.brand-mark{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 5px #02061780)}.brand-wordmark{display:grid;line-height:.88;letter-spacing:.015em;text-shadow:0 2px 8px #0008}.brand-wordmark b{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.38rem;font-weight:800}.brand-wordmark em{margin-top:3px;color:#fcd56b;font-size:.62rem;font-style:normal;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:420px){.brand-lockup{gap:5px}.brand-mark{width:37px;height:37px}.brand-wordmark b{font-size:1.15rem}.brand-wordmark em{font-size:.54rem}.version-badge{padding:3px 6px;font-size:.63rem}}

/* A larger mark fills the header after the removed subtitle. */
.brand-lockup{gap:9px;min-height:50px}.brand-mark{width:50px;height:50px}.brand-wordmark b{font-size:1.42rem}@media(max-width:420px){.brand-lockup{gap:5px;min-height:43px}.brand-mark{width:43px;height:43px}}

/* Example sentence audio uses a lightweight, in-place playback cursor. */
.example-sentence .example-sentence-character{display:inline-block;border-radius:6px;transition:background .12s ease,color .12s ease,transform .12s ease}.example-sentence .example-sentence-character.is-target{background:#fef08a;padding:1px 3px}.example-sentence .example-sentence-character.is-speaking{background:#fde68a;color:#92400e;transform:translateY(-2px)}
.admin-email-automation{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:16px;align-items:center;margin:14px 0;padding:16px;border:1px solid #b9d9cc;border-radius:18px;background:linear-gradient(135deg,#f2fbf4,#fff9e9)}.admin-email-automation h3{margin:3px 0}.email-automation-toggle{display:flex;gap:9px;align-items:flex-start;font-size:.78rem;line-height:1.4}.email-automation-toggle input{margin-top:3px}.admin-user-row{grid-template-columns:44px minmax(0,1fr) auto auto auto}.admin-user-row button{font-size:.7rem;padding:7px 9px}.admin-email-dialog{width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 28px);border:0;border-radius:22px;padding:0;background:#fffdf7;box-shadow:0 28px 80px #0f172a66}.admin-email-dialog::backdrop{background:#0f172a88}.admin-email-dialog form{display:grid;gap:13px;padding:22px}.admin-email-dialog-heading,.admin-email-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-email-dialog-heading h3{margin:3px 0}.admin-email-dialog-heading button{width:36px;height:36px;padding:0;border-radius:50%}.admin-email-preview{width:100%;height:380px;overflow:auto;border:1px solid #d7e5dc;border-radius:14px;background:#eef4f0}.admin-email-actions{justify-content:flex-end}.admin-email-history{display:grid;gap:4px;max-height:120px;overflow:auto}.admin-email-history p{margin:0;padding:7px 9px;border-radius:8px;background:#f2f6f3;font-size:.75rem}@media(max-width:620px){.admin-email-automation{grid-template-columns:1fr}.admin-user-row{grid-template-columns:40px minmax(0,1fr)}.admin-user-row span,.admin-user-row b,.admin-user-row button{grid-column:2}.admin-email-preview{height:300px}}