@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',system-ui,sans-serif;color:#182b48;background:#f1f4f8;font-synthesis:none;--navy:#182f54;--blue:#275ee9;--muted:#758197;--line:#e2e8f0;--green:#138367;--red:#d04452}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer;color:inherit;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s}button:hover{background:#edf2fc}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:3px solid #ffb847;outline-offset:3px}button:disabled{cursor:default;opacity:.6}a{color:inherit}.topbar{height:76px;padding:0 3.1%;display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;text-decoration:none;letter-spacing:-.6px}.brandmark{font-size:34px;color:var(--blue);line-height:1}.topnote{font-size:14px;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}.topbar>button{margin-left:auto}.quiet{background:transparent;border-color:transparent;color:#617089}main{max-width:1920px;margin:auto;padding:27px 3.1% 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}h1{font-size:23px;letter-spacing:-.8px;margin:0 0 7px}p{line-height:1.7}.toolbar p{font-size:14px;color:var(--muted);margin:0}.modes{display:flex;gap:5px;padding:5px;background:#e4eaf2;border-radius:13px}.modes button{border:0;background:transparent;padding:12px 18px;border-radius:9px;white-space:nowrap}.modes button span{font-size:12px;margin-left:5px;font-weight:400;opacity:.72}.modes .active{background:var(--navy);color:white;box-shadow:0 3px 8px #142f5426}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.map-card{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden}.mapbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);gap:10px}.mapbar b{font-size:12px;letter-spacing:1.6px}.mapbar .muted{font-size:12px;margin-left:12px}.mapactions{display:flex;gap:5px}.mapactions button{padding:7px 10px;font-size:12px}.muted{color:var(--muted)}#viewport{height:clamp(440px,65vh,850px);position:relative;overflow:hidden;background:#fff;touch-action:none;cursor:grab;isolation:isolate}#viewport.dragging{cursor:grabbing}#mapStage{position:absolute;width:1824px;height:1368px;transform-origin:0 0;will-change:transform}#mapCanvas{position:absolute;inset:0;width:1824px;height:1368px}#markers{position:absolute;inset:0}.marker{position:absolute;transform:translate(-50%,-50%);padding:0;width:22px;min-width:0;height:18px;border:1px solid #9aa9bb;border-radius:3px;color:#344764;background:white;font-size:14px;line-height:16px;font-weight:800;z-index:2;box-shadow:0 1px 2px #152c4917;cursor:pointer}.marker:hover,.marker.selected{z-index:6;border-color:var(--blue);box-shadow:0 0 0 4px #275ee929;color:var(--blue)}.marker.answered{color:white;background:var(--blue);border-color:var(--blue)}.marker.correct{background:var(--green);border-color:var(--green);color:white}.marker.wrong{background:var(--red);border-color:var(--red);color:white}.marker.empty{background:#e5e9ef;border-color:#98a3b4;color:#556177}.marker.flagged:after{content:'';width:6px;height:6px;background:#f0a62b;position:absolute;right:-3px;top:-3px;border-radius:50%}.sheet-note{position:absolute;top:1000px;left:885px;width:760px;color:#7a8ba1;pointer-events:none}.sheet-note .eyebrow{letter-spacing:4px;font-size:16px;color:#71829b}.sheet-note strong{display:block;color:#253c5b;font-size:36px;line-height:1.45;margin:16px 0}.sheet-note p{font-size:21px;margin:12px 0}.legend{display:flex;gap:28px;font-size:20px;margin-top:24px}.blue{color:var(--blue)}#mapLoading{position:absolute;inset:0;background:white;display:grid;place-items:center;font-size:15px;color:var(--muted);z-index:8}.map-footer{padding:13px 18px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:10px}.answer-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.session{display:flex;justify-content:space-between;color:var(--blue);font-size:13px;font-weight:700}.session #timer{color:var(--muted);font-variant-numeric:tabular-nums}.progress-copy{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;font-size:14px;color:var(--muted)}.progress-copy strong{color:var(--navy);font-size:26px}.progress-copy small{font-size:14px;font-weight:500;color:var(--muted)}progress{width:100%;height:5px;appearance:none;display:block;border:0;border-radius:10px;background:#e8edf5}progress::-webkit-progress-bar{background:#e8edf5;border-radius:10px}progress::-webkit-progress-value{background:var(--blue);border-radius:10px}progress::-moz-progress-bar{background:var(--blue)}#question{margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}.question-head{display:flex;align-items:center;justify-content:space-between}.number-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--blue);background:#edf2ff;border-radius:7px;padding:5px 9px;font-weight:700}.flag{font-size:12px;border:0;padding:5px 0;color:var(--muted)}.flag.on{color:#a66a00}.question-title{font-size:19px;letter-spacing:-.7px;margin:13px 0 5px}.question-help{font-size:13px;color:var(--muted);margin:0 0 14px}.choices{display:grid;gap:7px}.choice{text-align:left;display:flex;align-items:center;gap:10px;padding:10px 13px}.choice .letter{font-size:12px;color:#8895a8;font-weight:500}.choice.picked{border-color:var(--blue);color:var(--blue);background:#f0f4ff}.answer-input{width:100%;border:1px solid #bec9d8;border-radius:9px;background:#fbfcfe;padding:13px;font-size:16px;color:var(--navy)}.hint{font-size:23px;letter-spacing:5px;padding:9px 0 17px;font-weight:700;color:#47638c}.answer-actions{display:flex;gap:7px;margin-top:10px}.answer-actions button{flex:1}.primary{background:var(--blue);border-color:var(--blue);color:white}.primary:hover{background:#194dc9}.feedback{border-radius:9px;font-size:14px;padding:11px;line-height:1.6;margin-top:12px;background:#f3f5f9;color:#5b6a7f}.feedback.correct{background:#edf8f3;color:var(--green)}.feedback.wrong{background:#fff0f0;color:#b33240}.next-button{width:100%;margin-top:9px}.navigator-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;font-size:13px}.navigator-heading span{font-size:12px;color:var(--muted)}.number-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.number-grid button{position:relative;border-radius:4px;font-size:11px;padding:0;height:24px;min-width:0;font-weight:500;color:#7a879a}.number-grid .selected{outline:2px solid var(--blue);outline-offset:1px;z-index:1}.number-grid .answered{background:#e9efff;color:var(--blue);border-color:#bed0ff}.number-grid .correct{background:#dff4e9;color:var(--green);border-color:#b9e1d0}.number-grid .wrong{background:#fee8e8;color:var(--red);border-color:#f4b6bc}.number-grid .empty{background:#edf0f4;color:#778398}.number-grid .flagged:after{content:'';position:absolute;width:4px;height:4px;right:1px;top:1px;background:#e9a42b;border-radius:50%}.submit{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:12px 15px}.page-footer{display:flex;align-items:center;justify-content:space-between;color:#8a96a8;font-size:12px;margin:14px 0}.page-footer button{border:0;background:transparent;font-size:12px;color:#718198;padding:5px}.dashboard{margin-top:22px;background:white;border:1px solid var(--line);border-radius:16px;padding:27px}.dashboard[hidden]{display:none}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.result-heading h2{margin:0;font-size:22px}.result-heading p{font-size:14px;color:var(--muted);margin:6px 0 0}.result-actions{display:flex;gap:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stat{background:#f5f7fb;padding:20px;border-radius:11px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;margin-top:7px;font-size:30px}.stat.correct strong{color:var(--green)}.stat.wrong strong{color:var(--red)}.result-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:35px}.result-columns h3{font-size:16px;margin:5px 0 18px}.continent-row{display:grid;grid-template-columns:95px 1fr 60px;gap:10px;align-items:center;font-size:13px;margin:14px 0}.bar{height:7px;background:#e9eef6;border-radius:6px;overflow:hidden}.bar>i{height:100%;display:block;background:var(--blue)}.result-table{width:100%;border-collapse:collapse;font-size:14px}.result-table th,.result-table td{text-align:left;padding:10px 5px;border-bottom:1px solid var(--line)}.result-table th{font-size:12px;font-weight:500;color:var(--muted)}.result-table button{padding:5px 8px;font-size:12px}.result-scroll{max-height:340px;overflow:auto}.answer-wrong{color:var(--red)}.all-correct{background:#edf8f3;padding:20px;border-radius:10px;color:var(--green)}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;color:var(--navy);width:min(92vw,480px);box-shadow:0 24px 100px #10214035}dialog::backdrop{background:#14294770;backdrop-filter:blur(3px)}dialog h2{margin:0 0 13px;font-size:21px}dialog p{font-size:14px;color:#64738b}dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}#keyDialog{width:min(94vw,760px);max-height:85vh}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header button{font-size:22px;border:0;padding:2px 10px}#keyList{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:14px}#keyList div{padding:9px;border:1px solid var(--line);border-radius:7px}#keyList small{display:block;color:var(--muted);font-size:12px;margin-top:3px}#keyList b{font-size:12px;color:var(--muted);margin-right:5px}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 370px}.answer-panel{padding:26px}.number-grid button{font-size:12px;height:27px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.answer-panel{padding:18px}.toolbar h1{font-size:20px}.modes button{padding:11px 13px}.mapbar .muted{display:none}.map-footer span:last-child{display:none}}@media(max-width:780px){.topbar{height:62px;padding:0 17px;gap:10px}.topnote{display:none}.brand{font-size:19px}main{padding:21px 14px 0}.toolbar{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:16px}.toolbar h1{font-size:21px}.modes{align-self:flex-start}.modes button{padding:11px 20px}.workspace{grid-template-columns:1fr}.mapbar{padding:11px 12px}#viewport{height:57vh;min-height:340px;max-height:620px}.map-footer{padding:11px 12px}.answer-panel{padding:20px}.number-grid{grid-template-columns:repeat(10,1fr);gap:6px}.number-grid button{height:31px;font-size:12px}.choices{grid-template-columns:1fr 1fr}.choice:last-child{grid-column:1/-1}.result-heading{align-items:flex-start;flex-direction:column}.result-actions{flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.result-columns{grid-template-columns:1fr;gap:23px}.dashboard{padding:20px}.page-footer{font-size:11px}.page-footer button{font-size:11px}#keyList{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

#guideLines{position:absolute;inset:0;pointer-events:none;overflow:visible}.guide{stroke:#4b586b;stroke-width:1.25;vector-effect:non-scaling-stroke;stroke-linecap:round}.guide.selected{stroke:#275ee9;stroke-width:2}