:root{color-scheme:dark;--bg:#000;--surface:#101214;--raised:#171a1d;--line:#292e33;--text:#f3f6f8;--muted:#8d969f;--lime:#4da3ff;--orange:#ffb24a;--green:#4da3ff;--danger:#ff625c;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#000}button,select{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,60px);position:sticky;top:0;z-index:20;background:rgba(0,0,0,.94);backdrop-filter:blur(16px);border-bottom:1px solid #202420}.brand{display:flex;align-items:center;gap:12px}.brand div{display:grid}.brand b{letter-spacing:.14em;font-size:14px}.brand small{color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.13em;margin-top:4px}.brand-pulse{width:15px;height:15px;border-radius:50%;background:var(--lime);box-shadow:0 0 22px rgba(77,163,255,.85)}.top-states{display:flex;gap:8px}.status-pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #385142;border-radius:999px;padding:8px 11px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.06em}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.status-pill.muted{color:var(--muted);border-color:var(--line)}.status-pill.error{color:var(--danger)}main{width:min(1500px,calc(100% - clamp(24px,6vw,96px)));margin:auto;padding-bottom:40px}.situation-head{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:38px 0 22px}.eyebrow,.section-head span,.device-picker span,.quick-status span,.session-state small{color:var(--muted);font:800 9px ui-monospace,monospace;letter-spacing:.14em}.eyebrow{color:var(--lime);margin:0 0 10px}.situation-head h1{font-size:clamp(34px,5vw,62px);font-weight:300;letter-spacing:-.045em;margin:0}.situation-text{max-width:800px;color:#b2b8b2;line-height:1.55;margin:12px 0 0}.situation-badge{border:1px solid var(--line);border-radius:18px;padding:18px 24px;background:var(--surface);font:800 15px ui-monospace,monospace;color:var(--lime);white-space:nowrap}.control-panel{display:grid;grid-template-columns:minmax(190px,1.3fr) .7fr .6fr 1fr 92px auto auto 42px;gap:9px;align-items:center;background:rgba(18,20,20,.95);border:1px solid var(--line);border-radius:18px;padding:10px}.device-picker,.quick-status{display:grid;gap:5px;padding:0 8px}.device-picker select{background:transparent;color:var(--text);border:0;outline:0;font-weight:700;width:100%}.quick-status strong{font:600 13px ui-monospace,monospace}.session-state{display:flex;gap:10px;align-items:center}.session-state>div{display:grid;gap:4px}.session-state strong{font-size:12px}.record-dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.record-dot.active{background:var(--danger);box-shadow:0 0 14px var(--danger)}.session-timer{font:16px ui-monospace,monospace;color:var(--muted)}.button,.icon-button{height:44px;border-radius:11px;border:1px solid var(--line);font-size:10px;font-weight:900;letter-spacing:.06em;cursor:pointer}.button:disabled,.icon-button:disabled{opacity:.35}.button.primary{background:var(--lime);border-color:var(--lime);color:#151915}.button.primary.recording{background:var(--danger);border-color:var(--danger)}.button.secondary,.icon-button{background:var(--raised);color:var(--text)}.icon-button{font-size:22px}.empty-state{min-height:440px;display:grid;place-items:center;text-align:center;align-content:center}.empty-state h2{font-weight:400;margin:22px 0 5px}.empty-state p{color:var(--muted)}.radar{width:72px;height:72px;border:1px solid var(--line);border-radius:50%;position:relative}.radar:before,.radar:after{content:"";position:absolute;border-radius:50%;inset:14px;border:1px solid var(--line)}.radar:after{inset:29px;background:var(--lime);box-shadow:0 0 18px var(--lime)}.hidden{display:none!important}.dashboard{padding-top:16px}.map-card,.story-card,.event-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#15181b,var(--surface));box-shadow:0 20px 60px rgba(0,0,0,.18)}.map-card{padding:18px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.section-head h2{margin:6px 0 0;font-size:22px;font-weight:400}.section-head strong{font:300 28px ui-monospace,monospace}.speed-box{display:flex;align-items:baseline;gap:7px}.speed-box strong{font-size:44px}.speed-box span{font-size:11px}.map-shell{position:relative;height:clamp(330px,48vw,610px);margin-top:16px;overflow:hidden;border:1px solid #373d39;border-radius:16px;background:#161916;isolation:isolate}.map-tile-layer{position:absolute;inset:0}.map-tile-layer img{position:absolute;left:0;top:0;width:256px;height:256px;max-width:none;filter:saturate(1.12) brightness(.82) contrast(1.08);pointer-events:none}.map-shade{position:absolute;inset:0;background:rgba(0,0,0,.02);z-index:1}.map-accuracy{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;border:1px solid rgba(77,163,255,.85);background:rgba(77,163,255,.18);border-radius:50%}.map-marker{position:absolute;z-index:3;left:50%;top:50%;width:28px;height:38px;transform-origin:50% 50%;clip-path:polygon(50% 0,91% 100%,50% 74%,9% 100%);background:var(--lime);filter:drop-shadow(0 3px 9px #000)}.map-attribution{position:absolute;z-index:4;right:0;bottom:0;background:rgba(8,9,9,.86);padding:5px 8px;color:#ddd;text-decoration:none;font-size:9px}.map-footer{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font:11px ui-monospace,monospace;padding-top:12px}.story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:12px}.story-card{grid-column:span 4;min-height:275px;padding:18px;overflow:hidden}.story-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:16px 0 0}.vu{height:100px;display:flex;align-items:end;gap:5px;margin-top:25px}.vu i{flex:1;min-width:3px;height:18%;border-radius:4px;background:#303531;transition:height .09s,background .09s}.vu i.on{background:var(--lime)}.vu i.hot{background:var(--orange)}.lamp-wrap{height:125px;display:grid;place-items:center;position:relative}.lamp{font-size:74px;position:relative;z-index:2;filter:grayscale(.3)}.lamp-glow{position:absolute;width:40px;height:40px;border-radius:50%;background:#ffd65c;filter:blur(22px);opacity:.1;transform:scale(1);transition:.15s}.motion-meter{height:22px;border-radius:999px;background:#2b302d;overflow:hidden;margin-top:34px}.motion-meter div{height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--lime),var(--orange),var(--danger));transition:width .08s}.motion-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.motion-facts span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;color:#c5cbc5}.battery-shell{height:72px;border:3px solid #515851;border-radius:14px;padding:6px;position:relative;margin-top:28px}.battery-shell:after{content:"";position:absolute;right:-10px;top:20px;width:7px;height:26px;border-radius:0 5px 5px 0;background:#515851}.battery-shell div{height:100%;width:0;border-radius:7px;background:var(--green);transition:width .4s}.proximity-scene{height:100px;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.phone-dot{width:46px;height:78px;border:2px solid var(--orange);border-radius:10px}.near-object{width:60px;height:60px;border-radius:50%;background:#313531;transition:transform .2s,background .2s}.near-object.near{transform:translateX(-18px);background:var(--orange);box-shadow:0 0 25px rgba(255,178,74,.4)}.magnetic-orbit{width:120px;height:120px;border-radius:50%;border:1px solid #4d544f;margin:18px auto 0;position:relative;background:repeating-conic-gradient(#3c423e 0 1deg,transparent 1deg 12deg)}.magnetic-orbit div{position:absolute;width:4px;height:46px;left:58px;top:14px;background:var(--lime);transform-origin:2px 46px;transition:.1s}.event-card{margin-top:12px;padding:18px}.live-dot{color:var(--lime)!important}.event-list{display:grid;gap:8px;margin-top:16px}.event-list>div{display:grid;grid-template-columns:90px 1fr;gap:12px;border-top:1px solid var(--line);padding:12px 0}.event-list time{color:var(--muted);font:11px ui-monospace,monospace}.event-list p{margin:0;color:#d9ddd9}.event-list>div:first-child{border-top:0}.event-list>div.new p{color:var(--lime)}@media(max-width:1100px){.control-panel{grid-template-columns:1fr 1fr 1fr}.device-picker{grid-column:span 2}.story-card{grid-column:span 6}}@media(max-width:700px){.topbar{height:64px}.top-states #deviceState{display:none}.situation-head{align-items:flex-start;flex-direction:column}.situation-badge{padding:12px 16px}.control-panel{grid-template-columns:1fr 1fr}.device-picker{grid-column:span 2}.quick-status:nth-of-type(2){display:none}.story-card{grid-column:span 12}.map-shell{height:390px}.speed-box strong{font-size:34px}.event-list>div{grid-template-columns:70px 1fr}}

.orientation-stage{height:190px;display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:8px;overflow:hidden}.phone-scene{perspective:650px;display:grid;place-items:center;height:100%}.phone-3d{width:72px;height:132px;position:relative;transform-style:preserve-3d;transition:transform .09s linear}.phone-face{position:absolute;border:1px solid var(--lime);background:#20252a;backface-visibility:visible}.phone-front,.phone-back{inset:0;border-radius:13px}.phone-front{transform:translateZ(6px);background:linear-gradient(145deg,#2b3137,#0d0f11);box-shadow:inset 0 0 0 4px #171b1f}.phone-front:after{content:"";position:absolute;width:20px;height:3px;background:var(--lime);opacity:.8;border-radius:4px;left:50%;top:8px;transform:translateX(-50%)}.phone-back{transform:rotateY(180deg) translateZ(6px)}.phone-left,.phone-right{width:12px;height:106px;top:13px;left:30px}.phone-left{transform:rotateY(90deg) translateZ(36px)}.phone-right{transform:rotateY(-90deg) translateZ(36px)}.compass{width:136px;height:136px;margin:auto;border:1px solid #4b535b;border-radius:50%;position:relative;background:repeating-conic-gradient(from -1deg,#525c66 0 1deg,transparent 1deg 10deg);box-shadow:inset 0 0 0 10px var(--surface)}.compass-dial{position:absolute;inset:12px;border-radius:50%;transition:transform .09s linear}.compass-dial span{position:absolute;font:800 11px/1 ui-monospace,monospace;color:var(--muted)}.compass-dial .north{color:#ff625c;left:50%;top:2px;transform:translateX(-50%)}.compass-dial .east{right:3px;top:50%}.compass-dial .south{left:50%;bottom:2px;transform:translateX(-50%)}.compass-dial .west{left:3px;top:50%}.compass:before{content:"";position:absolute;z-index:2;left:50%;top:-3px;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:11px solid var(--lime)}.compass-reading{position:absolute;inset:0;display:grid;place-items:center;font:600 18px/1 ui-monospace,monospace}.orientation-card{grid-column:span 6}@media(max-width:1100px){.orientation-card{grid-column:span 6}}@media(max-width:700px){.orientation-card{grid-column:span 12}.orientation-stage{grid-template-columns:.8fr 1.2fr}}