@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',system-ui,sans-serif;color:#ecf1ec;background:#172526;--accent:#d7f48c;--muted:#a6b5b6;--line:#ffffff1a}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:#ffffff08;border:1px solid var(--line);border-radius:8px;padding:10px 13px;font-size:14px}button:hover{background:#ffffff18}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}header{position:fixed;top:0;left:0;right:0;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#0e171bcc,transparent);pointer-events:none}.brand{display:flex;align-items:center;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:27px;letter-spacing:-1.5px;gap:10px;pointer-events:auto}.brand-mark{display:grid;place-items:center;width:34px;height:34px;font-size:26px;line-height:1;background:var(--accent);color:#1d2a27;border-radius:9px}.edition{border-left:1px solid #ffffff30;margin-left:12px;padding-left:22px;font:500 12px 'DM Sans',sans-serif;letter-spacing:2px;color:#d0d8d6}.top-right{display:flex;align-items:center;gap:15px;font-size:12px;letter-spacing:1.5px}.top-right button{pointer-events:auto;border-radius:50%;width:33px;height:33px;padding:0}.panel{background:#111b20e8;border:1px solid #ffffff20;border-radius:14px;box-shadow:0 16px 48px #0003;backdrop-filter:blur(18px)}.location{position:fixed;top:104px;left:28px;width:286px;padding:23px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600;color:var(--muted)}h1{font:500 27px 'Space Grotesk',sans-serif;letter-spacing:-.8px;margin:13px 0 5px}#coords{font:12px 'Space Grotesk',sans-serif;color:var(--muted);margin:0 0 23px}.primary{width:100%;background:var(--accent);color:#202b20;border:0;font-weight:700;display:flex;justify-content:center;gap:10px}.primary:hover{background:#e5ffa9}.search-row{display:flex;margin-top:10px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.search-row input{width:100%;min-width:0;background:transparent;border:0;padding:12px 9px;color:inherit;font-size:14px}.search-row button{border:0;padding:5px 12px}.settings-row{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:14px}.settings-row select{font-size:14px;background:#1c292e;border:1px solid var(--line);border-radius:5px;padding:5px;color:#d6dfda}.micro{font-size:12px;line-height:1.65;color:#98a9a9;margin-bottom:0}.stats{position:fixed;right:28px;top:104px;width:278px;padding:23px}.pulse{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:5px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0}.stat-grid strong{display:block;font:500 26px 'Space Grotesk',sans-serif;letter-spacing:-1px}.stat-grid span{display:block;font-size:12px;margin-top:5px;color:var(--muted)}.traffic-level{display:flex;justify-content:space-between;font-size:12px}.traffic-level span:last-child{color:var(--accent)}.meter{height:3px;background:#ffffff15;margin-top:12px;border-radius:3px}.meter i{display:block;width:0;height:100%;background:var(--accent);transition:width .6s}.timeline{position:fixed;bottom:61px;left:50%;transform:translateX(-50%);width:540px;padding:20px 26px}.time-head{display:flex;align-items:center;justify-content:space-between}.clock-row{display:flex;gap:16px;align-items:center;margin-top:5px}.clock-row strong{font:400 38px 'Space Grotesk',sans-serif;letter-spacing:-2px}.clock-row span{font-size:12px;color:#c1cdcb}.time-actions{display:flex;gap:8px}.active{color:var(--accent);border-color:#d7f48c50}input[type=range]{width:100%;height:4px;accent-color:var(--accent);margin:20px 0 12px;cursor:ew-resize}.ticks{display:flex;justify-content:space-between;font:12px 'Space Grotesk',sans-serif;color:#829798}.timeline-foot{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#aebbbb;border-top:1px solid var(--line);padding-top:12px;margin-top:13px}.view-tools{position:fixed;left:28px;bottom:82px;display:flex;flex-direction:column;gap:8px}.view-tools button{background:#111b20e8;text-align:left}.view-tools #fly{background:var(--accent);color:#223127;font-weight:600}kbd{font:12px 'DM Sans',sans-serif;border:1px solid currentColor;border-radius:3px;padding:1px 4px;opacity:.7;margin-left:3px}.compass{position:fixed;right:48px;bottom:93px;text-align:center;color:#e0e9e4;font:12px 'Space Grotesk',sans-serif}.compass div{font-size:43px;line-height:1.4;transform-origin:center}.compass small{font-size:12px;color:#b0c0bd}footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 28px;font-size:12px;color:#c0ceca;background:linear-gradient(transparent,#071117b0)}#notice{position:fixed;left:50%;top:100px;transform:translateX(-50%);max-width:400px;padding:12px 18px;background:#172329f5;border:1px solid var(--line);border-radius:10px;color:#dee7df;font-size:14px;text-align:center;transition:opacity .3s}#notice:empty{opacity:0;pointer-events:none}#results{display:flex;flex-direction:column;gap:4px;margin-top:5px}#results button{text-align:left;font-size:12px}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffff80;pointer-events:none}#fly-hint{position:fixed;left:50%;top:25px;transform:translateX(-50%);padding:10px 15px;border-radius:6px;background:#111b20ed;font-size:12px;white-space:nowrap}dialog{width:min(560px,90vw);max-height:85vh;overflow:auto;background:#142228;color:#eaf2e9;border:1px solid #ffffff30;border-radius:16px;padding:35px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#0710149c;backdrop-filter:blur(8px)}dialog h2{font:500 30px 'Space Grotesk',sans-serif}dialog h3{font-size:16px;margin-top:24px}dialog p{font-size:16px;line-height:1.7;color:#b8c8c7}.close{float:right;font-size:24px;padding:0 9px}.touch-controls{display:none}.locked .panel,.locked .view-tools,.locked .compass{opacity:.2;pointer-events:none}
@media(max-width:1050px){.stats{width:232px;padding:18px}.location{width:255px;padding:18px}.timeline{width:440px}.view-tools{bottom:290px}.edition{display:none}}
@media(max-height:680px) and (min-width:701px){.location{top:84px}.location .micro{display:none}.timeline{bottom:46px;padding:13px 22px}.view-tools{bottom:64px}.stats{top:84px}}

