:root{--paper:#f4f0df;--ink:#173f3b;--muted:#677b70;--teal:#197366;--coral:#dc6652;--gold:#eab856;--blue:#bbdbe1;--line:#d5d7c6;--white:#fffdf3;--serif:"Iowan Old Style","Palatino Linotype","Songti TC",serif;--sans:"Avenir Next","Trebuchet MS","PingFang TC",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:disabled{cursor:default;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500}button{transition:transform .15s,background .15s}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}.skip{position:fixed;left:15px;top:-80px;background:var(--white);padding:15px;z-index:10}.skip:focus{top:10px}.mast{max-width:1380px;padding:25px 46px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font:34px/1 var(--serif)}.brandmark{width:45px;height:45px;background:var(--teal);border-radius:50%;color:var(--gold);display:grid;place-items:center;transform:rotate(-20deg);font-size:40px}.dot{color:var(--coral)}.brand small{display:block;font:10px var(--sans);letter-spacing:.17em;margin-top:8px}.head-right{display:flex;align-items:center;gap:26px}.language{border:1px solid var(--line);border-radius:30px;padding:3px;display:flex}.language button{min-height:38px;min-width:42px;padding:5px 10px;font-size:12px;border-radius:30px}.language button[aria-pressed=true]{color:var(--white);background:var(--ink)}.quiet{font-size:13px;padding:10px 3px;border-bottom:1px solid currentColor}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--teal)}main{max-width:1288px;margin:0 auto;padding:0 22px;min-height:70vh}.home-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:12px 0 28px}.home-top h1{font-size:clamp(30px,3.8vw,50px);line-height:1.17;margin:9px 0}.home-top p{font-size:14px;max-width:480px;color:var(--muted)}.home-top .hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:490px}.primary,.secondary{border-radius:11px;padding:13px 22px;font-weight:600;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary{color:var(--white);background:var(--teal);box-shadow:0 4px 0 #0f5049}.primary:hover{background:#125e53;transform:translateY(-1px)}.secondary{background:var(--white);border:1px solid var(--line);box-shadow:0 3px 0 #d5d7c6}.mini{padding:10px 15px;font-size:13px;min-height:42px}.island-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,1fr);gap:25px}.island-panel{border-radius:24px;position:relative;overflow:hidden;background:#cee4df;min-height:500px;border:1px solid #aaccc3}.island-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.island-heading{position:absolute;top:23px;left:28px;z-index:2}.island-heading h2{font-size:23px}.island-heading p{font-size:12px;color:var(--teal);margin-top:5px}.island-nodes{position:absolute;inset:0}.map-node{position:absolute;transform:translate(-50%,-50%);width:62px;height:62px;background:var(--white);border:3px solid #8cbd9d;border-radius:50%;box-shadow:0 4px 0 #81ac8c;display:grid;place-content:center;font-size:25px;z-index:2}.map-node:active:not(:disabled){transform:translate(-50%,calc(-50% + 2px))}.map-node:hover{background:#fff4ce}.map-node.current{border-color:var(--coral);box-shadow:0 4px 0 #bc5848}.node-landmark{width:62px;height:45px;overflow:visible}.map-node.done{background:#f5cf72;border-color:#ce9b32}.map-node small{position:absolute;right:-7px;top:-5px;font-size:10px;border-radius:12px;background:var(--ink);color:var(--white);padding:2px 6px}.map-node .map-label{position:absolute;top:64px;left:50%;transform:translateX(-50%);font-size:10px;line-height:1.15;min-width:100px;max-width:115px;font-weight:600;color:var(--ink);text-shadow:0 1px 0 #edf3df}.island-caption{position:absolute;bottom:18px;left:25px;right:25px;font-size:11px;color:var(--ink);display:flex;justify-content:space-between;gap:20px}.routebook{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:23px}.book-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.book-top h2{font-size:23px}.stamp-total{font-size:13px;color:var(--teal);font-weight:600}.route-tabs{display:flex;gap:5px;padding-bottom:17px;border-bottom:1px solid var(--line)}.route-tabs button{flex:1;border-radius:8px;padding:10px 4px;font-size:12px;background:var(--paper)}.route-tabs button.active{background:var(--ink);color:white}.topic-list{padding-top:7px;min-height:311px}.topic-item{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:13px 0;border-bottom:1px dashed var(--line)}.topic-item:last-child{border:0}.topic-number{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e5eee0;font-size:12px;flex-shrink:0}.topic-item.current .topic-number{background:var(--coral);color:white}.topic-item h3{font-size:14px;font-weight:600}.topic-item p{color:var(--muted);font-size:11px;margin-top:3px}.topic-item .topic-arrow{margin-left:auto;font-size:16px;color:var(--teal)}.topic-stars{letter-spacing:1px;font-size:10px;white-space:nowrap;color:#af7d20}.book-note{font-size:11px;color:var(--muted);padding-top:12px}.under-map{margin:25px 0 40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.tool-card{border:1px solid var(--line);padding:18px 20px;display:flex;align-items:center;text-align:left;border-radius:13px;background:#ecebd8;gap:16px}.tool-card:nth-child(2){background:#f5e3d5}.tool-card:nth-child(3){background:#e5e8df}.tool-icon{font:32px var(--serif)}.tool-card strong{font-size:14px;display:block}.tool-card small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.play-header{display:flex;align-items:center;gap:20px;margin:14px 0 26px}.back{height:43px;width:43px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:20px}.session-progress{flex:1;height:9px;border-radius:10px;background:#e0e0ca;overflow:hidden}.session-progress span{display:block;height:100%;background:var(--teal);border-radius:10px;transition:width .4s}.progress-count{font-size:12px;min-width:36px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:30px;align-items:start}.question-card{padding:33px 37px;background:var(--white);border:1px solid var(--line);border-radius:22px;min-height:620px}.question-card h1{font:500 clamp(22px,2.3vw,31px)/1.45 var(--serif);margin:13px 0 10px}.diagram{margin:15px auto 17px;max-width:630px;min-height:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f4f2e7;border-radius:13px;overflow:hidden}.diagram svg{max-width:100%;width:100%;max-height:250px}.diagram figcaption{font-size:11px;color:var(--muted);padding:0 15px 12px;text-align:center}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.choice{padding:15px 18px;text-align:left;border:2px solid #d9decb;border-radius:11px;background:#fffef8;box-shadow:0 3px 0 #e0e2d1;display:flex;align-items:center;gap:13px;min-height:64px;font-size:16px}.choice .key{font-size:11px;border:1px solid #d2d8c8;width:23px;height:24px;border-radius:5px;display:grid;place-items:center;flex-shrink:0}.choice.selected{border-color:var(--teal);background:#e5f0df}.choice.correct{border-color:var(--teal);background:#def0d9}.choice.wrong{border-color:var(--coral);background:#fae5db}.choice:disabled{opacity:1}.feedback{margin-top:20px;padding:17px 19px;border-radius:11px;background:#e5eedc;border-left:4px solid var(--teal)}.feedback.wrong{background:#fae6da;border-left-color:var(--coral)}.feedback strong{display:block;font-size:14px}.feedback p{font-size:13px;margin-top:5px;line-height:1.7}.question-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:16px}.hint-button{font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:12px 0}.hint-box{font-size:13px;padding:12px 16px;border-radius:8px;background:#fff1c9;margin-top:16px}.field-notes{padding-top:13px}.field-notes .number{font:68px/1 var(--serif);color:var(--coral);margin:14px 0}.field-notes h2{font-size:25px;margin-bottom:14px}.field-notes p{font-size:13px;color:var(--muted);line-height:1.8}.field-notes .mini-landmark{margin:25px 0 15px;max-height:150px;display:block;width:100%}.field-notes .secondary{margin-top:24px;width:100%}.field-notes .session-note{margin-top:20px;font-size:11px}.result-wrap{max-width:720px;margin:35px auto 65px;text-align:center;background:var(--white);border:1px solid var(--line);border-radius:25px;padding:38px}.result-art{height:140px}.result-wrap h1{font-size:39px;margin:20px 0 12px}.result-wrap p{color:var(--muted);font-size:14px}.result-stars{font-size:38px;letter-spacing:8px;color:#c79528;margin:18px 0}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:24px 0}.result-stats strong{display:block;font:32px var(--serif)}.result-stats span{font-size:11px;color:var(--muted)}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.result-share{margin-top:22px;display:flex;justify-content:center;gap:25px}.result-share button{font-size:12px;text-decoration:underline;text-underline-offset:4px}footer{max-width:1288px;padding:24px 22px 30px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted)}footer a:hover{text-decoration:underline}dialog{border:1px solid var(--line);border-radius:21px;background:var(--white);color:var(--ink);padding:25px;max-width:750px;width:calc(100% - 30px);max-height:88vh;box-shadow:0 20px 100px #173f3b30}dialog::backdrop{background:#10392d66;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-top h2{font-size:27px}.close{font-size:28px;min-width:42px;min-height:42px;border-radius:50%;background:var(--paper)}.lab-tabs{display:flex;gap:6px;margin-bottom:20px}.lab-tabs button{flex:1;padding:10px;border-radius:9px;background:var(--paper);font-size:12px}.lab-tabs button.active{background:var(--ink);color:white}.lab-view{background:var(--paper);border-radius:12px;padding:18px}.lab-view svg{display:block;width:100%;height:220px}.lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.lab-controls label{font-size:12px;display:block}.lab-controls input,.lab-controls select{display:block;width:100%;accent-color:var(--teal);margin-top:6px;min-height:34px}.lab-controls select{background:var(--white);border:1px solid var(--line);padding:6px;border-radius:7px}.lab-formula{font:23px var(--serif);text-align:center;padding:14px 8px}.lab-explanation{font-size:13px;margin-top:17px;padding:15px;background:#e7efde;border-radius:10px}.lab-goal{margin-top:12px;font-size:12px;color:var(--teal);font-weight:600}.resource{display:block;padding:17px 0;border-bottom:1px solid var(--line)}.resource strong{font-size:15px}.resource p{font-size:12px;color:var(--muted);margin-top:6px}.resource small{font-size:10px;display:block;color:var(--teal);margin-bottom:5px}.notes-intro{font-size:13px;color:var(--muted);margin-bottom:15px}.passport-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.passport-row span:last-child{color:#a37522}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.mini-note{font-size:11px;color:var(--muted);margin-top:15px}.storage-error{background:#fae6da;border-radius:8px;padding:10px 15px;font-size:12px;color:#8d3a2e;margin-bottom:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:11px;background:var(--ink);color:white;z-index:30;font-size:13px;max-width:90vw;display:none}#toast.show{display:block}.fraction-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 20px}.fraction-bar{height:32px;flex:1;border:1px solid #637f6c;position:relative;background:#fffdf3}.fraction-fill{height:100%;background:#5caa93}.fraction-cells{position:absolute;inset:0;display:flex}.fraction-cells i{flex:1;border-right:1px solid #66806b55}.fraction-cells i:last-child{border:0}.fraction-number{font-size:15px;min-width:52px}.place-display{font:32px var(--serif);letter-spacing:.06em;padding:25px 10px;overflow-wrap:anywhere;text-align:center}.selected-sample{fill:#edbb5e;stroke:#b48029;stroke-width:3}.sample-tile{cursor:pointer;fill:#d8e7d2;stroke:#799b7b;stroke-width:1}.sample-tile:hover{fill:#f2d697}.inline-row{display:flex;align-items:center;gap:10px}.all-badge{margin:20px 0;padding:15px;border:1px dashed var(--gold);border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:950px){.mast{padding:23px 26px}.island-layout{grid-template-columns:1.1fr 1fr;gap:16px}.island-panel{min-height:530px}.play-layout{grid-template-columns:1fr}.field-notes{display:block;padding:0}.field-notes>:not(.secondary){display:none}.field-notes .secondary{margin:0;width:auto}.question-card{min-height:0}.map-node{width:52px;height:52px;font-size:22px}.map-node .map-label{top:54px}.home-top{gap:20px}.home-top .hero-actions{max-width:280px}.under-map{gap:10px}.tool-card{padding:15px;gap:10px}}
@media(max-width:680px){body{font-size:14px}.mast{padding:19px 19px;gap:8px}.brand{font-size:27px;gap:8px}.brandmark{width:35px;height:35px;font-size:30px}.brand small{font-size:8px}.head-right{gap:12px}.head-right .quiet{font-size:11px}.language button{min-width:35px;padding:4px 6px;min-height:36px}.language{padding:2px}.home-top{display:block;margin:11px 0 23px}.home-top h1{font-size:33px;margin:10px 0}.home-top p{font-size:12px}.home-top .hero-actions{max-width:100%;justify-content:flex-start;margin-top:19px}.home-top .primary{padding:12px 17px;font-size:13px}.home-top .secondary{font-size:12px;padding:12px}main{padding:0 16px}.island-layout{display:flex;flex-direction:column;gap:18px}.island-panel{min-height:450px}.island-heading{top:18px;left:20px}.island-heading h2{font-size:21px}.island-heading p{font-size:10px}.map-node{width:46px;height:46px;font-size:21px;border-width:2px}.map-node .map-label{top:49px;font-size:9px;min-width:76px;max-width:90px}.island-caption{left:20px;right:20px;font-size:9px;bottom:14px}.routebook{padding:20px}.topic-list{min-height:0}.under-map{grid-template-columns:1fr;gap:10px;margin:20px 0 28px}.tool-card{padding:15px 20px}.tool-card strong{font-size:14px}.tool-card small{font-size:11px}.play-header{gap:13px;margin:10px 0 18px}.question-card{padding:24px 18px;border-radius:17px}.question-card h1{font-size:23px}.diagram{margin:16px -4px 18px}.diagram svg{max-height:210px}.choices{gap:10px}.choice{padding:13px 11px;font-size:14px;gap:8px;min-height:65px;overflow-wrap:anywhere}.choice .key{width:18px;height:21px;font-size:10px}.question-bottom{margin-top:21px;gap:10px}.question-bottom .primary{padding:13px 19px}.hint-button{font-size:12px}.feedback{padding:13px 15px}.feedback p{font-size:12px}.result-wrap{padding:27px 20px;margin:20px 0 35px}.result-wrap h1{font-size:29px}.result-stars{font-size:31px}.result-stats strong{font-size:28px}.result-stats span{font-size:10px}.result-actions{flex-direction:column}.result-actions button{width:100%}.result-share{gap:20px}footer{padding:22px 17px;font-size:10px;gap:14px}footer span{order:3;width:100%}dialog{padding:20px 16px}.dialog-top h2{font-size:23px}.lab-tabs button{padding:10px 5px;font-size:11px}.lab-view{padding:10px}.lab-view svg{height:205px}.lab-controls{gap:12px}.lab-formula{font-size:20px}.place-display{font-size:25px}.book-top h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}