:root{--bg:#f4f7f8;--ink:#18212a;--muted:#63717b;--action:#f3be27;--action-dark:#9d7000;--success:#20a477;--danger:#f05b4f;--info:#3388d4;--surface:#fff;--border:#d8e0e4;--shadow:0 12px 30px #18212a17;color:var(--ink);background:var(--bg);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit;letter-spacing:0}button{cursor:pointer;min-height:44px}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:3px solid var(--info);outline-offset:3px}.screen{width:min(100% - 24px,960px);min-height:100vh;margin:0 auto;padding:16px 0 40px}.topbar,.page-header,.quiz-header{align-items:center;gap:12px;min-height:58px;display:flex}.topbar{justify-content:space-between}.brand{align-items:center;gap:10px;font-weight:850;display:flex}.brand-mark{border:2px solid var(--ink);background:var(--action);width:38px;height:34px;box-shadow:3px 3px 0 var(--ink);place-items:center;font-size:12px;display:grid}.icon-button{border:1px solid var(--border);background:var(--surface);width:44px;color:var(--ink);border-radius:6px;flex:0 0 44px;padding:0;font-size:22px}.eyebrow{color:var(--info);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:850}.page-header h1,.topbar h1{margin:0;font-size:22px}.page-header.compact{justify-content:space-between}.page-header.compact>div{flex:1}.counter{border:1px solid var(--border);background:var(--surface);text-align:center;min-width:52px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.notice{border-left:4px solid var(--danger);background:#fff2f0;padding:12px 14px}.continue-panel{border:2px solid var(--ink);background:var(--surface);box-shadow:6px 6px 0 var(--ink);margin-top:24px;padding:28px 20px}.continue-panel h1{margin:0;font-size:36px}.lead,.section-intro{color:var(--muted);line-height:1.7}.primary-button,.secondary-button,.danger-button,.success-button,.text-button{border-radius:6px;min-height:46px;padding:10px 18px;font-weight:800}.primary-button{border:2px solid var(--ink);background:var(--action);color:var(--ink);box-shadow:3px 3px 0 var(--ink);justify-content:center;align-items:center;gap:16px;display:inline-flex}.secondary-button{border:2px solid var(--ink);background:var(--surface);color:var(--ink)}.text-button{color:var(--info);background:0 0;border:0}.danger-button{color:#9c2f26;background:#ffe6e3;border:0}.success-button{background:var(--success);color:#fff;border:0}.start-button{width:100%;margin-top:12px;font-size:17px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.stat-block{border:1px solid var(--border);background:var(--surface);text-align:center;min-width:0;padding:14px 8px}.stat-block strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;display:block}.stat-block span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.home-actions,.result-actions,.pager{gap:10px;display:grid}.unit-grid{gap:12px;margin-top:20px;display:grid}.unit-machine{border:2px solid var(--ink);background:var(--surface);min-height:144px;color:var(--ink);text-align:left;border-radius:6px;grid-template-columns:1fr auto;gap:5px 12px;padding:16px;display:grid;position:relative;box-shadow:4px 4px #bcc8ce}.unit-machine strong{font-size:20px}.unit-machine>span:not(.machine-display):not(.stars){color:var(--muted)}.machine-display{background:var(--ink);color:#72f3c4;grid-column:1/-1;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stars{color:var(--action-dark);letter-spacing:2px;font-size:18px}.unit-machine small{color:var(--muted);grid-column:1/-1}.unit-machine.is-current{border-color:var(--info);box-shadow:4px 4px 0 var(--info)}.progress-track{background:#dde5e8;border-radius:99px;height:8px;overflow:hidden}.progress-track span{background:var(--info);height:100%;transition:width .25s;display:block}.collection-count{color:var(--muted);text-align:right;font-size:14px}.story-paper{border:1px solid var(--border);border-top:5px solid var(--action);background:var(--surface);min-height:380px;box-shadow:var(--shadow);padding:22px 18px}.story-paper h2{margin-top:0;font-size:22px}.story-paper p{white-space:pre-wrap;font-size:17px;line-height:1.9}.vocab-word{color:#24323d;background:#fff0ae;border:0;border-radius:3px;min-height:0;padding:1px 3px;font-weight:750;display:inline}.pager{grid-template-columns:1fr 1.4fr;margin-top:16px}.dialog-backdrop{z-index:10;background:#18212a94;place-items:end center;padding:12px;display:grid;position:fixed;inset:0}.word-dialog{border-top:6px solid var(--action);background:var(--surface);width:min(100%,560px);box-shadow:var(--shadow);border-radius:6px;padding:26px 22px;position:relative}.word-dialog h2{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px}.word-dialog>strong{color:var(--success);margin:8px 0 16px;font-size:20px;display:block}.word-dialog p:last-child{color:var(--muted);line-height:1.7}.dialog-close{background:0 0;border:0;width:44px;font-size:26px;position:absolute;top:10px;right:10px}.quiz-header{z-index:2;border-bottom:1px solid var(--border);background:#f4f7f8f5;margin:0 -12px;padding:8px 12px;position:sticky;top:0}.quiz-progress{flex:1;min-width:0}.quiz-progress>span{margin-bottom:6px;font-size:13px;font-weight:800;display:block}.scoreboard{flex-direction:column;min-width:74px;font-size:11px;display:flex}.scoreboard strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.question-stage{min-height:430px;padding:28px 0 16px}.question-number{color:var(--info);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:800}.question-stage h1{min-height:88px;margin:10px 0 20px;font-size:23px;line-height:1.45}.option-grid{grid-template-rows:repeat(3,minmax(58px,auto));gap:10px;display:grid}.answer-button{border:2px solid var(--border);background:var(--surface);min-height:58px;color:var(--ink);text-align:left;border-radius:6px;grid-template-columns:36px 1fr;align-items:center;gap:8px;padding:8px 12px;display:grid}.answer-button:hover{border-color:var(--info)}kbd{border:1px solid var(--border);background:var(--bg);width:30px;height:30px;box-shadow:none;border-radius:4px;place-items:center;display:grid}.fill-form{gap:12px;display:grid}.fill-form label{font-size:14px;font-weight:750}.fill-form input{border:2px solid var(--border);background:var(--surface);border-radius:6px;width:100%;height:52px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.word-bank{flex-wrap:wrap;gap:8px;display:flex}.word-bank button,.chip-list span{border:1px solid var(--border);background:var(--surface);border-radius:4px;min-height:44px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.feedback-panel{border:1px solid var(--border);background:var(--surface);border-radius:6px;min-height:168px;padding:16px}.feedback-panel.correct{border-color:var(--success);background:#e8f7f1}.feedback-panel.retry{border-color:var(--danger);background:#fff1ef}.feedback-panel>strong{font-size:19px}.feedback-panel .primary-button,.feedback-panel .secondary-button{width:100%}.source-sentence{color:var(--muted);gap:4px;font-size:14px;display:grid}.source-sentence span{color:var(--danger);font-weight:800}.result-hero{border:2px solid var(--ink);background:var(--surface);box-shadow:5px 5px 0 var(--ink);text-align:center;margin:22px 0;padding:26px 16px}.result-stars{color:var(--action-dark);letter-spacing:4px;font-size:28px}.result-hero>strong{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:46px;display:block}.result-hero>span{color:var(--muted)}.success-text{color:var(--success);font-weight:800}.info-text{color:var(--info);font-weight:800}.result-stats{gap:8px;display:grid}.result-stats div{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:14px;display:flex}.result-stats span{color:var(--muted);font-size:13px}.wrong-summary{margin:22px 0}.wrong-summary h2{font-size:18px}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip-list span{background:#fff1ef;min-height:auto}.review-card{border:2px solid var(--ink);background:var(--surface);box-shadow:5px 5px 0 var(--info);text-align:center;margin-top:28px;padding:28px 18px}.review-card h2{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:32px}.review-sentence{min-height:92px;color:var(--muted);line-height:1.7}.review-reveal>strong{color:var(--success);font-size:22px;display:block}.review-reveal>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.empty-state{text-align:center;margin-top:50px}.empty-state>div{background:var(--success);color:#fff;border-radius:50%;place-items:center;width:68px;height:68px;margin:auto;font-size:34px;display:grid}.word-dialog>.secondary-button{width:100%;margin-bottom:8px}.section-status{grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0;display:grid}.section-status span{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--muted);text-align:center;padding:7px;font-size:12px;font-weight:800}.section-status span.is-done{border-color:var(--success);color:#11694d;background:#e8f7f1}.section-results-screen{max-width:760px}@media (width>=640px){.screen{padding-top:24px}.continue-panel{padding:42px}.continue-panel h1{font-size:44px}.start-button{width:auto;min-width:280px}.home-actions{grid-template-columns:1fr 1fr}.unit-grid{grid-template-columns:repeat(2,1fr)}.story-paper{min-height:430px;padding:34px}.dialog-backdrop{place-items:center}.word-dialog{padding:34px}.question-stage{min-height:460px;padding:42px 8%}.feedback-panel{margin:0 8%}.result-stats{grid-template-columns:repeat(3,1fr)}.result-stats div{text-align:center;gap:8px;display:grid}.result-actions{grid-template-columns:1fr 1fr}.review-card{max-width:680px;margin:40px auto}}@media (width>=900px){.unit-grid{grid-template-columns:repeat(3,1fr)}.unit-machine{min-height:170px}.quiz-header{margin:0}.option-grid{grid-template-rows:112px;grid-template-columns:repeat(3,1fr)}.answer-button{text-align:center;grid-template-columns:1fr;justify-items:center}.feedback-panel{min-height:150px}.story-paper{min-height:480px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section-status{gap:8px;margin:14px 0}.stage-button{border:2px solid var(--border);background:var(--surface);min-width:0;min-height:62px;color:var(--muted);text-align:left;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;padding:8px 10px;display:grid}.stage-button>span{background:#edf1f3;border-radius:50%;grid-row:1/3;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.stage-button strong,.stage-button small{overflow-wrap:anywhere;min-width:0}.stage-button strong{font-size:14px}.stage-button small{font-size:10px;font-weight:650}.stage-button.is-current{border-color:var(--action-dark);color:var(--ink);background:#fff7d9;box-shadow:3px 3px #ead58e}.stage-button.is-ready{border-color:var(--info);color:#155c98;background:#eaf5ff}.stage-button.is-ready:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #b9d9f5}.stage-button.is-done>span{background:var(--success);color:#fff}.stage-button.is-locked{background:#edf1f3}.stage-button.is-locked:disabled{opacity:.7}.question-stage{border:2px solid var(--ink);border-bottom:7px solid var(--action);background:var(--surface);border-radius:6px;min-height:0;margin-top:18px;padding:24px 18px;box-shadow:5px 5px #c9d5db}.question-stage h1{min-height:0}.answer-button{transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s}.answer-button:hover:not(:disabled){border-color:var(--info);transform:translate(-1px,-1px);box-shadow:3px 3px #b9d9f5}.answer-button.is-selected,.answer-button[aria-pressed=true]{border-color:var(--info);background:#eaf5ff}.answer-button.is-correct{border-color:var(--success);background:#e8f7f1;box-shadow:3px 3px #a9dfcc}.answer-button.is-wrong{border-color:var(--danger);background:#fff1ef;box-shadow:3px 3px #f5beb8}.answer-button:disabled{opacity:1}.fill-form input:focus{border-color:var(--info)}.word-bank button.is-selected,.word-bank button[aria-pressed=true]{border:2px solid var(--info);color:#155c98;background:#eaf5ff;font-weight:850;box-shadow:2px 2px #b9d9f5}.feedback-panel{min-height:76px;margin-top:14px}.feedback-panel.correct{display:none}.celebration-backdrop{z-index:20;background:#18212aa8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.celebration-dialog{isolation:isolate;border:3px solid var(--ink);background:var(--surface);width:min(100%,430px);box-shadow:8px 8px 0 var(--success);text-align:center;border-radius:8px;padding:28px 24px 24px;animation:.28s ease-out celebration-pop;position:relative;overflow:hidden}.celebration-dialog .eyebrow{color:var(--success)}.celebration-dialog h2{margin:2px 0 8px;font-size:32px}.celebration-badge{border:3px solid var(--ink);background:var(--action);width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;margin:0 auto 12px;font-size:34px;font-weight:900;display:grid}.celebration-score{color:#11694d;background:#e8f7f1;border:1px solid #c7e8dc;border-radius:99px;margin:0 0 16px;padding:6px 12px;font-weight:850;display:inline-block}.celebration-word{border:2px solid var(--border);background:#f7fafb;gap:5px;margin-bottom:18px;padding:15px;display:grid}.celebration-word strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:25px}.celebration-word span{color:var(--muted);font-size:16px}.celebration-dialog>.primary-button{width:100%}.confetti{z-index:-1;pointer-events:none;position:absolute;inset:0}.confetti i{background:var(--action);width:9px;height:18px;animation:1.2s ease-out both confetti-fall;position:absolute;top:-15px}.confetti i:nth-child(3n){background:var(--info)}.confetti i:nth-child(3n+1){background:var(--success)}.confetti i:nth-child(4n){background:var(--danger)}.confetti i:first-child{animation-delay:40ms;left:5%}.confetti i:nth-child(2){animation-delay:.18s;left:14%}.confetti i:nth-child(3){animation-delay:80ms;left:23%}.confetti i:nth-child(4){animation-delay:.24s;left:34%}.confetti i:nth-child(5){animation-delay:.12s;left:43%}.confetti i:nth-child(6){animation-delay:.28s;left:52%}.confetti i:nth-child(7){animation-delay:60ms;left:61%}.confetti i:nth-child(8){animation-delay:.2s;left:70%}.confetti i:nth-child(9){animation-delay:.1s;left:78%}.confetti i:nth-child(10){animation-delay:.26s;left:86%}.confetti i:nth-child(11){animation-delay:.14s;left:93%}.confetti i:nth-child(12){animation-delay:.22s;left:97%}@keyframes celebration-pop{0%{opacity:0;transform:scale(.88)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0)rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(330px)rotate(420deg)}}@media (width>=640px){.question-stage{margin:28px 8% 0;padding:38px}.feedback-panel{margin:14px 8% 0}}:root{--cabinet-edge:#111d27;--cabinet-mid:#81939e;--cabinet-soft:#b9c6cd;--depth-key:0 5px 0 var(--cabinet-edge);--depth-panel:0 8px 0 var(--cabinet-mid),0 16px 26px #111d2724}body{background-color:#eaf0f3}.screen{position:relative}.continue-panel,.story-paper,.question-stage,.review-card,.result-hero{border:3px solid var(--cabinet-edge);box-shadow:var(--depth-panel);border-radius:7px}.continue-panel{border-top:7px solid var(--info)}.story-paper{border-top:7px solid var(--action)}.question-stage{border-bottom:9px solid var(--action)}.review-card{border-bottom:8px solid var(--info)}.result-hero{border-bottom:8px solid var(--cabinet-edge)}.unit-machine{border:3px solid var(--cabinet-edge);box-shadow:0 6px 0 var(--cabinet-soft),0 13px 22px #111d271f;border-bottom-width:8px;transition:transform .16s,box-shadow .16s}.unit-machine:hover:not(:disabled){box-shadow:0 8px 0 var(--cabinet-soft),0 17px 26px #111d2726;transform:translateY(-2px)}.unit-machine.is-current{border-color:var(--info);border-bottom-color:#175d99;box-shadow:0 7px #9dc9ed,0 15px 24px #111d2724}.unit-machine.is-locked{border-color:#aebbc3 #aebbc3 #8998a1;box-shadow:0 5px #c4cdd2}.primary-button,.secondary-button,.danger-button,.success-button,.text-button,.icon-button,.stage-button,.answer-button,.word-bank button{transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s}.primary-button{border:2px solid var(--cabinet-edge);border-bottom-width:5px;box-shadow:0 3px #111d272e}.secondary-button,.icon-button{border:2px solid var(--cabinet-edge);border-bottom-width:5px;box-shadow:0 3px #b5c2c9}.success-button{border:2px solid #0e5f47;border-bottom-width:5px;box-shadow:0 3px #8ecfba}.danger-button{border:2px solid #9c2f26;border-bottom-width:5px;box-shadow:0 3px #efaaa4}.stage-button{border:2px solid var(--cabinet-edge);border-bottom-width:6px;box-shadow:0 3px #c5d0d6}.stage-button.is-current{border-color:#805500;box-shadow:0 5px #d2ad43,0 10px 16px #111d271a}.stage-button.is-ready{border-color:#155c98;box-shadow:0 5px #a8cfea}.stage-button.is-done:not(.is-current){border-color:#0d684c;box-shadow:0 5px #a8dccb}.stage-button.is-locked{border-color:#a6b3bb #a6b3bb #82919a;box-shadow:0 4px #c8d1d6}.answer-button{border:2px solid var(--cabinet-edge);border-bottom-width:7px;box-shadow:0 3px #aebcc4}.answer-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #87b9dc,0 13px 18px #111d271a}.answer-button.is-selected,.answer-button[aria-pressed=true]{border-color:#155c98;box-shadow:0 6px #9dc9ed}.answer-button.is-correct{border-color:#0d684c;box-shadow:0 6px #9bd4c0}.answer-button.is-wrong{border-color:#a6372d;box-shadow:0 6px #efaaa4}.word-bank button{border:2px solid var(--cabinet-edge);border-bottom-width:5px;box-shadow:0 2px #aebcc4}.word-bank button.is-selected,.word-bank button[aria-pressed=true]{border-color:#155c98;box-shadow:0 5px #9dc9ed}.word-dialog{border:3px solid var(--cabinet-edge);border-top:7px solid var(--action);box-shadow:8px 9px #d3b142,0 20px 35px #111d2740}.celebration-dialog{border:3px solid var(--cabinet-edge);box-shadow:9px 10px 0 var(--success),0 22px 38px #111d2747;border-bottom-width:7px}button:not(:disabled):active{box-shadow:0 1px 0 var(--cabinet-edge)!important;transform:translateY(3px)!important}@media (width<=639px){:root{--depth-key:0 3px 0 var(--cabinet-edge);--depth-panel:0 5px 0 var(--cabinet-mid),0 10px 18px #111d2721}.continue-panel,.story-paper,.question-stage,.review-card,.result-hero{box-shadow:var(--depth-panel);border-width:2px}.unit-machine{box-shadow:0 4px 0 var(--cabinet-soft),0 9px 15px #111d271a;border-width:2px 2px 5px}.primary-button,.secondary-button,.icon-button,.stage-button,.word-bank button{border-bottom-width:4px}.answer-button{border-bottom-width:5px}.word-dialog{border-width:6px 2px 2px;box-shadow:5px 6px #d3b142,0 14px 24px #111d2738}.celebration-dialog{box-shadow:6px 7px 0 var(--success),0 15px 25px #111d273d;border-width:2px 2px 5px}}@media (prefers-reduced-motion:reduce){button:not(:disabled):active,.unit-machine:hover:not(:disabled),.answer-button:hover:not(:disabled){transform:none!important}}.counter-button{cursor:pointer;border:2px solid var(--cabinet-edge);min-height:40px;color:var(--ink);border-bottom-width:5px;border-radius:5px;box-shadow:0 3px #b5c2c9}.section-menu-backdrop{z-index:30;background:#18212a73;position:fixed;inset:0}.section-menu{border:3px solid var(--cabinet-edge);background:var(--surface);width:min(360px,100vw - 24px);max-height:calc(100vh - 100px);box-shadow:8px 10px 0 var(--info),0 20px 35px #111d2740;border-bottom-width:8px;border-radius:7px;padding:24px 18px 18px;position:absolute;top:76px;right:max(12px,50vw - 480px);overflow:auto}.section-menu h2{margin:0 0 14px}.section-menu-list{gap:9px;display:grid}.section-menu-item{border:2px solid var(--cabinet-edge);width:100%;min-height:64px;color:var(--ink);text-align:left;background:#f7fafb;border-bottom-width:5px;border-radius:5px;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;padding:9px 11px;display:grid;box-shadow:0 2px #aebcc4}.section-menu-item>span{font-weight:850}.section-menu-item>strong{overflow-wrap:anywhere}.section-menu-item>small{color:var(--muted);grid-column:1/-1}.section-menu-item.is-viewing{background:#eaf5ff;border-color:#155c98;box-shadow:0 4px #9dc9ed}.section-menu-item:disabled{background:#edf1f3}@media (width<=639px){.section-menu-backdrop{place-items:center;padding:12px;display:grid}.section-menu{width:min(360px,100vw - 24px);max-height:calc(100vh - 24px);box-shadow:5px 6px 0 var(--info),0 14px 24px #111d2738;border-width:2px 2px 6px;position:relative;top:auto;right:auto}}.current-mission{border:3px solid var(--cabinet-edge);background:var(--surface);border-bottom-width:8px;border-radius:7px;gap:16px;margin:18px 0;padding:20px;display:grid;box-shadow:0 6px #9dc9ed,0 15px 24px #111d271f}.current-mission h2{margin:0;font-size:21px}.mission-checklist{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mission-checklist span{border:1px solid var(--border);color:var(--muted);text-align:center;background:#edf1f3;padding:9px 7px;font-size:12px;font-weight:800}.mission-checklist span.is-done{border-color:var(--success);color:#11694d;background:#e8f7f1}.mission-map-actions{justify-content:space-between;align-items:center;gap:12px;margin:18px 0;display:flex}.mission-map-actions p{color:var(--muted);margin:0;line-height:1.5}.mission-map-actions button{flex:none}.mission-path{gap:14px;padding:8px 0;display:grid;position:relative}.mission-path:before{z-index:0;content:"";background:#c2cdd3;width:5px;position:absolute;top:20px;bottom:20px;left:25px}.mission-station{z-index:1;border:3px solid var(--cabinet-edge);background:var(--surface);width:100%;min-height:82px;color:var(--ink);text-align:left;border-bottom-width:7px;border-radius:7px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid;position:relative;box-shadow:0 4px #aebcc4}.station-number{border:2px solid var(--cabinet-edge);background:#edf1f3;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.station-copy{gap:3px;min-width:0;display:grid}.station-copy strong{font-size:17px}.station-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.station-status{color:var(--muted);background:#edf1f3;border-radius:4px;padding:5px 8px;font-size:12px;font-weight:850}.mission-station.is-current{background:#eaf5ff;border-color:#155c98;box-shadow:0 6px #9dc9ed}.mission-station.is-current .station-number{background:var(--action)}.mission-station.is-completed{border-color:#0d684c;box-shadow:0 6px #a8dccb}.mission-station.is-completed .station-number{background:var(--success);color:#fff}.mission-station.is-locked{background:#edf1f3;border-color:#a6b3bb;box-shadow:0 4px #c8d1d6}.mission-station.is-newly-completed{animation:1s ease-out station-light-up}.mission-station.is-newly-completed:after{border:3px solid var(--action);content:"";border-radius:10px;animation:1s ease-out station-ring;position:absolute;inset:-6px}@keyframes station-light-up{0%{transform:scale(.97)}35%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes station-ring{0%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(1.04)}}@media (width>=640px){.current-mission{grid-template-columns:1fr 1.3fr;align-items:center;padding:24px}.mission-path{grid-template-columns:repeat(2,1fr)}.mission-path:before{display:none}}@media (width<=639px){.mission-map-actions{flex-direction:column;align-items:stretch}.mission-map-actions button{width:100%}.mission-station{grid-template-columns:44px minmax(0,1fr);gap:9px;padding:10px}.station-number{width:38px;height:38px}.station-status{grid-column:2;justify-self:start}.mission-checklist{grid-template-columns:1fr}.current-mission{border-width:2px 2px 6px}}.collection-empty{border:3px solid var(--cabinet-edge);background:var(--surface);text-align:center;border-bottom-width:8px;border-radius:7px;margin:42px auto 0;padding:32px 20px;box-shadow:0 6px #d2ad43}.collection-empty>span{border:3px solid var(--cabinet-edge);background:var(--action);border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto;font-size:40px;display:grid}.collection-empty h2{margin-bottom:6px}.collection-empty p{color:var(--muted);margin:0 auto 22px;line-height:1.6}.collection-groups{gap:22px;margin-top:22px;display:grid}.collection-unit{border:2px solid var(--border);background:#ffffff8c;border-radius:7px;padding:18px}.collection-unit-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.collection-unit-header h2{margin:0;font-size:20px}.collection-unit-header span{color:var(--success);font-size:13px;font-weight:850}.collection-card-grid{gap:12px;display:grid}.vocabulary-card{border:3px solid var(--cabinet-edge);background:var(--surface);border-bottom-width:8px;border-radius:7px;grid-template-columns:minmax(0,1fr) 44px;gap:10px;min-height:180px;padding:17px;display:grid;position:relative;box-shadow:0 5px #a8dccb}.vocabulary-card h3{overflow-wrap:anywhere;margin:2px 0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:25px}.vocabulary-card strong{color:#11694d}.vocabulary-card>p{color:var(--muted);grid-column:1/-1;align-self:end;margin:4px 0 0;font-size:12px}.vocabulary-card>.icon-button{align-self:start}.locked-card-summary{color:var(--muted);background:#edf1f3;border:2px dashed #9facb4;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:12px;font-size:13px;font-weight:800;display:flex}.card-silhouettes{display:flex}.card-silhouettes i{background:#d8e0e4;border:2px solid #9facb4;border-radius:3px;width:24px;height:32px;margin-right:-8px;display:block}.card-silhouettes i:nth-child(2){transform:translateY(2px)}@media (width>=640px){.collection-empty{max-width:620px;padding:44px}.collection-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.collection-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=639px){.collection-unit{padding:12px}.vocabulary-card,.collection-empty{border-width:2px 2px 6px}}.reward-hud .text-button{min-height:28px;padding:2px 4px;font-size:11px}.reward-stars,.reward-streak{display:inline-block}.reward-stars.is-updated{animation:.35s ease-out reward-star-in}.reward-streak.is-updated{animation:.3s ease-out reward-streak-in}.chest-dialog{animation:.45s ease-out chest-open}@keyframes reward-star-in{0%{opacity:.45;transform:translateY(5px)scale(.88)}65%{opacity:1;transform:translateY(-2px)scale(1.08)}to{transform:none}}@keyframes reward-streak-in{0%{transform:scale(.82)}60%{transform:scale(1.12)}to{transform:none}}@keyframes chest-open{0%{opacity:0;transform:translateY(18px)scale(.86)}70%{opacity:1;transform:translateY(-3px)scale(1.03)}to{transform:none}}@media (prefers-reduced-motion:reduce){.reward-stars.is-updated,.reward-streak.is-updated,.chest-dialog,.mission-station.is-newly-completed,.mission-station.is-newly-completed:after{animation:none!important;transform:none!important}}.vocab-anchor{display:inline-block;position:relative}.vocab-word.is-common{color:inherit;font-weight:inherit;text-underline-offset:3px;background:0 0;-webkit-text-decoration:underline dotted #9cabb4;text-decoration:underline dotted #9cabb4}.vocab-word.is-target{background:#fff0ae;font-weight:750}.vocab-tooltip{z-index:20;width:max-content;max-width:min(250px,100vw - 28px);color:var(--ink);border:2px solid var(--ink);background:#fffef5;gap:6px;padding:12px;font-size:14px;line-height:1.35;display:grid;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:4px 5px #1f27332e}.vocab-tooltip:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fffef5;width:10px;height:10px;position:absolute;top:100%;left:50%;transform:translate(-50%,-6px)rotate(45deg)}.vocab-tooltip>strong{color:var(--danger);font-size:18px}.vocab-tooltip>span{font-weight:700}.vocab-tooltip>button{z-index:1;color:#fff;background:var(--ink);border:0;min-height:36px;padding:6px 10px;font-weight:800;position:relative}.sentence-dialog h3{color:var(--muted);margin:18px 0 6px;font-size:13px}.sentence-dialog p{color:var(--ink);margin:0;line-height:1.7}.sentence-dialog .sentence-chinese{color:var(--success);font-size:18px;font-weight:750}