.observatory .ov{padding:4px;overflow:auto;justify-content:flex-start;font:clamp(13px,1.8vw,20px)/1.45 Georgia,serif;color:#2b211a}
.observatory .ov.dark{color:#f8e8bb}
.observatory .ov p{margin:.35em 0}.observatory .ov>div{width:100%}
.observatory svg{display:block;width:100%;height:100%;min-height:0}
.observatory .ov.chart{padding:0;overflow:hidden;justify-content:center}
.obs-note{text-align:left}.obs-note strong{color:inherit}.obs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.obs-book{border:2px solid #70502a;border-radius:5px;padding:8px;color:#fff;cursor:pointer;font:inherit;min-height:60px;box-shadow:inset 5px 0 #ffffff25}.obs-book[aria-pressed="true"]{outline:3px solid #17604a;outline-offset:1px}.obs-book small{display:block}.obs-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0}.obs-controls label{display:grid;gap:4px;text-align:left}.obs-controls input,.obs-controls select{max-width:100%;min-width:90px}.obs-output{font-size:clamp(20px,3vw,36px);color:var(--gold2);text-align:center}.obs-table{border-collapse:collapse;width:100%;font-size:inherit}.obs-table th,.obs-table td{padding:4px;border-bottom:1px solid #80603855;text-align:center}.obs-bonus{color:var(--gold2);text-align:center}.spot.hid::after{width:23px;height:23px;margin:-11px;background: url('img/comet.png') center/contain no-repeat;box-shadow:none;opacity:.6}.spot.hid.done::after{opacity:1;filter:drop-shadow(0 0 4px #95dbbd)}
@media(max-width:600px){.observatory .cu{aspect-ratio:auto;height:480px;background-size:100% 100%}.observatory .cu:has(.chart){height:340px}.observatory .ov{font-size:15px}.obs-grid{gap:5px}.obs-book{font-size:13px;padding:5px}.mbox{padding:16px}.obs-table td{padding:3px}.obs-controls{gap:8px}}
@media print{.obs-bonus{color:#222}.diploma .small{color:#444}}