@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#1b2433;background:#f6f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{border:0}button:focus-visible,select:focus-visible,input:focus-visible,svg:focus-visible{outline:3px solid #739b30;outline-offset:4px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #dfe3e8;background:white}.brand{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;color:inherit;text-decoration:none;display:flex;align-items:center;gap:3px}.thin{font-weight:400}.logo{background:#182231;color:#c6f36b;border-radius:12px;width:40px;height:40px;text-align:center;line-height:37px;font-size:33px;margin-right:9px}.edition,.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px}.edition{color:#75808c}.headerbadge{font-size:14px;background:#f1f5ea;padding:9px 14px;border-radius:50px}main{max-width:1550px;margin:auto;padding:38px 4% 24px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{color:#738054;margin:0 0 10px}h1{font:800 clamp(28px,3vw,44px)/1.2 Manrope,sans-serif;letter-spacing:-1.6px;margin:0}.intro>p{font-size:15px;color:#77808b;line-height:1.7;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.mapcard{border:1px solid #dbe1e5;border-radius:20px;overflow:hidden;background:#e8eef1;display:flex;flex-direction:column;min-height:520px}.mapbar,.mapfooter{display:flex;justify-content:space-between;align-items:center;padding:21px 23px;gap:10px;font-size:14px}.mapbar{background:#f7f9fa;border-bottom:1px solid #dce3e7}.live-dot{display:inline-block;width:7px;height:7px;background:#667d48;border-radius:50%;margin-right:8px}.muted{color:#8a949d}.maptag{font-size:11px;letter-spacing:1px;font-weight:700;color:#687581}.mapwrap{position:relative;flex:1;min-height:375px;display:flex;align-items:center}svg{width:100%;height:100%;min-height:375px;position:absolute;touch-action:none;cursor:crosshair}#land path{fill:#fbfcfd;stroke:#a3b3bb;stroke-width:.7;vector-effect:non-scaling-stroke}.maptools{position:absolute;right:16px;top:16px;display:grid;gap:4px}.maptools button{width:37px;height:37px;border-radius:9px;background:#fff;color:#52606c;font-size:24px;box-shadow:0 2px 8px #25344512}.maphint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;font-size:12px;color:#667581;background:#fffffff2;border-radius:30px;padding:8px 14px;text-align:center;pointer-events:none}.mapfooter{border-top:1px solid #dce3e7;font-size:12px;color:#75818b;background:#f7f9fa}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7062d8;margin-right:6px}.key{font-family:monospace;margin-left:6px}.load{position:absolute;inset:0;display:grid;place-items:center;background:#e8eef1;color:#576773}.load[hidden]{display:none}aside{background:white;border:1px solid #e1e5eb;border-radius:20px;padding:21px;display:flex;flex-direction:column}.modes{display:flex;background:#f0f2f5;border-radius:11px;padding:4px;margin-bottom:24px}.modes button{flex:1;background:transparent;color:#78818d;padding:10px 4px;border-radius:8px;font-size:14px;font-weight:600}.modes button.selected{background:#1c2838;color:#fff;box-shadow:0 3px 6px #1b25331a}.fieldlabel{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#8b929d;margin-bottom:9px}select{background:#fff;border:1px solid #dee3e9;border-radius:9px;padding:11px;width:100%;font-size:14px;color:#394556}.question{padding-top:26px}.qmeta{display:flex;justify-content:space-between;font-size:12px;color:#85909a;gap:8px}h2{font:800 28px/1.2 Manrope,sans-serif;letter-spacing:-.7px;margin:15px 0 10px}#instruction{color:#77818d;font-size:14px;line-height:1.6;min-height:45px;margin:0 0 12px}.subtle{background:transparent;color:#7b8490;font-size:12px;padding:8px 4px}#drawtools{display:flex;justify-content:space-between;flex-wrap:wrap}#pan[aria-pressed=true]{color:#513ac1;background:#eeebff;border-radius:5px}.primary{display:flex;align-items:center;justify-content:space-between;background:#c6f36b;color:#263711;width:100%;font-weight:700;font-size:15px;border-radius:11px;padding:15px 16px;margin-top:18px;transition:background .2s}.primary:hover{background:#b7e857}.primary:disabled{background:#edf2e6;color:#9ca68f;cursor:default}.skip{display:block;margin:6px auto 0}.round{border-top:1px solid #edf0f3;margin-top:20px;padding-top:19px}.round>div:first-child{display:flex;align-items:center;justify-content:space-between}.round span{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#8d949e}.round b{font-size:14px}.progress{display:flex;gap:5px;margin-top:12px}.progress i{flex:1;height:5px;background:#e9edf0;border-radius:3px}.progress i.good{background:#9bc74c}.progress i.bad{background:#d69476}.round p{font-size:12px;color:#8a929d;margin:11px 0 0}input{width:100%;border:1px solid #cdd5de;padding:13px;border-radius:10px;font-size:16px}#feedback{font-size:14px;line-height:1.5}#feedback:not(:empty){padding:12px;background:#f3f6ef;border-radius:9px;margin-top:10px}#feedback.bad{background:#fff0e9;color:#90502d}.bottom{display:flex;justify-content:center;gap:48px;padding:26px 0;font-size:13px;color:#85909a}.bottom b{color:#7e945b;font-size:11px;margin-right:8px}details{border-top:1px solid #e4e7eb;padding-top:18px;color:#8a939d;font-size:12px}details p{line-height:1.7;max-width:900px}summary{width:fit-content}button:hover:not(:disabled){filter:brightness(.97)}@media(min-width:1500px){.mapcard{min-height:620px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:15px}.muted{display:none}aside{padding:17px}.mapfooter{padding:17px 14px}.mapfooter>span:last-child{display:none}}@media(max-width:760px){header{height:70px;padding:0 20px}.edition{display:none}.headerbadge{font-size:11px}main{padding:25px 16px}.intro>p{display:none}.intro{margin-bottom:22px}.workspace{display:flex;flex-direction:column;gap:16px}.mapcard{min-height:340px}.mapwrap,svg{min-height:250px}.mapbar{padding:14px}.mapfooter{padding:12px 14px}.maphint{font-size:11px}.maptools{right:8px;top:8px}.maptools button{width:32px;height:32px}aside{padding:19px}.modes{margin-bottom:18px}.question{padding-top:20px}h2{font-size:26px}.bottom{gap:14px;flex-wrap:wrap;font-size:11px}.eyebrow{font-size:10px}.round{margin-top:14px;padding-top:14px}#instruction{min-height:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
[hidden]{display:none!important}
.setup{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;padding:40px;background:white;border:1px solid #e1e5eb;border-radius:20px;max-width:1100px;margin:auto}.setup-intro{padding:15px 5px}.setup-icon{display:block;color:#76973b;font-size:65px;margin-bottom:25px}.setup-intro h2{font-size:34px}.setup-intro>p:last-child{font-size:16px;line-height:1.8;color:#75808b}.setup fieldset{padding:0;border:0;margin:0 0 24px}.setup legend{font-weight:700;font-size:14px;margin-bottom:12px}.setup select{margin:10px 0 24px;font-size:16px}.choicegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce3e9;border-radius:12px;padding:17px 12px;cursor:pointer}.choice:has(input:checked){border-color:#7ca33a;background:#f3f9e9;box-shadow:0 0 0 1px #7ca33a}.choice input{width:18px;height:18px;accent-color:#729a32;flex-shrink:0;margin:2px 0}.choice b{display:block;font-size:15px}.choice small{display:block;line-height:1.5;font-size:13px;color:#7a8490;margin-top:5px}.setup-note{color:#77818d;font-size:13px;line-height:1.5}.sessionhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.sessionhead>span{font-size:12px;letter-spacing:1px;font-weight:700}.sessiontopic{font-size:14px;color:#7b8693;margin:12px 0 0}.override{width:100%;padding:12px;font-size:14px;color:#557729;background:#f5faed;border:1px solid #b4cc93;border-radius:9px;margin-top:12px}.progress{flex-wrap:wrap;gap:4px}.progress i{flex:0 0 calc(10% - 4px);height:7px}.progress i.once{background:#cbdc99}#feedback:not(:empty){font-size:14px}#map{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}#pan[aria-pressed=true]{background:#e1edcc}.setup .primary{margin-top:10px}#training .question{padding-top:22px}#maphint{max-width:calc(100% - 28px)}@media(max-width:760px){.setup{grid-template-columns:1fr;gap:18px;padding:22px}.setup-intro{padding:0}.setup-icon{display:none}.setup-intro h2{font-size:28px}.setup-intro>p:last-child{margin-bottom:0}.choice{padding:14px 10px}.choicegrid{gap:8px}.setup .eyebrow{margin-bottom:10px}.maphint{white-space:normal}.mapcard{min-height:360px}.mapwrap,svg{min-height:270px}}