.sky-observatory .preview-opening{padding-bottom:0;display:block}.sky-observatory .preview-opening h1{max-width:22ch;margin-block:.35rem .5rem;font-size:clamp(1.9rem,4.2vw,3.4rem);line-height:1.02}.sky-observatory .preview-opening .preview-lead{margin-block:0}.sky-observatory .moon-observatory{--mo-brass:var(--brass,#c29a52);--mo-bone:var(--bone,#ece3d2);--mo-teal:#6fb3a8;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);width:100%;min-width:0;max-width:1180px;margin:clamp(1rem,2.5vw,2rem) auto clamp(3rem,7vw,6rem);display:grid;position:relative}.sky-observatory .moon-observatory__plate{background:radial-gradient(at 50% 46%,#1e2a348c,#0000 62%),linear-gradient(160deg,#0a0f16f5,#030509fa);border:1px solid #c29a5252;min-width:0;padding:clamp(.8rem,2vw,1.25rem);transition:border-color .4s,box-shadow .4s;position:relative;box-shadow:0 40px 120px #00000073,inset 0 0 0 6px #030509e6,inset 0 0 0 7px #c29a5229}.sky-observatory .moon-observatory[data-mode=explore] .moon-observatory__plate{border-style:dashed;border-color:#6fb3a8b3;box-shadow:0 40px 120px #00000073,inset 0 0 0 6px #030509e6,inset 0 0 0 7px #6fb3a847}.sky-observatory .moon-observatory__plate-head,.sky-observatory .moon-observatory__plate-foot{color:#ddd6caa8;letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.2rem .35rem;font-size:.62rem;font-weight:600;display:flex}.sky-observatory .moon-observatory__mode-chip{color:var(--mo-brass);border:1px solid #c29a5273;padding:.3rem .6rem}.sky-observatory .moon-observatory[data-mode=explore] .moon-observatory__mode-chip{border-color:var(--mo-teal);color:var(--mo-teal)}.sky-observatory .moon-observatory__field{aspect-ratio:1;contain:layout paint;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:radial-gradient(60% 48% at 30% 18%,#465c7829,#0000 70%),radial-gradient(circle,#141c26eb,#020306 74%);width:100%;max-height:72svh;margin:.6rem auto;position:relative;overflow:hidden}.sky-observatory .moon-observatory__field:active{cursor:grabbing}.sky-observatory .moon-observatory__field:before{z-index:5;pointer-events:none;content:"";background:radial-gradient(circle,#0000 58%,#0102048c 100%),linear-gradient(#c29a520b 1px,#0000 1px) 0 0/12.5% 12.5%,linear-gradient(90deg,#c29a520b 1px,#0000 1px) 0 0/12.5% 12.5%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 44%,#000 74%);mask-image:radial-gradient(circle,#0000 44%,#000 74%)}.sky-observatory .moon-observatory__halo{z-index:0;pointer-events:none;background:radial-gradient(circle,#0000 72%,#ece0c442 79%,#96aece14 88%,#0000 100%);border-radius:50%;transition:opacity .9s;position:absolute;inset:6%}.sky-observatory .moon-observatory__fallback,.sky-observatory .moon-observatory__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sky-observatory .moon-observatory__fallback{z-index:1;padding:12%;transition:opacity .5s}.sky-observatory .moon-observatory__canvas{z-index:2;opacity:0;transition:opacity .9s}.sky-observatory .moon-observatory[data-status=ready] .moon-observatory__canvas{opacity:1}.sky-observatory .moon-observatory[data-status=ready] .moon-observatory__fallback{opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s linear .5s}.sky-observatory .moon-observatory__arc{z-index:4;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.sky-observatory .moon-observatory__arc-track,.sky-observatory .moon-observatory__arc-elapsed{fill:none;stroke-linecap:round}.sky-observatory .moon-observatory__arc-track{stroke:#c29a5257;stroke-width:.6px}.sky-observatory .moon-observatory__arc-elapsed{stroke:var(--mo-brass);stroke-width:1.1px;opacity:.85}.sky-observatory .moon-observatory__arc-tick{stroke:#c29a528c;stroke-width:.6px}.sky-observatory .moon-observatory__arc-marker{transform-origin:100px 100px;transition:transform .9s cubic-bezier(.65,0,.35,1)}.sky-observatory .moon-observatory__arc-marker--today{fill:var(--mo-brass)}.sky-observatory .moon-observatory__arc-marker--explore{fill:var(--mo-teal)}.sky-observatory .moon-observatory__arc-aura{fill:none;stroke:currentColor;stroke-width:.6px;opacity:.55}.sky-observatory .moon-observatory__arc-marker--today .moon-observatory__arc-aura{color:var(--mo-brass)}.sky-observatory .moon-observatory__arc-marker--explore .moon-observatory__arc-aura{color:var(--mo-teal)}.sky-observatory .moon-observatory[data-mode=explore] .moon-observatory__arc-marker--today{opacity:.7}.sky-observatory .moon-observatory__north{z-index:4;color:var(--mo-brass);font-family:var(--font-display,serif);pointer-events:none;font-size:clamp(.8rem,1.6vw,1rem);font-style:italic;position:absolute;top:9.5%;left:50%;transform:translate(-50%)}.sky-observatory .moon-observatory__stamp{z-index:6;border:1px dashed var(--mo-teal);color:var(--mo-teal);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#03080ac7;padding:.35rem .7rem;font-size:.6rem;font-weight:600;position:absolute;top:2%;left:50%;transform:translate(-50%)}.sky-observatory .moon-observatory__motion-state{margin:0}.sky-observatory .moon-observatory__plate-foot{background:linear-gradient(90deg,#c29a5214,#c29a5205);border:1px solid #c29a5257;border-left:2px solid #c29a52bf;margin-top:.15rem;padding:.55rem .6rem .55rem .85rem}.sky-observatory .moon-observatory__motion-copy{flex:14rem;gap:.2rem;min-width:0;margin:0;display:grid}.sky-observatory .moon-observatory__motion-copy .moon-observatory__motion-state{color:var(--mo-brass)}.sky-observatory .moon-observatory__motion-invite{color:#ece3d2db;letter-spacing:0;text-transform:none;font-size:.8rem;font-weight:400;line-height:1.4}.sky-observatory .moon-observatory[data-status=ready][data-motion=off] .moon-observatory__motion{border-color:var(--mo-brass);color:#17120a;background:var(--mo-brass);box-shadow:0 0 0 3px #c29a522e}.sky-observatory .moon-observatory[data-status=ready][data-motion=off] .moon-observatory__motion:hover{background:#d4ae66}.sky-observatory .moon-observatory__motion:disabled{cursor:default;opacity:.55}@media (max-width:560px){.sky-observatory .moon-observatory__plate-foot .moon-observatory__motion{justify-content:center;width:100%}}.sky-observatory .moon-observatory__motion,.sky-observatory .moon-observatory__return{cursor:pointer;min-height:44px;color:var(--mo-bone);font:inherit;letter-spacing:.14em;text-transform:uppercase;background:#c29a5214;border:1px solid #c29a5299;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1rem;font-size:.64rem;font-weight:600;transition:background-color .22s,color .22s;display:inline-flex}.sky-observatory .moon-observatory__motion span{letter-spacing:0;font-size:.7rem}.sky-observatory .moon-observatory__motion:hover,.sky-observatory .moon-observatory__return:hover{background:#c29a5233}:is(.sky-observatory .moon-observatory button:focus-visible,.sky-observatory .moon-observatory input:focus-visible){outline:2px solid var(--mo-bone);outline-offset:3px}.sky-observatory .moon-observatory__ledger{min-width:0}.sky-observatory .moon-observatory__ledger h2{font-family:var(--font-display,serif);letter-spacing:-.04em;margin:.6rem 0 1.4rem;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:320;line-height:.95}.sky-observatory .moon-observatory[data-mode=explore] .moon-observatory__ledger h2{color:var(--mo-teal);font-style:italic}.sky-observatory .moon-observatory__readings{border-top:1px solid #c29a5247;gap:0;margin:0;display:grid}.sky-observatory .moon-observatory__readings div{border-bottom:1px solid #c29a522e;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.8rem 0;display:flex}.sky-observatory .moon-observatory__readings dt{color:#ddd6ca9e;letter-spacing:.13em;text-transform:uppercase;font-size:.66rem;font-weight:600}.sky-observatory .moon-observatory__readings dd{font-family:var(--font-display,serif);text-align:right;margin:0;font-size:1.2rem}.sky-observatory .moon-observatory__readings dd small{color:#ddd6caa8;font-family:var(--font-body,inherit);font-size:.75rem;display:block}.sky-observatory .moon-observatory__note,.sky-observatory .moon-observatory__orientation{color:#ddd6caad;margin:1rem 0 0;font-size:.82rem;line-height:1.55}.sky-observatory .moon-observatory__orientation{font-size:.74rem}.sky-observatory .moon-observatory__lunation{margin-top:1.8rem;position:relative}.sky-observatory .moon-observatory__lunation label{color:var(--mo-brass);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.7rem;font-size:.66rem;font-weight:600;display:block}.sky-observatory .moon-observatory__strip{grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;padding-top:1.1rem;display:grid;position:relative}.sky-observatory .moon-observatory__strip svg{width:100%;height:auto;display:block}.sky-observatory .moon-observatory__today-pin,.sky-observatory .moon-observatory__explore-pin{pointer-events:none;position:absolute;top:0;transform:translate(-50%)}.sky-observatory .moon-observatory__today-pin{color:var(--mo-brass);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.55rem;font-weight:600}.sky-observatory .moon-observatory__today-pin:after{background:var(--mo-brass);content:"";width:1px;height:calc(100% + 1.4rem);min-height:2.2rem;position:absolute;top:1rem;left:50%}.sky-observatory .moon-observatory__explore-pin{background:var(--mo-teal);width:2px;height:2.4rem;top:1rem}.sky-observatory .moon-observatory__lunation input[type=range]{width:100%;min-height:44px;accent-color:var(--mo-brass);cursor:pointer;margin:.2rem 0 0;display:block}.sky-observatory .moon-observatory[data-mode=explore] .moon-observatory__lunation input[type=range]{accent-color:var(--mo-teal)}.sky-observatory .moon-observatory__principal{color:#ddd6ca80;letter-spacing:.08em;text-transform:uppercase;height:1.2rem;font-size:.55rem;position:relative}.sky-observatory .moon-observatory__principal span{white-space:nowrap;position:absolute;top:0}.sky-observatory .moon-observatory__principal span:nth-child(2),.sky-observatory .moon-observatory__principal span:nth-child(3),.sky-observatory .moon-observatory__principal span:nth-child(4){transform:translate(-50%)}.sky-observatory .moon-observatory__live{color:#ddd6ca99;margin:1rem 0 0;font-size:.74rem}.sky-observatory .moon-observatory__return{border-color:var(--mo-teal);color:var(--mo-bone);background:#6fb3a824;margin-top:.8rem}@media (max-width:900px){.sky-observatory .moon-observatory{grid-template-columns:minmax(0,1fr)}.sky-observatory .moon-observatory__field{max-height:none}}@media (max-width:560px){.sky-observatory .moon-observatory__plate{padding:.5rem}.sky-observatory .moon-observatory__plate-head,.sky-observatory .moon-observatory__plate-foot{font-size:.56rem}.sky-observatory .moon-observatory__principal span:nth-child(2),.sky-observatory .moon-observatory__principal span:nth-child(4){font-size:0}.sky-observatory .moon-observatory__principal span:nth-child(2):before{content:"1st Q";font-size:.55rem}.sky-observatory .moon-observatory__principal span:nth-child(4):before{content:"Last Q";font-size:.55rem}}@media (max-width:420px){.sky-observatory .moon-observatory__stamp{letter-spacing:.1em;padding:.3rem .5rem;font-size:.52rem}}.sky-observatory .moon-observatory[data-motion=off] .moon-observatory__arc-marker,.sky-observatory .moon-observatory[data-motion=off] .moon-observatory__halo,.sky-observatory .moon-observatory[data-motion=off] .moon-observatory__canvas,.sky-observatory .moon-observatory[data-motion=off] .moon-observatory__fallback,.sky-observatory .moon-observatory[data-motion=off] .moon-observatory__plate{transition:none}
