:root{font-family:system-ui,-apple-system,Microsoft JhengHei,PingFang TC,sans-serif;color:#273e37;background:#f8f7ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #cc674b;outline-offset:5px}main{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:100dvh}.world{position:relative;min-height:100dvh;overflow:hidden;background:#a8d4d4}.canvas{position:absolute;inset:0}.canvas canvas{display:block;touch-action:none}.brand{position:absolute;top:30px;left:30px;display:flex;align-items:center;gap:13px;background:#f8f7efed;padding:15px 20px;border-radius:5px;box-shadow:0 8px 35px #35554b0b;pointer-events:none}.brand-icon{font-size:30px;color:#d16a4e;border-right:1px solid #d7dbce;padding-right:15px}.brand h1{font-size:19px;letter-spacing:3px;margin:0 0 6px}.brand p{font-size:8px;letter-spacing:1.9px;margin:0;color:#748078}.world-tools{position:absolute;right:26px;top:34px;display:flex;align-items:center;gap:8px;font-size:11px;color:#385b52}.world-tools button{margin-left:8px;border:1px solid #ffffff83;border-radius:30px;background:#f8f7efdc;padding:11px 16px;font-size:11px;color:#385b52}.live-dot{height:6px;width:6px;background:#4f8060;border-radius:50%}.scene-caption{position:absolute;left:36px;top:145px;pointer-events:none}.scene-caption>span{font-size:9px;letter-spacing:2px;color:#537b71}.scene-caption h2{font-size:clamp(23px,2.5vw,37px);line-height:1.5;letter-spacing:3px;margin:13px 0;font-weight:700}.scene-caption p{font-size:11px;color:#54766e;letter-spacing:1px}.map-labels{position:absolute;left:24px;bottom:70px;display:flex;gap:8px;flex-wrap:wrap}.map-label{border:1px solid #ffffffb0;border-radius:30px;padding:10px 15px;background:#f8f7eff0;box-shadow:0 5px 20px #294b4312;color:#32473f;font-size:12px;display:flex;align-items:center;gap:8px;transition:transform .2s,background .2s}.map-label:hover{transform:translateY(-3px)}.map-label.chosen{background:#fff;border-color:#395b4c;box-shadow:0 0 0 2px #395b4c30}.map-label i{width:7px;height:7px;border-radius:50%}.map-label span{margin-left:8px;color:#6b8275}.world-footer{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#446f68}aside{background:#f8f7ef;padding:35px 30px 22px;display:flex;flex-direction:column;z-index:1;border-left:1px solid #e3e7da}.index-head{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#b5634e}.edition{font-size:9px;color:#899085}.panel-title{font-size:34px;letter-spacing:2px;line-height:1.5;margin:26px 0 12px;font-weight:800}.panel-title>span{color:#c86a4e}.intro{font-size:12px;line-height:1.9;color:#7d8478;margin:0 0 25px}nav{border-top:1px solid #dfe2d5}.topic{background:none;border:0;border-bottom:1px solid #dfe2d5;width:100%;display:flex;align-items:center;text-align:left;padding:18px 8px;gap:20px;color:#354a3c;transition:background .2s}.topic:hover,.topic.active{background:#e9eddf}.topic-number{font-family:Georgia,serif;font-style:italic;font-size:25px;color:var(--topic-color)}.topic-text{display:flex;flex:1;flex-direction:column;gap:5px}.topic strong{font-size:16px;font-weight:600;letter-spacing:3px}.topic small{font-size:8px;letter-spacing:1.4px;color:#93988c}.arrow{font-size:18px;color:#9ca596}.active .arrow{color:var(--topic-color)}.detail{padding:26px 1px 15px;animation:appear .3s ease}.detail-kicker{font-size:10px;letter-spacing:1.3px;color:#b66b52}.detail h3{font-size:18px;line-height:1.7;letter-spacing:.5px;margin:12px 0}.detail p{font-size:12px;line-height:2;color:#7c8477;margin:0}.detail ul{padding:0;list-style:none;margin:16px 0 0}.detail li{font-size:11px;padding:7px 0;color:#62735e}.detail li:before{content:"＋";color:#a2ac91;margin-right:10px}.welcome-art{font-size:45px;color:#869e77;margin:20px 0;letter-spacing:15px}.welcome-art span{font-size:23px;color:#bd8269}.panel-footer{margin-top:auto;padding-top:20px;border-top:1px solid #dfe2d5;font-size:9px;color:#8b9383;display:flex;justify-content:space-between;gap:10px}.webgl-error{position:absolute;top:50%;padding:30px;background:#f8f7ef;margin:20px;color:#273e37}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 440px}aside{padding:42px}.scene-caption{top:165px}}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 340px}aside{padding:27px 24px}.brand{left:20px;top:20px;padding:12px}.brand h1{font-size:16px}.world-tools{top:112px;left:26px;right:auto}.scene-caption{top:180px;left:27px}.scene-caption h2{font-size:25px}.world-tools>.live-dot{display:none}.panel-title{font-size:29px}.world-footer span:last-child{display:none}}@media(max-width:760px){main{display:flex;flex-direction:column}.world{min-height:65dvh;height:65dvh}.brand{top:17px;left:17px}.brand-icon{font-size:23px}.brand h1{font-size:15px}.brand p{font-size:7px}.world-tools{top:99px;left:auto;right:17px;font-size:0;gap:0}.world-tools button{font-size:10px}.scene-caption{left:22px;top:108px}.scene-caption>span{font-size:8px}.scene-caption h2{font-size:20px;letter-spacing:1px;margin:8px 0}.scene-caption p{display:none}.map-labels{left:20px;bottom:45px}.map-label{font-size:11px;padding:8px 11px}.world-footer{left:22px;bottom:16px;font-size:8px}aside{border-left:0;padding:27px 24px}.panel-title{font-size:28px;margin:17px 0 8px}.panel-title br{display:none}.intro{margin-bottom:18px}.topic{padding:15px 9px}.detail{min-height:215px}.panel-footer{margin-top:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.search label{display:block;font-size:11px;color:#6b7b69;margin-bottom:8px}.search-field{display:flex;gap:8px;background:#fffdf7;border:1px solid #d6ddcd;border-radius:7px;padding:4px 8px}.search-field:focus-within{outline:2px solid #859e78;outline-offset:2px}.search-field input{width:100%;min-width:0;border:0;background:transparent;font:inherit;font-size:12px;padding:10px 4px;color:#273e37;outline:none}.search-field button,.no-results button{border:0;border-radius:4px;background:#e9eddf;color:#48633f;padding:6px 10px;font-size:11px;white-space:nowrap}.search-count{font-size:10px;color:#89917f;margin:10px 0 13px}.topic-summary{font-size:10px;line-height:1.8;color:#73806a;letter-spacing:0}.topic{gap:15px}.topic-number{align-self:flex-start;padding-top:2px}.detail .detail-summary{color:#4c6549;font-weight:500;margin-bottom:12px}.related{border-top:1px solid #e0e4d7;margin-top:18px;padding-top:14px}.related h4{font-size:10px;font-weight:500;color:#819078;margin:0 0 10px}.related button{background:#edf0e5;border:1px solid #dce2d3;border-radius:30px;padding:7px 12px;margin:0 8px 6px 0;color:#4c6549;font-size:11px}.related i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.no-results{padding:18px 12px;background:#edf0e5;border-radius:6px;margin-top:10px;font-size:12px}.no-results p{font-size:11px;color:#74816a;line-height:1.9}aside{max-height:100dvh;overflow-y:auto}@media(max-width:760px){aside{max-height:none;overflow:visible}}.panel-toggle{display:none}.panel-body{display:flex;flex:1;min-height:0;flex-direction:column}.panel-body[hidden]{display:none}@media(max-width:760px){html,body,#root{height:100%;overflow:hidden}main,main.panel-expanded,main.panel-collapsed{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100dvh;min-height:0;overflow:hidden}.world{min-height:0;height:auto}aside{padding:0;border:0;border-top:1px solid #d6ddcd;max-height:50dvh;min-height:0;overflow:hidden;box-shadow:0 -5px 25px #273e3710}.panel-toggle{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;width:100%;min-height:66px;border:0;background:#f8f7ef;color:#294b3a;text-align:left;padding:10px 20px;gap:12px}.panel-toggle>span:first-child{display:flex;flex-direction:column;gap:4px}.panel-toggle strong{font-size:17px}.panel-toggle small{font-size:13px;font-weight:400;color:#63745b}.panel-toggle>span:last-child{font-size:14px;white-space:nowrap}.panel-body{overflow-y:auto;overscroll-behavior-y:contain;padding:8px 20px max(20px,env(safe-area-inset-bottom));max-height:calc(50dvh - 66px)}.index-head,.panel-title,.intro,.panel-footer{display:none}.search label,.search-count,.detail-kicker,.related h4{font-size:14px}.search-field input{font-size:16px;min-height:44px}.search-field button,.no-results button{font-size:14px;min-height:44px}.topic{gap:14px;min-height:64px;padding:14px 8px}.topic strong{font-size:18px}.topic-summary{font-size:14px;line-height:1.6}.topic small{display:none}.detail{padding-top:20px;min-height:0}.detail h3{font-size:21px}.detail p,.detail li,.no-results,.no-results p{font-size:16px;line-height:1.8}.related button{font-size:15px;min-height:44px}.brand{top:12px;left:12px;padding:10px 13px}.brand h1{font-size:17px;letter-spacing:1px}.brand p{display:none}.brand-icon{font-size:24px}.world-tools{top:12px;right:12px}.world-tools button{font-size:14px;min-height:44px;padding:10px 13px}.scene-caption{top:85px;left:20px}.scene-caption h2{font-size:20px;margin:8px 0}.scene-caption>span{display:none}.panel-expanded .scene-caption{display:none}.map-labels{left:16px;bottom:34px;right:16px;gap:8px}.map-label{font-size:15px;min-height:44px;padding:10px 14px}.map-label span{margin-left:0}.world-footer{left:19px;bottom:11px;font-size:11px;letter-spacing:0}}@media(max-width:400px){.brand{padding:8px 10px}.brand h1{font-size:15px}.brand-icon{font-size:20px;padding-right:9px}.brand{gap:9px}.world-tools button{font-size:13px;padding:8px 10px}}@media(max-width:760px)and (max-height:480px){aside{max-height:52dvh}.panel-body{max-height:calc(52dvh - 56px)}.panel-toggle{min-height:56px}.map-labels{bottom:10px}.world-footer{display:none}}.scene-feedback{position:absolute;inset:40% 20px auto;text-align:center;font-size:16px;color:#294b3a;background:#f8f7efed;padding:20px;border-radius:8px}.scene-feedback button{display:block;margin:14px auto 0;min-height:44px;font-size:16px;padding:8px 16px;border:1px solid #8da28a;border-radius:5px;background:#f8f7ef;color:#294b3a}.brand h1{font-size:17px;letter-spacing:1px}.panel-title{font-size:29px}.course-list{margin-top:22px}.course-list>h4{font-size:12px;color:#76846e;font-weight:500}.course-card{border:1px solid #dce2d3;background:#fffdf7;border-radius:9px;padding:17px;margin-bottom:14px}.course-edition{font-size:10px;color:#a16b56;letter-spacing:1px}.course-card h4{font-size:18px;line-height:1.6;margin:9px 0}.course-card dl{font-size:11px;line-height:1.8;margin:16px 0}.course-card dl>div{margin:8px 0}.course-card dt{color:#8c9584}.course-card dd{margin:0;color:#465d43}.course-link{display:block;padding:12px 10px;min-height:44px;border-radius:6px;background:#45654f;color:#fff;text-decoration:none;text-align:center;font-size:12px}.detail .source-note,.prototype-note{font-size:11px;line-height:1.8;color:#7b8674}.prototype-note{padding:12px 0;border-top:1px solid #dfe2d5;margin-top:20px}.prototype-note a{display:block;color:#5c7959;margin-top:5px}.course-link:focus-visible,.prototype-note a:focus-visible{outline:3px solid #bb735b;outline-offset:3px}@media(max-width:760px){.brand h1{font-size:15px;max-width:180px;line-height:1.4}.brand{max-width:calc(100% - 122px)}.map-label{font-size:14px;padding:9px 11px}.map-labels{gap:6px}.panel-toggle small{font-size:12px}.course-card p,.course-card dl,.course-link{font-size:16px}.course-card h4{font-size:20px}.course-list>h4,.detail .source-note,.prototype-note{font-size:14px}.prototype-note{display:block}.scene-caption h2{font-size:21px}}.map-labels{max-width:calc(100% - 48px);flex-wrap:nowrap;overflow-x:auto;padding:6px 3px;scrollbar-width:thin}.map-label{flex-shrink:0}.scene-caption h2{font-size:clamp(22px,2.4vw,32px)}@media(max-width:760px){.map-labels{max-width:none;right:12px;left:12px;bottom:30px;scrollbar-width:none}.map-labels::-webkit-scrollbar{display:none}.map-label{font-size:14px}.scene-caption{top:85px}.scene-caption h2{font-size:19px}.panel-toggle small{font-size:12px}}.topic-popup{border:1px solid #d9dfcf;border-radius:18px;padding:0;background:#faf8ef;color:#304b3c;width:min(640px,calc(100vw - 32px));max-height:85dvh;overflow:hidden;box-shadow:0 20px 90px #1d392c40}.topic-popup::backdrop{background:#203d3266;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 26px 17px;border-bottom:1px solid #dfe4d5;gap:20px}.popup-header span{font-size:12px;letter-spacing:1px}.popup-header h2{font-size:26px;letter-spacing:2px;margin:7px 0 0}.popup-close{width:44px;height:44px;flex-shrink:0;border:1px solid #dce2d2;border-radius:50%;background:#eff1e7;color:#405b3d;font-size:18px}.popup-body{padding:20px 26px 26px;overflow-y:auto;overscroll-behavior:contain;max-height:calc(85dvh - 110px)}.popup-body>h3{font-size:21px;line-height:1.6;margin:0 0 12px}.popup-body p{font-size:16px;line-height:1.9;margin:0 0 14px;color:#64715c}.popup-body .popup-summary{font-weight:600;color:#435c3c}.popup-official{display:block;background:#45654f;color:#fff;text-decoration:none;border-radius:8px;padding:14px 16px;min-height:48px;margin:20px 0 26px;text-align:center;font-size:16px}.popup-body .popup-section-title{font-size:15px;color:#7d8b70;margin:22px 0 15px}.popup-body .popup-note{font-size:12px;color:#819078;margin:18px 0 0}.popup-body .course-card dl{font-size:14px}.popup-body .course-link{font-size:15px}.popup-official:focus-visible{outline:3px solid #bb735b;outline-offset:3px}@media(max-width:760px){.topic-popup{width:calc(100vw - 24px);max-height:85dvh;border-radius:14px}.popup-header{padding:15px 18px}.popup-header h2{font-size:23px}.popup-body{padding:18px;max-height:calc(85dvh - 98px)}.popup-body p,.popup-body .course-card dl,.popup-body .course-link{font-size:16px}.popup-body .popup-note{font-size:13px}}.course-search-results{padding-bottom:15px}.search-scope{font-size:12px;line-height:1.8;color:#7c8872;margin:0 0 14px}.search-result h3{font-size:18px;line-height:1.6;margin:10px 0}.search-result h3 a{color:#37593e;text-decoration:none}.search-result h3 a:hover{text-decoration:underline}.search-result p{font-size:13px;line-height:1.9;color:#66745e}.result-islands{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:14px 0}.result-islands>span{font-size:11px;color:#7c8872;margin-right:3px}.result-islands button{font-size:11px;border:1px solid #dce2d2;background:#edf0e5;color:#45654f;border-radius:20px;padding:7px 10px;min-height:36px}.course-search-results .no-results a{display:block;color:#45654f;margin:12px 0;line-height:1.8}.search-result h3 a:focus-visible{outline:3px solid #bb735b;outline-offset:3px}@media(max-width:760px){.search-scope{font-size:14px}.search-result h3{font-size:20px}.search-result p{font-size:16px}.result-islands>span,.result-islands button{font-size:14px}.result-islands button{min-height:44px}.course-search-results .no-results a{min-height:44px;font-size:16px}}.academy-about{padding:22px 0 25px;border-top:1px solid #dfe4d5}.about-eyebrow{font-size:10px;letter-spacing:2px;color:#ac735c}.academy-about h2{font-size:24px;line-height:1.6;margin:10px 0 15px;letter-spacing:1px}.academy-about>p{font-size:14px;line-height:1.9;color:#64715d}.academy-about h3{font-size:17px;margin:24px 0 14px}.learning-gains{list-style:none;padding:0;margin:0}.learning-gains li{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #e2e6d9}.learning-gains li>span{font-family:Georgia,serif;font-style:italic;font-size:21px;color:#ae785e;min-width:25px}.learning-gains strong{font-size:15px;color:#3e5c41}.learning-gains p{font-size:13px;line-height:1.9;color:#7a856e;margin:6px 0 0}.about-official{display:block;padding:13px;margin:20px 0;border:1px solid #9daa8e;color:#476546;text-align:center;border-radius:7px;text-decoration:none;font-size:14px;min-height:46px}.academy-about .about-route{font-size:12px;color:#8a937d;margin:16px 0 0}.island-list-title{font-size:16px;line-height:1.6;margin:0 0 17px;color:#4f6947}.about-official:focus-visible{outline:3px solid #bb735b;outline-offset:3px}.world-tools{gap:5px}.world-tools button{margin-left:0}@media(max-width:760px){.academy-about{border-top:0;padding-top:10px}.academy-about h2{font-size:24px}.academy-about>p,.learning-gains p,.about-official{font-size:16px}.academy-about h3,.learning-gains strong{font-size:18px}.academy-about .about-route{font-size:14px}.island-list-title{font-size:18px}.about-eyebrow{font-size:12px}.world-tools{top:12px;right:12px;display:flex;gap:5px}.world-tools button{font-size:12px;padding:8px 10px}.brand{max-width:calc(100% - 220px)}.brand h1{font-size:14px}.brand-icon{display:none}}@media(max-width:400px){.brand{max-width:calc(100% - 188px);padding:8px}.brand h1{font-size:12px;letter-spacing:0}.world-tools button{font-size:12px;padding:8px}.world-tools{gap:3px}}.environment-controls{position:absolute;top:120px;left:30px;display:flex;gap:8px;z-index:2}.environment-controls label{display:flex;align-items:center;gap:7px;font-size:12px;background:#f8f7eff0;border:1px solid #ffffff80;border-radius:9px;padding:3px 10px;color:#48644b}.environment-controls select{font:inherit;font-size:14px;min-height:40px;border:0;color:#304b3c;background:transparent;cursor:pointer;padding:4px}.environment-controls select:focus-visible{outline:2px solid #b8795d}.scene-caption{top:190px}.night-mode .scene-caption,.night-mode .scene-caption p,.night-mode .scene-caption>span,.night-mode .world-footer{color:#e1e8db}@media(max-width:1050px){.environment-controls{top:165px;left:25px}.scene-caption{top:225px}}@media(max-width:760px){.environment-controls{top:72px;left:12px;right:12px;gap:7px}.environment-controls label{padding:2px 9px;font-size:13px;gap:5px}.environment-controls select{font-size:16px;min-height:40px;max-width:112px}.scene-caption{top:137px;left:20px}.scene-caption h2{font-size:18px}.environment-controls{pointer-events:auto}}