/* R7.6 Observatory renderer — visual continuation of the accepted Mercurial observatory language. */
.cm-r76-observatory{margin-top:1.2rem;border-top:1px solid rgba(220,228,231,.12);padding-top:1rem;color:#dfe7e9}
.cm-r76-toolbar{display:grid;grid-template-columns:minmax(190px,1fr) minmax(160px,.65fr) auto;gap:.8rem;align-items:end;margin-bottom:.8rem}
.cm-r76-field{display:grid;gap:.35rem;min-width:0}.cm-r76-field span{font-size:.66rem;letter-spacing:.18em;color:rgba(210,224,228,.58)}
.cm-r76-field select,.cm-r76-field input{width:100%;min-height:44px;padding:.65rem .8rem;background:linear-gradient(180deg,rgba(18,24,28,.96),rgba(6,9,12,.96));border:1px solid rgba(205,219,224,.22);color:#e2e9eb;font:inherit;letter-spacing:.05em}
.cm-r76-time-actions{display:flex;gap:.45rem;flex-wrap:wrap}.cm-r76-time-actions button,.cm-r76-analysis-tabs button{min-height:44px;padding:.6rem .78rem;background:linear-gradient(180deg,rgba(23,31,35,.96),rgba(7,10,13,.98));border:1px solid rgba(205,219,224,.22);color:#cddadd;font:inherit;font-size:.72rem;letter-spacing:.1em}
.cm-r76-time-actions button[aria-pressed="true"],.cm-r76-analysis-tabs button[aria-pressed="true"]{border-color:rgba(122,181,202,.62);color:#edf8fb;box-shadow:inset 0 0 24px rgba(81,148,172,.13)}
.cm-r76-stage{position:relative;overflow:hidden;border:1px solid rgba(205,219,224,.16);background:#020507;min-height:300px;box-shadow:inset 0 0 80px rgba(0,0,0,.72)}
.cm-r76-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 22%,transparent 72%,rgba(100,172,195,.035));z-index:2}
.cm-r76-stage canvas{display:block;width:100%;height:auto;aspect-ratio:5/3;background:#020507}
.cm-r76-stage canvas[hidden]{display:none}
.cm-r76-stage-hud{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;z-index:3;padding:.55rem .7rem;background:linear-gradient(90deg,rgba(1,4,6,.82),rgba(1,4,6,.34));border-top:1px solid rgba(220,230,234,.12);backdrop-filter:blur(7px)}
.cm-r76-stage-hud span{font-size:.66rem;letter-spacing:.16em;color:rgba(211,225,230,.6)}.cm-r76-stage-hud strong{font-size:.72rem;letter-spacing:.1em;color:#e2eaec}
.cm-r76-analysis{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;padding:.85rem .1rem .1rem}.cm-r76-analysis-tabs{display:flex;gap:.4rem;flex-wrap:wrap}
.cm-r76-analysis-readout{display:grid;grid-template-columns:auto 1fr;gap:.25rem .65rem;align-items:baseline;min-width:0}.cm-r76-analysis-readout span{font-size:.64rem;letter-spacing:.18em;color:rgba(120,184,205,.82)}.cm-r76-analysis-readout strong{font-size:.78rem;font-weight:500;letter-spacing:.055em;color:#dce6e8;overflow-wrap:anywhere}.cm-r76-analysis-readout small{grid-column:1/-1;color:rgba(201,215,219,.52);font-size:.68rem}
.cm-r73-instrument-deck [data-mode][aria-pressed="true"]{border-color:rgba(126,188,208,.64);color:#edf8fb;box-shadow:inset 0 0 24px rgba(71,137,160,.14)}
@media(max-width:860px){.cm-r76-toolbar{grid-template-columns:1fr 1fr}.cm-r76-time-actions{grid-column:1/-1}.cm-r76-analysis{grid-template-columns:1fr}.cm-r76-stage-hud{position:relative;left:auto;right:auto;bottom:auto;background:rgba(3,7,9,.96)}}
@media(max-width:540px){.cm-r76-toolbar{grid-template-columns:1fr}.cm-r76-time-actions{grid-column:auto}.cm-r76-time-actions button{flex:1 1 42%}.cm-r76-analysis-tabs button{flex:1 1 auto}.cm-r76-stage canvas{aspect-ratio:1/1}.cm-r76-analysis-readout{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cm-r76-observatory *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
