:root{--ink:#202633;--muted:#78808e;--border:#e4e7ed;--blue:#315bea;--bg:#f8f9fb}*{box-sizing:border-box}body{margin:0;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button,a,label.upload{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9db4ff;outline-offset:3px}a{color:inherit;text-decoration:none}header{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:35px;padding:0 36px;background:#fff}.brand{display:flex;align-items:center;gap:9px;font-weight:750;font-size:25px;letter-spacing:-.7px}.brand svg{color:var(--blue)}.brand-domain{font-size:11px;font-weight:400;letter-spacing:0;color:#8b91a0;border-left:1px solid var(--border);padding-left:14px;margin-left:7px}nav{display:flex;gap:20px}nav button{font-size:12px;color:#626b79}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.header-actions #saveStatus{font-size:11px;color:var(--muted)}.primary,.secondary,.login{border-radius:7px;padding:11px 16px;font-weight:550;font-size:12px;line-height:1.4}.primary{background:var(--blue);color:#fff}.primary:hover{background:#244bd1}.secondary{border:1px solid #dce1e9;background:#fff}.secondary:hover{background:#f2f5fb}.login{border:1px solid var(--border);white-space:nowrap}main{max-width:1640px;padding:34px 36px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.eyebrow,.panel-label{font-size:10px;letter-spacing:1.4px;font-weight:650;color:#788295}h1{font-size:29px;font-weight:650;letter-spacing:-.8px;margin:11px 0 9px}p{color:var(--muted);line-height:1.7;margin:8px 0}h2{font-size:22px;font-weight:600;letter-spacing:-.4px;margin:15px 0}.page-heading p{font-size:13px}.steps{display:flex;align-items:center;gap:13px;font-size:11px;color:#a5aab5}.steps span{display:flex;align-items:center;gap:8px}.steps span:first-letter{color:var(--blue)}.steps span.active{color:var(--blue)}.steps b{font-weight:500}.steps i{width:28px;border-top:1px solid #d9deea}.select-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--border);border-radius:11px;overflow:hidden;background:white;min-height:590px}.select-map-wrap{position:relative;min-width:0}#worldMap{height:590px;background:#e8f0f6;z-index:1}.selection-frame{position:absolute;inset:42px 55px 90px;z-index:450;border:2px solid #fff;outline:999px solid #15274918;pointer-events:none;border-radius:2px;box-shadow:0 0 0 1px #24478955}.selection-frame:before,.selection-frame:after{content:'';position:absolute;width:16px;height:16px;border-color:var(--blue);border-style:solid}.selection-frame:before{top:-3px;left:-3px;border-width:3px 0 0 3px}.selection-frame:after{bottom:-3px;right:-3px;border-width:0 3px 3px 0}.selection-frame span{position:absolute;top:12px;left:12px;background:#fff;padding:6px 8px;font-size:9px;color:#5c6d84;letter-spacing:1px;box-shadow:0 1px 6px #0001}.select-map-footer{position:absolute;z-index:460;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#53647b}.select-aside{padding:30px 26px;border-left:1px solid var(--border);background:#fff;position:relative;z-index:500}.select-aside h2{font-size:27px;line-height:1.25;margin-top:19px}.select-aside p{font-size:12px}.quick-areas{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.quick-areas button{border:1px solid var(--border);padding:8px 10px;border-radius:5px;font-size:11px}.quick-areas button:hover{border-color:var(--blue);color:var(--blue)}.selection-info{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--border);padding-top:20px;font-size:11px;color:#939bac}.selection-info b{font-size:12px;color:#59667b;font-weight:500;line-height:1.5}.full{width:100%;display:block;margin-top:16px}.divider{display:flex;align-items:center;gap:10px;color:#acb2bf;font-size:10px;margin:21px 0 14px}.divider:before,.divider:after{content:'';border-top:1px solid var(--border);flex:1}.upload{display:block;text-align:center;cursor:pointer;font-size:12px;font-weight:500;padding:10px;border:1px solid var(--border);border-radius:6px}.small{font-size:10px!important;line-height:1.8;text-align:center;margin-top:12px}.editor-layout{display:grid;grid-template-columns:320px minmax(0,1fr);background:white;border:1px solid var(--border);border-radius:10px;overflow:hidden;min-height:650px}.question-panel{border-right:1px solid var(--border);padding:22px;max-height:780px;overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.text-button{font-size:11px;color:var(--blue);padding:0;cursor:pointer}.field-label{font-size:11px;color:#8a93a2;display:block}.field-label>input{display:block;width:100%;border:1px solid var(--border);border-radius:6px;padding:11px;color:var(--ink);margin-top:7px;background:white;min-width:0}.question-heading{margin-top:26px}.question-heading h2{font-size:15px;display:flex;align-items:center;gap:8px}.question-heading h2 span{font-size:10px;background:#edf1fb;padding:3px 6px;border-radius:4px;color:#647bb8}.panel-note{font-size:11px}.empty-state{padding:30px 14px;text-align:center;border:1px dashed #dbe1eb;border-radius:8px;margin:22px 0}.empty-state>span{display:block;font-size:27px;font-weight:300;color:#9aa8c4;margin-bottom:10px}.empty-state b{font-size:12px;font-weight:550}.empty-state p{font-size:11px}.practice-settings{padding-top:20px;border-top:1px solid var(--border);margin-top:24px}.practice-settings label{font-size:11px;display:flex;align-items:flex-start;gap:7px}.practice-settings p{font-size:10px;margin-left:24px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--blue)}input[type=checkbox]{margin:0}.editor-map-area{min-width:0;display:flex;flex-direction:column}.editor-map-toolbar{height:52px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:11px;color:#7b879c}#map{height:590px;flex:1;min-height:450px;background:#edf1f4;cursor:crosshair;z-index:1}.map-footer{display:flex;justify-content:space-between;padding:14px 20px;font-size:9px;color:#929bab;border-top:1px solid var(--border)}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:8px!important}.leaflet-control-zoom a{color:#5e6879!important;font-weight:400!important}.country-label{color:#4f5d70;font-size:10px;white-space:nowrap;text-shadow:0 0 3px #fff,0 0 4px #fff;pointer-events:none!important}.point-icon{border:3px solid white;color:white;box-shadow:0 1px 7px #18348a44;border-radius:50%;background:var(--blue);display:grid!important;place-items:center;font-size:10px;font-weight:600}.point-icon.selected{background:#ea9b40}.feedback-marker{border:3px solid white;background:#d66a5a;border-radius:50%;box-shadow:0 1px 8px #0003}.feedback-marker.correct{background:#3b9865}.qrow{border:1px solid var(--border);border-radius:7px;padding:12px;margin-top:11px}.qrow-top{display:flex;gap:9px;align-items:center}.qnum{color:var(--blue);background:#edf1ff;border-radius:4px;width:22px;height:22px;font-size:10px;flex-shrink:0}.qrow-top input{border:0;background:none;min-width:0;width:100%;outline:none;font-size:12px;color:#39455b}.delete{margin-left:auto;color:#939eae;font-size:18px}.radius{display:flex;font-size:9px;color:#939dab;align-items:center;gap:6px;margin-top:11px}.radius input{min-width:0;width:85px}.radius output{margin-left:auto}footer{max-width:1640px;margin:auto;padding:24px 36px;display:flex;justify-content:space-between;font-size:10px;color:#9199a7}.footer-dot{padding:0 6px}dialog{border:1px solid var(--border);border-radius:12px;padding:30px;width:calc(100% - 32px);max-width:460px;box-shadow:0 20px 100px #14203926;color:var(--ink)}dialog::backdrop{background:#1b263c66}dialog h2{margin-top:15px}dialog p{font-size:12px}.close{position:absolute;right:13px;top:10px;font-size:25px;color:#8b95a5}.style-options{display:flex;flex-direction:column;gap:9px;margin:24px 0}.style-options label{padding:15px;display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:7px;cursor:pointer}.style-options label:has(input:checked){border-color:#6b8af1;background:#f6f8ff}.style-options b{font-size:12px;font-weight:550}.style-options small{display:block;font-size:10px;color:#8992a4;margin-top:5px}.check-field{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:25px}.button-link{text-align:center;display:block}.danger{color:#ac605e}#qrImage{display:block;margin:18px auto}#shareLoading{color:#8a95a6;font-size:12px;padding:20px 0}.saved-card{padding:17px 0;border-bottom:1px solid var(--border)}.saved-card b{font-size:13px}.saved-card p{font-size:10px}.saved-card-actions{display:flex;gap:10px;margin-top:10px}.saved-card-actions button{font-size:11px;color:var(--blue)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:3000;background:#253249;color:#fff;padding:13px 22px;border-radius:7px;box-shadow:0 4px 24px #0002;font-size:12px;max-width:90%;display:none}.student-heading{text-align:center;margin-bottom:25px}.student-heading h1{font-size:28px}.student-heading p{font-size:12px}.student-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--border);border-radius:10px;background:white;overflow:hidden}#studentMap{height:600px;background:#edf1f4;cursor:crosshair;z-index:1}#playContent{padding:28px}.play-question{font-size:22px;line-height:1.4;margin:22px 0 14px}.play-status{min-height:45px;font-size:12px;line-height:1.6;margin-top:24px}.progress{background:#eaf0fb;height:4px;border-radius:3px;margin:16px 0}.progress>div{height:100%;background:var(--blue);border-radius:3px}.result-score{font-size:45px;color:var(--blue);margin:18px 0}.review{font-size:11px;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--border)}.review span{display:block;color:var(--muted);font-size:10px}.student-create{display:block;text-align:center;margin:25px auto;color:#8a94a6;font-size:11px}[hidden]{display:none!important}@media(min-width:1600px){#worldMap{height:650px}}@media(max-width:1100px){header{gap:25px;padding:0 22px}.brand-domain{display:none}.header-actions #saveStatus{display:none}.select-layout{grid-template-columns:minmax(0,1fr) 280px}.select-aside{padding:25px 20px}.editor-layout{grid-template-columns:285px minmax(0,1fr)}main{padding:25px 22px 0}.steps{display:none}.student-layout{grid-template-columns:minmax(0,1fr) 285px}}@media(max-width:700px){header{height:auto;min-height:66px;padding:14px 16px;flex-wrap:wrap;gap:12px}.brand{font-size:23px}nav{order:3;width:100%;gap:20px}.header-actions{gap:8px}.primary,.secondary,.login{font-size:11px;padding:10px 12px}#accountBtn{font-size:10px;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#saveBtn{display:none}#shareBtn{font-size:10px;padding:9px}main{padding:24px 14px 0}.page-heading{margin-bottom:21px}h1{font-size:24px;line-height:1.25}.page-heading p{font-size:12px;max-width:310px}.select-layout{display:flex;flex-direction:column}.select-map-wrap{overflow:hidden}#worldMap{height:380px}.selection-frame{inset:35px 35px 75px}.select-map-footer{left:12px;right:12px;bottom:12px}.select-map-footer>span{font-size:8px;max-width:170px}.select-aside{border-left:0;border-top:1px solid var(--border);padding:23px}.select-aside h2{font-size:23px}.select-aside h2 br{display:none}.quick-areas{margin:16px 0}.selection-info{padding-top:14px}.select-aside .small{margin-bottom:0}.editor-layout{display:flex;flex-direction:column-reverse}.question-panel{max-height:none;border-right:0;border-top:1px solid var(--border);padding:20px}.editor-map-toolbar{height:45px;padding:0 14px}#map{height:370px;min-height:370px}.map-footer{padding:11px 14px;line-height:1.6}.map-footer span:last-child{display:none}.panel-note{font-size:12px}.student-layout{display:flex;flex-direction:column}#studentMap{height:360px}#playContent{padding:22px}.student-heading{text-align:left}.student-heading h1{font-size:24px}.play-question{margin:15px 0;font-size:21px}.play-status{margin-top:15px;min-height:30px}.student-layout:has(.play-question) #playContent{min-height:230px}footer{padding:22px 16px;gap:20px;font-size:9px}footer>span:last-child{text-align:right;max-width:165px;line-height:1.6}}

/* Findr · Atlas */
@font-face{font-family:Manrope;src:url('/fonts/manrope-regular.ttf') format('truetype');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-bold.ttf') format('truetype');font-style:normal;font-weight:650 900;font-display:swap}
:root{--ink:#182e3b;--muted:#74818a;--border:#e0e5e3;--blue:#285b65;--bg:#f5f5f0;--orange:#ee9c59;--navy:#152f3c;--paper:#fffefa;--teal:#3a7478}
body{font-family:Manrope,sans-serif;background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.ui-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
button,a,input,label.upload{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#d47b3f}
header{height:82px;background:var(--navy);color:#edf2f1;padding:0 3.2%;gap:46px;border-bottom:none;box-shadow:0 2px 14px #132d3a0b}
.brand{gap:10px;font-size:31px;letter-spacing:-1.6px;font-weight:750}
.brand-mark{display:grid;place-items:center;background:var(--orange);color:var(--navy);width:39px;height:43px;border-radius:12px 12px 12px 3px;transform:rotate(-5deg);margin-right:2px}
.brand-mark .ui-icon{width:25px;height:25px;transform:rotate(5deg);color:var(--navy);stroke-width:1.8}
.brand-name{line-height:1}.brand-name>span{color:var(--orange)}
.brand-domain{font-size:10px;letter-spacing:0;color:#b1c0c4;border-color:#ffffff20;margin-left:10px;padding-left:20px;align-self:center;font-weight:500;white-space:nowrap}
nav{gap:6px}nav button{color:#c0cdd0;font-size:12px;padding:11px 15px;border-radius:8px;display:flex;align-items:center;gap:8px;font-weight:550}nav .ui-icon{width:16px;height:16px}
nav button:hover{background:#ffffff12;color:white}nav .nav-new{background:#ffffff10;color:#fff}
.header-actions{gap:14px}header .login{background:#fffefa;border:1px solid #fffefa;color:var(--ink);display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:12px;box-shadow:0 3px 9px #0001}header .login .ui-icon{width:15px;height:15px}header .login:hover{background:#f4dbc2;border-color:#f4dbc2}
.header-actions #saveStatus{color:#bed2cd;font-size:10px}#accountBtn{background:#ffffff10;border:1px solid #ffffff18;padding:11px 14px;border-radius:8px;font-size:11px;color:#e7eeeb}
.primary,.secondary,.login{border-radius:9px;font-size:12px;font-weight:700;padding:13px 16px;min-height:43px}
.primary{background:var(--orange);color:#20353e;border:1px solid #df8c4d;box-shadow:0 3px 0 #ca77342b;display:inline-flex;align-items:center;justify-content:center;gap:12px}
.primary:hover{background:#f3ac72;border-color:#d5894e;box-shadow:0 4px 0 #ca77342b;transform:translateY(-1px)}.primary:active{transform:translateY(1px);box-shadow:none}
.secondary{border-color:#dce3df;background:var(--paper);color:#415c64;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.secondary:hover{background:#edf2ee;border-color:#b8c9c1}.secondary .ui-icon{width:16px;height:16px}header .secondary{background:#ffffff0b;color:#e4efeb;border-color:#ffffff2a}
.full{display:flex;width:100%;justify-content:center;align-items:center;margin-top:18px}.text-button{color:#376b72;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.text-button:hover{color:#ba713e}.text-button .ui-icon{width:15px;height:15px}
main{max-width:1700px;padding:33px 3.2% 0}.page-heading{margin-bottom:29px;gap:30px;align-items:flex-end}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#62817c;display:inline-flex;align-items:center;gap:7px}.eyebrow:before{content:'';width:5px;height:5px;background:#d88c50;border-radius:50%}
h1{font-size:37px;line-height:1.23;letter-spacing:-1.45px;font-weight:750;margin:12px 0 11px}.page-heading p{font-size:12px;line-height:1.8;color:#7b898d;margin:0}.steps{display:flex;gap:13px;margin:0 0 10px;color:#9aa5a7;flex-shrink:0}.steps>span{display:flex;gap:10px;align-items:center}.steps .step-number{width:33px;height:33px;border:1px solid #d8dfda;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:650;letter-spacing:0;background:#f8f9f5;color:#95a09f}.steps b{font-size:10px;font-weight:700;display:block;line-height:1.5}.steps small{display:block;color:#a0a9a8;font-size:9px;font-weight:400;margin-top:2px}.steps>span.active{color:var(--ink)}.steps>.active .step-number{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 0 0 5px #e5eae3}.steps>.completed .step-number{background:#deebe3;color:#406b5d;border-color:#d0dfd3}.steps>i{width:18px;border-top-color:#d9dfd8}
.select-layout{grid-template-columns:minmax(0,1fr) 336px;border:1px solid #dbe3dd;border-radius:16px;box-shadow:0 10px 45px #1b3a2f08;background:var(--paper);min-height:675px;isolation:isolate}
.select-map-wrap{min-height:675px;overflow:hidden;background:#dce9eb}#worldMap{position:absolute;inset:0;height:100%!important;background:#dce9eb}
.map-top-label{display:flex;align-items:center;gap:10px;position:absolute;top:23px;left:24px;z-index:470;background:#fffefaf5;padding:12px 15px;border:1px solid #ffffffd9;border-radius:10px;box-shadow:0 4px 16px #25473c0c;color:#35555b;font-size:11px;font-weight:700;pointer-events:none}.map-top-label .ui-icon{width:17px;height:17px;color:#608780}.map-top-label small{font-size:9px;font-weight:500;color:#81958f}.map-live-dot{width:4px;height:4px;border-radius:50%;background:#bacbc1;margin:0 1px}
.north-indicator{position:absolute;top:25px;right:25px;z-index:470;display:flex;flex-direction:column;align-items:center;color:#335a61;font-weight:700;pointer-events:none}.north-indicator span{font-size:10px;line-height:1;margin-bottom:8px}.north-indicator svg{width:17px;height:34px;filter:drop-shadow(0 2px 2px #324c3f14)}
.selection-frame{inset:92px 48px 100px;border:1px solid #ffffffe6;border-radius:4px;outline:1000px solid #1a3d4718;box-shadow:0 0 0 1px #3e666845,0 0 40px #183b3510}.selection-frame:before,.selection-frame:after{width:22px;height:22px;border-color:#dd8749}.selection-frame:before{top:-2px;left:-2px}.selection-frame:after{bottom:-2px;right:-2px}.selection-frame>span{top:13px;left:13px;background:var(--navy);color:#edf3ef;padding:8px 10px;border-radius:5px;font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:7px;border:1px solid #ffffff20;box-shadow:0 2px 7px #1e423c15}.selection-frame>span .ui-icon{width:12px;height:12px;color:#edac77}
.frame-cross{position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);opacity:.45}.frame-cross:before,.frame-cross:after{content:'';position:absolute;background:#355b60}.frame-cross:before{width:12px;height:1px;top:6px}.frame-cross:after{height:12px;width:1px;left:6px}
.select-map-footer{bottom:22px;left:24px;right:24px;gap:10px;font-size:10px}.select-map-footer>span{background:#fffefae8;border:1px solid #ffffff;padding:12px 13px;border-radius:8px;display:flex;align-items:center;gap:5px;color:#758b88;box-shadow:0 2px 10px #264a3d08;min-height:42px}.select-map-footer>span>.ui-icon{width:13px;height:13px;color:#69877d;margin-right:4px}.select-map-footer b{font-weight:700;color:#476c67}.hint-separator{height:12px;border-left:1px solid #dce5de;margin:0 5px}.select-map-footer .secondary{font-size:10px;min-height:42px;box-shadow:0 2px 10px #264a3d08;background:#fffefaed}
.select-aside{padding:28px 26px 23px;background:var(--paper);border-left:1px solid #dce3dd}.aside-intro{display:flex;align-items:center;justify-content:space-between}.panel-label{font-size:9px;letter-spacing:1.35px;color:#7f938d;font-weight:750}.aside-compass{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid #e8e4d5;background:#f4f0e5;color:#b98756}.aside-compass .ui-icon{width:18px;height:18px}.select-aside h2{font-size:29px;line-height:1.25;letter-spacing:-1px;margin:15px 0 12px;font-weight:750}.select-aside>p{font-size:11px;color:#86928e;line-height:1.85}.quick-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:750;letter-spacing:1.35px;color:#6a847b;margin:23px 0 12px}.quick-label>span{font-size:9px;font-weight:400;letter-spacing:0;color:#a0aaa0}.quick-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 21px}.quick-areas button{position:relative;border:1px solid #e0e6de;background:#f7f8f2;padding:0;border-radius:7px;overflow:hidden;text-align:left;box-shadow:0 1px 2px #2d4c3f04}.quick-areas button img{display:block;width:100%;height:45px;object-fit:cover;filter:saturate(.8);transition:filter .2s,transform .2s}.quick-areas button>span{display:block;font-size:9px;padding:7px 8px;color:#617368;font-weight:700}.quick-areas button:hover{border-color:#8fa99c;box-shadow:0 3px 8px #2d4c3f0d}.quick-areas button:hover img{filter:saturate(1.15)}.quick-areas button.selected{border-color:#678f7c;box-shadow:0 0 0 2px #dde8dc}.quick-areas button.selected>span{background:#edf3e8;color:#365b45}.quick-areas button.selected:after{content:'✓';position:absolute;top:4px;right:4px;border:1px solid white;background:#47765b;color:white;width:13px;height:13px;border-radius:50%;display:grid;place-items:center;font-size:8px}
.selection-info{background:#f2f4ec;border:1px solid #e6eade;border-radius:8px;padding:12px 13px;gap:7px}.selection-info>span{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;font-weight:700;color:#7e9486}.selection-info>span .ui-icon{width:12px;height:12px}.selection-info>b{font-size:10px;line-height:1.5;letter-spacing:.1px;font-variant-numeric:tabular-nums;font-weight:550;color:#546d60}.select-aside .primary{font-size:11px;margin-top:15px;justify-content:space-between;padding:14px}.select-aside .primary .ui-icon{width:17px;height:17px}
.divider{margin:18px 0 14px;color:#a9b1a6;font-size:9px;gap:10px}.divider:before,.divider:after{border-color:#e8eae1}.upload{display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:13px;background:#fafbf6;border:1px dashed #cbd7c6;border-radius:8px;color:#5c7865}.upload>.ui-icon{width:21px;height:21px;color:#78947a;margin-left:2px}.upload>span{font-size:11px;text-align:left;font-weight:700}.upload small{display:block;font-size:9px;margin-top:3px;font-weight:400;color:#98a48f}.upload:hover{border-color:#8eaa87;background:#f0f5e9}.small.upload-format{font-size:8px!important;color:#a0aa98;letter-spacing:.2px;margin:9px 0 0}
.leaflet-bar{border:none!important;box-shadow:0 3px 14px #213e3f14!important;border-radius:9px!important;overflow:hidden}.leaflet-control-zoom a{background:#fffefa!important;color:#36575c!important;width:34px!important;height:34px!important;line-height:34px!important;font-size:20px!important;border-bottom-color:#e3e8e1!important}.leaflet-control-zoom a:hover{background:#eef3ea!important}.leaflet-top .leaflet-control{margin-top:88px!important;margin-left:14px!important}.leaflet-control-attribution{font-size:8px!important;background:#fffefabd!important;padding:2px 6px!important;color:#6d8880!important}.leaflet-control-attribution a{color:#6d8880!important}
.editor-layout{grid-template-columns:340px minmax(0,1fr);border-color:#dce4dc;border-radius:15px;box-shadow:0 8px 40px #1f413b06;background:var(--paper);isolation:isolate}.question-panel{padding:26px;background:var(--paper);border-color:#e3e8df;max-height:780px}.panel-heading{margin-bottom:25px}.field-label{color:#7e9087;font-size:10px;font-weight:650;letter-spacing:.3px}.field-label>input{padding:13px 12px;border-radius:8px;background:#fffefb;border-color:#e1e7df;font-size:12px;font-weight:550;color:#304d4b}.field-label>input:focus{border-color:#83a78f;box-shadow:0 0 0 3px #dfece021;outline:none}.question-heading h2{font-size:17px;font-weight:750;letter-spacing:-.5px}.question-heading h2 span{padding:4px 7px;border-radius:6px;font-size:10px;background:#eaf0e5;color:#6d8767}.panel-note{font-size:10px;line-height:1.9;color:#93a092}.empty-state{border-color:#d9e2d2;border-radius:11px;padding:26px 18px;background:radial-gradient(ellipse at 50% 30%,#f2f3e7,#fcfdf7 75%);margin-top:20px}.empty-illustration{width:72px;height:72px;margin:0 auto 18px;position:relative;display:grid!important;place-items:center;background:#e6ecdd;transform:rotate(-8deg);border-radius:18px!important;border:1px solid #d7e0ce}.empty-illustration>.ui-icon{width:30px;height:30px;color:#6e8c6c;transform:rotate(8deg)}.empty-illustration>i{position:absolute;width:6px;height:6px;background:#d3b591;right:-9px;top:5px;border-radius:50%}.empty-illustration>i:last-child{width:4px;height:4px;left:-7px;top:53px;background:#9ab5a2}.empty-state b{font-size:11px;color:#5d775b;font-weight:750}.empty-state p{font-size:10px;line-height:1.8;color:#9ba793}.practice-settings{margin-top:22px;padding-top:19px;border-color:#e6eadf}.practice-settings label{color:#667d6c;font-size:10px;font-weight:600}.practice-settings p{font-size:9px;color:#a1ad9b;line-height:1.9;margin-top:7px}input[type=checkbox]{accent-color:#597c63;width:14px;height:14px}#previewBtn{margin-top:23px;width:100%;padding:13px;border-color:#d5e0d0;color:#607e64;background:#f7f9f2;font-size:11px}
.editor-map-toolbar{height:61px;background:#fffefa;color:#748c81;border-color:#dfe7de;padding:0 22px;gap:12px;font-size:11px}.map-summary-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:650;color:#70867d}.map-summary-label>.ui-icon{width:17px;height:17px;color:#7e9b88}#map{background:#e4ebea;min-height:560px}.map-footer{font-size:9px;background:#fafbf5;color:#9aa895;padding:15px 20px;border-color:#e0e7dd;gap:12px}.map-footer>span:first-child{display:flex;align-items:center;gap:7px}.map-footer .ui-icon{width:12px;height:12px;color:#8aa381}#map .leaflet-top .leaflet-control,#studentMap .leaflet-top .leaflet-control{margin-top:18px!important;margin-left:18px!important}.point-icon{background:#2e6671;box-shadow:0 3px 12px #1e454b35;font-size:10px}.point-icon.selected{background:#c98e4a}.qrow{border-color:#e0e7d9;background:#f9fbf5;border-radius:9px;padding:13px;margin-top:12px;box-shadow:0 1px 2px #344d3003}.qrow:focus-within{border-color:#9cb59a;box-shadow:0 0 0 2px #e9efe4}.qnum{width:24px;height:24px;background:#e8f0df;border-radius:6px;color:#5e7e58;font-weight:700}.qrow-top input{font-size:11px;color:#536e55;line-height:1.6}.qrow-top input::placeholder{color:#a2b198}.radius{font-size:9px;color:#96a88c;gap:7px;padding-top:11px;margin-top:9px;border-top:1px solid #e8eddf}.radius input{accent-color:#789965}.radius output{color:#79936a;font-weight:700}.delete{color:#a2b197;font-weight:400}
dialog{background:var(--paper);border-radius:20px;border:1px solid #e2e8df;max-width:490px;padding:35px;box-shadow:0 28px 100px #122e3a26}dialog::backdrop{background:#122e3a70;backdrop-filter:blur(5px)}dialog .eyebrow{font-size:8px}dialog h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:16px 0 12px;font-weight:750}dialog p{font-size:11px;line-height:1.9;color:#8c9b8f}.close{right:16px;top:13px;color:#8da091;font-weight:400;background:#f2f5eb;border-radius:50%;font-size:20px;width:28px;height:28px;display:grid;place-items:center}.close:hover{color:#354e38;background:#e5edda}.style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:23px 0}.style-options label{position:relative;display:flex;flex-direction:column;gap:0;align-items:stretch;border:1px solid #dee5d7;border-radius:10px;padding:0;overflow:hidden;background:#fafbf5}.style-preview{display:block;width:100%;height:83px;object-fit:cover}.style-options input{position:absolute;top:8px;right:8px;margin:0;accent-color:#517662;width:14px;height:14px}.style-options label>span{padding:12px 10px}.style-options b{font-size:10px;color:#526e59;font-weight:750}.style-options small{font-size:8px;line-height:1.7;margin-top:5px;color:#9aa88e}.style-options label:has(input:checked){background:#edf3e5;border-color:#88a47c;box-shadow:0 0 0 2px #e1e9d8}.check-field{font-size:11px;color:#778f75;margin:23px 0}.dialog-emblem{display:grid;place-items:center;width:53px;height:53px;background:#eff1e4;border:1px solid #e2e7d2;border-radius:15px;margin-top:24px;transform:rotate(-5deg);color:#81945d}.dialog-emblem .ui-icon{width:24px;height:24px;transform:rotate(5deg)}#qrImage{background:white;border:1px solid #e7e9de;border-radius:10px;padding:10px;width:170px;height:170px;margin:24px auto}.button-link{display:block;text-align:center}.button-link.primary{padding:15px}.button-link.text-button{margin-top:19px}#revokeBtn{font-size:10px;color:#ae8b73;margin-top:24px}.saved-card{border-color:#e6ebdf;padding:18px 0}.saved-card b{color:#617b5d}.saved-card p{color:#a0ad96}.saved-card-actions button{font-size:10px;color:#6a8a61;background:#eef3e6;padding:8px 11px;border-radius:5px}.saved-card-actions button.danger{background:#f7f0e7;color:#a88a6a}
.student-heading{text-align:left;max-width:1700px;margin:5px auto 25px}.student-heading h1{font-size:34px;font-weight:750;letter-spacing:-1px}.student-heading p{font-size:12px}.student-layout{grid-template-columns:minmax(0,1fr) 340px;border-color:#dce5db;border-radius:15px;box-shadow:0 8px 40px #1f413b06;background:var(--paper)}#studentMap{background:#e4ebea;height:630px}#playContent{padding:31px;border-left:1px solid #dde6d9;background:var(--paper)}#playContent>.eyebrow{font-size:9px}.play-question{font-size:25px;font-weight:700;letter-spacing:-.7px;line-height:1.35;color:#365249;margin:26px 0 17px}#playContent>p{font-size:11px!important;line-height:1.9;color:#90a18e}.progress{height:5px;background:#edf1e4;border-radius:4px;margin-top:20px}.progress>div{background:#8eab78}.play-status{font-size:12px;line-height:1.8;min-height:55px}.result-score{font-size:58px;letter-spacing:-3px;color:#688b56;font-weight:750}.review{font-size:11px;color:#7b9470;border-color:#e4ebdc;padding:13px 0}.review span{font-size:9px;color:#abb79e;margin-top:3px}.student-create{font-size:10px;color:#94a08b;margin:28px 0}.student-create:hover{color:#596f49}
footer{max-width:1700px;padding:23px 3.2% 27px;font-size:9px;color:#99a292;align-items:center}.footer-brand{font-size:17px;font-weight:800;letter-spacing:-.7px;color:#809078;margin-right:3px}.footer-dot{color:#bec5b4;padding:0 10px}footer>span:last-child{color:#a5ae9c;font-size:8px}#toast{background:#234b4d;box-shadow:0 6px 30px #173b3525;border:1px solid #ffffff28;border-radius:10px;font-size:12px;padding:14px 21px}
@media(min-width:1600px){h1{font-size:41px}.select-layout{grid-template-columns:minmax(0,1fr) 366px}.select-aside{padding:31px}.select-map-wrap{min-height:710px}.select-aside h2{font-size:32px}.quick-areas button img{height:51px}.select-aside>p{font-size:12px}.quick-areas button>span{font-size:10px}}
@media(max-width:1200px){header{gap:25px}.brand-domain{display:none}.steps{gap:9px}.steps>i{width:9px}.steps b{font-size:9px}.steps small{font-size:8px}.steps .step-number{width:28px;height:28px}.steps>span{gap:8px}.select-layout{grid-template-columns:minmax(0,1fr) 310px}.select-aside{padding:24px 22px}.map-top-label small,.map-live-dot{display:none}.select-map-footer>span{font-size:8px}.select-map-footer>span .ui-icon{display:none}.select-map-footer .secondary{font-size:9px}.select-map-wrap{min-height:675px}.editor-layout{grid-template-columns:310px minmax(0,1fr)}.question-panel{padding:24px 22px}}
@media(max-width:1000px){.steps{display:none}h1{font-size:34px}nav button{font-size:10px;padding:10px 12px}.brand{font-size:29px}.brand-mark{width:33px;height:37px}header{gap:20px}.select-layout{grid-template-columns:minmax(0,1fr) 290px}.select-aside{padding:23px 20px}.select-aside h2{font-size:27px}.quick-areas{gap:7px}.quick-areas button>span{font-size:8px;padding:7px 6px}.quick-label>span{font-size:8px}.selection-frame{inset:88px 30px 95px}.map-top-label{left:18px}.select-map-footer{left:18px;right:18px}.select-map-footer>span{max-width:170px;flex-wrap:wrap;line-height:1.5;gap:3px;padding:8px 11px}.select-map-footer>span .hint-separator{display:none}.editor-layout{grid-template-columns:285px minmax(0,1fr)}.student-layout{grid-template-columns:minmax(0,1fr) 295px}#playContent{padding:25px}.header-actions{gap:9px}header .primary{font-size:10px;padding:11px}.header-actions #saveStatus{display:none}}
@media(max-width:700px){header{min-height:75px;height:auto;padding:18px 20px 13px;gap:14px;flex-wrap:wrap}.brand{font-size:29px}.brand-mark{width:32px;height:36px;border-radius:10px 10px 10px 3px}.brand-mark .ui-icon{width:21px;height:21px}.brand-domain{display:none}header .login{padding:10px 12px;gap:7px;font-size:10px;min-height:36px}header .login>.ui-icon:last-child{display:none}header .login>.ui-icon{width:13px;height:13px}nav{order:3;width:100%;gap:5px;margin-top:1px;padding-top:12px;border-top:1px solid #ffffff12}nav button{padding:8px 12px;font-size:10px;gap:7px}nav button .ui-icon{width:13px;height:13px}nav .nav-new{background:#ffffff0c}.header-actions{gap:7px}#shareBtn{font-size:9px;min-height:35px;padding:10px;gap:6px}#shareBtn .ui-icon{width:12px;height:12px}#saveBtn{display:none}#accountBtn{font-size:8px;max-width:85px;padding:9px 7px;min-height:35px}.primary,.secondary{font-size:11px;padding:13px 15px}.primary .ui-icon{width:16px;height:16px}main{padding:27px 16px 0}.page-heading{margin-bottom:23px;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:12px 0}.page-heading p{font-size:11px;max-width:330px;line-height:1.9}.select-layout{display:flex;flex-direction:column;border-radius:13px}.select-map-wrap{min-height:390px;height:390px}#worldMap{height:100%!important}.map-top-label{top:15px;left:15px;padding:9px 11px;border-radius:7px;font-size:9px;gap:7px}.map-top-label .ui-icon{width:14px;height:14px}.north-indicator{top:16px;right:17px}.north-indicator span{font-size:8px;margin-bottom:5px}.north-indicator svg{height:27px;width:13px}.selection-frame{inset:72px 26px 78px}.selection-frame:before,.selection-frame:after{width:18px;height:18px}.selection-frame>span{top:9px;left:9px;padding:6px 7px;font-size:6px;gap:5px}.selection-frame>span .ui-icon{width:10px;height:10px}.select-map-footer{bottom:15px;left:15px;right:15px;gap:8px}.select-map-footer>span{font-size:7px;max-width:185px;min-height:33px;padding:7px 9px;gap:3px;border-radius:6px}.select-map-footer .secondary{min-height:33px;font-size:8px;padding:8px;border-radius:6px;gap:5px}.select-map-footer .secondary .ui-icon{width:12px;height:12px}.leaflet-top .leaflet-control{margin-top:67px!important;margin-left:10px!important}.leaflet-control-zoom a{width:29px!important;height:29px!important;line-height:29px!important;font-size:18px!important}.leaflet-control-attribution{font-size:6px!important}.select-aside{border-left:0;border-top:1px solid #dce5da;padding:25px 23px 21px}.panel-label{font-size:8px}.aside-compass{width:35px;height:35px}.select-aside h2{font-size:28px;margin:10px 0 12px;letter-spacing:-1px}.select-aside h2 br{display:initial}.select-aside>p{font-size:11px;max-width:360px}.quick-label{margin-top:23px;font-size:8px}.quick-label>span{font-size:9px}.quick-areas{gap:10px;margin-bottom:20px}.quick-areas button img{height:54px}.quick-areas button>span{font-size:9px;padding:8px}.selection-info{padding:13px}.selection-info b{font-size:10px}.select-aside .primary{padding:15px;font-size:11px}.upload{padding:14px}.upload>span{font-size:11px}.upload small{font-size:9px}.small.upload-format{font-size:8px!important}.editor-layout{display:flex;flex-direction:column-reverse;border-radius:13px}.editor-map-toolbar{height:52px;padding:0 14px;gap:8px}.editor-map-toolbar .text-button{font-size:9px;gap:5px}.editor-map-toolbar .ui-icon{width:13px;height:13px}.map-summary-label,#mapSummary{font-size:9px;gap:6px}.map-summary-label>.ui-icon{width:14px;height:14px}#map{height:380px;min-height:380px;flex:none}.map-footer{font-size:8px;padding:12px 14px;line-height:1.7}.map-footer>.ui-icon{width:11px;height:11px}.map-footer>span:last-child{display:none}.question-panel{padding:24px;max-height:none;border-top:1px solid #dde6d7;border-right:0}.question-heading h2{font-size:18px}.field-label{font-size:10px}.field-label>input{font-size:13px;padding:14px}.panel-note{font-size:11px}.qrow{padding:14px}.qrow-top input{font-size:12px}.radius{font-size:10px}.empty-state{padding:28px 20px}.empty-state b{font-size:12px}.empty-state p{font-size:11px}.practice-settings label{font-size:11px}.practice-settings p{font-size:10px}.student-heading{margin:0 0 22px}.student-heading h1{font-size:27px}.student-heading p{font-size:11px}.student-layout{display:flex;flex-direction:column;border-radius:13px}#studentMap{height:375px}#playContent{padding:25px;border-left:0;border-top:1px solid #dde6d9}.play-question{font-size:24px;margin:20px 0 14px}.play-status{min-height:35px;font-size:12px}.student-create{font-size:10px}.result-score{font-size:55px}dialog{padding:29px 23px;border-radius:15px}dialog h2{font-size:27px}.style-options{gap:7px}.style-preview{height:75px}.style-options label>span{padding:10px 8px}.style-options b{font-size:9px}.style-options small{font-size:8px}.check-field{font-size:11px}.dialog-emblem{margin-top:22px}.full{margin-top:16px}footer{padding:22px 18px;gap:18px;font-size:8px}.footer-brand{font-size:16px}.footer-dot{padding:0 7px}footer>span:last-child{max-width:150px;font-size:7px;line-height:1.7}#toast{font-size:11px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Reading contrast and control labels. */
.select-aside>p{font-size:12px;color:#74857c}.quick-areas button>span{font-size:10px;color:#546e5c}.selection-info>b{font-size:11px;color:#526b5a}.selection-info>span{color:#71876f}.panel-note{font-size:11px;color:#7d8f79}.field-label{font-size:11px;color:#72866f}.qrow-top input{font-size:12px;color:#4d694f}.practice-settings label{font-size:11px;color:#617c61}.practice-settings p{font-size:10px;color:#87997d}.radius{font-size:10px;color:#819574}.empty-state p{color:#879b7e}.page-heading p{color:#748480}.style-options b{font-size:11px}.style-options small{font-size:9px;color:#7f9174}.map-footer{color:#819678}.student-heading p{color:#73856e}#playContent>p{color:#7d9275}.student-create{color:#7f9175}
@media(max-width:1000px){.quick-areas button>span{font-size:9px}}@media(max-width:700px){.select-aside>p{font-size:12px}.quick-areas button>span{font-size:10px}.style-options b{font-size:10px}.style-options small{font-size:8px}.selection-info>b{font-size:10px}}