.play-panel[data-mode="spelling"] .spelling-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:24px}
.observatory{width:100%;max-width:570px;margin:auto;border:2px solid #d1ad6f;border-radius:14px;overflow:hidden;background:#082b37;color:#fff0ca;box-shadow:inset 0 0 50px #03192070;text-align:left}
.observatory-stage{position:relative;aspect-ratio:600/530;overflow:hidden}
.observatory-instrument{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.obs-field{position:absolute;left:43%;top:5%;width:51%;aspect-ratio:1;overflow:hidden;border-radius:50%;border:5px solid #c8a46b;background:#031c2b;box-shadow:0 0 0 4px #143f4c,0 0 0 6px #64818a,0 6px 30px #0007;isolation:isolate}
.obs-field-stars{position:absolute;inset:0;background:radial-gradient(circle at 25% 35%,#fff0ca 0 1px,transparent 2px),radial-gradient(circle at 75% 68%,#b6d5dc 0 1px,transparent 2px),radial-gradient(circle at 42% 77%,#fff0ca 0 1px,transparent 2px),radial-gradient(circle at 66% 22%,#fff0ca 0 1.5px,transparent 2.5px);background-size:83px 91px,103px 117px,131px 79px,157px 133px}
.obs-discovery{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform-origin:center;pointer-events:none}
.obs-tracking{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#e8c584;stroke-width:1;opacity:.8;overflow:visible}
.obs-reticle{stroke-width:2;stroke:#a9d4d2}
.obs-static{position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#b1d7d29c 5px 7px,transparent 7px 12px,#e7bc6c80 12px 13px),repeating-linear-gradient(103deg,#092e3b60 0 3px,#bbc3a569 3px 5px);pointer-events:none}
.obs-field-shutter{position:absolute;inset:-2%;background:repeating-linear-gradient(#173d48 0 19px,#335963 19px 21px);border-bottom:4px solid #d6b575;transform:translateY(-105%)}
.obs-view-label{position:absolute;top:65%;left:53%;width:36%;text-align:center;font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;color:#d2bb91}
.obs-readout{border-top:1px solid #53727a;padding:14px 18px;min-height:119px;background:#123946}
.obs-phase{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;color:#f2ce86;font-weight:bold}
.obs-meter{height:4px;margin:10px 0;background:#052632;border-radius:5px;overflow:hidden}.obs-meter span{display:block;height:100%;width:100%;background:#e9bd67;transform:scaleX(0);transform-origin:left center}
.obs-caption{margin:0;min-height:2.7em;font-size:.82rem;line-height:1.45;color:#e6e4d2}
.observatory[data-outcome="won"] .obs-phase{color:#b8dfc7}
.obs-image-failed .obs-discovery{visibility:hidden}
@media(max-width:899px){.play-panel[data-mode="spelling"] .spelling-layout{grid-template-columns:1fr}.observatory{max-width:420px}.observatory-stage{aspect-ratio:600/480}.observatory-instrument{height:110.42%;top:-5%}.obs-field{top:2%}.obs-view-label{top:66%}.spelling-world{width:100%}}
@media(max-width:599px){.observatory{max-width:360px}.obs-readout{padding:11px 13px;min-height:100px}.obs-caption{font-size:.76rem}.obs-phase{font-size:.66rem}.play-panel[data-mode="spelling"] .spelling-layout{gap:12px}.obs-view-label{font-size:.56rem}.obs-field{border-width:3px}}
@media(min-width:900px) and (max-height:800px){.observatory{max-width:385px}.obs-readout{min-height:100px;padding:10px 14px}.obs-caption{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.obs-static{background:#678c9060}}