:root{--ink:#203835;--soft:#67746b;--paper:#f5f0e4;--line:#cfcabb;--red:#a64230;--green:#37564a;--gold:#9c8046;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 system-ui,-apple-system,"Noto Sans TC",sans-serif;background-image:radial-gradient(#88765015 .7px,transparent .7px);background-size:4px 4px}h1,h2,h3,.brand,.word{font-family:"Noto Serif TC","Songti TC","Hiragino Mincho ProN",serif}h1{font-weight:600;font-size:clamp(28px,3.5vw,46px);line-height:1.45;letter-spacing:2px}h2{font-size:26px;line-height:1.5;font-weight:600}h3{font-size:21px}p{margin:12px 0}a{color:var(--green)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid var(--line);background:#fffdf7b8;color:var(--ink);border-radius:4px;padding:10px 17px;line-height:1.6;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:#e4e9dc;border-color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b96540;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:var(--ink);border-color:var(--ink);color:#fff9eb}.primary:hover:not(:disabled){background:#31594a;color:white}.quiet{display:block;margin:20px auto 0;background:transparent;border-color:transparent;color:var(--soft)}.muted,small{color:var(--soft)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:var(--red)}.site-header{display:flex;gap:25px;align-items:center;max-width:1400px;margin:auto;padding:20px 36px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:26px;font-weight:bold;white-space:nowrap}.brand small{font:9px/1.5 system-ui;display:block;letter-spacing:1.6px}.seal{color:#fff9e8;background:var(--red);font-size:31px;padding:0 10px;transform:rotate(-6deg);border-radius:2px}nav{margin-left:auto;display:flex;gap:4px}nav button{border:0;background:transparent;font-size:14px;padding:9px 12px}#status{font-size:12px;white-space:nowrap;border-color:var(--line);padding:8px 11px}main{max-width:1320px;margin:auto;padding:0 32px 60px}.hero{margin:0 -32px;min-height:570px;background:url('assets/hero-ink.png') center center/cover;position:relative;display:flex;align-items:center;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5f0e4aa,transparent 62%);z-index:-1}.hero-copy{padding:65px 6%;max-width:700px}.hero-copy h1{font-size:clamp(32px,4vw,53px);line-height:1.65;letter-spacing:4px;margin:22px 0;color:#163933}.hero-copy>p:not(.eyebrow){line-height:2.2;font-size:16px}.hero-copy small{display:block;margin-top:22px;letter-spacing:1px}.actions,.audio-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:22px 0}.ghost{background:#faf7ecd9}.journey-strip{display:flex;align-items:center;gap:22px;padding:18px 30px;margin:-2px 0 45px;border:1px solid var(--line);border-left:4px solid var(--red);background:#fffaf1d9}.journey-strip>div:first-child{flex:none}.journey-strip>div:nth-child(2){flex:1}.journey-strip p{margin:4px 0}.journey-strip>button{flex:none}.section-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:25px 0}.section-heading h2{margin:6px 0}.level-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.level-tabs button{display:grid;grid-template-columns:auto 1fr;text-align:left;gap:0 12px;padding:14px 16px}.level-tabs strong{font:24px serif;grid-row:span 2;align-self:center}.level-tabs small{display:block;font-size:11px}.level-tabs .selected,.tabs .selected{background:var(--ink);color:white;border-color:var(--ink)}.level-tabs .selected small{color:#d8deca}.realm-panel{display:grid;grid-template-columns:320px 1fr;background:#fffaf1c9;border:1px solid var(--line);margin-top:24px}.realm-panel>div:last-child{padding:25px 36px;align-self:center}.scene{background-image:url('assets/realms-ink.png');background-size:300% 200%;background-position:var(--x) var(--y);aspect-ratio:1;min-width:0}.chapter-list{display:grid;gap:10px;margin-top:22px}.chapter{display:flex;align-items:center;gap:20px;text-align:left;padding:18px 24px;background:#fffaf18c}.chapter>span:nth-child(2){flex:1}.chapter-number{font:italic 34px serif;color:var(--gold)}.chapter strong{display:block;font:600 20px/1.8 serif}.chapter small{display:block;font-size:11px}.chapter-state{font-size:12px;color:var(--soft)}.chapter.current{border-left:4px solid var(--red)}.chapter.completed{border-left:4px solid var(--green);background:#e5eadf}.page-title{text-align:center;max-width:860px;margin:55px auto 32px}.page-title p{color:var(--soft)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.role-card{border:1px solid var(--line);background:#fffaf3c9;border-radius:70px 4px 4px 4px;overflow:hidden}.role-card.selected{outline:2px solid var(--red)}.role-art{width:100%;aspect-ratio:1/2;background:url('assets/travelers-ink.png');background-size:300% 100%;background-position:var(--position) center;mix-blend-mode:normal}.role-card .role-art{width:190px;margin:auto}.role-copy{padding:0 25px 25px;text-align:center}.role-copy h2{font-size:32px;margin:4px}.role-copy p{font-size:14px}.trait{color:var(--red)}.role-copy button{width:100%}.role-art.mini{width:40px;height:80px}.role-art.small{width:68px;min-width:68px}.mentor{display:flex;max-width:650px;margin:35px auto;gap:28px;align-items:center;font:21px/1.9 serif}.fox{width:100px;aspect-ratio:1;background:url('assets/realms-ink.png') 100% 100%/300% 200%;mix-blend-mode:normal;flex:none}.story-layout{display:grid;grid-template-columns:300px 1fr;gap:35px;margin-top:35px;align-items:start}.story-aside{position:sticky;top:20px}.story-aside>.scene{border-radius:80px 4px 4px 4px}.story-guide{display:flex;gap:12px;align-items:center;font-size:13px;margin:20px 0}.story-paper,.word-paper,.panel{background:#fffdf7df;border:1px solid var(--line);padding:38px}.story-paper h1{margin:14px 0 22px}.story-paper blockquote,blockquote{margin:20px 0;padding:12px 18px;background:#e7ece280;border-left:3px solid var(--gold)}.audio-bar button{font-size:12px;padding:7px 12px}.story-text{font-family:"Noto Serif JP","Hiragino Mincho ProN",serif}.paragraph{margin:30px 0}.paragraph p[lang=ja]{font-size:20px;line-height:2.1}.translation{font:14px/1.9 system-ui;color:var(--soft)}.hide-translations .translation{display:none}.dialogue{display:flex;gap:20px;padding:22px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}.dialogue .fox{width:70px}.decision{margin:30px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.choices button{text-align:left;padding:16px;min-height:64px;overflow-wrap:anywhere}.chapter-mission{padding-top:25px;border-top:1px solid var(--line)}.progress{height:5px;background:#dedfd0;border-radius:8px;margin:20px 0 10px}.progress span{display:block;background:var(--green);height:100%}.reward{color:var(--red);font-size:13px;font-weight:bold}.panel{max-width:850px;margin:45px auto}.panel h2{margin-top:30px}.tip{background:#ebeddf;padding:14px 20px;border-left:3px solid var(--gold);font-size:14px}.lesson-layout{display:grid;grid-template-columns:230px 1fr;max-width:1050px;margin:40px auto;gap:30px;align-items:start}.lesson-role{width:125px;margin:auto}.lesson-guide{text-align:center;font-size:13px}.lesson-guide h2{font-size:21px}.lesson-guide p{font-size:13px}.word-paper{text-align:center}.word{font-size:clamp(32px,5vw,54px);line-height:1.5;overflow-wrap:anywhere;margin:24px 0 6px;letter-spacing:2px}.reading{font-size:22px;margin:4px 0}.meaning{font-size:21px;line-height:1.9;white-space:pre-line}.word-paper .audio-bar,.word-paper .actions{justify-content:center}.example{text-align:left;padding:20px 25px;border-left:3px solid var(--gold);background:#f1f0e5;margin-top:25px;white-space:pre-line;line-height:1.9}.example p[lang=ja]{font-size:20px}.example p:not([lang]){font-size:14px;color:var(--soft)}.quiz h1{font-size:29px}.quiz-word{text-align:center}.listen-symbol{font:56px serif;margin:20px;color:var(--red)}.quiz-word button{margin:5px}.feedback{min-height:40px;color:var(--green);font-weight:600;white-space:pre-line}.feedback.wrong{color:var(--red)}label{display:block;margin:10px 0 6px}input:not([type=checkbox]):not([type=file]),select{padding:12px;border:1px solid #96a28c;border-radius:3px;background:#fff;color:var(--ink);max-width:100%}#reading-input{width:100%;font-size:24px}.kana-keyboard{margin-top:20px;font-size:13px}.kana-keyboard>div{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:15px}.kana-keyboard button{padding:8px 0}.kana-keyboard button:last-child{grid-column:span 2}.achievement{text-align:center}.achievement .fox{width:160px;margin:auto}.achievement .actions{justify-content:center}.search-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:24px}.search-bar label{font-size:13px;margin:0}.search-bar #search{flex:1;min-width:180px}.check{display:flex;align-items:center;gap:5px}.dictionary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dictionary-card{background:#fffdf8c9;border:1px solid var(--line);padding:24px;min-width:0;overflow-wrap:anywhere}.dictionary-card h2{font-size:25px;margin:10px 0 4px}.dictionary-card p{font-size:14px;white-space:pre-line}.badge{font-size:10px;letter-spacing:1px;background:#e7eadd;padding:4px 9px;border-radius:2px;color:var(--green)}.pagination{display:flex;gap:20px;justify-content:center;align-items:center;margin:35px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.journal-card{border:1px solid var(--line);padding:30px;background:#fffaf1}.journal-card>button{display:block;margin-top:20px}.journal-card h2{font-size:23px}.ending{position:relative;isolation:isolate;text-align:left;min-height:610px;padding:60px 5%;background:url('assets/hero-ink.png') center/cover}.ending:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5f0e4f2 0%,#f5f0e4c9 36%,transparent 68%);z-index:-1}.ending-copy{max-width:580px}.ending-copy>p:not(.eyebrow){max-width:420px;line-height:2}.ending-copy h1{line-height:1.75}.ending h1{font-size:43px}.ending-companions{display:flex;justify-content:center}.ending-companions .role-art{width:95px}.ending-echo{border-bottom:1px solid var(--line);padding:12px 0}.kana-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.kana-grid button{font-size:27px;padding:8px}.kana-grid small{display:block;font:11px system-ui}.tabs{display:flex;gap:10px;margin:25px 0}.file-button{border:1px solid var(--line);padding:10px 17px;cursor:pointer;margin:0}.file-button input{display:block;font-size:12px;margin-top:8px;max-width:245px}footer{border-top:1px solid var(--line);padding:32px 22px;text-align:center;color:var(--soft);font-size:11px}footer strong{font:18px serif;color:var(--ink)}footer button{font-size:11px;padding:2px 8px;margin-left:5px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;background:var(--ink);color:white;border-radius:5px;max-width:90vw;font-size:14px}#notice:not(:empty){padding:13px 22px}.loading{text-align:center;padding:100px 0}.empty{text-align:center;padding:35px}
@media(max-width:1050px){.site-header{gap:12px;padding:16px 22px}.brand{font-size:22px}.brand small{font-size:8px}nav button{font-size:12px;padding:8px}.story-layout{grid-template-columns:235px 1fr;gap:20px}.story-paper{padding:28px}.level-tabs button{padding:13px 8px;gap:0 7px}.level-tabs strong{font-size:20px}}
@media(max-width:760px){.site-header{flex-wrap:wrap;padding:15px 18px}.brand{font-size:22px}#status{margin-left:auto;font-size:11px}nav{order:3;width:100%;margin:0;justify-content:space-between;border-top:1px solid var(--line);padding-top:7px}nav button{font-size:13px}main{padding:0 17px 40px}.hero{margin:0 -17px;min-height:670px;background-position:right bottom;background-size:auto 380px;background-repeat:no-repeat;align-items:flex-start}.hero:before{background:linear-gradient(180deg,#f5f0e4f2 0%,#f5f0e4d9 39%,#f5f0e400 77%)}.hero-copy{padding:30px 24px;max-width:100%}.hero-copy h1{font-size:31px;letter-spacing:2px;line-height:1.7;margin:16px 0}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.hero-copy .actions{margin:18px 0 0;gap:8px}.hero-copy .actions button{font-size:13px;padding:10px 12px}.hero-copy small{font-size:11px}.journey-strip{padding:14px 12px;gap:12px;margin-bottom:30px;flex-wrap:wrap}.journey-strip>div:nth-child(2){min-width:200px;font-size:13px}.journey-strip>button{font-size:12px;margin-left:auto}.journey-strip .fox{width:65px}.section-heading{align-items:flex-start;gap:10px}.section-heading .muted{font-size:11px;max-width:110px}.section-heading .eyebrow{font-size:9px}.level-tabs{grid-template-columns:repeat(5,1fr);gap:4px}.level-tabs button{display:block;text-align:center;font-size:10px;padding:10px 2px}.level-tabs strong{display:block;font-size:19px}.level-tabs small{font-size:9px}.realm-panel{grid-template-columns:120px 1fr}.realm-panel .scene{height:100%;aspect-ratio:auto;background-size:600% 200%}.realm-panel>div:last-child{padding:17px}.realm-panel h2{font-size:23px;margin:5px 0}.realm-panel p:not(.eyebrow){font-size:12px}.realm-panel .eyebrow{font-size:9px}.realm-panel button{font-size:11px;padding:7px 10px}.chapter{padding:15px 12px;gap:12px}.chapter-number{font-size:27px}.chapter strong{font-size:18px}.chapter small{font-size:10px}.chapter-state{font-size:10px;max-width:70px}.page-title{margin:35px auto 25px}.page-title h1{font-size:28px}.page-title p{font-size:13px}.role-grid{grid-template-columns:1fr;gap:16px}.role-card{display:grid;grid-template-columns:125px 1fr;border-radius:35px 4px 4px 4px;align-items:center}.role-card .role-art{width:125px}.role-copy{padding:18px 15px 18px 0}.role-copy p{font-size:12px}.role-copy h2{font-size:27px}.role-copy button{font-size:13px}.mentor{font-size:17px;gap:14px}.mentor .fox{width:80px}.story-layout{display:block;margin-top:20px}.story-aside{position:static}.story-aside>.scene{max-width:200px;margin:auto}.story-guide{max-width:460px;margin:12px auto}.story-aside>button{margin:5px 0 18px}.story-paper,.panel,.word-paper{padding:24px 18px}.story-paper h1{font-size:28px}.paragraph p[lang=ja]{font-size:18px}.translation{font-size:13px}.dialogue{gap:10px}.dialogue .fox{width:50px}.dialogue p{font-size:13px}.choices{grid-template-columns:1fr}.choices button{font-size:14px;padding:14px}.panel{margin:25px 0}.lesson-layout{grid-template-columns:1fr;margin:22px 0;gap:15px}.lesson-guide{display:grid;grid-template-columns:70px 1fr;text-align:left;column-gap:13px}.lesson-guide .lesson-role{width:65px;grid-row:span 4}.lesson-guide>p:not(.eyebrow){display:none}.lesson-guide .eyebrow,.lesson-guide h2{margin:3px 0}.lesson-guide small{font-size:11px}.lesson-guide button{font-size:11px;padding:3px 8px;justify-self:start}.word{font-size:36px}.meaning{font-size:17px}.reading{font-size:20px}.example{padding:17px}.quiz h1{font-size:25px}.kana-keyboard>div{grid-template-columns:repeat(8,1fr)}.dictionary-grid{grid-template-columns:1fr 1fr;gap:9px}.dictionary-card{padding:14px}.dictionary-card h2{font-size:21px}.dictionary-card p{font-size:12px}.dictionary-card .audio-bar{gap:5px}.dictionary-card button{padding:6px;font-size:10px}.search-bar{gap:8px}.search-bar #search{width:100%;flex:auto}.search-bar label:first-child{width:100%}.journal-grid{grid-template-columns:1fr}.journal-card{padding:22px}.ending{padding:35px 22px;min-height:640px;background-size:auto 380px;background-position:right bottom;background-repeat:no-repeat}.ending:before{background:linear-gradient(180deg,#f5f0e4 0%,#f5f0e4df 35%,transparent 70%)}.ending h1{font-size:29px;letter-spacing:1px}.ending-copy>p:not(.eyebrow){font-size:13px}.ending-companions .role-art{width:80px}.tabs{gap:7px}.tabs button{font-size:13px;padding:9px}.kana-grid{gap:6px}.kana-grid button{font-size:25px}footer{font-size:10px}.pagination{margin:25px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* 情境學習與證據面板 */
.dashboard{background:#fffaf1c9;border:1px solid var(--line);padding:25px;margin:0 0 35px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.metrics>div{padding:17px 12px;border:1px solid var(--line);background:#f3f2e7;text-align:center}.metrics strong{display:block;font:32px/1.3 serif;color:var(--green)}.metrics span{display:block;font-size:12px;margin-top:8px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0}.entry-grid>button{text-align:left;padding:20px}.entry-grid>button strong,.entry-grid>button span{display:block}.entry-grid>button span{font-size:13px;margin-top:10px}.can-do,.grammar-card{padding:20px 24px;background:#eef0e4;border-left:4px solid var(--green);margin:24px 0}.can-do>strong{color:var(--red);font-size:13px}.can-do p:last-child{font-size:12px;color:var(--soft)}.grammar-card p[lang=ja]{font-size:19px;line-height:2.3}.inline-word{font:inherit;color:inherit;padding:0 2px;margin:0;border:0;border-bottom:1px dotted #8b9b83;border-radius:0;background:transparent;line-height:inherit;display:inline;vertical-align:baseline}.inline-word:hover:not(:disabled){background:#e5eadb}.inline-word ruby{ruby-position:over}.inline-word rt{font:10px/1.4 system-ui;color:#566e61;letter-spacing:0}.paragraph p[lang=ja]{line-height:2.7}.gloss-dialog{background:#fffdf3;color:var(--ink);border:1px solid var(--gold);max-width:min(500px,90vw);padding:28px}.gloss-dialog::backdrop{background:#142c2566}.gloss-dialog h2{font-size:30px;margin-top:0}.story-beats{margin:25px 0}.micro-story{padding:18px;border:1px dashed var(--line);margin:12px 0;background:#f5f2e9}.micro-story.revealed{border:1px solid #98ac92;background:#edf2e6}.micro-story p[lang=ja]{font-size:19px;line-height:2.5}.target-words{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.target-words button{padding:12px 5px;overflow-wrap:anywhere}.target-words small{display:block;font-size:11px}.assessment-material{font-size:21px;line-height:2.1;white-space:pre-line;background:#f0f0e5;padding:24px;border-left:3px solid var(--gold);margin:24px 0;overflow-wrap:anywhere}.listening-material{display:flex;gap:12px;flex-wrap:wrap;padding:22px 0}.assessment .choices{grid-template-columns:1fr}.assessment-records{display:grid;gap:13px}.assessment-records article{padding:18px;background:#f1f0e5;border:1px solid var(--line)}.assessment-records h3{margin:0}.weak-words{display:grid;grid-template-columns:1fr 1fr;gap:10px}.weak-words button{text-align:left}.weak-words strong,.weak-words span{display:block}.weak-words span{font-size:12px}.evidence-notes{padding-left:23px;font-size:14px}.evidence-notes li{margin:10px 0}.spelling-tiles{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.spelling-tiles button{font-size:24px;min-width:44px}.example>small{display:block;font-size:11px;margin-top:12px}.tabs{flex-wrap:wrap}.chapter-state{flex-shrink:0;max-width:120px}.section-heading>.actions{margin:0}.hero-copy{max-width:740px}.hero-copy .actions{max-width:560px}
@media(max-width:760px){.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics strong{font-size:28px}.metrics span{font-size:11px}.metrics>div{padding:13px 7px}.dashboard{padding:18px 14px}.entry-grid{grid-template-columns:1fr}.can-do,.grammar-card{padding:15px}.target-words{grid-template-columns:repeat(2,minmax(0,1fr))}.weak-words{grid-template-columns:1fr}.assessment-material{font-size:18px;padding:17px}.section-heading{flex-wrap:wrap}.chapter-state{max-width:65px}.hero{min-height:740px}.hero-copy small{max-width:290px}.micro-story p[lang=ja]{font-size:17px}.story-paper .audio-bar{gap:7px}.panel h1{overflow-wrap:anywhere}.gloss-dialog{padding:22px}.inline-word rt{font-size:10px}}

/* A compact location marker; the full checklist opens only on request. */
.journey-progress{margin:14px 0;padding:14px 16px;border:1px solid #b9aa88;border-radius:12px;background:#fffaf0;color:#293b33;font-size:14px;line-height:1.65;text-align:left;overflow-wrap:anywhere}
.journey-progress p{margin:5px 0!important;font-size:inherit!important;line-height:1.65!important}.journey-progress strong{display:block}.journey-progress progress{display:block;width:100%;height:7px;margin:9px 0;accent-color:#456956}.journey-progress summary{cursor:pointer;font-weight:600}.journey-progress ol{padding-left:24px;margin:9px 0;max-height:240px;overflow:auto}.journey-progress li{padding:4px 0}.journey-progress [aria-current="step"]{font-weight:700;color:#804a29}.story-thread{border-left:3px solid #a47c41;padding:4px 14px;margin:16px 0;text-align:left}.story-thread p{font-size:15px;line-height:1.8;margin:8px 0}.story-thread b{color:#704a25}.scene-heading .journey-progress{max-width:440px;background:#fffaf0eb;padding:9px 13px;margin:10px 0;font-size:13px}.scene-heading .journey-progress p{letter-spacing:normal}.scene-heading .journey-progress strong{font-size:14px}.scene-heading .journey-progress details{display:none}@media(max-width:600px){.journey-progress{padding:10px 12px;font-size:13px}.scene-heading .journey-progress{max-width:calc(100vw - 40px)}.scene-heading .journey-progress .progress-note{display:none}}