:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1018;color:#e8edf5}
*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:18px 14px 28px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}h1{font-size:22px;margin:0}header p{font-size:13px;color:#9aaac0;margin:3px 0}#status{font-size:12px;color:#add9c8;background:#1c3431;padding:7px 10px;border-radius:20px;text-align:center}.map-shell{position:relative;border:1px solid #32445a;border-radius:15px;overflow:hidden;background:#173959;aspect-ratio:1/1}canvas{display:block;width:100%;height:100%;touch-action:manipulation}.controls{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:7px;background:#111c2ad9;padding:5px;border-radius:11px}button{border:1px solid #52657a;background:#25374a;color:white;border-radius:8px;min-width:39px;height:39px;font-size:22px;cursor:pointer}button:focus-visible{outline:2px solid #8ddaff}#zoom{font-size:13px;min-width:38px;text-align:center}.legend{display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding:13px 3px;color:#ced9e9;font-size:13px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.own{background:#67d0ff}.player{background:#ffad69}.hint{font-size:12px;color:#9aaac0;line-height:1.5}.error{border:1px solid #84564d;background:#382323;padding:12px;border-radius:9px;color:#ffcbbb}