/* One readable stage across every round. Colour moves; the words stay steady. */
.rf-performance{--stage-ink:#eff6dc;--stage-accent:#d8f57a;--stage-glow:#6d833b;--stage-base:#11160f;isolation:isolate}
.rf-performance[data-stage-style=boombap]{--stage-ink:#fff0d5;--stage-accent:#efc07d;--stage-glow:#95633d;--stage-base:#17120f}
.rf-performance[data-stage-style=trap]{--stage-ink:#f5eaff;--stage-accent:#d2a7ff;--stage-glow:#764d9f;--stage-base:#15101e}
.rf-performance[data-stage-style=drill]{--stage-ink:#e0f4ff;--stage-accent:#88c8ed;--stage-glow:#3d7293;--stage-base:#0c141c}
.rf-performance[data-stage-style=lofi]{--stage-ink:#eeefe0;--stage-accent:#b6d6be;--stage-glow:#557b70;--stage-base:#101b18}
html body .rf-performance.rf-performance{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--stage-glow) 27%,transparent),transparent 70%),var(--stage-base)!important;position:relative}
.rf-stage-light{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.12;background:radial-gradient(ellipse at 18% 90%,var(--stage-glow),transparent 60%);will-change:opacity,transform;contain:strict}
[data-stage-style=boombap]>.rf-stage-light{background:repeating-linear-gradient(0deg,transparent 0 5px,#efc07d09 5px 6px),radial-gradient(ellipse at 15% 90%,#be824a,transparent 65%)}
[data-stage-style=trap]>.rf-stage-light{background:linear-gradient(125deg,transparent 20%,#ac6ce16b 48%,transparent 70%)}
[data-stage-style=drill]>.rf-stage-light{background:repeating-linear-gradient(125deg,transparent 0 90px,#65b4e829 91px 93px,transparent 95px 180px)}
[data-stage-style=lofi]>.rf-stage-light{background:radial-gradient(ellipse at 80% 75%,#79b29e,transparent 65%)}
html body :is(#prompt#prompt#prompt,#ldCue#ldCue#ldCue,#battleCue#battleCue#battleCue,#friendCue#friendCue#friendCue,#cue#cue#cue){display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;margin:0!important;padding:0 4px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;font-family:'RAPF Action',Impact,'Arial Narrow',system-ui,sans-serif!important;font-weight:900!important;line-height:1.06!important;letter-spacing:.005em!important;text-align:center!important;color:var(--stage-ink,#fff0d5)!important;text-shadow:0 3px 16px #0006!important;overflow-wrap:normal!important;word-break:normal!important;text-transform:uppercase!important;animation:none!important}
html body :is(#prompt#prompt#prompt,#ldCue#ldCue#ldCue)>:is(span,strong),html body #conceptSecond#conceptSecond#conceptSecond{display:block!important;flex:none!important;width:auto!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font:inherit!important;font-size:inherit!important;line-height:1.06!important;letter-spacing:inherit!important;color:inherit!important;text-shadow:inherit!important;overflow-wrap:normal!important;word-break:normal!important}
html body #conceptSecond#conceptSecond#conceptSecond.hidden{display:none!important}
html body #session .prompt-zone{animation:none!important}
html body #localDuel .ld-stage{display:flex!important;position:relative;flex-direction:column!important;gap:12px!important;padding:18px!important;min-height:0!important;border-radius:20px;overflow:hidden}
body.rf-local-recording #localDuel .ld-shell>header,body.rf-local-recording #ldTitle,body.rf-local-recording #ldStatus{display:none!important}
html body.rf-local-recording #localDuel .ld-stage{height:calc(100dvh - 48px)!important;max-height:900px}
html body #localDuel #ldClock{font-size:clamp(36px,7vh,66px)!important;line-height:1!important;margin:0!important;flex:none;color:var(--stage-accent)}
html body #localDuel #ldCue{flex:1 1 0!important}
html body #localDuel #ldCueNext{margin:0!important;font-size:12px!important;flex:none}
html body #localDuel #ldAbort{flex:none;min-height:44px!important;padding:10px 16px!important;margin:0!important}
html body .friends-stage #friendCue{flex:1 1 auto!important}
html body .friends-stage .f-stage{height:calc(var(--friend-height,100dvh) - 64px);flex:none;overflow:hidden}
html body #battle .battle-livebar{overflow:hidden;padding:16px!important;border-radius:16px}
html body #battle .battle-livebar>div:has(#battleCue){flex:1;min-width:0}
html body #battleCue#battleCue#battleCue{min-height:64px!important}
.rf-stage-profile{border:1px solid #bca48155;border-radius:18px;padding:18px;margin:20px 0;background:#19151e;color:#f4eddf}
.rf-stage-profile h3{font:850 16px system-ui;margin:0 0 8px}.rf-stage-profile p{font:13px/1.5 system-ui;color:#c9bdce}
.rf-stage-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rf-stage-options button{min-height:64px;border-radius:12px;padding:12px 6px;border:1px solid #80728b;background:#24202c;color:#f6eddc;font:750 12px system-ui}
.rf-stage-options button[aria-pressed=true]{border-color:#e9c592;box-shadow:inset 0 0 0 1px #e9c592;background:#3b3028}.rf-stage-options button:disabled{opacity:.45;cursor:not-allowed}
.rf-stage-options button:focus-visible{outline:3px solid #a9dcff;outline-offset:3px}.rf-stage-profile [role=status]{min-height:20px;margin-bottom:0}
@media(max-height:550px){html body #localDuel .ld-stage{gap:6px!important;padding:10px 16px!important}html body.rf-local-recording #localDuel .ld-stage{height:calc(100dvh - 24px)!important}html body #localDuel #ldClock{font-size:30px!important}html body #localDuel .ld-live-label{font-size:11px!important}html body .friends-stage .f-stage{height:calc(var(--friend-height,100dvh) - 48px)}}
@media(prefers-reduced-motion:reduce){.rf-stage-light{display:none!important}html body :is(#prompt,#ldCue,#battleCue,#friendCue){animation:none!important;transition:none!important}}
@media(max-height:550px) and (min-width:550px){
 html body.rf-concentration #session.active{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto auto!important;gap:8px 24px!important;padding:12px 20px!important;overflow:hidden!important}
 html body.rf-concentration #session .prompt-zone{grid-column:2!important;grid-row:1/6!important;height:100%!important;gap:10px!important;padding:0!important}
 html body.rf-concentration #session .session-top{grid-column:1;grid-row:1;gap:8px!important}
 html body.rf-concentration #session #roundMode{font-size:9px!important}
 html body.rf-concentration #session .live-tools{grid-column:1;grid-row:2;font-size:10px!important}
 html body.rf-concentration #session .rf-cue-clock{grid-column:1;grid-row:3}
 html body.rf-concentration #session .session-actions{grid-column:1;grid-row:4}
 html body.rf-concentration #session .rf-focus-sound{grid-column:1;grid-row:5;gap:6px!important;padding-top:5px!important}
 html body.rf-concentration #session .rf-focus-sound label{width:70px!important}
 html body.rf-concentration #session .rf-focus-sound strong{font-size:10px!important}
}