:root{font-family:system-ui,sans-serif;color:#eef4f8;color-scheme:dark;background:#03060b}*{box-sizing:border-box}body{margin:0}#map{position:fixed;inset:0}header{position:fixed;left:28px;top:24px;z-index:2;pointer-events:none;text-shadow:0 2px 12px #000}header .eyebrow{font-size:10px;letter-spacing:3px;color:#bbd5e9}h1{margin:6px 0;font-size:26px;font-weight:500;letter-spacing:-1px}button,input{font:inherit}button{cursor:pointer;background:#102030dc;color:#edf7ff;border:1px solid #ffffff2b;border-radius:10px;padding:11px 15px;font-size:13px;backdrop-filter:blur(15px)}button:hover{background:#25435e}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #99d4ff;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.controls{position:fixed;top:25px;right:80px;display:flex;gap:8px;z-index:3}.panel{position:fixed;top:106px;left:24px;width:250px;max-height:calc(100dvh - 180px);overflow:auto;background:#0a1724d9;border:1px solid #b8dcff25;border-radius:16px;backdrop-filter:blur(20px);padding:18px;z-index:2;box-shadow:0 10px 40px #0005}.panel h2{font-size:13px;letter-spacing:1px;font-weight:500;color:#abc7dd;margin:0 0 12px}.country-button{display:block;text-align:left;width:100%;margin:3px 0;background:transparent;border:0;padding:9px;font-size:13px}.country-button[aria-pressed=true]{background:#31536c80}.dot{display:inline-block;width:7px;height:7px;background:var(--dot);border-radius:50%;margin-right:9px}.notice{font-size:11px;line-height:1.6;color:#9fb5c8;border-top:1px solid #ffffff20;padding-top:14px}.bottom{position:fixed;bottom:34px;left:50%;transform:translateX(-50%);font-size:11px;color:#c0d2e2;z-index:2;background:#06132299;border-radius:20px;padding:10px 18px;pointer-events:none;white-space:nowrap}#status{position:fixed;bottom:28px;left:24px;width:260px;z-index:2;font-size:11px;color:#adc7dd;pointer-events:none;text-shadow:0 2px 6px #000}#setup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;background:#0a1728f5;border:1px solid #9cc6ff33;border-radius:20px;width:min(430px,calc(100% - 30px));padding:30px;box-shadow:0 20px 100px #0008}#setup h2{font-size:25px;font-weight:500;margin-top:0}#setup p{color:#a5bfd1;font-size:14px;line-height:1.6}#setup label{display:block;font-size:12px;margin-bottom:8px}#token{width:100%;padding:12px;background:#040c15;border:1px solid #61819a;border-radius:8px;color:#eef4f8}#connect{margin-top:14px;width:100%;background:#285f88}#setup small{display:block;margin-top:15px;color:#a5bfd1;line-height:1.5}#setup a{color:#c1e5ff}#info{position:fixed;bottom:80px;right:24px;z-index:3;width:280px;background:#0a1724e8;border:1px solid #b8dcff30;border-radius:14px;backdrop-filter:blur(20px);padding:20px}#info h2{font-size:19px;font-weight:500;margin:0 0 12px}#info p{font-size:12px;line-height:1.6;color:#b5c8d8}#info button{padding:6px 10px;float:right}.mapboxgl-popup-content{background:#0a1724ed;color:#fff;border-radius:9px;padding:13px;font-size:12px}.mapboxgl-popup-tip{border-top-color:#0a1724ed!important}.advanced{position:fixed;right:24px;top:78px;z-index:3;width:280px;background:#0a1724ef;border:1px solid #b8dcff30;border-radius:14px;padding:20px;font-size:12px}.advanced label{display:block;margin-bottom:14px}.advanced input{display:block;max-width:100%;margin-top:8px;font-size:11px}.advanced p{color:#adc7dd;line-height:1.6}.advanced a{color:#c1e5ff}[hidden]{display:none!important}@media(max-width:760px){header{top:16px;left:16px}h1{font-size:22px}.controls{top:75px;left:16px;right:16px;flex-wrap:wrap}.controls button{padding:8px 10px;font-size:11px}.panel{top:124px;left:12px;width:220px;max-height:calc(100dvh - 200px)}.bottom{bottom:42px;font-size:10px;max-width:90%;white-space:normal;text-align:center}#status{bottom:85px;left:15px;width:200px}#info{bottom:110px;right:12px;width:240px}.advanced{top:124px;right:12px}}

#lighting{width:100%;padding:10px;border-radius:8px;background:#122638;color:white;border:1px solid #405367;margin:6px 0 14px;}