:root{color-scheme:dark;--bg: #0b0d12;--surface: #141821;--surface-2: #1c2230;--border: #2a3142;--text: #e6e8ef;--text-dim: #9aa3b8;--accent: #5cd0ff;--green: #5be37a;--yellow: #ffce4d;--red: #ff6464;--grey: #6c7387;font-family:ui-sans-serif,system-ui,-apple-system,SF Pro Text,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text)}body{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.brand{display:flex;gap:.5rem;align-items:center;font-weight:600}.brand-mark{font-size:1.2rem}.tabs{display:flex;gap:.25rem;background:var(--surface-2);border-radius:6px;padding:.2rem}.tab{background:transparent;border:0;color:var(--text-dim);padding:.4rem .9rem;font:inherit;cursor:pointer;border-radius:4px}.tab.active{background:var(--accent);color:var(--bg);font-weight:600}main{flex:1;overflow:auto}.pane{padding:1rem}.cards{display:grid;grid-template-columns:1fr;gap:.75rem;max-width:720px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;display:grid;gap:.4rem;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;grid-template-areas:"name countdown" "meta meta" "score score" "actions actions"}.card.stale{opacity:.55;filter:grayscale(40%)}.card-name{grid-area:name;font-size:1.05rem;font-weight:600}.card-countdown{grid-area:countdown;font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent)}.card-meta{grid-area:meta;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;color:var(--text-dim);font-size:.85rem}.tag{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.1rem .6rem;font-size:.75rem}.tag.regime-day{color:var(--yellow);border-color:#ffce4d4d}.tag.regime-night{color:var(--accent);border-color:#5cd0ff4d}.tag.regime-terminator{color:var(--text-dim)}.tag.obs-clear{color:var(--green);border-color:#5be37a4d}.tag.obs-cloudy{color:var(--text-dim)}.tag.obs-glint{color:var(--yellow);border-color:#ffce4d4d}.card-score{grid-area:score;display:flex;gap:.6rem;align-items:baseline;font-size:.9rem}.score-label{color:var(--text-dim)}.score-value{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text);font-size:1.1rem}.card-note{grid-area:meta;color:var(--text-dim)}.card-actions{grid-area:actions;display:flex;gap:.5rem;margin-top:.4rem}.btn{flex:1;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:.55rem .8rem;border-radius:8px;cursor:pointer;font:inherit;font-weight:600}.btn-shoot{background:var(--green);color:var(--bg);border:0}.btn-skip{background:var(--surface-2);color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed}.empty{text-align:center;color:var(--text-dim);padding:3rem 1rem}.banner{text-align:center;padding:.55rem 1rem;border-top:1px solid var(--border);font-size:.85rem}.banner-green{background:#5be37a1a;color:var(--green)}.banner-yellow{background:#ffce4d1a;color:var(--yellow)}.banner-red{background:#ff646426;color:var(--red);font-weight:600}.banner-loading{background:var(--surface);color:var(--text-dim)}.map{width:100%;height:calc(100vh - 130px);border-radius:12px;overflow:hidden}.map-controls{position:absolute;top:80px;right:1rem;display:flex;gap:.25rem;background:var(--surface-2);border-radius:6px;padding:.2rem;z-index:10}.time-btn{background:transparent;border:0;color:var(--text-dim);padding:.4rem .7rem;font:inherit;cursor:pointer;border-radius:4px}.time-btn.active{background:var(--accent);color:var(--bg);font-weight:600}.view-queue #map-pane,.view-map #queue-pane{display:none}