@charset "UTF-8";
/* All colors and spacing are local: no remote fonts, images or stylesheets. */
:root{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#344d43;background:#f7f8f4;font-synthesis:none;font-weight:400;--ink:#344d43;--muted:#86938a;--green:#518c6a;--green-dark:#3c7054;--mint:#eaf1e7;--surface:#fffefa;--canvas:#f7f8f4;--border:#e9ede5;--shadow:0 7px 22px #47694f07;--map:#eaf3e5}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bdad68;outline-offset:4px}button{border:0;background:none}button svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:700}button,input,select{touch-action:manipulation}button{transition:background .18s,transform .18s,box-shadow .18s}input,select{max-width:100%;min-width:0}input:not([type=checkbox]),select{padding:14px 16px;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:12px;font-size:15px}input::placeholder{color:#a1aaa0}input:not([type=checkbox]):focus{border-color:var(--green)}::selection{background:#d4e3b8}.boot{padding:20vh 20px;text-align:center;color:#64836c}.muted{color:var(--muted);line-height:1.8}.small-text{font-size:12px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#8a9b86}.small-label{font-size:11px;font-weight:600;letter-spacing:.7px;color:var(--muted)}.button{min-height:46px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:12px;font-size:14px;font-weight:600;white-space:nowrap}.button.primary{background:var(--green);color:white;box-shadow:0 3px 0 var(--green-dark)}.button.primary:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.button.primary:active:not(:disabled){transform:translateY(2px);box-shadow:none}.button:disabled{opacity:.46;box-shadow:none}.button.secondary{background:var(--surface);border:1px solid #dfe5d9}.button.secondary:hover{background:var(--mint)}.full{width:100%}.text-button{font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--green);padding:10px 0}.text-button:hover{text-decoration:underline}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);border-radius:11px;flex-shrink:0}.icon-button:hover{background:var(--mint)}.icon-button.subtle{background:transparent;border:0}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#eaf0dd;width:58px;height:58px;font-size:31px;border-radius:18px}.avatar.small{height:39px;width:39px;font-size:23px;border-radius:13px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:1px;color:#3f6a50}.brand small{font-size:8px;letter-spacing:2.1px;display:block;margin-top:5px;color:#8ba086;font-weight:600}.brand-cloud{font-size:37px;color:#6b9b68;line-height:1;position:relative;filter:drop-shadow(0 3px 0 #d3dfc7)}.brand-cloud:after{content:'· ·';position:absolute;left:11px;top:16px;font-size:17px;color:white;letter-spacing:2px}.progress-track{height:6px;background:#e9eee2;border-radius:8px;overflow:hidden;flex:1}.progress-track span{display:block;height:100%;min-width:0;border-radius:8px;background:#89af77;transition:width .4s}.big-emoji{font-size:52px;display:block;line-height:1.3}
/* Entry page */
.login-page{min-height:100vh;display:grid;grid-template-columns:1.12fr 1fr;background:var(--surface)}.login-story{background:#edf3e6;position:relative;padding:48px 10%;overflow:hidden;display:flex;flex-direction:column}.login-story:after{content:'';position:absolute;width:450px;height:450px;border-radius:50%;border:1px dashed #ccddc6;left:22%;top:39%;pointer-events:none}.login-copy{margin-top:65px;position:relative;z-index:2}.login-copy h1{font-size:clamp(36px,4.2vw,61px);line-height:1.4;letter-spacing:1px;margin:15px 0 20px;color:#365b45}.login-copy h1>span{color:#81a26a}.login-copy p{font-size:15px;line-height:1.9;color:#84937c}.login-art{position:relative;height:335px;max-width:490px;z-index:2}.login-art>.island-art{width:85%;position:absolute;top:-5px;left:10%;filter:drop-shadow(0 25px 20px #64825b15)}.floating-note{background:#fffefa;border:1px solid #e5e9de;padding:12px 18px;border-radius:15px;box-shadow:0 7px 20px #6e93691a;position:absolute;font-size:13px;z-index:3}.note-one{left:0;top:53px;transform:rotate(-7deg);color:#779366;font-weight:600}.note-one span{color:#d9ad54;margin-left:12px}.note-two{right:0;bottom:33px;transform:rotate(5deg);font-size:11px}.login-features{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#84917c;margin-top:auto;padding-top:25px;z-index:2}.login-features>span{display:flex;align-items:center;gap:5px}.login-features svg{width:16px}.login-form-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;position:relative}.login-card{max-width:395px;width:100%}.login-card h2{font-size:25px;margin:12px 0;display:flex;gap:10px;align-items:center}.login-card>.muted{font-size:13px;margin-bottom:30px}.field-label{font-size:13px;font-weight:600;display:block;margin:24px 0 12px}.login-card input{width:100%;background:#fafbf7;padding:16px}.avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:28px}.avatar-grid button{height:43px;font-size:25px;border:2px solid transparent;background:#f4f6ef;border-radius:12px}.avatar-grid button.selected{border-color:#81a36e;background:#e7efdc;transform:translateY(-3px)}.welcome-gift{text-align:center;font-size:12px;color:#a89154;padding:19px 0}.local-note{border-top:1px solid var(--border);padding:22px 0 12px;display:flex;gap:9px;justify-content:center;align-items:flex-start;color:#98a191;margin-top:18px}.local-note p{font-size:11px;line-height:1.8}.login-bottom{position:absolute;bottom:25px;color:#9ea794;font-size:10px;letter-spacing:2px}.account-list{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow:auto;padding:4px}.account-choice{padding:14px;display:flex;align-items:center;text-align:left;border:1px solid var(--border);border-radius:15px;gap:14px;background:#fafbf7}.account-choice:hover{background:#edf3e7;border-color:#b5c7a8}.account-choice small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.account-choice>svg{margin-left:auto}.error-text{font-size:13px;color:#b96c60;margin-bottom:15px}
/* App chrome */
.app-shell{min-height:100vh;background:var(--canvas)}.sidebar{width:220px;position:fixed;inset:0 auto 0 0;padding:33px 20px 20px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20}.sidebar .brand{font-size:21px;margin:3px 5px 48px}.sidebar .brand-cloud{font-size:34px}.sidebar-label{font-size:10px;letter-spacing:1px;color:#a2aa9b;margin:0 15px 14px}.sidebar nav{display:flex;flex-direction:column;gap:9px}.sidebar nav button,.settings-link{display:flex;align-items:center;gap:13px;text-align:left;padding:15px 16px;border-radius:12px;color:#839080;font-size:14px;min-height:49px;width:100%}.sidebar nav button.active{background:#eaf1e5;color:#54805b;font-weight:700}.sidebar nav button:hover,.settings-link:hover{background:#f2f5ed}.active-dot{width:5px;height:5px;border-radius:50%;background:#7ba675;margin-left:auto}.nav-count{font-size:10px;border-radius:6px;background:#f0e7d2;color:#a4864e;padding:2px 5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.buddy-card{padding:20px 10px;text-align:center;background:#f5f7ed;border:1px dashed #e0e5d5;border-radius:14px;margin-bottom:18px}.buddy-card>span{font-size:30px;display:block;margin-bottom:9px}.buddy-card strong{font-size:11px;color:#7e916b}.buddy-card p{font-size:9px;color:#9da58e;margin-top:6px}.settings-link{margin-bottom:14px}.settings-link.active{color:var(--green)}.profile-button{display:flex;align-items:center;gap:10px;text-align:left;padding-top:16px;border-top:1px solid var(--border);width:100%}.profile-button strong{font-size:13px;max-width:97px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.profile-button small{font-size:10px;display:block;color:#9aa38f;margin-top:5px}.profile-button>svg{margin-left:auto;color:#9aa38f}.workspace{margin-left:220px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:79px;padding:0 38px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--surface)}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:#96a18f}.breadcrumb strong{font-size:12px;color:#687e66;font-weight:500}.topbar-right{display:flex;align-items:center;gap:22px}.saved-indicator{display:flex;align-items:center;gap:6px;font-size:10px;color:#99a391}.saved-indicator i{width:5px;height:5px;border-radius:50%;background:#8caa7d}.points-pill{display:flex;align-items:center;gap:7px;background:#fff8e7;border:1px solid #f3e9ce;border-radius:20px;padding:8px 13px;color:#b7964b;font-size:11px}.points-pill strong{font-size:15px}.points-pill svg{fill:#efcc74;stroke:#d4ae57}.top-avatar{width:33px!important;height:33px!important;font-size:20px!important}main{padding:34px 38px 18px;max-width:1580px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:27px;letter-spacing:.5px;margin:9px 0 10px;color:var(--ink);line-height:1.5}.page-heading p{font-size:12px;color:#8c9885;line-height:1.8}.heading-spark{color:#d2b877;font-size:28px;margin-left:13px;display:inline-block;transform:rotate(12deg)}.book-select{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:0 13px;flex-shrink:0;color:#79926d;gap:7px}.book-select select{border:0;background:transparent;padding:12px 6px;appearance:none;cursor:pointer;font-size:12px;font-weight:600;color:#617959}.page-footer{display:flex;justify-content:space-between;gap:15px;margin:14px 38px 25px;padding-top:21px;border-top:1px solid var(--border);font-size:10px;letter-spacing:.4px;color:#a4ad99}.page-footer i{margin:0 7px;font-style:normal}.mobile-nav,.mobile-logo{display:none}.storage-warning{background:#fff2ce;color:#8d6937;padding:12px 35px;font-size:12px}.storage-warning button{text-decoration:underline}
/* Adventure map */
.adventure-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.world-map{border:1px solid #dfe8d8;border-radius:20px;background:var(--map);overflow:hidden;position:relative;box-shadow:var(--shadow)}.map-top{display:flex;justify-content:space-between;align-items:flex-start;padding:27px 29px 0;position:relative;z-index:2}.chapter-pill{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#749166;background:#fffdf48a;border:1px solid #d6e3cd;border-radius:5px;display:inline-block;padding:5px 8px}.map-top h2{font-size:22px;margin:12px 0 6px;color:#536f4b}.map-top p{font-size:12px;color:#8d9d80}.weather{display:flex;align-items:center;gap:6px;font-size:23px;color:#d7b966;margin-top:3px}.weather span{font-size:10px;color:#91a07e}.map-sky{position:relative;height:400px;margin-top:-15px;isolation:isolate;background-image:radial-gradient(#bdceb5 1px,transparent 1px);background-size:30px 30px;background-position:0 20px}.map-sky:before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,var(--map),transparent 20%,transparent 80%,var(--map));z-index:-1}.map-sun{position:absolute;right:14%;top:14px;height:44px;width:44px;border-radius:50%;background:#f5df9b;box-shadow:0 0 0 12px #f4e4b82b;z-index:-1}.island-path{position:absolute;inset:0;width:100%;height:100%;z-index:0}.island-point{position:absolute;width:29%;transform:translate(-50%,-50%);text-align:center;z-index:3}.island-position-0{left:15%;top:62%}.island-position-1{left:40%;top:27%}.island-position-2{left:65%;top:66%}.island-position-3{left:87%;top:20%;width:24%}.island-art{display:block;width:100%;height:auto;overflow:visible}.island-button{padding:0;display:block;position:relative;width:100%;border-radius:50%;outline-offset:-10px}.island-button:hover{transform:translateY(-6px) scale(1.04)}.island-button:hover .level-number{background:#4f855f;color:white}.floating-land{animation:float 5s ease-in-out infinite;transform-origin:50% 50%}.island-position-1 .floating-land{animation-delay:-1.3s}.island-position-2 .floating-land{animation-delay:-2.6s}.island-position-3 .floating-land{animation-delay:-.7s}.little-creature{animation:rock 5s ease-in-out infinite;transform-origin:50% 55%}.flying-bee{animation:bee 2.4s ease-in-out infinite}.balloon{animation:rock 3.5s ease-in-out infinite;transform-origin:50% 80%}.level-number{position:absolute;width:30px;height:30px;display:flex;align-items:center;justify-content:center;left:calc(50% - 15px);top:65%;background:#fffefa;color:#74916b;font-size:13px;font-weight:700;border:2px solid #a8bf91;border-radius:50%;box-shadow:0 3px 8px #536d4121}.current .level-number{background:#548862;color:white;border-color:#fffdf2;box-shadow:0 0 0 5px #b5cdaa70}.completed .level-number{background:#548862;color:white}.locked .island-art{filter:saturate(.6);opacity:.76}.locked .level-number{border-color:#bdc9b4;color:#92a089}.you-are-here{position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;color:#5c8056;white-space:nowrap;background:#fffcef;padding:6px 11px;border-radius:14px;z-index:3;box-shadow:0 3px 8px #81996913}.island-label{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;width:100%;margin-top:-10px}.island-label strong{font-size:12px;color:#667c58;white-space:nowrap}.island-label>span{font-size:9px;color:#94a083}.island-label .island-stars{font-size:8px;color:#a8b296;letter-spacing:.5px;margin-top:2px}.island-stars i{margin:0 2px;font-style:normal}.island-label .mini-stars{color:#d6ae53;letter-spacing:3px;font-size:13px}.cloud{position:absolute;width:100px;height:23px;border-radius:60px;background:#fffef9;opacity:.7;z-index:-1;animation:cloud 12s ease-in-out infinite}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:inherit;bottom:0}.cloud:before{width:45px;height:45px;left:15px}.cloud:after{width:35px;height:35px;left:49px}.cloud-a{left:7%;top:30%;transform:scale(.7)}.cloud-b{right:3%;top:50%;transform:scale(.85);animation-delay:-4s}.cloud-c{left:42%;bottom:17%;transform:scale(.5);animation-delay:-7s}.login-art .cloud-a{top:42%;left:-5%;opacity:.6}.login-art .cloud-b{top:12%;right:-10%;opacity:.8}.map-cloud-bottom{position:absolute;bottom:-33px;left:-15%;width:130%;height:50px;background:#f5f8ef;border-radius:50% 50% 0 0;z-index:0;opacity:.85}.map-footer{background:#f2f6eb;position:relative;display:flex;align-items:center;justify-content:space-between;padding:9px 23px;border-top:1px solid #dfe8d666;font-size:9px;color:#98a38c;z-index:5}.map-footer>span{display:flex;align-items:center;gap:6px}.map-footer .text-button{font-size:10px}.legend-dot{width:5px;height:5px;border-radius:50%;background:#8eaf72;margin-left:9px}.legend-dot:first-child{margin:0}.completed-dot{background:#477c53}.map-footer svg{margin-left:6px}.chapter-section{margin-top:26px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.section-title h3{font-size:14px;display:flex;align-items:center;gap:12px}.section-title h3 span,.section-title>.muted{font-size:9px;color:#a0aa93;font-weight:400}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.chapter-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:13px 11px;display:flex;text-align:left;gap:9px;align-items:center;position:relative;min-width:0}.chapter-card.selected{border-color:#a4bd91;background:#eff4e9;box-shadow:0 2px 5px #73955c0a}.chapter-card:hover{border-color:#a4bd91;transform:translateY(-2px)}.chapter-icon{width:32px;height:38px;display:flex;justify-content:center;align-items:center;font-size:24px;flex-shrink:0}.chapter-card small{font-size:8px;letter-spacing:1px;color:#9ea88f;display:block;margin-bottom:5px}.chapter-card strong{display:block;font-size:10px;white-space:nowrap}.chapter-card>svg{position:absolute;right:5px;top:7px;color:#7e9e6b;width:11px}.chapter-progress{display:flex;gap:3px;margin-top:8px}.chapter-progress i{width:10px;height:3px;background:#e7ebdf;border-radius:3px}.chapter-progress i.done{background:#8eae72}.edition-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#a0aa96;margin:20px 2px 0}.edition-note button{font-size:9px;text-decoration:underline;text-underline-offset:3px;margin-left:auto;color:#8da07f}.adventure-aside{display:flex;flex-direction:column;gap:18px}.journey-card,.badge-preview{padding:23px 21px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading h3{font-size:13px;color:#637b59}.card-heading>span{font-size:20px;color:#a2b28f}.journey-progress{display:flex;gap:14px;align-items:center;margin:22px 0}.progress-ring{width:74px;height:74px;flex-shrink:0;border-radius:50%;background:conic-gradient(#8eb579 var(--progress),#eef1e6 0);padding:6px;transform:rotate(-1deg)}.progress-ring>span{background:var(--surface);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.progress-ring strong{font-size:26px;line-height:1.1;color:#709366;font-weight:600}.progress-ring small{font-size:8px;color:#a1aa96;margin-top:3px}.journey-progress>div+div>strong{font-size:12px;font-weight:600}.journey-progress p{font-size:9px;color:#a4ad97;margin-top:8px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px}.mini-stats>div{display:flex;flex-direction:column;align-items:center;gap:4px}.mini-stats>div+div{border-left:1px solid var(--border)}.mini-stats strong{font-size:21px;font-weight:600;color:#63815b}.mini-stats span{font-size:9px;color:#a1ab93}.journey-card .button{font-size:12px;min-height:41px;padding:10px}.badge-preview{text-align:center;padding-top:15px}.badge-preview .medal{margin:9px auto 13px}.medal{height:79px;width:79px;border:7px solid #f2e4b9;outline:1px solid #dfc48a;background:#fbf0d2;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 0 2px #e6cd92;margin:auto}.medal:before,.medal:after{content:'';position:absolute;width:22px;height:34px;background:#d9b679;bottom:-23px;z-index:0;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.medal:before{left:8px;transform:rotate(16deg)}.medal:after{right:8px;transform:rotate(-16deg)}.medal span{font-size:33px;position:relative;z-index:1;filter:saturate(.65)}.badge-preview h4{font-size:12px;margin-top:26px;color:#84916b}.badge-preview p{font-size:9px;color:#a9ad94;margin:9px 0 16px}.badge-preview>small{font-size:9px;color:#a4ae97;display:block;margin-top:9px}.badge-preview .progress-track{height:5px}.daily-note{background:#f8f0d9;border:1px solid #ede4c9;position:relative;padding:26px 19px 21px;border-radius:4px 16px 16px 16px;transform:rotate(-1deg);overflow:hidden}.note-pin{position:absolute;background:#e8e4c1a6;left:39%;top:-8px;width:54px;height:21px;transform:rotate(-3deg)}.daily-note .eyebrow{color:#b5a578;font-size:8px;letter-spacing:1.2px}.daily-note h3{font-size:12px;color:#a18b51;margin:11px 0 9px}.daily-note p{font-size:10px;line-height:1.9;color:#b1a075}.doodle{position:absolute;font-size:32px;right:12px;bottom:17px;transform:rotate(12deg);opacity:.65}
/* Learning and quiz */
.game-layout{max-width:1150px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:35px;padding-top:6px}.game-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}.game-heading small{font-size:10px;letter-spacing:1px;color:#8da17f}.game-heading h2{font-size:22px;margin-top:6px}.game-reward{margin-left:auto;background:#fff6df;color:#b79a50;border-radius:18px;padding:8px 13px;font-size:14px;font-weight:600}.game-progress{display:flex;align-items:center;gap:14px}.game-progress>span{font-size:11px;color:var(--muted)}.game-progress .progress-track{height:8px}.checkpoint-row{display:flex;justify-content:space-between;margin:15px 0 25px;gap:5px}.checkpoint-row>span{font-size:10px;color:#a6af9b;display:flex;align-items:center;gap:5px}.checkpoint-row>span:before{content:'';width:5px;height:5px;border-radius:50%;background:#dfe6d6}.checkpoint-row>span.done:before{background:#87a975}.checkpoint-row>span.now{color:#6b8d5d;font-weight:600}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:28px 30px;box-shadow:var(--shadow);animation:appear .3s ease-out}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.type-chip{font-size:10px;font-weight:600;color:#709461;background:#f0f5e9;border-radius:7px;padding:6px 10px}.review-chip{font-size:10px;color:#aa8e53;background:#fcf5e5;border-radius:7px;padding:6px 9px}.question-value{font-size:10px;color:#b2a371}.question-card>h2{font-size:19px;margin:27px 0 13px}.question-prompt{font-size:28px;font-weight:600;color:#47633d;margin:24px 0 32px;line-height:1.6;display:flex;align-items:center;gap:12px}.question-prompt.english{font-size:32px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0 25px}.answer-option{display:flex;text-align:left;align-items:center;gap:11px;border:2px solid #e9ede3;border-radius:12px;padding:17px 13px;min-height:65px;background:var(--surface);font-size:16px;line-height:1.4;overflow-wrap:anywhere}.answer-option strong{font-size:16px;font-weight:500}.answer-option:hover:not(:disabled){background:#f4f7ef;border-color:#b7cca8;transform:translateY(-2px)}.answer-option.selected{background:#f0f5e8;border-color:#8caa78}.answer-option.correct{background:#edf6e9;border-color:#87ac77;color:#5c8749}.answer-option.wrong{background:#fcf0e9;border-color:#d8a294;color:#b67d6a}.answer-option>svg{margin-left:auto;min-width:20px}.option-letter{height:27px;width:27px;min-width:27px;background:#f3f5ef;border:1px solid #e8edde;border-radius:7px;color:#95a088;font-size:11px;display:flex;align-items:center;justify-content:center}.selected .option-letter{background:#85a673;color:white;border-color:#85a673}.question-actions{display:flex;justify-content:space-between;align-items:center;gap:13px;border-top:1px solid var(--border);padding-top:23px;margin-top:27px}.hint-button{display:flex;align-items:center;gap:7px;font-size:11px;color:#92a17f;padding:10px 0}.hint-button span{color:#b5a16c;margin-left:5px}.question-actions .button{min-width:132px;font-size:13px}.feedback{border-radius:12px;padding:17px 14px;display:flex;gap:11px;line-height:1.6;margin-top:22px}.feedback.success{background:#eef5e8;color:#6b9056}.feedback.retry{background:#fbf1df;color:#a68a50}.feedback strong{font-size:13px}.feedback p{font-size:12px;margin-top:4px;overflow-wrap:anywhere}.feedback small{font-size:10px;display:block;line-height:1.6;margin-top:6px}.feedback-icon{font-size:23px;flex-shrink:0}.game-footnote{text-align:center;font-size:10px;color:#a2ac96;line-height:1.8;margin-top:20px}.game-companion{padding-top:85px;text-align:center}.game-companion>.island-art{max-width:260px;margin:auto}.companion-bubble{background:var(--surface);border:1px solid var(--border);padding:18px;border-radius:16px;margin-top:8px;position:relative}.companion-bubble:before{content:'';position:absolute;top:-8px;left:47%;width:13px;height:13px;border:1px solid var(--border);border-right:0;border-bottom:0;background:var(--surface);transform:rotate(45deg)}.companion-bubble strong{font-size:12px;color:#799169}.companion-bubble p{font-size:10px;color:#a0aa91;line-height:1.8;margin-top:6px}.tip-card{margin:23px 0;text-align:left;background:#f3f0df;border-radius:12px;padding:18px}.tip-card>span{font-size:11px;color:#b19b62}.tip-card p{font-size:12px;color:#a49b7a;line-height:1.8;margin-top:11px}.spelling-input{width:100%;font-size:22px!important;margin:5px 0 12px;background:#fbfcf7!important;min-height:64px}.question-card form>small{font-size:10px}.sentence-slots{display:flex;flex-wrap:wrap;gap:8px;min-height:93px;border:2px dashed #d8e3cd;background:#f7f9f2;border-radius:14px;padding:18px;align-items:center;margin-bottom:20px}.sentence-slots>.muted{font-size:12px}.sentence-slots button,.word-bank button{background:#fffefa;box-shadow:0 3px 0 #dae2cf;border:1px solid #dae2cf;padding:11px 14px;border-radius:9px;color:#678159;font-size:17px}.sentence-slots button span{font-size:13px;margin-left:8px;opacity:.5}.word-bank{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}.word-bank button:disabled{opacity:.3;box-shadow:none}.listen-orb{width:80px;height:80px;background:#eaf2e4;border:5px solid #f7faf3;box-shadow:0 0 0 1px #e0ebd6;border-radius:50%;color:#6b9561;display:flex;align-items:center;justify-content:center;margin:23px auto 13px}.listen-orb:hover{transform:scale(1.05);background:#dceccf}.listen-caption{text-align:center;font-size:10px}.listen-caption+.text-button{display:flex;margin:auto;font-size:10px}.answer-reveal{border-radius:12px;background:#fff5df;border:1px dashed #e5d5aa;margin-top:18px;padding:18px;color:#ad9358}.answer-reveal strong{font-size:12px}.answer-reveal p{font-size:23px;margin:9px 0}.answer-reveal small{font-size:11px}.break-card{text-align:center;padding:60px 25px}.break-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0 30px}.break-card>.text-button{display:block;margin:20px auto 0}.result-card{text-align:center;max-width:760px;margin:0 auto;padding:30px 45px 45px;background:var(--surface);border:1px solid var(--border);border-radius:25px;position:relative;overflow:hidden}.result-card>.island-art{width:220px;margin:-17px auto 0}.result-confetti{font-size:28px;position:absolute;left:0;right:0;top:28px;letter-spacing:28px;color:#dbc38a;animation:rock 4s ease-in-out infinite}.result-card h1{font-size:25px;margin:15px 0}.result-card>p{font-size:12px;color:var(--muted);line-height:1.9}.result-stars{font-size:41px;letter-spacing:8px;color:#ddba68;margin:23px 0}.result-stats{display:flex;justify-content:center;margin:25px 0 20px}.result-stats>div{display:flex;flex-direction:column;gap:10px;padding:0 30px}.result-stats>div+div{border-left:1px solid var(--border)}.result-stats strong{font-size:27px;color:#7a9e67}.result-stats span{font-size:11px;color:var(--muted)}.result-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}
/* Library, garden, badges and settings */
.page-count{font-size:12px;color:#8c9f7b;background:#f0f4e9;border:1px solid #e4eadb;border-radius:20px;padding:10px 17px;white-space:nowrap}.filter-row{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.filter-row input{flex:1;min-width:170px}.filter-row select{font-size:12px;max-width:250px}.segmented{display:flex;background:#eaf0e2;border:1px solid #e2e9d9;padding:4px;border-radius:11px}.segmented button{padding:9px 13px;color:#8ca07b;font-size:12px;border-radius:8px}.segmented button.active{background:var(--surface);box-shadow:0 2px 6px #6c865b12;color:#6e8d5e}.vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.vocab-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:25px;position:relative}.vocab-card>.icon-button{position:absolute;right:14px;top:13px;width:32px;height:32px;color:#8da179}.vocab-card h3{font-size:23px;color:#648354;line-height:1.4;margin:24px 0 8px;overflow-wrap:anywhere}.vocab-card p{font-size:13px;color:#a2aa95}.vocab-card>small{font-size:11px;color:#91a17e;margin-top:18px;display:block}.empty-state{text-align:center;padding:55px 25px 70px;border:1px dashed #dfe8d5;background:#fafcf6;border-radius:20px}.empty-state>.island-art{width:230px;margin:0 auto 15px}.empty-state>span:not(.eyebrow){font-size:48px}.empty-state h2{font-size:24px;margin:15px 0}.empty-state p{font-size:13px;color:var(--muted);line-height:1.9;max-width:540px;margin:auto}.empty-state .button{margin-top:24px}.upcoming{padding:80px 20px}.upcoming>.eyebrow{margin:25px 0 10px}.review-banner,.honor-banner{display:flex;gap:25px;align-items:center;background:#edf4e6;border:1px solid #e0e9d4;border-radius:18px;padding:28px;margin-bottom:27px}.review-banner>span,.honor-banner>span{font-size:38px}.review-banner h3{font-size:17px}.review-banner p,.honor-banner p{font-size:12px;color:#9aa88a;line-height:1.9;margin-top:8px}.review-banner>.button{margin-left:auto;flex-shrink:0}.honor-banner{background:#f8f2df;border-color:#ede3c8}.honor-banner h2{font-size:22px;color:#a29363}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.badge-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:27px;text-align:center}.badge-status{display:block;text-align:right;color:#abb19f;font-size:10px;margin-bottom:15px}.badge-card .medal{margin:5px auto 35px;filter:grayscale(.75);opacity:.6;width:90px;height:90px}.badge-card.earned .medal{filter:none;opacity:1}.badge-card.earned .badge-status{color:#7d9e64}.badge-card h3{font-size:18px;color:#8e9d7c}.badge-card.earned h3{color:#678651}.badge-card p{font-size:11px;color:#a1aa94;margin:12px 0 24px}.badge-card>small{font-size:10px;color:#a3ad96;display:block;margin-top:13px}.settings-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.settings-card{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.settings-card h3{font-size:17px;margin-bottom:11px}.settings-card>.muted{font-size:12px}.theme-picker{display:flex;gap:10px;margin:25px 0}.theme-picker>button{flex:1;text-align:left;padding:19px 11px;border:2px solid #e4e8da;border-radius:13px;position:relative;background:#f3f6eb;min-width:0}.theme-picker>button.selected{border-color:#8aa773}.theme-picker>button.space{background:#ecedf4}.theme-picker>button.paper{background:#f5eddf}.theme-picker>button>span{font-size:26px;display:block;margin-bottom:13px}.theme-picker strong{font-size:12px;display:block}.theme-picker small{font-size:9px;color:#9aa48c;display:block;margin-top:7px}.theme-picker svg{position:absolute;right:8px;top:9px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:20px 0}.setting-row:last-child{padding-bottom:0}.setting-row strong{font-size:13px;display:block}.setting-row small{font-size:10px;color:#9daa92;display:block;line-height:1.7;margin-top:7px}.switch{appearance:none;min-width:42px;width:42px;height:24px;border-radius:20px;background:#d9e1ce;cursor:pointer;position:relative;transition:background .2s;margin:0}.switch:after{content:'';position:absolute;width:18px;height:18px;background:white;border-radius:50%;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #66704f1a}.switch:checked{background:#7a9b67}.switch:checked:after{transform:translateX(18px)}.settings-profile{display:flex;gap:14px;align-items:center;padding:22px 0}.settings-profile strong{font-size:16px}.settings-profile p{font-size:11px;color:#9faa96;margin-top:7px}.settings-card>.button{margin-top:13px;font-size:12px}.settings-card>.text-button{margin-top:10px}.settings-info{border-radius:12px;background:#f6f7ef;padding:15px;display:flex;gap:10px;margin-top:12px;color:#98a588;align-items:flex-start}.settings-info svg{flex-shrink:0;margin-top:3px}.settings-info p{font-size:10px;line-height:1.9}.about-card{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:18px}.about-card p{font-size:11px;color:#9ba88e}.about-card>.button{margin:0}
/* Dialogs */
.modal-backdrop{position:fixed;inset:0;background:#344c3c59;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:60;overflow:auto}.modal{background:var(--surface);border:1px solid #e4e9db;border-radius:25px;padding:30px;max-width:640px;width:100%;position:relative;max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 25px 100px #29452f33;animation:appear .2s ease-out;color:var(--ink)}.modal-close{position:absolute;right:16px;top:16px;z-index:5}.level-modal{text-align:center;padding:24px 30px 30px}.level-modal-art{height:153px;position:relative;background:radial-gradient(ellipse,#edf3e2,transparent 68%);margin:0 -15px 14px}.level-modal-art>.island-art{width:195px;position:absolute;top:-9px;left:calc(50% - 97.5px)}.level-modal h2{font-size:26px;margin:9px 0 12px}.level-modal>p{font-size:12px;color:#98a88a;line-height:1.8}.level-chips{display:flex;justify-content:center;gap:17px;font-size:10px;color:#9aab87;margin:20px 0}.level-chips>span{display:flex;align-items:center;gap:5px}.study-box{text-align:left;background:#f7f9f0;border:1px solid #e9edde;border-radius:14px;padding:18px;margin:20px 0}.study-box>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.study-box strong{font-size:12px;color:#829a6e}.study-box .text-button{font-size:9px}.study-words{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.study-words>button{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:12px 9px;position:relative;text-align:left}.study-words span{font-size:14px;color:#759363;display:block;line-height:1.5;padding-right:6px}.study-words small{display:block;font-size:10px;color:#a4ad96;margin-top:4px}.study-words svg{position:absolute;right:6px;bottom:7px;color:#a2b190}.study-box>p{font-size:9px;color:#a5af97;line-height:1.8;margin-top:14px}.notice-text{color:#b19860!important;margin-bottom:14px;font-size:11px!important}.level-modal>p.small-text{margin-top:12px;font-size:10px}.info-modal{padding:35px 38px}.info-modal h2{font-size:25px;margin:17px 0 25px}.info-modal>p{font-size:13px;color:#8d9c81;line-height:2;margin:18px 0}.info-modal>a{font-size:12px;color:#759964;text-decoration:underline}.guide-list{padding-left:24px}.guide-list li{padding:5px 0 15px 9px;color:#718d61}.guide-list strong{font-size:14px}.guide-list p{font-size:12px;line-height:1.9;color:#98a58b;margin-top:7px}.garden-modal{text-align:center;padding:35px}.garden-modal h2{font-size:25px;margin:16px 0}.garden-modal>p{font-size:14px;color:#8ea07d;line-height:1.9;margin:22px 0}.garden-modal .answer-option{justify-content:center}.toast-message{position:fixed;left:50%;bottom:38px;transform:translateX(-50%);max-width:min(90vw,580px);width:max-content;background:#40583fed;color:#fffdf2;border:1px solid #63785c;border-radius:14px;padding:16px 23px;font-size:13px;line-height:1.7;z-index:100;box-shadow:0 7px 30px #34483430;text-align:center}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}
/* Alternate art directions */
[data-theme=space]{--ink:#505b7c;--muted:#9098b2;--green:#7b83ab;--green-dark:#646d96;--mint:#edf0f8;--surface:#fbfbff;--canvas:#f0f1f8;--border:#e2e5f0;--map:#e7ebf8}[data-theme=space] .sidebar nav button.active{background:#e8eaf5;color:#777ca3}[data-theme=space] .world-map{border-color:#d7dcef}[data-theme=space] .map-top h2{color:#707ca0}[data-theme=space] .map-footer{background:#eef0f8;border-color:#dce1ee}[data-theme=space] .map-sun{background:#f8edd0;box-shadow:0 0 0 9px #eee8d566}[data-theme=space] .map-sky{background-image:radial-gradient(#a7b8d9 1.3px,transparent 1.3px)}[data-theme=space] .chapter-card.selected{background:#eaedf7;border-color:#aab6d4}[data-theme=paper]{--ink:#76634c;--muted:#aa9981;--green:#a28c66;--green-dark:#87734f;--mint:#f4ede0;--surface:#fffdf6;--canvas:#f8f3e9;--border:#ece2d3;--map:#f0ead6}[data-theme=paper] .sidebar nav button.active{background:#f1eadb;color:#a08b67}[data-theme=paper] .world-map{border-color:#e5ddc4}[data-theme=paper] .map-footer{background:#f4efdf}[data-theme=paper] .chapter-card.selected{background:#f3eddf;border-color:#c8b48d}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rock{0%,100%{rotate:-1deg}50%{rotate:1.5deg}}@keyframes bee{0%,100%{translate:0 0}50%{translate:4px -7px}}@keyframes cloud{0%,100%{translate:0 0}50%{translate:12px 0}}@keyframes appear{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
/* Tablet and phone */
@media(min-width:1550px){.map-sky{height:460px}.chapter-card{padding:16px}.island-label strong{font-size:14px}.island-label>span{font-size:11px}.map-top{padding:32px}.island-label{margin-top:-20px}.adventure-layout{grid-template-columns:minmax(0,1fr) 285px;gap:28px}.journey-card,.badge-preview{padding:26px}.daily-note{padding:29px 23px}}
@media(max-width:1250px){.sidebar{width:190px;padding:29px 14px 18px}.sidebar .brand{font-size:19px;gap:7px}.sidebar .brand-cloud{font-size:31px}.workspace{margin-left:190px}.topbar{padding:0 25px}main{padding:28px 25px 16px}.page-heading h1{font-size:24px}.adventure-layout{grid-template-columns:minmax(0,1fr) 222px;gap:18px}.journey-card,.badge-preview{padding:19px 16px}.journey-progress{gap:10px}.journey-progress>div+div>strong{font-size:10px}.progress-ring{width:63px;height:63px}.progress-ring strong{font-size:22px}.map-top{padding:23px 22px 0}.map-top h2{font-size:20px}.map-sky{height:360px}.weather span{display:none}.chapter-grid{grid-template-columns:repeat(2,1fr)}.chapter-card{padding:12px 13px}.chapter-card strong{font-size:11px}.chapter-icon{width:35px}.section-title>.muted{display:none}.section-title h3{font-size:13px}.section-title h3 span{font-size:8px}.map-footer{padding:8px 15px}.game-layout{grid-template-columns:minmax(0,1fr) 210px;gap:22px}.question-card{padding:25px}.vocab-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr 1fr;gap:18px}.settings-card{padding:22px}.theme-picker{gap:6px}.theme-picker>button{padding:15px 8px}.theme-picker small{font-size:8px}.theme-picker strong{font-size:10px}.login-copy{margin-top:45px}.login-story{padding:38px 8%}.login-art{height:310px}.login-features{font-size:9px}.page-footer{margin-left:25px;margin-right:25px}}
@media(max-width:1020px){.sidebar{width:172px;padding:26px 12px 16px}.sidebar .brand{font-size:17px;margin-bottom:40px}.sidebar .brand small{font-size:7px;letter-spacing:1.2px}.brand-cloud:after{left:9px}.sidebar nav button,.settings-link{padding:14px 12px;font-size:12px;gap:10px}.workspace{margin-left:172px}.adventure-layout{grid-template-columns:1fr}.adventure-aside{display:grid;grid-template-columns:1fr 1fr;gap:17px}.daily-note{display:none}.journey-progress{margin:17px 0}.journey-card .mini-stats{margin-bottom:15px}.badge-preview .medal{margin-top:14px}.badge-preview h4{margin-top:26px}.map-sky{height:390px}.chapter-grid{grid-template-columns:repeat(4,1fr)}.chapter-card{padding:12px 8px;gap:6px}.chapter-icon{font-size:21px;width:28px}.chapter-card strong{font-size:9px}.chapter-card small{font-size:7px}.page-heading h1{font-size:24px}.book-select{padding:0 9px}.book-select>svg:first-child{width:16px}.book-select select{font-size:11px}.page-heading{gap:14px}.game-layout{grid-template-columns:1fr}.game-companion{display:none}.settings-grid{grid-template-columns:1fr}.theme-picker>button{padding:20px}.theme-picker strong{font-size:13px}.theme-picker small{font-size:10px}.badge-grid{grid-template-columns:repeat(2,1fr)}.review-banner{flex-wrap:wrap;gap:15px}.review-banner>.button{margin-left:0}.login-story{padding:34px 8%}.login-copy h1{font-size:42px}.login-art{height:260px}.login-features{flex-direction:column;gap:12px;align-items:center}.login-form-area{padding:55px 30px}.login-card h2{font-size:22px}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:8px}.avatar-grid button{height:44px}.login-copy p{font-size:13px}.login-bottom{font-size:9px}.note-one{font-size:10px;left:-15px;top:25px}.note-two{font-size:8px;bottom:18px;right:-16px}.login-art>.island-art{width:100%;left:0}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin-left:0;padding-bottom:72px}.topbar{height:65px;padding:0 20px}.desktop-only{display:none}.mobile-logo{display:inline-block;color:#68875b;font-size:15px;font-weight:700}.breadcrumb{gap:8px}.breadcrumb strong{font-size:10px}.topbar-right{gap:13px}.saved-indicator{display:none}.points-pill{font-size:10px;padding:7px 10px;gap:5px}.points-pill strong{font-size:13px}.top-avatar{display:none}main{padding:25px 20px 14px}.page-heading{margin-bottom:22px;align-items:flex-start;flex-wrap:wrap;gap:18px}.page-heading h1{font-size:25px;margin:10px 0}.page-heading p{font-size:12px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.book-select{padding:0 12px;align-self:center;margin-left:auto}.page-heading h1 .heading-spark{font-size:24px;margin-left:9px}.book-select select{padding:11px 5px}.map-sky{height:390px}.map-top{padding:24px 23px 0}.map-top h2{font-size:22px}.chapter-card strong{font-size:10px}.chapter-grid{gap:10px}.chapter-icon{width:31px}.chapter-card{padding:13px 9px}.section-title h3{font-size:14px}.section-title h3 span{font-size:9px}.edition-note{font-size:9px;flex-wrap:wrap;gap:6px}.edition-note button{font-size:9px}.page-footer{margin:12px 20px 18px;font-size:9px}.page-footer>span+span{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-around;padding:10px 5px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -6px 25px #56744308}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;color:#a6b298;padding:3px 7px;min-width:55px;min-height:45px}.mobile-nav button>span{font-size:9px}.mobile-nav button.active{color:var(--green)}.toast-message{bottom:95px;font-size:12px;padding:14px 18px}.game-heading h2{font-size:21px}.game-heading small{font-size:9px}.question-card{padding:26px}.question-card>h2{font-size:20px}.question-prompt{font-size:28px}.game-layout{padding-top:0}.answer-option,.answer-option strong{font-size:17px}.question-actions .button{font-size:13px}.game-footnote{font-size:10px}.vocab-card{padding:23px}.vocab-card h3{font-size:22px}.filter-row input{min-width:130px}.filter-row select{max-width:200px;padding:12px}.segmented{width:100%}.segmented button{flex:1}.page-count{font-size:11px;padding:8px 13px}.badge-card{padding:23px}.honor-banner{padding:22px;gap:16px}.honor-banner h2{font-size:20px}.result-card{padding:35px 25px}.result-card h1{font-size:24px}.result-stats>div{padding:0 20px}.result-stats strong{font-size:25px}.result-stats span{font-size:10px}.result-actions{flex-wrap:wrap}.result-actions .button{flex:1}.login-page{grid-template-columns:1fr}.login-story{padding:23px 25px 0;display:block;min-height:340px;max-height:390px}.login-story .brand{font-size:20px}.login-story .brand small{font-size:7px}.login-copy{margin-top:34px;max-width:260px}.login-copy h1{font-size:32px;margin:12px 0 10px}.login-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.login-copy p{font-size:11px}.login-art{position:absolute;right:12px;bottom:-6px;width:47%;height:240px}.login-art>.island-art{width:100%;top:0;left:0}.login-art .note-one{top:10px;left:-10px;font-size:9px;padding:8px 10px}.login-art .note-two{display:none}.login-art .cloud{transform:scale(.5)}.login-features{flex-direction:row;justify-content:flex-start;gap:18px;font-size:8px;padding:20px 0;position:relative}.login-story:after{left:55%;top:22%;width:300px;height:300px}.login-form-area{padding:33px 25px 55px}.login-card{max-width:440px}.login-card h2{font-size:24px}.login-card>.muted{margin-bottom:20px}.avatar-grid{grid-template-columns:repeat(8,1fr);gap:6px}.avatar-grid button{height:43px;font-size:25px}.login-bottom{bottom:20px}.local-note{margin-top:15px}.login-card .field-label{margin-top:18px}.login-card input{padding:15px}.storage-warning{padding:11px 20px}.modal-backdrop{padding:18px}.modal{max-height:calc(100dvh - 36px);padding:25px;border-radius:20px}.level-modal-art{height:145px}.level-chips{gap:12px;font-size:9px}.study-box{padding:14px}.study-box strong{font-size:11px}.study-box .text-button{font-size:8px}.study-words{gap:7px}.study-words>button{padding:10px 7px}.study-words span{font-size:13px}.study-words small{font-size:9px}.modal .level-modal-art{margin-top:-2px}.info-modal h2{font-size:22px}.info-modal>p{font-size:13px}}
@media(max-width:480px){main{padding:25px 15px 14px}.topbar{padding:0 16px}.page-heading{gap:14px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.page-heading .book-select{margin:0;width:100%;justify-content:flex-start;padding:0 12px;background:#fffefa}.book-select select{flex:1;font-size:12px}.map-top{padding:21px 19px 0}.map-top h2{font-size:20px}.map-top p{font-size:10px}.chapter-pill{font-size:8px}.weather{font-size:19px}.world-map{border-radius:17px}.map-sky{height:560px;margin-top:3px}.island-path{display:none}.map-sky:after{content:'';position:absolute;height:440px;width:39%;left:31%;top:35px;border:2px dashed #bbceb0;border-radius:40% 40% 30% 30%;transform:rotate(-7deg);z-index:0}.island-point{width:53%}.island-position-0{left:27%;top:21%}.island-position-1{left:73%;top:38%;width:47%}.island-position-2{left:26%;top:65%;width:51%}.island-position-3{left:73%;top:82%;width:46%}.you-are-here{top:0;font-size:9px;padding:5px 9px}.island-label{margin-top:-11px}.island-label strong{font-size:12px}.island-label>span{font-size:10px}.island-label .island-stars{font-size:9px}.level-number{width:29px;height:29px;left:calc(50% - 14.5px);font-size:12px}.map-footer{padding:8px 12px;font-size:8px}.map-footer .text-button{font-size:9px}.map-footer>span{gap:4px}.map-footer>span>svg{margin-left:3px}.legend-dot{margin-left:6px}.chapter-grid{grid-template-columns:1fr 1fr;gap:10px}.chapter-card{padding:14px 12px;gap:9px}.chapter-card strong{font-size:11px}.chapter-card small{font-size:8px}.chapter-icon{font-size:24px;width:34px}.chapter-section{margin-top:24px}.chapter-progress i{width:15px}.section-title h3{gap:9px}.section-title h3 span{font-size:8px}.adventure-aside{gap:11px}.journey-card,.badge-preview{padding:18px 13px;border-radius:15px}.card-heading h3{font-size:12px}.card-heading>span{font-size:15px}.journey-progress{flex-direction:column;margin:15px 0;gap:10px;text-align:center}.journey-progress p{font-size:8px;margin-top:5px}.progress-ring{width:64px;height:64px}.journey-progress>div+div>strong{font-size:10px}.mini-stats strong{font-size:17px}.mini-stats span{font-size:8px}.journey-card .button{font-size:10px;min-height:38px;padding:10px 6px;gap:6px}.journey-card .button svg{width:14px}.badge-preview .medal{margin-top:30px;width:69px;height:69px;border-width:6px}.badge-preview p{font-size:8px;line-height:1.9;min-height:30px;margin-bottom:23px}.badge-preview h4{font-size:11px;margin-top:34px}.badge-preview .card-heading .icon-button{width:20px;height:22px}.edition-note{font-size:8px;gap:5px;line-height:1.7}.edition-note button{margin-left:20px;font-size:8px}.page-footer{margin:6px 16px 14px;padding-top:16px}.login-story{min-height:355px;max-height:none;padding:22px 24px 0}.login-copy{margin-top:30px}.login-copy h1{font-size:31px;line-height:1.45}.login-copy p{font-size:11px}.login-art{width:50%;right:4px;bottom:35px;height:190px}.login-art .note-one{font-size:8px;top:12px;left:1px}.login-features{gap:12px;font-size:8px;margin-top:12px}.login-features svg{width:13px}.login-form-area{padding:32px 25px 55px}.avatar-grid{gap:4px}.avatar-grid button{font-size:23px;height:39px}.login-card h2{font-size:22px}.login-card>.small-label{font-size:10px}.login-card>.muted{font-size:12px}.question-card{padding:23px 18px;border-radius:18px}.question-card>h2{font-size:18px;line-height:1.6;margin-top:22px}.question-prompt{font-size:25px;margin:22px 0}.question-prompt.english{font-size:28px}.question-value{font-size:9px}.review-chip{font-size:9px;padding:6px}.answer-grid{grid-template-columns:1fr;gap:11px;margin:21px 0}.answer-option{padding:14px;min-height:59px}.answer-option,.answer-option strong{font-size:17px}.question-actions{gap:10px;margin-top:23px;padding-top:20px;flex-wrap:wrap}.hint-button{font-size:10px;gap:4px}.hint-button span{margin-left:2px}.question-actions .button{min-width:111px;font-size:12px;padding:12px 16px;gap:8px}.question-actions>.small-text{font-size:10px}.type-chip{font-size:9px}.game-heading{margin-bottom:24px}.game-heading h2{font-size:20px}.game-heading small{font-size:8px}.game-reward{font-size:12px}.checkpoint-row>span{font-size:9px}.feedback{padding:14px 12px;gap:8px}.feedback strong{font-size:12px}.feedback p{font-size:11px}.feedback small{font-size:10px}.sentence-slots{padding:14px;gap:7px}.sentence-slots button,.word-bank button{font-size:18px;padding:11px 12px}.word-bank{gap:10px}.vocab-grid{gap:12px;grid-template-columns:1fr 1fr}.vocab-card{padding:20px 14px}.vocab-card .small-label{font-size:8px}.vocab-card>.icon-button{top:9px;right:8px;width:28px;height:28px}.vocab-card h3{font-size:21px;margin-top:27px}.vocab-card p{font-size:12px;line-height:1.7}.filter-row{gap:9px}.filter-row select{max-width:145px;font-size:11px;padding:12px 8px}.filter-row input{font-size:12px;padding:12px;min-width:120px}.settings-card{padding:22px 18px}.theme-picker{gap:7px}.theme-picker>button{padding:16px 10px}.theme-picker strong{font-size:11px}.theme-picker small{font-size:8px;line-height:1.7}.about-card{flex-wrap:wrap}.about-card>.button{width:100%}.badge-grid{gap:13px}.badge-card{padding:18px 13px}.badge-card .medal{width:72px;height:72px;border-width:6px;margin-bottom:32px}.badge-card h3{font-size:15px}.badge-card p{font-size:10px;line-height:1.8}.badge-card>small{font-size:9px;line-height:1.8}.badge-status{font-size:8px}.honor-banner{padding:20px 16px;gap:12px}.honor-banner>span{font-size:29px}.honor-banner h2{font-size:17px}.honor-banner p{font-size:10px}.review-banner{padding:22px}.review-banner>span{display:none}.review-banner h3{font-size:16px}.review-banner p{font-size:11px}.review-banner .button{width:100%;font-size:12px}.result-card{padding:30px 17px}.result-card h1{font-size:22px}.result-card>p{font-size:11px}.result-stats>div{padding:0 15px}.result-stats strong{font-size:24px}.result-stats span{font-size:9px}.result-actions{gap:11px}.result-actions .button{font-size:12px;padding:13px 12px}.modal-backdrop{padding:12px}.modal{padding:23px 19px;max-height:calc(100dvh - 24px)}.level-modal h2{font-size:25px}.level-modal>.eyebrow{font-size:9px}.level-chips{gap:9px;font-size:9px;flex-wrap:wrap}.level-chips svg{width:13px}.study-box{padding:14px}.study-box>div:first-child{display:block}.study-box .text-button{font-size:9px;padding:10px 0 0}.study-words{grid-template-columns:repeat(2,1fr);margin-top:15px}.study-words span{font-size:15px}.study-words small{font-size:11px}.study-words>button{padding:12px 10px}.study-box>p{font-size:10px}.info-modal{padding:26px}.info-modal>p{font-size:12px}.guide-list{padding-left:18px}.guide-list p{font-size:12px}.garden-modal .answer-grid{grid-template-columns:1fr 1fr}.garden-modal .answer-option{font-size:15px;padding:13px 8px}.empty-state h2{font-size:21px}.empty-state p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the important map labels readable for younger learners. */
.island-label strong{font-size:14px;color:#5c7550}.island-label>span{font-size:11px}.chapter-card strong{font-size:12px}.chapter-card small{font-size:9px}.mobile-nav button>span{font-size:10px}.book-select{min-height:44px}
@media(max-width:1250px){.chapter-card strong{font-size:11px}.island-label strong{font-size:13px}}
@media(max-width:660px){.chapter-grid{grid-template-columns:1fr 1fr}.chapter-card{padding:14px 12px;gap:10px}.chapter-card strong{font-size:12px}.island-label strong{font-size:13px}}
/* Longer English passages and letter-level sound contrasts remain readable. */
.question-prompt{white-space:pre-line;overflow-wrap:anywhere}
.question-prompt.passage{font-size:clamp(17px,1.7vw,23px);line-height:1.65;text-align:left;margin:18px 0}
.sound-word{font-weight:400;font-size:inherit}
.answer-option .sound-highlight,.sound-highlight{font-weight:900;color:var(--green);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.question-explanation{font-size:14px;line-height:1.6;padding:10px 14px;background:var(--surface);border-radius:10px;margin-top:12px}
.garden-modal p>strong{white-space:pre-line;overflow-wrap:anywhere}