#rf-stage{container:rf-stage/inline-size}.rf-app{flex-direction:column;gap:16px;display:flex;position:relative}.rf-toolbar{justify-content:flex-end;align-items:center;gap:8px;display:flex}#rf-error[hidden],#rf-select-note[hidden]{display:none}.rf-songs{grid-template-columns:1fr;gap:16px;display:grid}@container rf-stage (width>=720px){.rf-songs{grid-template-columns:1fr 1fr}}.rf-song{border:1px solid var(--ct-border);border-radius:var(--ct-exp-radius-md,16px);background-color:var(--ct-bg);box-shadow:var(--ct-shadow-sm);gap:16px;padding:16px;display:flex}.rf-song__cover{width:88px;height:88px;font-size:var(--ct-text-3xl);color:var(--ct-bg);background:linear-gradient(135deg, var(--ct-rubik-blue), var(--ct-rubik-purple));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex;overflow:hidden}.rf-song__cover img{object-fit:cover;width:100%;height:100%}.rf-song__body{flex-direction:column;gap:8px;min-width:0;display:flex}.rf-song__title{font-size:var(--ct-text-lg);color:var(--ct-text-main);font-weight:700}.rf-song__sub{font-size:var(--ct-text-sm);color:var(--ct-text-muted)}.rf-song__record{font-size:var(--ct-text-sm);color:var(--ct-accent);font-weight:600}.rf-song__plays{flex-wrap:wrap;gap:8px;display:flex}.rf-song__offline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rf-hud,.rf-playfield,.rf-controls{width:100%;max-width:480px;margin-inline:auto}.rf-hud{justify-content:space-between;align-items:center;gap:16px;display:flex}.rf-song-title{text-align:center;width:100%;max-width:480px;font-size:var(--ct-text-sm);color:var(--ct-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-inline:auto;font-weight:700;overflow:hidden}.rf-hud__left{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.rf-energy{background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:9999px;max-width:280px;height:10px;overflow:hidden}.rf-energy__bar{background-color:var(--ct-game-energy,var(--ct-success));border-radius:9999px;width:100%;height:100%;transition:width .15s}.rf-energy--low .rf-energy__bar{background-color:var(--ct-error)}.rf-hud__stats{gap:24px;display:flex}.rf-hud__stat{flex-direction:column;align-items:flex-end;display:flex}.rf-hud__label{font-size:var(--ct-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ct-text-muted);font-weight:700}.rf-hud__value{font-size:var(--ct-text-base);color:var(--ct-text-main);font-variant-numeric:tabular-nums;font-weight:700}.rf-playfield{border:1px solid var(--ct-border);border-radius:var(--ct-exp-radius-md,16px);background-color:var(--ct-bg-soft);touch-action:none;user-select:none;height:650px;position:relative;overflow:hidden}@container rf-stage (width>=720px){.rf-playfield{height:700px}}#rf-stage.ct-stage--max .rf-app{height:100%}#rf-stage.ct-stage--max #rf-player{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}#rf-stage.ct-stage--max .rf-playfield{flex:1;height:auto;min-height:0}#rf-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.rf-combo{top:14%;text-align:center;font-size:var(--ct-text-2xl);color:var(--ct-accent);opacity:0;pointer-events:none;font-weight:900;transition:opacity .15s;position:absolute;inset-inline:0}.rf-combo.is-visible{opacity:1}.rf-judgement{top:32%;text-align:center;font-size:var(--ct-text-xl);pointer-events:none;font-weight:900;position:absolute;inset-inline:0}.rf-judgement--perfect{color:var(--ct-game-reward)}.rf-judgement--great{color:var(--ct-success)}.rf-judgement--good{color:var(--ct-info,var(--ct-accent))}.rf-judgement--miss{color:var(--ct-error)}.rf-judgement.is-pop{animation:.5s ease-out rf-pop}@keyframes rf-pop{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1)}}.rf-countdown{color:var(--ct-accent);pointer-events:none;text-shadow:0 4px 24px #00000040;justify-content:center;align-items:center;font-size:96px;font-weight:900;display:flex;position:absolute;inset:0}.rf-countdown[hidden]{display:none}.rf-miss-glow{animation:.36s ease-out rf-miss-glow}@keyframes rf-miss-glow{0%{box-shadow:inset 0 0 0 3px var(--ct-error), inset 0 0 42px color-mix(in srgb, var(--ct-error) 55%, transparent)}to{box-shadow:inset 0 0 #0000,inset 0 0 #0000}}@media (prefers-reduced-motion:reduce){.rf-miss-glow{box-shadow:inset 0 0 0 3px var(--ct-error);animation:none}.rf-judgement.is-pop{opacity:1;animation:none}}.rf-controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.rf-result-actions{flex-direction:column;gap:16px;width:100%;display:flex}.rf-result-stats{text-align:left;grid-template-columns:1fr 1fr;gap:8px;display:grid}.rf-result-stat{background-color:var(--ct-bg-soft);font-size:var(--ct-text-sm);border-radius:8px;justify-content:space-between;gap:8px;padding:8px 12px;display:flex}.rf-result-stat__label{color:var(--ct-text-muted);font-weight:600}.rf-result-stat__value{color:var(--ct-text-main);font-variant-numeric:tabular-nums;font-weight:700}.rf-result-stat--perfect .rf-result-stat__value{color:var(--ct-game-reward)}.rf-result-stat--great .rf-result-stat__value{color:var(--ct-success)}.rf-result-stat--good .rf-result-stat__value{color:var(--ct-info,var(--ct-accent))}.rf-result-stat--miss .rf-result-stat__value{color:var(--ct-error)}.rf-result-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#rf-result .game-result-modal:before{display:none}.rf-settings-modal{max-width:480px}.rf-settings-body{flex-direction:column;gap:24px;display:flex}.rf-setting{flex-direction:column;gap:8px;display:flex}.rf-setting__label{color:var(--ct-text-main);font-weight:700;font-size:var(--ct-text-sm)}.rf-setting__hint{font-size:var(--ct-text-xs);color:var(--ct-text-muted)}.rf-setting__row{align-items:center;gap:12px;display:flex}.rf-setting__range{accent-color:var(--ct-accent);flex:1}.rf-setting__val{text-align:right;min-width:64px;font-weight:700;font-size:var(--ct-text-sm);color:var(--ct-accent);font-variant-numeric:tabular-nums}.rf-setting__modes{flex-wrap:wrap;gap:8px;display:flex}.rf-mode-btn{width:auto;font-size:var(--ct-text-sm);padding-inline:16px;font-weight:600;line-height:1.3}.rf-setting__check{font-size:var(--ct-text-sm);color:var(--ct-text-main);cursor:pointer;align-items:center;gap:8px;display:flex}.rf-setting__check input{accent-color:var(--ct-accent);width:18px;height:18px}@container rf-stage (width<=560px){.rf-hud{flex-direction:column;align-items:stretch}.rf-hud__stats{justify-content:space-between}.rf-hud__stat{align-items:flex-start}.rf-playfield{height:550px}.rf-song{flex-direction:column}.rf-song__cover{width:64px;height:64px}.rf-result-stats{grid-template-columns:1fr}}