*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--red:#ff6a2a;--orange:#ff8040;--gold:#ffc870;--dim:#c07040;--bg:#050108;--panel:rgba(6,1,2,.94);--border:#3a0e00;--acc1:#ff6a2a;--acc2:#ffc870;--atm1:#1a0408;--atm2:#100205;--zone-active-rgb:140,38,10;--glow-rgb:200,60,10;--popup-bg:rgba(8,1,2,.92);--popup-border:#5a1a08;--panel-bg:rgba(4,0,1,.96)}body.earth-mode{--red:#4488ff;--orange:#66aaff;--gold:#aaddff;--dim:#5588aa;--border:#0a2244;--acc1:#4488ff;--acc2:#aaddff;--atm1:#040814;--atm2:#020510;--zone-active-rgb:20,60,140;--glow-rgb:50,100,255;--popup-bg:rgba(1,4,14,.92);--popup-border:#0a2244;--panel-bg:rgba(1,2,8,.96)}body.moon-mode{--red:#a0a0b0;--orange:#b0b0c0;--gold:#d0d0d0;--dim:#707080;--border:#2a2a34;--acc1:#a0a0b0;--acc2:#d0d0d0;--atm1:#0a0a10;--atm2:#050508;--zone-active-rgb:100,100,110;--glow-rgb:160,160,180;--popup-bg:rgba(8,8,12,.92);--popup-border:#2a2a34;--panel-bg:rgba(4,4,6,.96)}body.venus-mode{--red:#cc8800;--orange:#ddaa00;--gold:#f5d060;--dim:#997700;--border:#3a2200;--acc1:#ddaa00;--acc2:#f5d060;--atm1:#0f0800;--atm2:#080400;--zone-active-rgb:150,100,0;--glow-rgb:220,160,0;--popup-bg:rgba(8,5,0,.92);--popup-border:#5a3800;--panel-bg:rgba(6,3,0,.96)}body.solar-mode{--red:#ffcc44;--orange:#ffaa22;--gold:#ffe878;--dim:#aa7700;--border:#3a2400;--acc1:#ffcc44;--acc2:#ffe878;--atm1:#0e0800;--atm2:#080400;--zone-active-rgb:200,160,0;--glow-rgb:255,200,50;--popup-bg:rgba(8,5,0,.92);--popup-border:#664400;--panel-bg:rgba(6,3,0,.96)}.planet-btn.active.solar{color:#ffe878;border-color:#fc4;box-shadow:0 0 10px #ffc83259}.header-progress-fill.solar-fill{background:linear-gradient(90deg,#420,#c70,#fc2);box-shadow:0 0 6px #ffc83299}.header-progress-fill.solar-fill:after{background:#fc2;box-shadow:0 0 5px #ffdc50e6}html,body{height:100%;overflow:hidden;background:#000}body{background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--atm1) 0%,transparent 70%),radial-gradient(ellipse 100% 80% at 20% 100%,var(--atm2) 0%,transparent 60%),#050108;color:var(--gold);font-family:Share Tech Mono,monospace;display:flex;flex-direction:column;height:100svh;overflow:hidden;transition:background .6s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px)}header{padding:env(safe-area-inset-top,0px) 10px 0;padding-top:max(env(safe-area-inset-top,0px),0px);background:#000000f2;display:flex;flex-direction:column;flex-shrink:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:50;border-bottom:1px solid var(--border);min-height:95px}.header-main{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"logo right" "clock clock";align-items:flex-start;padding:5px 0 0;gap:6px 0}.logo{grid-area:logo}.header-clock{grid-area:clock;justify-self:center}.header-right{grid-area:right}.logo{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.logo-title{font-family:Orbitron,sans-serif;font-size:13px;color:var(--acc1);letter-spacing:3px;font-weight:900;text-shadow:0 0 12px rgba(var(--glow-rgb),.5);line-height:1.2}.logo-sub{font-family:Share Tech Mono,monospace;font-size:10px;color:var(--gold);letter-spacing:1px;opacity:.7;display:flex;align-items:center;gap:4px;line-height:1.2;flex-wrap:nowrap}.header-clock{display:flex;align-items:center;justify-content:center;gap:5px;font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(24px,3.5vw,44px);color:var(--acc2);transition:color .4s;white-space:nowrap;flex-shrink:0}.header-clock.earth-style{color:#adf}.header-clock.moon-style{color:#d0d0d0}.hc-digit{background:#ff8c3212;border:1px solid rgba(255,120,40,.18);border-radius:5px;padding:4px 8px;width:2.2ch;text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-shadow:0 0 20px rgba(255,150,60,.65),0 0 45px rgba(210,80,20,.4);animation:pulse-glow 4s ease-in-out infinite;transition:color .4s,border-color .4s,background .4s,text-shadow .4s,width .3s;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-clock.moon-ltc #tb-h{width:3.3ch}.hc-digit.earth-style{background:#3264ff0d;border-color:#508cff2e;text-shadow:0 0 18px rgba(80,150,255,.6),0 0 40px rgba(50,100,255,.35);animation:pulse-glow-earth 4s ease-in-out infinite}.hc-digit.moon-style{background:#b4b4be0d;border-color:#a0a0aa2e;text-shadow:0 0 18px rgba(200,200,210,.6),0 0 40px rgba(160,160,180,.35);animation:pulse-glow-moon 4s ease-in-out infinite}.hc-sep{opacity:.6;font-size:.85em;align-self:center;margin:0 1px;transition:color .4s;flex-shrink:0;width:.6em;text-align:center}.hc-sep.earth-style{color:#48f}.hc-sep.moon-style{color:#a0a0b0}.hc-cs{font-size:clamp(10px,1.8vw,14px);color:var(--dim);align-self:flex-end;margin-bottom:4px;font-variant-numeric:tabular-nums;flex-shrink:0;width:2.5ch;text-align:left}.hc-cs.earth-style{color:#69c}.hc-cs.moon-style{color:#a0a0b0}.header-badge{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:11px;letter-spacing:1px}.header-right{display:flex;align-items:center;gap:8px;justify-content:flex-end}.header-progress-row{display:flex;align-items:center;gap:10px;padding:1px 0 2px}.header-pct{font-family:Share Tech Mono,monospace;font-size:9px;color:var(--gold);opacity:.45;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.planet-bar-row{display:flex;gap:4px;padding:2px 0 5px;justify-content:flex-start}.mode-btns{display:flex;gap:4px}.mode-btn{background:transparent;color:var(--gold);border:1px solid var(--border);border-radius:3px;padding:0;width:48px;height:28px;cursor:pointer;font-size:11px;letter-spacing:2px;font-family:Share Tech Mono,monospace;transition:all .25s;display:flex;align-items:center;justify-content:center;opacity:.6}.mode-btn.active{color:#ffd8a0;border-color:var(--acc1);box-shadow:0 0 10px rgba(var(--glow-rgb),.3);opacity:1}.mode-btn.earth-active{color:#adf;border-color:#48f;box-shadow:0 0 10px #3264ff4d;opacity:1}.planet-btn{background:transparent;color:var(--dim);border:1px solid var(--border);border-radius:3px;padding:0;width:74px;height:28px;cursor:pointer;font-size:10px;letter-spacing:1px;font-family:Share Tech Mono,monospace;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap}.planet-btn.active{color:var(--gold);border-color:var(--acc1)}.planet-btn.active.earth{color:#adf;border-color:#48f}.planet-btn.active.venus{color:#fd7;border-color:#da0}.header-progress{flex:1;height:2px;background:linear-gradient(90deg,#120300,#1e0500);position:relative;overflow:visible}.header-progress-fill{height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,#601800,#c04818,#ffa030);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #ff641499}.header-progress-fill.earth-fill{background:linear-gradient(90deg,#002280,#14c,#48f);box-shadow:0 0 6px #3264ff99}.header-progress-fill.moon-fill{background:linear-gradient(90deg,#404050,#707080,#a0a0b0);box-shadow:0 0 6px #a0a0b499}.header-progress-fill.venus-fill{background:linear-gradient(90deg,#420,#a70,#fc3);box-shadow:0 0 6px #ffc83299}.header-progress-fill:after{content:"";position:absolute;right:-2px;top:-1.5px;width:5px;height:5px;background:#ffa030;border-radius:50%;box-shadow:0 0 5px #ffa030e6}.header-progress-fill.earth-fill:after{background:#48f;box-shadow:0 0 5px #5096ffe6}.header-progress-fill.moon-fill:after{background:#a0a0b0;box-shadow:0 0 5px #b4b4c8e6}.header-progress-fill.venus-fill:after{background:#fc3;box-shadow:0 0 5px #ffdc50e6}.header-progress-pct{position:absolute;right:10px;top:-9px;font-size:9px;color:var(--gold);opacity:.5;letter-spacing:.5px;white-space:nowrap;pointer-events:none}.clock-panel.hidden{display:none}.zone-panel.hidden{opacity:0;pointer-events:none;visibility:hidden;max-height:0;overflow:hidden}.view-label{position:absolute;top:12px;left:50%;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:11px;color:#8cbeffd9;letter-spacing:4px;pointer-events:none;z-index:5;white-space:nowrap}.tap-hint-globe{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:11px;color:#8cb4ffa6;letter-spacing:3px;pointer-events:none;white-space:nowrap}.time-wrap{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1}.header-clock.venus-style,.hc-digit.venus-style{color:#fd8}.hc-sep.venus-style{color:#da2}.hc-cs.venus-style{color:#b80}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px rgba(255,150,60,.6),0 0 50px rgba(210,80,20,.35)}50%{text-shadow:0 0 30px rgba(255,160,70,.75),0 0 70px rgba(220,90,25,.5)}}@keyframes pulse-glow-earth{0%,to{text-shadow:0 0 20px rgba(80,150,255,.6),0 0 50px rgba(50,100,255,.35)}50%{text-shadow:0 0 30px rgba(100,170,255,.75),0 0 70px rgba(60,120,255,.5)}}@keyframes pulse-glow-venus{0%,to{text-shadow:0 0 20px rgba(255,210,60,.6),0 0 50px rgba(200,150,0,.35)}50%{text-shadow:0 0 30px rgba(255,220,80,.75),0 0 70px rgba(210,160,10,.5)}}@keyframes pulse-glow-moon{0%,to{text-shadow:0 0 20px rgba(200,200,210,.6),0 0 50px rgba(160,160,180,.35)}50%{text-shadow:0 0 30px rgba(220,220,230,.75),0 0 70px rgba(180,180,200,.5)}}#globe-wrap{flex:1;position:relative;cursor:grab;min-height:0;user-select:none;-webkit-user-select:none;overflow:hidden;touch-action:none}#globe-wrap:active{cursor:grabbing}#globe-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}#zone-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-130%);background:var(--popup-bg);border:1px solid var(--popup-border);border-radius:4px;padding:6px 12px;font-size:12px;color:var(--gold);letter-spacing:1px;pointer-events:none;z-index:10;white-space:nowrap;opacity:0;transition:opacity .2s,background .3s,border-color .3s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 20px #000c}#zone-popup.show{opacity:1}.zone-panel{border-top:1px solid var(--border);background:var(--panel-bg);flex-shrink:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:50;transition:background .3s}.zone-panel-header{display:flex;align-items:center}.zone-toggle{background:transparent;border:none;color:var(--acc1);padding:10px 18px;cursor:pointer;font-size:12px;letter-spacing:3px;text-align:left;display:flex;align-items:center;font-family:Share Tech Mono,monospace;transition:all .2s;flex:1}.zone-toggle.open{color:var(--orange)}.zone-hide-btn{background:transparent;border:none;color:var(--gold);padding:10px 14px 10px 4px;cursor:pointer;font-size:11px;letter-spacing:2px;opacity:.6;font-family:Share Tech Mono,monospace;transition:all .2s;white-space:nowrap;flex-shrink:0}.zone-hide-btn:hover{opacity:1}.zone-mode-btns{display:flex;gap:4px;padding-right:8px;flex-shrink:0}.zone-mode-btn{background:transparent;color:var(--dim);border:1px solid var(--border);border-radius:3px;padding:0;width:52px;height:28px;cursor:pointer;font-size:11px;letter-spacing:1px;font-family:Share Tech Mono,monospace;transition:all .2s;display:flex;align-items:center;justify-content:center}.zone-mode-btn.active{color:var(--gold);border-color:var(--acc1)}.search-wrap{padding:8px 12px;border-bottom:1px solid var(--border)}.city-search{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:4px;color:var(--gold);font-family:Share Tech Mono,monospace;font-size:12px;padding:7px 12px;outline:none;letter-spacing:1px}.city-search::placeholder{color:var(--dim)}.city-search:focus{border-color:var(--acc1)}.zone-list{max-height:220px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.zone-list::-webkit-scrollbar{width:2px}.zone-list::-webkit-scrollbar-thumb{background:var(--acc1);border-radius:2px}.zone-item{padding:9px 18px;cursor:pointer;border-bottom:1px solid rgba(var(--zone-active-rgb),.3);display:flex;align-items:center;gap:10px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.zone-item:active{background:rgba(var(--zone-active-rgb),.3)}.zone-item.active{background:rgba(var(--zone-active-rgb),.4)}.zone-off{font-size:12px;color:var(--red);width:58px;letter-spacing:1px;flex-shrink:0}.zone-icon{font-size:11px;color:var(--gold);opacity:.6;width:14px;text-align:center;flex-shrink:0}.zone-name{font-size:12px;color:var(--gold);opacity:.7;flex:1;transition:color .12s,opacity .12s}.zone-item.active .zone-name{color:var(--gold);opacity:1}.zone-lon{font-size:10px;color:var(--dim);opacity:.7;flex-shrink:0}.zone-desc-bar{padding:7px 18px 11px;font-size:11px;color:var(--gold);opacity:.6;letter-spacing:1px;display:flex;align-items:center;gap:6px;height:34px;overflow:hidden;flex-shrink:0}.zone-desc-bar span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#moon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:center}#moon-overlay.show{display:flex}#mars-moon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:21;display:none;flex-direction:column;align-items:center;justify-content:center}#mars-moon-overlay.show{display:flex}#moon-canvas{width:100%!important;height:100%!important;position:absolute;top:0;right:0;bottom:0;left:0;display:block}.moon-info{position:absolute;bottom:24px;left:50%;transform:translate(-50%);text-align:center;z-index:25;pointer-events:none;white-space:nowrap}.moon-phase-name{font-family:Orbitron,sans-serif;font-size:14px;color:#f0e8d8;letter-spacing:3px;margin-bottom:6px}.moon-stats{font-size:12px;color:#c8c0a8;letter-spacing:2px;line-height:1.9}.moon-back{position:absolute;top:16px;left:16px;z-index:26;background:#0009;border:1px solid #888;border-radius:3px;color:#ddd;font-size:12px;letter-spacing:2px;padding:6px 12px;cursor:pointer;font-family:Share Tech Mono,monospace}.moon-label{position:absolute;top:16px;left:50%;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:11px;color:#888;letter-spacing:4px;z-index:26;pointer-events:none;display:none}.tap-hint{font-size:10px;color:#765;margin-top:6px;letter-spacing:2px}#mars-moon-overlay .moon-phase-name{font-family:Orbitron,sans-serif;font-size:15px;color:#e8c090;letter-spacing:4px;margin-bottom:4px}#mars-moon-overlay .tap-hint{font-size:10px;color:#6a4020;margin-top:8px;letter-spacing:2px}.info-btn{width:36px;height:28px;background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--dim);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:200;font-family:Share Tech Mono,monospace;transition:all .2s;letter-spacing:0;flex-shrink:0}.info-btn:hover{border-color:var(--orange);color:var(--gold)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay.show{display:flex}.modal{background:linear-gradient(135deg,#0e0203,#080102);border:1px solid var(--border);border-radius:6px;max-width:340px;width:100%;padding:22px;color:var(--gold);box-shadow:0 0 20px #0006,0 20px 60px #000c}.modal h2{font-family:Orbitron,sans-serif;font-size:14px;letter-spacing:4px;color:var(--red);margin-bottom:16px}.modal-section{margin-bottom:14px}.modal-tag{font-size:11px;color:var(--orange);letter-spacing:3px;margin-bottom:5px}.modal p{font-size:12px;line-height:1.75;color:var(--gold);opacity:.75;letter-spacing:.3px}.modal b{color:var(--gold);opacity:1}.modal-close{margin-top:16px;width:100%;background:transparent;border:1px solid var(--border);color:var(--gold);opacity:.6;padding:9px;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:3px;border-radius:3px;transition:all .2s}.modal-close:hover{border-color:var(--red);color:var(--red);opacity:1}.modal-support{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.support-text{font-size:11px;color:var(--gold);opacity:.5;letter-spacing:.5px;margin-bottom:10px;text-align:center}.support-btns{display:flex;gap:8px}.support-btn{flex:1;text-align:center;text-decoration:none;padding:8px 0;border-radius:3px;font-size:11px;letter-spacing:2px;font-family:Share Tech Mono,monospace;background:transparent;border:1px solid var(--border);color:var(--gold);opacity:.6;transition:all .2s;cursor:pointer}.support-btn:hover{border-color:var(--orange);color:var(--gold);opacity:1}@media (min-width:400px){header{min-height:105px}.logo{gap:5px}.logo-title{font-size:16px;letter-spacing:4px}.logo-sub{font-size:11px;letter-spacing:1.2px;gap:5px}}@media (min-width:600px){header{min-height:115px}.header-main{grid-template-columns:1fr auto 1fr;grid-template-rows:auto;grid-template-areas:"logo clock right";gap:0}.logo{gap:6px;grid-area:logo}.header-clock{grid-area:clock;justify-self:center}.header-right{grid-area:right;justify-self:end}.logo-title{font-size:26px;letter-spacing:7px}.logo-sub{font-size:18px}.mode-btn,.planet-btn{font-size:13px}.time-box{font-size:clamp(52px,8vw,84px)}.time-sep{font-size:clamp(42px,6vw,68px)}.time-cs{font-size:clamp(16px,2vw,24px);margin-bottom:12px}.zone-badge{font-size:13px;padding:3px 12px}.zone-landmark,.mode-desc,.sol-pct,.info-row{font-size:13px}.zone-toggle{font-size:14px;padding:13px 22px}.zone-hide-btn{font-size:12px;padding:13px 16px 13px 6px}.zone-item{padding:10px 22px}.zone-off{font-size:13px;width:66px}.zone-name{font-size:13px}.zone-lon{font-size:11px}.zone-desc-bar{font-size:12px;padding:8px 22px;height:38px}.zone-list{max-height:300px}.modal p{font-size:14px;line-height:1.8}.modal-tag{font-size:12px}.modal h2{font-size:16px}.info-btn{width:34px;height:28px;font-size:14px}}