:root{--green:#173b35;--green2:#28574d;--jade:#4f8374;--cream:#f6f2e8;--white:#fffdf8;--line:#dfddcf;--ink:#26332e;--muted:#6d796f;--gold:#eab463;--rust:#c77454;--rose:#f6e0d3;--good:#2e775b;--bad:#a34f41;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.57}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}button:focus-visible,a:focus-visible{outline:3px solid #e5a64e;outline-offset:3px}a{color:#286d5e}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.16}h1,h2,.display,.brand-name,.stage-name{font-family:Georgia,"Times New Roman",serif;font-weight:700}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:30;width:267px;height:100dvh;background:var(--green);color:#f8f5e9;padding:28px 20px 17px;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:12px;padding:0 7px 27px;border-bottom:1px solid #ffffff25}.brand-icon{width:52px;height:59px;border:2px solid #dfbd7d;border-radius:19px 19px 10px 10px;position:relative;display:grid;place-items:center;color:#e7c88d;font-family:Georgia,serif;font-size:20px;font-weight:900;transform:rotate(-5deg)}.brand-icon i{position:absolute;bottom:-8px;width:15px;height:15px;background:#e4b66a;transform:rotate(45deg);z-index:-1}.brand-over{font-size:8px;letter-spacing:.23em;color:#e5d8b0;font-weight:900}.brand-name{font-size:28px;line-height:1.01;letter-spacing:-.04em}.brand-name em{font-style:italic;color:#ecc184}.nav-caption{color:#e5d4af99;letter-spacing:.17em;font-size:9px;font-weight:900;margin:28px 13px 11px}#nav{display:flex;flex-direction:column;gap:6px}.nav-btn{display:flex;align-items:center;gap:11px;width:100%;background:transparent;color:#dbded0;text-align:left;border:1px solid transparent;padding:12px 11px;border-radius:11px;font-size:12px;font-weight:800;letter-spacing:.02em;transition:.16s}.nav-btn svg{width:21px;height:21px;flex:0 0 21px}.nav-btn span{flex:1}.nav-btn small{font-size:9px;opacity:.7}.nav-btn:hover,.nav-btn.active{background:#ffffff15;border-color:#ffffff2a;color:white}.nav-btn.active:before{content:"";height:23px;width:3px;background:var(--gold);border-radius:4px;margin-left:-12px}.sidebar-bottom{margin-top:45px;border-top:1px solid #ffffff22;padding:22px 8px 15px}.stamp{border:1px dashed #edd5a45d;transform:rotate(-2deg);padding:15px 12px;text-align:center;color:#ecd1a0}.stamp span{display:block;font-size:9px;letter-spacing:.24em}.stamp strong{display:block;font-size:14px;line-height:1.25;letter-spacing:.1em;margin-top:7px}.sidebar-bottom p{margin-top:17px;color:#bacbc3;font-size:11px;line-height:1.5}.reset{margin-top:16px;background:transparent;border:0;border-bottom:1px dashed #96b6a9;color:#c3d9ce;font-size:11px;padding:2px 0}.app-frame{margin-left:267px;width:calc(100% - 267px);min-width:0}.topbar{height:72px;background:#fffdf9e8;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 max(3.4vw,24px);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.chapter-indicator{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--muted)}.topbar-stats{display:flex;align-items:center;gap:12px}.stat{border:1px solid #deded1;padding:7px 12px;border-radius:30px;font-size:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap;color:#58655c;background:white}.stat b{font-size:14px;color:#1c4439}.stat-symbol{color:var(--jade);font-size:15px}.stat-symbol.amber{color:#ce853f}.hamburger{display:none;background:none;border:0;font-size:23px;color:var(--green);margin-right:12px}main{max-width:1380px;margin:0 auto;padding:29px max(3.4vw,24px) 60px;min-height:calc(100vh - 130px)}.footer{padding:23px;text-align:center;font-size:9px;letter-spacing:.14em;font-weight:900;color:#819085;border-top:1px solid var(--line)}.footer span{margin:0 12px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:#6a7c70;display:flex;gap:9px;align-items:center}.eyebrow:before{content:"";display:block;width:24px;height:2px;background:var(--rust)}.hero{border:1px solid #ccd6c8;border-radius:22px;background:#e8eadd;display:grid;grid-template-columns:1fr 1.08fr;overflow:hidden;min-height:330px;position:relative;box-shadow:0 8px 21px #19302e0b}.hero-copy{padding:44px 16px 36px 42px;position:relative;z-index:1}.hero h1{font-size:clamp(36px,4.9vw,69px);letter-spacing:-.065em;line-height:.99;color:var(--green);margin:14px 0 17px;max-width:590px}.hero h1 em{font-style:italic;color:#a75d45}.hero-copy p{font-size:14px;color:#4b6557;max-width:520px;line-height:1.75;margin-bottom:23px}.hero-art{position:relative;min-height:350px}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e8eadd 0%,transparent 30%);z-index:1}.small-seal{position:absolute;bottom:25px;right:25px;border:3px solid #fff2da;border-radius:50%;width:92px;height:92px;background:var(--green);color:#ffdc9c;display:flex;justify-content:center;align-items:center;text-align:center;transform:rotate(12deg);font-size:12px;line-height:1.3;font-weight:900;box-shadow:0 8px 15px #0002;z-index:2}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:11px;background:var(--green);color:#fff;border:1px solid var(--green);padding:12px 19px;font-size:12px;font-weight:900;letter-spacing:.035em;transition:transform .17s,background .17s;text-decoration:none;min-height:45px}.btn:hover:not(:disabled){transform:translateY(-2px);background:#2d6153}.btn.secondary{background:#fffdf8;color:var(--green);border-color:#c9d4c8}.btn.secondary:hover:not(:disabled){background:#eaf4e9}.btn.gold{background:#e5ae62;color:#2b352d;border-color:#e5ae62}.btn.gold:hover:not(:disabled){background:#f0c883}.btn.small{padding:8px 12px;min-height:35px;font-size:11px}.btn.ghost{background:transparent;color:var(--green);border-color:transparent}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-label{border:1px solid #6d8274;background:#f6f3e7;padding:6px 12px;display:inline-block;border-radius:50px;font-size:10px;font-weight:900;letter-spacing:.1em}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 39px}.quick-card{border:1px solid var(--line);border-radius:14px;background:var(--white);padding:19px 16px;display:flex;align-items:center;gap:11px}.quick-card strong{display:block;font:700 24px Georgia,serif;color:#224d40;letter-spacing:-.04em}.quick-card small{font-size:10px;font-weight:800;color:#748173;letter-spacing:.035em}.quick-icon{font-size:25px;width:47px;height:47px;border-radius:12px;background:#e8efe5;display:grid;place-items:center;flex-shrink:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:17px}.section-head h2{font-size:clamp(27px,3vw,36px);margin:5px 0}.section-head p{font-size:13px;color:var(--muted)}.region-list{display:grid;grid-template-columns:1fr;gap:17px}.region{border:1px solid #d4dbcf;border-radius:18px;overflow:hidden;background:var(--white);box-shadow:0 5px 15px #263d2907}.region-top{display:grid;grid-template-columns:250px 1fr;gap:21px;align-items:stretch;border-bottom:1px solid var(--line);background:#f4f5ee}.region-illust{height:170px;object-fit:cover;width:100%}.region-meta{padding:22px 21px 16px 0;display:flex;flex-direction:column;justify-content:center}.region-kicker{text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.14em;color:#87765a}.region h3{font:700 28px Georgia,serif;letter-spacing:-.035em;margin:6px 0}.region-desc{color:#637166;font-size:12px}.track{margin-top:17px;background:#d9dfd6;height:7px;border-radius:30px;overflow:hidden;max-width:410px}.track i{display:block;height:100%;background:#46836b;border-radius:30px;transition:width .3s}.region-body{padding:20px 21px 23px}.region-small{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.region-small strong{font-size:11px;color:#406453}.region-small span{font-size:11px;color:#7e897d}.mission-path{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.mission{border:1px solid #d8decf;background:#f9f9f4;border-radius:11px;min-height:126px;padding:14px 12px;text-align:left;display:flex;flex-direction:column;gap:8px;position:relative;transition:transform .15s,border .15s,background .15s}.mission:hover:not(:disabled){transform:translateY(-3px);border-color:#89ae95;background:#fffdf6}.mission-ordinal{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;color:#8b937c;letter-spacing:.05em}.mission-ordinal b{font-size:17px;font-family:Georgia,serif;color:#466652}.mission-name{font:700 16px/1.18 Georgia,serif;color:#384b3b;letter-spacing:-.02em}.mission-status{margin-top:auto;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#777f6d}.mission.locked{opacity:.53;background:#ebeee8}.mission.done{border-color:#8eba9d;background:#eaf3e7}.mission.done .mission-ordinal b{color:#27835e}.mission.current{border:2px solid #c88758;background:#fff7e5;padding:13px 11px}.mission.current .mission-status{color:#af7541}.paper{background:#fffdfa;border:1px solid #dcdccf;border-radius:19px;box-shadow:0 10px 24px #202b1710}.stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:19px;margin-top:17px}.backline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.linkbtn{border:0;background:transparent;color:#426b5a;font-size:12px;font-weight:900;padding:8px 0}.stage-head{padding:26px 30px 25px}.stage-breadcrumb{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#788777;font-weight:900}.stage-head h1{font-size:clamp(27px,3.4vw,46px);letter-spacing:-.045em;margin:9px 0 13px;color:var(--green)}.stage-head>p{font-size:13px;color:#657267}.stage-picture{width:100%;height:290px;object-fit:cover;object-position:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dialogue{background:#f5f3e9;margin:26px 30px;padding:18px 23px 20px;border-radius:13px;border-left:4px solid var(--rust);display:flex;gap:16px;align-items:flex-start}.avatar{height:48px;width:48px;flex:0 0 48px;border:2px solid #fff8e9;background:#2f6659;border-radius:50%;display:grid;place-items:center;color:#fff6da;font:700 17px Georgia,serif;box-shadow:0 3px 0 #234c41}.dialogue strong{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a15d46}.dialogue p{font-size:14px;margin-top:5px;line-height:1.6}.stage-action{padding:0 30px 30px;display:flex;gap:9px;flex-wrap:wrap}.side-info{padding:23px;height:max-content}.side-info h3{font-size:22px;margin:12px 0}.side-info p{font-size:12px;line-height:1.8;color:#5f6e63}.mini-check{border:1px solid #d7ddd0;border-radius:11px;background:#f4f6ef;margin-top:17px;padding:13px}.mini-check label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.mini-check input{accent-color:#356e58;width:17px;height:17px}.side-map{width:100%;height:115px;object-fit:cover;border-radius:12px}.lesson-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lesson-card{padding:25px 27px}.lesson-card h3{font-size:23px;margin:9px 0 14px}.lesson-card p{font-size:13px;line-height:1.85;color:#43564c}.lesson-card.wide{grid-column:1/-1}.concepts{list-style:none;padding:0;margin:0;display:grid;gap:10px}.concepts li{display:flex;gap:12px;align-items:flex-start;background:#f5f6ef;padding:12px 14px;border:1px solid #e0e4d9;border-radius:9px;font-size:12px}.concepts li:before{content:"✓";color:#fff;background:#4e856e;border-radius:100%;width:19px;height:19px;flex:0 0 19px;text-align:center;line-height:19px;font-weight:900}.diagram{display:flex;flex-wrap:wrap;align-items:stretch;gap:11px;margin-top:12px}.diagram-block{background:#dfece3;border:1px solid #bed2c5;border-radius:9px;padding:15px 14px;min-height:68px;flex:1 1 140px;display:grid;place-items:center;color:#234c41;font-size:12px;line-height:1.5;font-weight:900;text-align:center}.diagram-block:nth-child(even){background:#fff1dd;border-color:#ebd1a7;color:#745539}.trap{border-radius:12px;border:1px dashed #d6a08d;background:#fff6ef;padding:20px 23px}.trap .eyebrow{color:#a6634a}.trap h3{font-size:21px;margin:9px 0 6px}.trap p{font-size:13px;color:#745849;line-height:1.8}.lesson-bottom{margin-top:15px;display:flex;justify-content:space-between;gap:10px;align-items:center}.quiz-panel{padding:26px 29px}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.quiz-progress-label{text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:900;color:#748678}.count-pill{font-size:11px;font-weight:900;background:#e7eee6;padding:7px 12px;border-radius:30px;color:#345c4e}.question-title{font-size:clamp(19px,2.2vw,27px);font-family:Georgia,serif;line-height:1.37;letter-spacing:-.02em;margin:21px 0 20px}.quiz-options{display:grid;gap:10px}.option{border:1px solid #d9dfd4;background:#f9faf5;border-radius:11px;padding:14px 17px;display:flex;align-items:center;text-align:left;gap:12px;width:100%;transition:.15s;color:#2f4435;font-size:13px;font-weight:700}.option:hover:not(:disabled){background:#f3eedf;border-color:#b4c7b1}.option .letter{display:grid;place-items:center;width:33px;height:33px;border:1px solid #d3dace;background:#fff;border-radius:8px;font-weight:900;flex-shrink:0}.option.correct{background:#e4f0e5;border:1px solid #549477}.option.wrong{background:#fbebe5;border:1px solid #bd7e68}.option.correct .letter{background:#40866a;color:white;border-color:#40866a}.option.wrong .letter{background:#a85d4c;color:white;border-color:#a85d4c}.explanation{background:#f4f5ec;border-radius:10px;border-left:4px solid #548572;padding:16px 18px;margin-top:18px;font-size:13px;line-height:1.7}.explanation.bad{border-color:#c37e5f;background:#fff4ee}.explanation strong{display:block;margin-bottom:3px;color:#315d4b}.explanation.bad strong{color:#a35d42}.quiz-next{margin-top:18px;display:flex;justify-content:flex-end}.result{text-align:center;padding:43px 25px}.result-crest{height:120px;width:120px;border-radius:50%;border:6px double #d4a356;background:#f4edce;display:grid;place-items:center;font-size:58px;margin:0 auto 18px;box-shadow:0 7px 0 #e4e1c8}.result h2{font-size:38px;color:var(--green);margin:9px 0}.result p{max-width:500px;margin:8px auto 18px;font-size:13px;color:#617367}.result-score{font:700 40px Georgia,serif;color:#a76a46}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:22px}.badges-line{display:flex;gap:10px;justify-content:center;margin-top:10px}.badges-line span{font-size:10px;font-weight:900;padding:6px 12px;background:#f0e6d2;border-radius:30px;color:#826238}.screen-title{margin-bottom:19px}.screen-title h1{font-size:clamp(36px,4vw,54px);margin-top:6px;letter-spacing:-.05em;color:var(--green)}.screen-title p{font-size:13px;color:#6d786c;margin-top:11px;max-width:670px}.screen-split{display:grid;grid-template-columns:1fr 330px;gap:18px}.settings{padding:25px}.settings h3{font-size:23px;margin-bottom:18px}.field{margin-bottom:18px}.field label{display:block;font-size:11px;font-weight:900;color:#59685d;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.select{height:44px;width:100%;border:1px solid #d2dacd;background:#f8faf6;border-radius:8px;color:#25463a;padding:0 14px;font-weight:800;font-size:13px}.review-list{display:grid;gap:11px}.review-card{background:#fffdfa;border:1px solid var(--line);padding:17px 20px;border-radius:11px}.review-card small{display:block;color:#9b765e;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900;margin-bottom:6px}.review-card h3{font:700 17px Georgia,serif;margin-bottom:9px}.review-card p{font-size:12px;color:#5d7060}.review-actions{margin-top:17px;display:flex;gap:10px;flex-wrap:wrap}.note{background:#f9f0df;border:1px solid #e8d4a7;border-radius:11px;padding:15px 17px;font-size:12px;color:#715a40;line-height:1.7}.sources-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.source{display:block;text-decoration:none;background:#fffdfa;border:1px solid var(--line);padding:17px 19px;border-radius:12px}.source h3{font:700 17px Georgia,serif;color:#22493c}.source p{color:#6b7c71;font-size:12px;margin:7px 0}.source small{color:#96724d;font-weight:900;font-size:10px}.mistake-index{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0}.mistake-item{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;font-size:12px}.mistake-item b{display:block;font-size:10px;text-transform:uppercase;color:#617a67;letter-spacing:.08em}.mistake-item p{margin-top:4px}.revision-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.revision-tile{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:19px}.revision-tile h3{font-size:19px;margin-bottom:12px}.revision-tile p{font-size:12px;line-height:1.8;color:#5c6a5e}.revision-tile strong{font-size:11px;color:#ad6746;letter-spacing:.08em;text-transform:uppercase}.toast{position:fixed;z-index:100;bottom:23px;left:50%;background:#183d33;color:#fff;box-shadow:0 12px 40px #143d3d4a;border-radius:12px;padding:13px 20px;font-size:12px;font-weight:800;transform:translate(-50%,140px);transition:transform .3s;pointer-events:none;max-width:88vw;text-align:center}.toast.show{transform:translate(-50%,0)}.completion-line{display:flex;gap:8px;flex-wrap:wrap}.completion-line span{font-size:11px;background:#e7ecdf;border-radius:8px;padding:7px 12px;color:#376048;font-weight:800}.progressbar{height:8px;background:#e2e8dd;border-radius:20px;overflow:hidden;margin:12px 0}.progressbar i{height:100%;display:block;background:#4c9778;transition:width .2s}.empty{padding:32px;text-align:center;color:#64766a;border:1px dashed #d9ddcf;border-radius:14px;background:white}.empty h3{font-size:24px;margin:10px 0}.empty p{font-size:13px;margin:12px auto;max-width:480px}.summary-illustration{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:16px}.badge-count{display:inline-flex;background:#eaf0e6;padding:4px 9px;font-size:10px;border-radius:30px;color:#466a50;font-weight:900}.toggle-row{display:flex;gap:10px;align-items:center;margin:16px 0}.toggle-row input{accent-color:var(--green);width:18px;height:18px}.toggle-row label{font-size:12px;font-weight:800;color:#586c5f}details>summary{cursor:pointer;font-weight:900;font-size:12px;color:#326354;margin-top:10px}details p{margin-top:9px;font-size:12px;color:#657266}hr{border:0;border-top:1px solid var(--line);margin:20px 0}
@media(max-width:1250px){.mission-path{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.quick-card{padding:14px 10px}.quick-icon{width:39px;height:39px}.stage-layout{grid-template-columns:1fr 242px}}
@media(max-width:1040px){.sidebar{width:225px;padding:22px 14px}.app-frame{margin-left:225px;width:calc(100% - 225px)}.brand-name{font-size:24px}.hero{grid-template-columns:1.1fr .9fr}.hero-copy{padding:28px 14px 27px 26px}.hero-art{min-height:300px}.quick-stats{grid-template-columns:repeat(2,1fr)}.region-top{grid-template-columns:200px 1fr}.lesson-layout{grid-template-columns:1fr}.lesson-card.wide{grid-column:auto}}
@media(max-width:760px){.sidebar{width:280px;transform:translateX(-100%);transition:transform .22s;box-shadow:5px 0 30px #0e2d2e3a}.sidebar.open{transform:translateX(0)}.app-frame{margin-left:0;width:100%}.hamburger{display:inline-flex}.topbar{height:59px;padding:0 17px}.chapter-indicator{font-size:9px;letter-spacing:.08em}.topbar-stats{gap:6px}.stat{padding:5px 8px;font-size:9px}.stat b{font-size:11px}.hud-progress{display:none}main{padding:18px 13px 50px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px 25px 23px}.hero h1{font-size:clamp(36px,11vw,55px)}.hero-art{height:175px;min-height:0}.hero-art:before{display:none}.small-seal{height:72px;width:72px;font-size:9px;bottom:17px;right:15px}.quick-stats{gap:7px;margin-bottom:28px}.quick-card{padding:12px 10px;gap:6px}.quick-card strong{font-size:19px}.quick-card small{font-size:9px}.quick-icon{font-size:21px;height:35px;width:35px}.region-top{display:block}.region-illust{height:145px}.region-meta{padding:17px}.region h3{font-size:25px}.region-body{padding:15px}.mission-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mission{padding:12px 10px;min-height:116px}.mission-name{font-size:15px}.stage-layout,.screen-split{display:block}.stage-layout>.side-info{margin-top:12px}.stage-head{padding:20px}.stage-picture{height:180px}.dialogue{margin:18px;padding:15px;gap:10px}.avatar{width:38px;height:38px;flex-basis:38px}.dialogue p{font-size:13px}.stage-action{padding:0 18px 18px}.stage-layout .side-info{padding:17px}.quiz-panel{padding:19px 16px}.question-title{font-size:21px}.option{font-size:12px;padding:12px}.option .letter{width:28px;height:28px}.lesson-card{padding:19px}.lesson-layout{gap:10px}.lesson-bottom{display:block}.lesson-bottom .btn{margin-top:12px;width:100%}.settings{padding:19px;margin-bottom:12px}.sources-list,.revision-matrix,.mistake-index{grid-template-columns:1fr}.footer{font-size:8px;line-height:2;padding:16px}.footer span{margin:0 4px}}
@media(min-width:761px) and (max-width:950px){.stage-layout{grid-template-columns:1fr}.stage-layout .side-info{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}