*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101b23;color:#edf1f2;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#e1bf8e;margin:0 0 8px}h1{font-size:25px;font-weight:600;margin:0;display:flex;gap:20px;align-items:center}h1 span{font-size:22px}.intro{font-size:13px;color:#b8c4c8}main{margin:0 24px 20px;border:1px solid #425159;border-radius:12px;overflow:hidden;background:#17232b}nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px}.group{display:flex;gap:6px;flex-wrap:wrap}button{font:inherit;font-size:13px;min-height:44px;min-width:44px;padding:10px 14px;background:#23313a;border:1px solid #425159;border-radius:8px;color:#edf1f2;cursor:pointer}button:hover{background:#334650;border-color:#e1bf8e}button[aria-pressed=true]{background:#e1bf8e;color:#17232b;border-color:#e1bf8e}button:disabled{opacity:.55;cursor:default}button:focus-visible,canvas:focus-visible{outline:3px solid #e1bf8e;outline-offset:-3px}#map{height:calc(100svh - 220px);min-height:400px;position:relative;background:#d6dfdf;overflow:hidden}canvas{display:block;max-width:100%;touch-action:none}#status{position:absolute;inset:0;display:grid;place-content:center;background:#17232b;z-index:2;text-align:center;padding:24px}#status[hidden]{display:none}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#b8c4c8;padding:12px 16px}noscript{display:block;padding:20px}@media(max-width:760px){header{padding:18px 16px;display:block}h1{font-size:21px}h1 span{font-size:20px}.intro{margin-bottom:0}main{margin:0 10px 10px}nav{padding:8px;gap:8px}button{font-size:12px;padding:8px 10px}#map{height:60svh;min-height:360px}footer{font-size:10px}}