:root{--bg:#132328;--panel:#13282fec;--border:#3c565b;--ink:#edf3e8;--muted:#a6bbc0;--accent:#c5e6ad;--yellow:#f1ca75}*{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;font:14px/1.5 system-ui,-apple-system,sans-serif;color:var(--ink);background:#bfd1d6;-webkit-text-size-adjust:100%}button,select,input{font:inherit}button,select{border:1px solid var(--border);border-radius:7px;background:#233c44;color:var(--ink);padding:9px 12px;min-height:42px;cursor:pointer}button:hover{background:#365259}button.active,button[aria-pressed=true]{background:var(--accent);color:#183222;border-color:var(--accent)}button:focus-visible,select:focus-visible{outline:3px solid var(--yellow)}#view{position:absolute;inset:0;touch-action:none}#view canvas{display:block}header{position:absolute;z-index:5;top:0;left:0;right:0;padding:20px 25px;display:flex;align-items:flex-start;gap:22px;background:linear-gradient(#0c202ada,transparent);pointer-events:none}header>*{pointer-events:auto}h1{margin:3px 0 0;font-size:28px;letter-spacing:-.7px;font-weight:550}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#d2e4d3}.eyebrow b{font-weight:500;color:#9ab3b8;margin-left:14px}header p{margin:1px 0;color:#c4d5d5;font-size:12px}.site-choice{margin-left:auto;display:flex;flex-direction:column;gap:5px}.site-choice>span{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#c4d5d5}.site-choice select{min-width:242px;background:#13282ff5}#panelToggle{display:none}#views{position:absolute;z-index:4;bottom:50px;left:25px;display:flex;gap:7px;background:#13282fed;padding:7px;border-radius:12px;border:1px solid var(--border)}#views button{font-size:12px}#panel{position:absolute;z-index:6;top:120px;right:25px;width:340px;max-height:calc(100dvh - 166px);background:var(--panel);border:1px solid var(--border);box-shadow:0 16px 80px #0b202838;border-radius:14px;padding:18px;overflow:auto;backdrop-filter:blur(15px);scrollbar-width:thin}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}h2{margin:0;font-size:14px;font-weight:550}#closePanel{display:none}.tabs{display:flex;gap:5px}.tabs button{flex:1;font-size:12px;min-height:36px;padding:6px}.intro{font-size:12px;color:#c4d4d5;margin:14px 0;line-height:1.6}.wide{width:100%;font-size:12px;border-color:#71877b;color:#d8ebce}.slider-head{display:flex;justify-content:space-between;align-items:center;margin:15px 0 3px;font-size:12px}output{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);height:20px;margin:2px 0}.inline{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:8px}.inline button{font-size:11px;padding:7px}.inline label{font-size:10px;display:flex;align-items:center;gap:5px}.inline select{font-size:11px;padding:5px;min-height:36px}.result{border-top:1px solid var(--border);padding-top:13px;margin-top:15px;font-size:12px}.result strong{font-size:14px;color:var(--accent);font-weight:500}.result .blocked{color:#ffb39a}.result .unknown{color:var(--yellow)}.result p{margin:4px 0;color:#b7c9ca}.result span{display:inline-block;margin-right:6px}#profile{width:100%;height:150px;display:block;margin-top:10px;background:#102128;border-radius:8px}.legend{display:flex;gap:12px;font-size:10px;color:#c4d4d5;margin-top:7px}.legend i{display:inline-block;width:12px;height:3px;vertical-align:middle;margin-right:4px}.fine{font-size:10px;line-height:1.65;color:#9fb7bb;margin:12px 0 0}.check{display:flex;gap:9px;align-items:center;margin:17px 0;font-size:12px}.check input{accent-color:var(--accent);width:17px;height:17px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:26px}.stat-grid b{display:block;font-size:22px;color:var(--accent);font-weight:500}.stat-grid span{font-size:10px;color:var(--muted)}dl{font-size:11px}dt{color:var(--accent);margin-top:17px}dd{margin:5px 0;color:#b6cbd0;line-height:1.7}.sources{display:flex;flex-direction:column;gap:10px;font-size:11px;margin-top:20px}a{color:var(--accent)}footer{position:absolute;bottom:15px;left:25px;right:25px;display:flex;justify-content:space-between;color:#23424a;font-size:10px;pointer-events:none;z-index:4}footer span{background:#e2ece5c9;padding:4px 8px;border-radius:4px}footer i{font-style:normal;margin:0 8px}.mast-label{position:absolute;padding:5px 8px;color:#e9f5e5;background:#17352bec;border:1px solid #aecaa4;border-radius:5px;font-size:10px;white-space:nowrap;pointer-events:none;z-index:3}.mast-label span{color:#bdcfbd;margin-left:5px}#toast{position:absolute;z-index:9;left:50%;bottom:120px;transform:translateX(-50%);padding:10px 15px;background:#13282fed;border-radius:8px;font-size:12px;max-width:90%;text-align:center;pointer-events:none;display:none}#loading{position:absolute;z-index:20;inset:0;background:#132328;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}#loading span{font-size:20px;color:var(--accent)}#loading small{font-size:11px;color:var(--muted)}
@media(max-width:760px){header{padding:max(12px,env(safe-area-inset-top)) 12px 24px;flex-wrap:wrap;gap:8px}.brand{flex:1}.eyebrow{font-size:8px;letter-spacing:1.7px}.eyebrow b{margin-left:8px}h1{font-size:22px}header p{font-size:10px}.site-choice{order:3;flex-basis:100%;margin:2px 0 0}.site-choice>span{display:none}.site-choice select{min-width:0;width:100%;font-size:12px;height:40px}#panelToggle{display:block;font-size:11px;padding:8px;min-height:40px;margin-top:9px}#panel{display:none;top:auto;bottom:calc(83px + env(safe-area-inset-bottom));left:10px;right:10px;width:auto;max-height:calc(100dvh - 250px);padding:15px}#panel.open{display:block}#closePanel{display:block;border:0;background:transparent;font-size:22px;line-height:1;padding:0;min-height:25px;width:30px}#views{left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));gap:4px;padding:6px}#views button{flex:1;font-size:10px;padding:8px 5px;white-space:nowrap}#views button[data-view=landscape]{font-size:0}#views button[data-view=landscape]:after{content:'1 km';font-size:11px}#orbit{font-size:0!important}#orbit:after{content:'Tour';font-size:11px}footer{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));justify-content:center;font-size:9px}footer span:last-child{display:none}#toast{bottom:calc(115px + env(safe-area-inset-bottom))}.mast-label{font-size:9px}.inline{justify-content:flex-start;gap:16px}}

.eyebrow{font-size:12px;letter-spacing:1px}.eyebrow b{font-size:10px}.intro,.check,.slider-head,.tabs button,.result{font-size:14px}.fine,dl,.sources{font-size:12px}@media(max-width:760px){.eyebrow{font-size:11px;letter-spacing:.4px}.eyebrow b{font-size:9px;margin-left:5px}}

body.emley #views button[data-view=landscape]:after{content:'3 km'}
body.oban #views button[data-view=landscape]:after,body.bressay #views button[data-view=landscape]:after{content:'6 km'}
@media(max-width:760px){body.oban #views,body.bressay #views{display:grid;grid-template-columns:repeat(4,1fr)}body.oban #panel,body.bressay #panel{bottom:calc(132px + env(safe-area-inset-bottom))}body.oban footer,body.bressay footer{bottom:calc(121px + env(safe-area-inset-bottom))}body.oban #equipmentCard,body.bressay #equipmentCard{bottom:calc(143px + env(safe-area-inset-bottom))}}

.info-link{display:inline-block;margin-top:6px;font-size:12px;color:#e8edbb}.dossier-link{display:block;padding:12px;border:1px solid #6f8871;border-radius:7px;font-size:14px;text-decoration:none}#equipmentCard{position:absolute;left:25px;bottom:125px;z-index:8;width:310px;max-height:35dvh;overflow:auto;background:#13282ff5;border:1px solid #91b298;padding:16px;border-radius:12px;font-size:14px}#equipmentCard p{font-size:13px;color:#bfd0d0}#closeEquipment{float:right;min-height:28px;padding:0 8px;margin-left:6px}#equipmentCard[hidden]{display:none}@media(max-width:760px){.info-link{font-size:11px;margin-top:3px}header{gap:5px}#equipmentCard{left:12px;right:12px;bottom:112px;width:auto}#views button{padding:8px 2px;font-size:9px}#views button[data-view=equipment]{font-size:9px}#panel{max-height:calc(100dvh - 280px)}}

.brand .info-link{margin-right:14px}@media(max-width:760px){body.regional #views button[data-view=landscape]:after{content:'6 km'}}
@media(max-width:760px){body.regional #views{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}body.regional #views button{min-width:0;white-space:normal;min-height:40px;font-size:10px}body.regional #panel{bottom:calc(132px + env(safe-area-inset-bottom))}body.regional footer{bottom:calc(121px + env(safe-area-inset-bottom))}body.regional #equipmentCard{bottom:calc(143px + env(safe-area-inset-bottom))}.brand{min-width:0}.brand .info-link{display:block;margin-top:2px;margin-right:0}.site-choice select{max-width:100%}}