.mobile-bar{display:none}#mobile-sheet{padding:0}.sheet-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}.sheet-heading h2{font:500 20px 'Space Grotesk',sans-serif;margin:0}.sheet-heading button{min-height:44px;color:var(--accent)}#mobile-sheet::backdrop{background:#07101455;backdrop-filter:none}
@media(max-width:700px),(pointer:coarse){
 body{overscroll-behavior:none}header{gap:8px;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));z-index:5;background:linear-gradient(#071014b0,transparent)}.brand{display:none}.mobile-bar{display:flex;gap:6px;flex:1;min-width:0;pointer-events:auto}.mobile-bar button,.top-right button{height:44px;min-width:44px;padding:8px 12px;background:#111b20cc;backdrop-filter:blur(10px);border-radius:12px;font-size:16px}.mobile-bar button:first-child{flex:1;min-width:0;max-width:320px;display:flex;gap:8px;align-items:center}.mobile-bar button:last-child{font-size:22px;padding:5px 10px}.mobile-bar #mobile-place{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.mobile-bar #mobile-clock{font:500 16px 'Space Grotesk',sans-serif}.top-right{gap:0}.top-right>span{display:none}
 main>.location,main>.stats,main>.timeline,.view-tools,.compass{display:none}
 .touch-controls{display:block;position:fixed;inset:0;pointer-events:none;z-index:3;user-select:none;-webkit-user-select:none}.joystick-wrap{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:6px}#joystick{position:relative;width:128px;height:128px;border-radius:50%;background:#13212645;border:1px solid #ecf1ec38;pointer-events:auto;touch-action:none}#joystick.engaged{background:#13212680;border-color:#d7f48c80}#joystick-knob{position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;transform:translate(-50%,-50%);background:#d7f48caa;border:1px solid #e6ffa6b0;box-shadow:0 2px 14px #0003;pointer-events:none}.stick-arrow{position:absolute;color:#e9f0e3b0;font-size:16px;line-height:20px;pointer-events:none}.stick-arrow.north{top:4px;left:calc(50% - 5px)}.stick-arrow.south{bottom:4px;left:calc(50% - 5px)}.stick-arrow.west{left:6px;top:calc(50% - 10px)}.stick-arrow.east{right:6px;top:calc(50% - 10px)}.control-caption{font-size:10px;letter-spacing:1.5px;color:#e0e9dfb0;text-shadow:0 1px 5px #000}
 .touch-altitude{position:absolute;bottom:calc(30px + env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center;gap:8px}.touch-altitude button{pointer-events:auto;touch-action:none;width:52px;height:48px;border-radius:14px;background:#13212670;border-color:#ecf1ec40;font-size:22px;padding:6px}.touch-altitude button.engaged{background:#d7f48cbb;color:#172522}.touch-altitude #mobile-reset{width:44px;height:44px;min-height:44px;margin-bottom:5px;font-size:25px}
 #touch-tip{position:absolute;left:50%;top:calc(74px + env(safe-area-inset-top));transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);margin:0;padding:8px 12px;border-radius:12px;background:#111b2099;color:#ecf1ece0;text-align:center;font-size:12px;line-height:1.6;transition:opacity .3s}.touch-used #touch-tip{opacity:0}.sheet-open .touch-controls{visibility:hidden}
 #notice{top:calc(74px + env(safe-area-inset-top));z-index:4;max-width:calc(100% - 40px);width:max-content;font-size:13px;pointer-events:none}body:has(#notice:not(:empty)) #touch-tip{display:none}
 footer{padding:6px max(12px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom));justify-content:center;font-size:10px;pointer-events:none;background:linear-gradient(transparent,#07111750)}footer>span{display:none}footer a{pointer-events:auto;min-height:20px;display:flex;align-items:center}
 #mobile-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:560px;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);background:#142228fa;overflow:auto;overscroll-behavior:contain}#mobile-sheet .sheet-heading{position:sticky;top:0;background:#142228;z-index:1}#sheet-content>.panel{display:block;position:static;inset:auto;transform:none;width:100%;padding:20px;box-shadow:none;border:0;border-radius:0;background:transparent;backdrop-filter:none}#sheet-content .location h1{font-size:25px;margin:10px 0 6px;overflow-wrap:anywhere}#sheet-content #coords{margin-bottom:18px}#sheet-content .primary,#sheet-content .search-row button{min-height:48px}#sheet-content .search-row input{font-size:16px;padding:14px 10px}#sheet-content .settings-row{display:flex;font-size:14px;margin-top:14px}#sheet-content .settings-row select{font-size:16px;min-height:44px;padding:8px}#sheet-content .micro{display:block;font-size:12px}#sheet-content .eyebrow{display:block;font-size:12px}#sheet-content .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0}#sheet-content .stat-grid strong{font-size:26px}#sheet-content .stat-grid span{font-size:12px}#sheet-content .traffic-level{display:flex}#sheet-content .meter{display:block}#sheet-content .time-actions button{min-height:44px;font-size:14px}#sheet-content .clock-row{flex-wrap:wrap;gap:6px 12px}#sheet-content .clock-row strong{font-size:34px}#sheet-content .time-head{gap:12px}#sheet-content input[type=range]{height:44px;margin:4px 0;touch-action:pan-y}#sheet-content .timeline-foot{flex-wrap:wrap;font-size:12px}#sheet-content #results button{font-size:14px;min-height:44px}#help-dialog{max-height:calc(100dvh - 32px);padding:24px}#help-dialog .close{min-width:44px;min-height:44px}#help-dialog h2{font-size:26px}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:600px){#mobile-sheet{left:auto;right:env(safe-area-inset-right);top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);margin:8px;width:min(400px,75vw);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:18px}.joystick-wrap,.touch-altitude{bottom:calc(24px + env(safe-area-inset-bottom))}#touch-tip{top:70px}}