/* The page has no painted panel; the active site background remains visible. */
.rxa-page,.rxa-page *{box-sizing:border-box}
.rxa-page{--rxa-text:var(--color-text,#f1f5f9);--rxa-muted:var(--color-text-muted,#bac8d8);--rxa-accent:var(--color-accent,#58baff);--rxa-border:var(--color-border,#35465a);font-family:var(--font-main,inherit);color:var(--rxa-text);background:transparent;isolation:isolate;position:relative;width:calc(100% - 32px);max-width:1100px;margin:28px auto 32px;padding:var(--rxa-top,64px) 12px 24px}
.rxa-gallery{outline:none}.rxa-stage{position:relative;height:640px;overflow:hidden;perspective:1000px;touch-action:pan-y}
.rxa-cards{position:absolute;width:900px;height:550px;left:50%;top:68px;transform:translateX(-50%);perspective:1000px;transform-style:preserve-3d}
.rxa-card{position:absolute;width:240px;height:480px;left:330px;top:36px;padding:8px 8px 18px;border:1px solid var(--rxa-border);border-radius:var(--rx-card-radius,22px);background:var(--rxa-card-bg,var(--color-surface,#172330));backdrop-filter:var(--rxa-blur,none);-webkit-backdrop-filter:var(--rxa-blur,none);box-shadow:var(--rx-card-shadow,0 12px 24px #0003);transition:transform .7s ease,opacity .5s;transform-origin:center;cursor:pointer;text-align:center;overflow:visible}
.rxa-page .rxa-card h2{position:absolute;top:-32px;width:100%;left:0;font:inherit;font-size:15px;font-weight:600;line-height:1.3;margin:0;color:var(--rxa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}
.rxa-media{width:100%;aspect-ratio:9/16;background:var(--color-surface-solid,var(--color-surface,#172330));border-radius:max(6px,calc(var(--rx-card-radius,22px) - 8px));overflow:hidden}
.rxa-media img,.rxa-media video{width:100%;height:100%;display:block;filter:none}.rxa-media img{object-fit:cover}.rxa-media video{object-fit:contain}
.rxa-page .rxa-caption{display:block;font-size:17px;line-height:1.3;margin-top:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rxa-text)}
.rxa-page .rxa-subtitle{font-size:12px;line-height:1.3;color:var(--rxa-muted);margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rxa-card[data-offset="0"]{transform:translateZ(70px);z-index:5}.rxa-card[data-offset="-1"]{transform:translateX(-178px) translateZ(-30px) rotateY(29deg) scale(.9);z-index:4}.rxa-card[data-offset="1"]{transform:translateX(178px) translateZ(-30px) rotateY(-29deg) scale(.9);z-index:4}.rxa-card[data-offset="-2"]{transform:translateX(-290px) translateZ(-105px) rotateY(30deg) scale(.84);z-index:3}.rxa-card[data-offset="2"]{transform:translateX(290px) translateZ(-105px) rotateY(-30deg) scale(.84);z-index:3}
.rxa-card[data-offset="-1"] .rxa-media,.rxa-card[data-offset="1"] .rxa-media{filter:brightness(.85)}.rxa-card[data-offset="-2"] .rxa-media,.rxa-card[data-offset="2"] .rxa-media{filter:brightness(.65)}
.rxa-controls{position:relative;display:flex;align-items:center;gap:14px;max-width:730px;height:80px;margin:0 auto;padding:10px 27px;border:1px solid var(--rxa-border);border-radius:48px;background:var(--rxa-card-bg,var(--color-surface,#172330));backdrop-filter:var(--rxa-blur,none);-webkit-backdrop-filter:var(--rxa-blur,none);box-shadow:var(--rx-card-shadow,0 6px 20px #0002)}
.rxa-page .rxa-controls button{cursor:pointer;color:var(--rxa-text);border:0;background:none;font:inherit;font-size:21px;padding:7px;min-width:35px;border-radius:6px;line-height:1.3}
.rxa-page .rxa-controls button:hover{color:var(--rxa-accent)}.rxa-page button:disabled{opacity:.35;cursor:default}
.rxa-page button:focus-visible,.rxa-page input:focus-visible,.rxa-page .rxa-card:focus-visible{outline:2px solid var(--rxa-accent);outline-offset:4px}
.rxa-now{display:flex;gap:11px;align-items:center;flex:1;min-width:0;background:color-mix(in srgb,var(--color-bg,#101820) 38%,transparent);border-radius:8px;padding:5px 8px}.rxa-now img{width:30px;height:48px;object-fit:cover;border:1px solid var(--rxa-border)}.rxa-now div{min-width:0}.rxa-now strong{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--rxa-text)}.rxa-now small{display:block;color:var(--rxa-muted);margin-top:4px;font-size:11px}
.rxa-hint{text-align:center;font-size:12px;color:var(--rxa-muted);margin-top:22px}.rxa-status{text-align:center;font-size:13px;min-height:18px;color:var(--rxa-text)}
.rxa-page .rxa-description{max-width:680px;margin:24px auto 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:16px;color:var(--rxa-text);text-shadow:none}.rxa-description:empty{display:none}
.rxa-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.rxa-edge-off .rxa-card{border-color:transparent;box-shadow:none}.rxa-edge-glow .rxa-card[data-offset="0"]{border-color:var(--rxa-accent);box-shadow:0 0 12px color-mix(in srgb,var(--rxa-accent) 35%,transparent)}
/* Hollow neon: only the edge is painted, never the transparent center. */
@property --rxa-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes rxa-edge-spin{to{--rxa-angle:360deg}}
@supports ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
.rxa-edge-glow .rxa-card[data-offset="0"]::before{content:"";position:absolute;inset:-1px;z-index:2;padding:1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--rxa-angle),transparent 0deg,transparent 210deg,var(--rxa-accent) 260deg,#fff 282deg,var(--rxa-accent) 304deg,transparent 340deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:rxa-edge-spin 3s linear infinite}}
@media(max-width:760px){.rxa-stage{height:530px}.rxa-cards{transform:translateX(-50%) scale(.78);transform-origin:50% 0;top:70px}.rxa-controls{height:68px;gap:4px;padding:8px 15px}.rxa-page .rxa-controls button{font-size:17px}.rxa-now{gap:7px}.rxa-now img{width:24px;height:39px}}
@media(max-width:520px){.rxa-page{width:calc(100% - 16px)}.rxa-stage{height:390px}.rxa-cards{transform:translateX(-50%) scale(.51);top:75px}.rxa-controls{gap:1px;padding:8px;flex-wrap:wrap;height:auto;min-height:68px;border-radius:20px}.rxa-page .rxa-controls button{min-width:28px;padding:5px;font-size:15px}.rxa-now{flex-basis:80px}.rxa-now img{display:none}.rxa-now strong{font-size:12px}.rxa-now small{font-size:10px}}
@media(max-width:360px){.rxa-cards{transform:translateX(-50%) scale(.43)}.rxa-stage{height:350px}.rxa-controls{gap:0;padding:8px 4px}.rxa-now{padding:4px}body.rx-about-page .rx-footer-col{min-width:0;max-width:100%}}
@media(prefers-reduced-motion:reduce){.rxa-card{transition:none}.rxa-edge-glow .rxa-card[data-offset="0"]::before{animation:none}}

/* Small readable labels over any site wallpaper, without restoring a page backdrop. */
.rxa-page .rxa-card h2{background:var(--color-surface-solid,var(--color-surface,#172330));border-radius:10px;padding:3px 8px;top:-35px}.rxa-hint{width:fit-content;max-width:100%;margin:22px auto 0;padding:5px 10px;border-radius:10px;background:var(--rxa-card-bg,var(--color-surface,#172330))}

/* Direct volume waves inside the existing lower control bar. No popover. */
.rxa-audio{display:flex;align-items:center;flex-shrink:0;gap:0}.rxa-direct-waves{display:flex;align-items:center;gap:0}
.rxa-page .rxa-audio button{display:flex;align-items:center;justify-content:center;padding:3px 0;width:14px;min-width:14px;height:44px;border-radius:4px;color:var(--rxa-muted)}
.rxa-page .rxa-audio [data-action="sound"]{width:26px;min-width:26px;color:var(--rxa-accent)}
.rxa-audio svg{display:block;pointer-events:none}.rxa-volume-step svg{opacity:.3}.rxa-volume-step.rxa-filled svg{opacity:1;color:var(--rxa-accent)}.rxa-volume-step:hover svg{opacity:1;color:var(--rxa-accent)}.rxa-muted [data-action="sound"]{opacity:.55}
@media(max-width:520px){.rxa-page .rxa-audio button{width:12px;min-width:12px}.rxa-page .rxa-audio [data-action="sound"]{width:24px;min-width:24px}}