.cm-r74-physics-panel{margin-top:1.2rem;padding:1rem;border:1px solid rgba(220,220,220,.18);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(0,0,0,.28));backdrop-filter:blur(10px);font-family:inherit;color:#d9d9d9}
.cm-r74-row{display:flex;gap:.5rem;margin-bottom:.8rem}
.cm-r74-row button{background:#101114;color:#d8d8d8;border:1px solid rgba(210,210,210,.3);padding:.5rem 1rem;letter-spacing:.08em;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.cm-r74-row button[aria-pressed="true"],.cm-r74-row button.is-active-frame{border-color:rgba(222,190,112,.62);background:linear-gradient(180deg,rgba(72,56,24,.42),rgba(5,12,14,.92));color:#efcf83;box-shadow:inset 0 0 0 1px rgba(255,235,177,.04),0 0 18px rgba(216,177,83,.07)}
.cm-r74-readout{display:flex;gap:1rem;flex-wrap:wrap;font-size:.78rem;opacity:.85}

/* Experience R5: the visitor-facing SKY label is intentionally longer. */
.cm-r74-row{flex-wrap:wrap}
@media(max-width:540px){.cm-r74-row button{flex:1 1 auto;padding:.5rem .7rem;font-size:.68rem}}

/* Experience R6: mode-contextual reference controls. */
.cm-r74-row button[hidden]{display:none!important}
.cm-r74-row button:disabled{cursor:default;opacity:.82}
.cm-r74-row button:disabled[aria-pressed="true"]{border-color:rgba(222,190,112,.36);background:rgba(15,17,18,.78);color:#d7c79f;box-shadow:none}