:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#edf0f8;background:#101521;color-scheme:dark;font-size:15px}*{box-sizing:border-box}body{margin:0;padding:24px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom));min-width:300px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{color:#a8b0c8;letter-spacing:.14em;font-size:10px;font-weight:750;margin:0 0 8px}h1{font-size:26px;line-height:1.2;margin:0}h2{font-size:21px;margin:10px 0}.badge{font-size:10px;vertical-align:middle;color:#e4d1ff;background:#342846;border:1px solid #61447c;padding:5px 8px;border-radius:6px;margin-left:5px;letter-spacing:.1em}#connection{font-size:12px;color:#b9c3db;text-align:right}main{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;max-width:1500px;margin:auto}header{max-width:1500px;margin-left:auto;margin-right:auto}.tools,.card,.map-panel{background:#18202f;border:1px solid #2b354a;border-radius:15px}.tools{padding:18px;grid-row:span 2}label{display:block;font-size:12px;color:#c4cbe0;margin-bottom:16px}input[type=search],select{display:block;width:100%;margin-top:8px;min-height:44px;padding:10px 12px;border:1px solid #3c4860;border-radius:9px;background:#111827;color:#f2f4fb;font:inherit}button{min-height:44px;min-width:44px;border:1px solid #465471;border-radius:9px;background:#253149;color:#edf0f8;padding:10px 14px;cursor:pointer;font:inherit}button:hover{background:#354461}button:focus-visible,input:focus-visible,select:focus-visible,polygon:focus-visible{outline:3px solid #bba2ff;outline-offset:3px}button:disabled{opacity:.5;cursor:default}#mine{width:100%;margin-bottom:20px;color:#eadcff;background:#382d50;border-color:#685183}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;font-weight:700;margin-bottom:9px;color:#e3e7f4}fieldset label{display:flex;align-items:center;min-height:44px;gap:10px;margin:0}input[type=checkbox]{width:20px;height:20px;accent-color:#bba2ff}.muted{font-size:12px;line-height:1.7;color:#a9b4cb}.legend-item{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:12px;overflow-wrap:anywhere}.swatch{width:13px;height:13px;flex:none}.map-panel{overflow:hidden;min-width:0}.map-top,footer{padding:13px 16px;display:flex;justify-content:space-between;gap:9px;font-size:11px;color:#b6c1d8}.terrain{color:#9da9bf}.canvas{height:58vh;min-height:330px;position:relative;background:#121a27;border-block:1px solid #2b354a}#map{width:100%;height:100%;touch-action:none;user-select:none;cursor:grab}#map:active{cursor:grabbing}polygon{cursor:pointer;stroke-width:2;fill-opacity:.21}polygon:hover,polygon.selected{fill-opacity:.43;stroke-width:4}.pending{stroke-dasharray:6 4}svg text{fill:#f3f6ff;paint-order:stroke;stroke:#101521;stroke-width:3;stroke-linejoin:round;pointer-events:none;font-size:12px}.zoom{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.zoom button{background:#1b2538eF;box-shadow:0 3px 10px #0005}.notice{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#1d263a;border:1px solid #56617b;border-radius:14px;padding:22px;width:min(340px,86%);box-shadow:0 14px 50px #0008;text-align:center}.notice p{color:#b8c3d9;line-height:1.6;font-size:13px}.notice[hidden]{display:none}.card{padding:20px 24px;min-height:150px}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.details dt{font-size:11px;color:#a9b4cb;margin-bottom:5px}.details dd{margin:0;font-size:14px;overflow-wrap:anywhere}.owner{font-size:13px;color:#d7dded}.status{color:#a7e7c4}footer{font-size:10px}#retry{margin-top:5px}@media(max-width:760px){body{padding:18px 12px}header{align-items:flex-start;margin-bottom:17px}h1{font-size:22px}#connection{max-width:110px;font-size:10px}main{display:flex;flex-direction:column;gap:12px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px}.tools>label{margin:0}.tools #mine{margin:0;grid-column:1/-1}.tools fieldset{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 16px}.tools legend{float:left;align-self:center;margin:0 10px 0 0;line-height:44px}.tools .muted{display:none}#legend{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0 14px}.canvas{height:49vh;min-height:320px}.map-top{flex-direction:column;gap:5px;padding:10px 12px}.card{padding:18px}.details{grid-template-columns:1fr 1fr}.eyebrow{font-size:9px}.map-panel{border-radius:12px}footer{font-size:9px;padding:11px;gap:8px}}@media(prefers-reduced-motion:no-preference){button,polygon{transition:background .15s,fill-opacity .15s}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}