/* R19 — Formal Edge procedural theatre. Additive only: no existing instrument logic is replaced. */
.rayo-room{isolation:isolate}
.rayo-theatre-field{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.9;mix-blend-mode:screen}
.rayo-room::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at var(--rayo-px,50%) var(--rayo-py,32%),rgba(121,208,230,.09),transparent 24rem),radial-gradient(circle at calc(100% - var(--rayo-px,50%)) calc(100% - var(--rayo-py,32%)),rgba(199,167,95,.055),transparent 28rem);transition:background .25s linear}
.rayo-room .rayo-hero,.rayo-room .rayo-section{position:relative}
.rayo-room .rayo-hero::before,.rayo-room .rayo-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background:linear-gradient(90deg,transparent 0 49.88%,rgba(121,208,230,.085) 50%,transparent 50.12%),linear-gradient(0deg,transparent 0 49.88%,rgba(199,167,95,.055) 50%,transparent 50.12%);background-size:96px 96px;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.rayo-room .rayo-apparatus{transform-style:preserve-3d;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}
.rayo-room .rayo-apparatus:hover{border-color:rgba(121,208,230,.28);box-shadow:0 36px 110px rgba(0,0,0,.48),0 0 44px rgba(121,208,230,.035)}
.rayo-room .rayo-apparatus::after{content:"";position:absolute;inset:-35% -20%;pointer-events:none;background:linear-gradient(108deg,transparent 38%,rgba(121,208,230,.035) 49.4%,rgba(255,255,255,.055) 50%,rgba(199,167,95,.03) 50.6%,transparent 62%);transform:translateX(-58%) rotate(4deg);animation:rayoScan 13s cubic-bezier(.56,.04,.3,.98) infinite}
@keyframes rayoScan{0%,25%{transform:translateX(-64%) rotate(4deg)}70%,100%{transform:translateX(64%) rotate(4deg)}}
.rayo-room .rayo-choice,.rayo-room .rayo-action,.rayo-room .rayo-cabinet-card{position:relative;overflow:hidden}
.rayo-room .rayo-choice::after,.rayo-room .rayo-action::after{content:"";position:absolute;width:7px;height:7px;border:1px solid rgba(121,208,230,.72);border-radius:50%;left:var(--burst-x,50%);top:var(--burst-y,50%);opacity:0;transform:translate(-50%,-50%) scale(.2);pointer-events:none}
.rayo-room .rayo-choice.rayo-burst::after,.rayo-room .rayo-action.rayo-burst::after{animation:rayoBurst .65s ease-out}
@keyframes rayoBurst{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(12)}}
.rayo-room .rayo-cabinet-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;background-image:linear-gradient(135deg,rgba(121,208,230,.018),transparent 38%,rgba(199,167,95,.018))}
.rayo-room .rayo-cabinet-card:hover{transform:translateY(-5px) perspective(800px) rotateX(.8deg);border-color:rgba(121,208,230,.36);box-shadow:0 26px 70px rgba(0,0,0,.32),inset 0 0 44px rgba(121,208,230,.025)}
.rayo-room .rayo-equation{position:relative;text-shadow:0 0 18px rgba(121,208,230,.12)}
.rayo-room .rayo-equation::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(121,208,230,.75),rgba(199,167,95,.65),transparent);transform:scaleX(.12);transform-origin:left;animation:rayoEquation 7s ease-in-out infinite}
@keyframes rayoEquation{0%,100%{transform:scaleX(.12);opacity:.3}50%{transform:scaleX(1);opacity:.85}}
.rayo-theatre-glyph{position:fixed;z-index:2;pointer-events:none;font:400 16px/1 Georgia,serif;color:rgba(191,235,242,.52);text-shadow:0 0 14px rgba(121,208,230,.25);animation:rayoGlyph .9s ease-out forwards}
@keyframes rayoGlyph{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}24%{opacity:.8}100%{opacity:0;transform:translate(-50%,-105px) scale(1.12) rotate(12deg)}}
.rayo-room[data-rayo-active="diagonal"] .rayo-theatre-field{filter:hue-rotate(3deg) saturate(1.08)}
.rayo-room[data-rayo-active="godel"] .rayo-theatre-field{filter:contrast(1.08)}
@media(max-width:720px){.rayo-theatre-field{opacity:.66}.rayo-room .rayo-hero::before,.rayo-room .rayo-section::before{background-size:72px 72px}.rayo-room .rayo-apparatus:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.rayo-theatre-field{display:none!important}.rayo-room::before{display:none}.rayo-room .rayo-apparatus::after,.rayo-room .rayo-equation::after,.rayo-theatre-glyph{animation:none!important;display:none!important}.rayo-room .rayo-cabinet-card,.rayo-room .rayo-apparatus{transition:none!important;transform:none!important}}