:root{--bg:#05070d;--panel:#0b0f18;--line:#1c2333;--text:#e8ecf5;--dim:#8b97ad;--accent:#ffb648;--accent-dim:#6b4a1c;--total:#ff5d47;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{overflow:hidden}#loading{background:var(--bg);z-index:50;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loading-inner{text-align:center;width:min(320px,78vw)}.loading-title{letter-spacing:.04em;color:var(--accent);margin-bottom:1rem;font-size:.95rem}.loading-bar{background:var(--line);border-radius:3px;height:3px;overflow:hidden}.loading-bar i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.loading-step{color:var(--dim);margin-top:.6rem;font-size:.72rem}#app{grid-template:"globe"minmax(0,38dvh)"side"minmax(0,1fr)"time"/minmax(0,1fr);height:100dvh;display:grid}#globe-panel,#side,#timebar,#info-panel,.panel{min-width:0}#globe-panel{grid-area:globe}#side{overscroll-behavior:contain;background:var(--line);grid-area:side;grid-template-columns:minmax(0,1fr);gap:1px;min-height:0;display:grid;overflow-y:auto}#timebar{grid-area:time}.panel{background:var(--panel);min-height:0;position:relative;overflow:hidden}.panel canvas{touch-action:none;width:100%;height:100%;display:block}.panel-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--dim);pointer-events:none;text-shadow:0 1px 3px #000;padding:.4rem .6rem;font-size:.66rem;position:absolute;top:0;left:0}.panel-tag b{color:var(--text);font-weight:600}.panel-tag .hint{text-transform:none;letter-spacing:0;opacity:.65;font-size:.62rem;display:block}.ghost-btn{border:1px solid var(--line);color:var(--dim);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0f18cc;border-radius:999px;padding:.4rem .7rem;font-size:.68rem;position:absolute;top:.5rem;right:.5rem}.ghost-btn:active{color:var(--accent)}#globe-labels{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.city-label{white-space:nowrap;text-shadow:0 1px 4px #000,0 0 8px #000;will-change:transform;font-size:.64rem;position:absolute;transform:translate(-50%,-50%)}.city-label .dot{background:var(--text);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:.28rem;display:inline-block}.city-label.in-totality .dot{background:var(--total);box-shadow:0 0 8px var(--total)}.city-label.is-observer .dot{background:var(--accent);box-shadow:0 0 10px var(--accent);width:7px;height:7px}#sky-panel{height:30vh;min-height:190px;max-height:270px}#sky-readout{pointer-events:none;text-shadow:0 1px 4px #000;font-size:.68rem;line-height:1.5;position:absolute;top:1.45rem;left:.6rem}#sky-readout .big{color:var(--accent);font-size:1.15rem;font-weight:600;line-height:1.15;display:block}#sky-readout.total .big{color:var(--total)}#sky-readout .sub{color:var(--dim)}.fov-control{color:var(--dim);align-items:center;gap:.35rem;font-size:.6rem;display:flex;position:absolute;top:.45rem;right:.5rem}.fov-control input{width:74px}#info-panel{background:var(--panel);padding:.7rem .8rem calc(.7rem + var(--safe-b));grid-column:1/-1}#city-table{min-width:0;overflow-x:auto}table.cities{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.72rem}table.cities th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding-bottom:.3rem;font-size:.62rem;font-weight:500}table.cities td{border-bottom:1px solid #1c233380;padding:.28rem 0}table.cities td:nth-child(n+2),table.cities th:nth-child(n+2){text-align:right}table.cities th:first-child{width:40%}table.cities td:nth-child(n+2),table.cities th:nth-child(n+2){white-space:nowrap;padding-left:.5rem}table.cities tr.total td:first-child:before{content:"●";color:var(--total);vertical-align:middle;margin-right:.35rem;font-size:.6em}table.cities tr.partial td:first-child:before{content:"○";color:var(--dim);vertical-align:middle;margin-right:.35rem;font-size:.6em}table.cities tr.selected{color:var(--accent)}table.cities tr{cursor:pointer}#about{color:var(--dim);margin-top:.8rem;font-size:.72rem}#about summary{cursor:pointer;color:var(--dim);padding:.3rem 0}.about-body p{margin:.5rem 0;line-height:1.55}.about-body b{color:var(--text)}.about-body code{background:#131926;border-radius:3px;padding:.05em .3em;font-size:.92em}.caveat{border-left:2px solid var(--accent-dim);padding-left:.6rem}#timebar{border-top:1px solid var(--line);padding:.5rem .7rem calc(.5rem + var(--safe-b));background:#080b12}.time-main{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.clock{font-variant-numeric:tabular-nums;line-height:1.15}.clock b{letter-spacing:.01em;font-size:1.3rem}.clock span{color:var(--dim);font-size:.64rem;display:block}.transport{align-items:center;gap:.3rem;display:flex}.t-btn{border:1px solid var(--line);min-width:44px;height:40px;color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums;background:#121828;border-radius:8px;font-size:.72rem}.t-btn:active{background:#1b2436}.t-btn.play{color:var(--accent);font-size:.95rem}#speed{border:1px solid var(--line);height:40px;color:var(--dim);background:#121828;border-radius:8px;padding:0 .3rem;font-size:.72rem}#time-slider{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:30px;margin:.2rem 0 .45rem}#time-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--line) 0%, var(--line) var(--umbra-a,0%), var(--accent-dim) var(--umbra-a,0%), var(--accent-dim) var(--umbra-b,100%), var(--line) var(--umbra-b,100%));border-radius:3px;height:5px}#time-slider::-moz-range-track{background:var(--line);border-radius:3px;height:5px}#time-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:24px;height:24px;box-shadow:0 0 0 1px var(--accent);cursor:pointer;border:3px solid #080b12;border-radius:50%;margin-top:-9.5px}#time-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:3px solid #080b12;border-radius:50%;width:20px;height:20px}@media (min-width:900px){#app{grid-template:"globe side"minmax(0,1fr)"time time"/minmax(0,1fr) 380px}#side{border-left:1px solid var(--line);grid-template-columns:1fr;grid-auto-rows:min-content}#sky-panel{height:340px;min-height:0;max-height:none}.panel-tag,#sky-readout{font-size:.7rem}#timebar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.2rem;padding:.6rem 1rem;display:grid}.time-main{margin-bottom:0}#time-slider{margin:0}}@media (max-width:560px){.fov-control label{display:none}.fov-control input{width:56px}.panel-tag{font-size:.6rem}}@media (max-height:500px) and (max-width:899px){#side{display:none}.clock b{font-size:1rem}}