:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c1c2a;color:#eff7ff}*{box-sizing:border-box}body{margin:0;padding:16px}header,main,footer{max-width:1400px;margin:auto}h1{color:#65deca;margin:0}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}section{border:1px solid #365164;border-radius:12px;background:#142436;padding:12px;margin-bottom:12px}button,input{font:inherit;min-height:44px;border:1px solid #496c7e;border-radius:8px;background:#243e50;color:#eff7ff;padding:8px;max-width:100%}button{cursor:pointer}.toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}#mapframe{height:65vh;min-height:360px;overflow:hidden}#map{width:100%;height:100%;display:block;touch-action:none;background:#0d2939;cursor:grab}.country-land{fill:#274d55;stroke:#91c4c6;stroke-width:1.1;vector-effect:non-scaling-stroke}.province{stroke:#819b9f;stroke-width:.38;stroke-opacity:.58;vector-effect:non-scaling-stroke}.province.selected{stroke:#ffe1a2;stroke-width:.7;stroke-opacity:1}.japan-coast{fill:none;stroke:#91c4c6;stroke-width:1.15;vector-effect:non-scaling-stroke;pointer-events:none}.world-view .province{stroke-opacity:0}.detail-view .province{stroke-width:.45;stroke-opacity:.7}p,footer,#regionInfo{line-height:1.6;overflow-wrap:anywhere}#regionSearch{width:100%}#regionList{max-height:300px;overflow:auto;overscroll-behavior:contain}#regionList button{display:block;width:100%;text-align:left;margin:5px 0}.swatch{display:inline-block;width:1em;height:1em;border-radius:4px;margin-right:8px}footer{font-size:12px;color:#b2c8d3}a{color:#8ee5df}@media(max-width:800px){body{padding:8px}main{grid-template-columns:1fr}#mapframe{height:55vh;min-height:330px}aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}}@media(max-width:500px){aside{display:block}}
:root select{font:inherit;min-height:44px;border:1px solid #496c7e;border-radius:8px;background:#243e50;color:#eff7ff;padding:8px;max-width:100%;width:100%}.country-land{pointer-events:none}

.world-view .province-boundary{stroke-opacity:0}.detail-view .province-boundary{stroke-width:.45;stroke-opacity:.7}
#mapframe{position:relative}#overviewCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#map{position:relative}.canvas-map{background:transparent!important}.canvas-map>rect,.canvas-map .country-land,.canvas-map .ocean-note{display:none}.hide-districts .province,.hide-districts .province.selected{stroke:none!important}.hide-districts .province-boundary{display:none}.toolbar label{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px}
#geometryStatus{position:absolute;z-index:2;left:8px;right:8px;top:8px;margin:0;padding:6px;background:#152e40ed;font-size:12px;pointer-events:none}
#mapframe{touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#map{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.canvas-map .province{fill-opacity:0!important}#selectionInfo{white-space:nowrap;align-self:center}.selection-help{font-size:13px;color:#b2c8d3;margin:4px 0 8px}
#selectionNote{position:absolute;z-index:2;bottom:8px;left:8px;right:8px;margin:0;padding:6px;background:#152e40ed;font-size:12px;pointer-events:none}
#map,#map .province{-webkit-tap-highlight-color:transparent}
#map .province{outline:none!important}#map .province:focus-visible{stroke:#ffd166!important;stroke-width:1!important;stroke-opacity:1!important}
#map.select-mode{cursor:crosshair}
.country-land{visibility:hidden}.canvas-map .province,.canvas-map .province-boundary{stroke:none!important}