:root{--bg:#06110e;--surface:#0b1d17;--surface-2:#102820;--ink:#f5f0df;--muted:#abc0b4;--lime:#b8f246;--mint:#63ddb4;--gold:#ffc761;--line:rgba(207,236,217,.16)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 0,rgba(74,187,120,.12),transparent 35rem),var(--bg);font-family:"Noto Sans KR","Malgun Gothic",sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button{color:var(--ink)}[hidden]{display:none!important}.map-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(20px,4vw,68px);border-bottom:1px solid var(--line);background:#06110ee8}.map-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.brand-cube{display:inline-block;width:19px;height:19px;background:linear-gradient(135deg,var(--lime),#4ea739);box-shadow:inset -4px -4px #0003}.map-header nav{display:flex;gap:24px;font-size:13px;font-weight:700}.map-header nav a{color:var(--muted)}.map-header nav a[aria-current],.map-header nav a:hover{color:var(--lime)}main{max-width:1680px;margin:auto;padding:38px clamp(16px,4vw,68px) 0}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{margin:0 0 8px;color:var(--mint);font-size:10px;font-weight:800;letter-spacing:.2em}.map-heading h1{margin:0;font-size:clamp(23px,2.5vw,38px);line-height:1.4;letter-spacing:-.05em}.map-intro{margin:10px 0 0;color:var(--muted);font-size:13px}.privacy-badge{display:flex;gap:8px;align-items:center;white-space:nowrap;color:var(--mint);border:1px solid #63ddb43d;background:#63ddb40a;padding:9px 12px;font-size:11px;font-weight:700}.map-shell{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);box-shadow:0 24px 70px #0004;background:var(--surface);min-height:640px}.map-sidebar{display:flex;flex-direction:column;padding:24px 18px;border-right:1px solid var(--line);min-width:0}.sidebar-heading h2{font-size:18px;margin:0 0 8px;letter-spacing:-.04em}.sidebar-heading h2 span{font-size:12px;color:var(--mint);margin-left:5px}.sidebar-heading>p:last-child{margin:0 0 22px;font-size:11px;color:var(--muted)}.world-label{font-size:10px;color:var(--muted);margin-bottom:5px}select{width:100%;border:1px solid var(--line);border-radius:0;padding:9px;background:var(--surface-2);color:var(--ink)}.town-list{list-style:none;padding:0;margin:15px 0 22px;max-height:250px;overflow-y:auto}.town-list li+li{margin-top:7px}.town-list button{display:flex;width:100%;text-align:left;align-items:center;gap:10px;padding:13px 10px;border:1px solid transparent;background:#ffffff04}.town-list button:hover{border-color:#63ddb459;background:var(--surface-2)}.town-list button[aria-pressed=true]{border-color:var(--mint);background:#63ddb410}.town-list .town-dot{width:8px;height:8px;box-shadow:2px 2px #0004;flex:none}.town-list strong{display:block;font-size:13px}.town-list small{display:block;color:var(--muted);font-size:10px}.town-list .town-chevron{margin-left:auto;color:var(--mint)}.town-empty{padding:12px 2px;color:var(--muted);font-size:12px}.selected-town{border-top:1px solid var(--line);padding-top:18px;margin-bottom:20px}.selected-town h3{margin:0 0 12px;font-size:16px}.selected-town dl{margin:0;font-size:11px}.selected-town dl div{display:flex;justify-content:space-between;gap:6px;margin:7px 0}.selected-town dt{color:var(--muted)}.selected-town dd{margin:0;text-align:right}.map-data-note{padding-top:20px;border-top:1px solid var(--line);margin-top:auto;font-size:10px;color:var(--muted)}.map-data-note strong{color:var(--ink);font-size:11px}.map-data-note p{margin:8px 0 0}.map-main{display:flex;flex-direction:column;min-width:0}.map-statusbar{display:flex;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--line);min-height:51px;font-size:10px;color:var(--muted)}.status-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:800;color:var(--mint)}.status-chip:before{content:"";width:6px;height:6px;background:currentColor;box-shadow:0 0 9px #63ddb433}.status-chip[data-state=stale],.status-chip[data-state=error]{color:var(--gold)}.status-chip[data-state=pending],.status-chip[data-state=loading]{color:var(--muted)}#map-refresh{margin-left:auto;white-space:nowrap;border:0;background:transparent;color:var(--mint);font-size:12px;padding:3px}.map-viewport{position:relative;min-height:530px;height:min(68vh,760px);flex:1;overflow:hidden;background:#091611}#world-map{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#world-map.is-dragging{cursor:grabbing}.map-empty-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none;background:radial-gradient(ellipse,#102820cc,transparent);padding:30px}.map-empty-overlay>span{font-size:35px;line-height:1;color:var(--mint);margin-bottom:20px}.map-empty-overlay strong{font-size:18px}.map-empty-overlay p{color:var(--muted);font-size:12px;max-width:290px}.map-compass{position:absolute;top:16px;left:18px;display:flex;align-items:center;flex-direction:column;color:var(--ink);font-size:11px;font-weight:800;line-height:1.1;pointer-events:none;text-shadow:0 1px 3px #000}.map-compass b{font-size:25px;color:var(--mint)}.map-controls{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:4px}.map-controls button{width:35px;height:35px;background:#091b15ee;border:1px solid #d5f1dc40;font-size:23px;line-height:1}.map-controls button:hover{border-color:var(--mint);color:var(--lime)}.map-scale{position:absolute;bottom:16px;left:18px;padding:4px 8px;border-bottom:2px solid var(--ink);font-size:10px;line-height:1;background:#06110eaa;pointer-events:none;white-space:nowrap}.map-hover{position:absolute;bottom:12px;right:16px;margin:0;font-family:ui-monospace,monospace;font-size:11px;padding:5px 9px;background:#06110ecc;color:var(--ink);pointer-events:none}.coordinate-card{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100% - 28px);background:#f5f0df;color:#173f2c;padding:12px 12px 12px 16px;border:1px solid #d9cda5;box-shadow:0 7px 0 #0003,0 12px 30px #0005}.coordinate-card>div{display:flex;flex-direction:column;white-space:nowrap}.coordinate-card span{font-size:9px;color:#52725f}.coordinate-card strong{font-size:14px;font-family:ui-monospace,monospace}.coordinate-card button{font-size:11px;white-space:nowrap;padding:8px;border:1px solid #173f2c30;background:#dce5ca;color:#173f2c;font-weight:700}#clear-coordinate{border:0;background:none;font-size:19px;padding:2px 5px}.map-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 15px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.map-footer p{margin:0}.map-footer>span{white-space:nowrap;display:flex;align-items:center;gap:6px}.map-footer i{display:inline-block;width:9px;height:9px;border:1px solid var(--mint);background:#63ddb42e}.map-freshness{margin:12px 0 0;color:var(--muted);font-size:10px}footer{display:flex;justify-content:space-between;gap:20px;max-width:1680px;margin:auto;padding:30px clamp(16px,4vw,68px);color:var(--muted);font-size:11px}footer span{font-weight:800;letter-spacing:.12em;color:var(--ink)}footer a{color:var(--mint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{padding:15px;background:#ffc76122;color:var(--gold)}
@media(min-width:1500px){.map-shell{grid-template-columns:280px minmax(0,1fr)}.map-sidebar{padding:28px 22px}}
@media(max-width:850px){main{padding-top:24px}.map-heading{align-items:flex-start;flex-direction:column;gap:14px}.map-shell{grid-template-columns:210px minmax(0,1fr)}.map-sidebar{padding:18px 13px}.map-heading h1{font-size:27px}.map-header{padding:17px 20px}.map-header nav{gap:15px}.map-statusbar{gap:8px;padding:11px}.map-statusbar #map-updated{max-width:220px}.map-footer{align-items:flex-start;flex-direction:column;gap:5px}.map-viewport{min-height:520px;height:65vh}}
@media(max-width:620px){.map-header{flex-wrap:wrap;gap:12px}.map-brand{font-size:13px}.map-header nav{font-size:11px;margin-left:auto;gap:13px}.map-header nav a:last-child{display:none}main{padding:23px 12px 0}.map-heading{padding:0 4px;margin-bottom:19px}.map-heading h1{font-size:24px}.map-intro{font-size:12px}.privacy-badge{font-size:10px;padding:6px 9px}.map-shell{display:flex;flex-direction:column;min-height:0}.map-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:17px 15px}.sidebar-heading .eyebrow{font-size:9px;margin-bottom:4px}.sidebar-heading h2{font-size:16px;margin-bottom:3px}.sidebar-heading>p:last-child{font-size:10px;margin-bottom:10px}.world-label,select{display:none}.town-list{display:flex;gap:7px;max-height:none;overflow-x:auto;margin:0}.town-list li{flex-shrink:0}.town-list li+li{margin-top:0}.town-list button{padding:10px 12px}.town-list small{display:none}.town-list .town-chevron{display:none}.town-list strong{font-size:12px}.selected-town{border-top:0;margin:13px 0 0;padding:10px 0 0}.selected-town .eyebrow{display:none}.selected-town h3{font-size:12px;margin:0 0 3px}.selected-town dl{display:flex;flex-wrap:wrap;gap:2px 15px;font-size:10px}.selected-town dl div{gap:6px;margin:2px 0}.map-data-note{display:none}.map-viewport{height:64svh;min-height:400px}.map-statusbar{font-size:9px;padding:9px 12px;min-height:44px}.map-statusbar #map-updated{max-width:none;flex:1}.map-statusbar #map-refresh span{display:none}.map-statusbar #map-refresh{font-size:20px;padding:0}.status-chip{gap:4px}.coordinate-card{gap:10px;padding:9px 9px 9px 12px}.coordinate-card strong{font-size:12px}.coordinate-card button{font-size:10px;padding:7px}.map-controls{right:12px;top:12px}.map-footer{padding:10px 12px;font-size:9px}.map-hover{font-size:10px}.map-freshness{font-size:9px}footer{font-size:10px;padding:25px 16px}}
@media(max-width:620px){.map-sidebar:has(select:not(:disabled)) .world-label{display:block}.map-sidebar select:not(:disabled){display:block;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.map-players{border-top:1px solid var(--line);padding-top:18px;margin:0 0 20px}.map-players h2{font-size:16px;margin:0 0 5px}.map-players h2 span{font-size:12px;color:var(--gold);margin-left:5px}.map-players>p:not(.eyebrow){font-size:10px;color:var(--muted);margin:0 0 10px}.map-players ul{list-style:none;padding:0;margin:0;max-height:260px;overflow-y:auto}.map-players li+li{margin-top:5px}.map-players button{display:block;width:100%;text-align:left;padding:9px;border:1px solid #ffc76120;background:#ffc76107;overflow-wrap:anywhere}.map-players button:hover{border-color:var(--gold);background:#ffc76112}.map-players strong{display:block;color:#ffe0a3;font-size:12px}.map-players small{display:block;color:var(--muted);font-size:9px}.player-legend{width:9px;height:9px;border:1px dashed var(--gold);background:#ffc76135;margin-left:8px}@media(max-width:620px){.map-players{margin:14px 0 0;padding-top:12px}.map-players .eyebrow{display:none}.map-players h2{font-size:13px}.map-players>p:not(.eyebrow){margin-bottom:7px}.map-players ul{display:flex;gap:6px;max-height:100px;overflow-x:auto}.map-players li{flex-shrink:0;max-width:220px}.map-players li+li{margin-top:0}.map-players button{padding:6px 9px}.map-players strong{font-size:11px}.map-players small{font-size:9px}}