.mc{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:5;background:var(--bg);color:var(--text);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.mc-loading{color:var(--muted);grid-template-rows:1fr;place-items:center;font-size:1.1rem}.mc-top button,.mc-views button,.river button,.mc-tabs button{border:1px solid var(--border);min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:#151623d9;border-radius:999px;padding:0 .85rem;font-weight:600}.mc-top button:hover,.mc-views button:hover,.river button:hover:not(:disabled){border-color:var(--muted)}.mc button:focus-visible,.mc input:focus-visible,.mc select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mc-top button[aria-pressed=true],.mc-views button[aria-pressed=true]{border-color:var(--text);background:var(--text);color:#0b0c13}.mc-top{border-bottom:1px solid var(--border);background:#000;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem 1rem;display:flex}.mc-home span:first-child{color:var(--accent)}.mc-site{flex:16rem;min-width:0}.mc-site label,.mc-site .picker{margin:0}.mc-top-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mc-body{grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative}.mc-body.with-panel{grid-template-columns:minmax(0,1fr) auto}.mc-stage{background:var(--bg);min-width:0;min-height:0;position:relative;overflow:hidden}.mc-stage .moon-3d-section{height:100%;margin:0}.mc-stage .moon-3d{border-radius:0;height:100%}.mc-stage .how-to-read{display:none}.mc-stage .loading,.mc-stage .pending{place-items:center;margin:0;display:grid;position:absolute;inset:0}.mc-stage .camera-choices{z-index:3;margin:0;position:absolute;bottom:4.25rem;left:1rem}.mc-stage .camera-choices button{background:#151623d9;border-radius:999px;min-height:40px}.mc-stage .camera-choices button[aria-pressed=true]{background:var(--text);color:#0b0c13}.mc-stage .moon-3d-zoom{top:auto;bottom:1rem;right:1rem}.mc-views{z-index:3;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:1rem}.mc-horizon{align-content:center;display:grid;position:absolute;inset:9.5rem 1.5rem 4.5rem}.mc-status{z-index:2;pointer-events:none;text-shadow:0 1px 12px #000,0 0 2px #000;max-width:min(34rem,100% - 2.5rem);position:absolute;top:1.1rem;left:1.25rem}.mc-status-where{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .2rem;font-size:.875rem;font-weight:700}.mc-status h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,2.7vw,2.5rem);line-height:1.1}.mc-status-next{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:.55rem 0 0;font-size:1.05rem;font-weight:600;display:flex}.mc-status-next .dot+.dot,.mc-status-next .dot:nth-of-type(2){margin-left:.9rem}.mc-status-verdict{text-shadow:none;border-radius:999px;margin:.6rem 0 0;padding:.3rem .7rem;font-size:.95rem;font-weight:700;display:inline-block}.mc-status-verdict.ok{color:#9af0c6;background:#133a2a}.mc-status-verdict.miss{color:#ffd2a8;background:#3d2412}.mc-panel{border-left:1px solid var(--border);background:#0c0d16;flex-direction:column;width:min(27rem,42vw);min-height:0;transition:width .25s;display:flex}.mc-panel.wide{width:min(48rem,52vw)}.mc-tabs{border-bottom:1px solid var(--border);gap:.4rem;padding:.6rem .75rem;display:flex}.mc-tabs button[aria-selected=true]{border-color:var(--accent);background:var(--accent);color:#1a1204}.mc-tabs .mc-panel-close{margin-left:auto;padding:0 .7rem}.mc-panel-body{flex:1;min-height:0;padding:.25rem 1rem 1.5rem;overflow:auto}.mc-panel-body h2{margin:1.4rem 0 .5rem;font-size:1.05rem}.mc-panel-body .answer{margin-top:.75rem}.mc-river{border-top:1px solid var(--border);background:#0a0b13;padding:.6rem 1rem .45rem}.river{grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:start;gap:.6rem;display:grid}.river-play{width:40px;border-color:var(--accent)!important;color:var(--accent)!important;padding:0!important}.river button:disabled{opacity:.4;cursor:default}.river-main{min-width:0}.river-track{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#1c1d2b;border-radius:8px;height:40px;position:relative}.river-track svg{border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.river-both{fill:#3fbf86;background:#3fbf86}.river-sun{fill:var(--sun);background:var(--sun)}.river-earth{fill:#4d86e0;background:#4d86e0}.river-none{fill:#23243a;background:#23243a}.river-landing{fill:#f4fff9;background:#f4fff9}.river-cursor{pointer-events:none;background:#fff;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-5px;bottom:-5px;box-shadow:0 0 0 2px #000,0 0 10px #fff}.river-mission{pointer-events:none;background:#ffffff24;border:2px solid #fff;border-left:0;border-radius:0 6px 6px 0;position:absolute;top:0;bottom:0}.river-track input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.river-track:focus-within{outline:2px solid var(--accent);outline-offset:3px}.river-days{height:1.15rem;color:var(--muted);margin-top:.2rem;font-size:.8125rem;position:relative}.river-days span{position:absolute;transform:translate(-50%)}.river-time{font-variant-numeric:tabular-nums;text-align:right;min-width:13.5rem;padding-top:.5rem;font-weight:700}.river-key{color:var(--muted);margin:.1rem 0 0;font-size:.8125rem}.river-key .key{vertical-align:-1px;border-radius:2px;width:.7rem;height:.7rem;margin:0 .35rem 0 .9rem;display:inline-block}.key-pair{white-space:nowrap}.river-key .key-pair:first-child .key{margin-left:0}@media (width<=760px){.mc-status{background:linear-gradient(#05060ef0 0%,#05060ee0 72%,#0000 100%);max-width:none;padding:.7rem .9rem 1.5rem;top:0;left:0;right:0}.mc-top{flex-wrap:nowrap;gap:.4rem;padding:.4rem .6rem}.mc-wide-only{display:none}.mc-home{padding:0 .75rem!important}.mc-site{flex:auto}.mc-site .picker>label{font-size:0;display:block}.mc-site select{width:100%;font-size:1rem}.mc-top .mode-toggle{flex-wrap:nowrap;gap:.25rem;display:flex}.mc-top .mode-toggle button{padding:0 .65rem}.mc-body.with-panel{grid-template-rows:40svh minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.mc-river{padding:.45rem .7rem .35rem}.mc-panel,.mc-panel.wide{border-top:1px solid var(--border);border-left:0;width:100%}.mc-status h1{font-size:1.35rem}.mc-status-next{font-size:.95rem}.mc-stage .camera-choices{display:none}.river{grid-template-columns:auto minmax(0,1fr)}.river-month{display:none}.river-time{text-align:left;grid-column:1/-1;min-width:0;padding-top:0}.river-key{display:none}}@media (prefers-reduced-motion:reduce){.mc-panel{transition:none}}