#qteDialog { max-width:820px; background:radial-gradient(ellipse at 50% 50%,#183636,#081211 80%); padding:24px 30px; }
#qteDialog .qte-emblem,#qteDialog .qte-legend { display:none; }
#qteDialog h2 { font-size:32px; margin:8px 0; }
#qteDialog .power-options { margin:10px 0; gap:35px; }
#qteDialog .power-options span { display:flex; align-items:center; gap:8px; }
#qteDialog .power-options b { font-size:23px; }
.rhythm-stage { position:relative; height:310px; margin:16px 0; border:1px solid #adbd8735; border-radius:12px; overflow:hidden; touch-action:none; background:radial-gradient(circle,#bce4cf12 1px,transparent 1.5px) 0 0/22px 22px,#091918; }
.rhythm-path { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.rhythm-path path { stroke:#d6c59538; stroke-width:.5; stroke-dasharray:1 2; fill:none; }
.rhythm-idle { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; flex-direction:column; font:26px Georgia,serif; letter-spacing:5px; color:#e2ce99; background:#0b191bcf; }
.rhythm-idle small { font:12px 'Trebuchet MS',sans-serif; letter-spacing:1px; margin-top:14px; color:#adbfba; }
.rhythm-target { position:absolute; width:66px; height:66px; margin:-33px; padding:0; display:grid; place-items:center; background:radial-gradient(circle,#295a56,#102927); border:3px solid #e8d6a3; border-radius:50%; color:#fff1cf; font:28px Georgia,serif; box-shadow:0 0 0 5px #0d1e1c,0 0 24px #b8d5c133; z-index:2; }
.approach-ring { position:absolute; inset:-3px; border:2px solid #aee6df; border-radius:50%; transform:scale(2.7); pointer-events:none; box-shadow:0 0 12px #7ccdc733; }
.rhythm-target.on-beat { background:#437e71; box-shadow:0 0 26px #a1edc980; }
.rhythm-target.hit-circle,.rhythm-target.miss-circle { pointer-events:none; animation:rhythm-hit .65s forwards; opacity:1; }
.rhythm-target.hit-circle { background:#90cdb6; color:#071b13; font:bold 22px 'Trebuchet MS',sans-serif; box-shadow:0 0 40px #acf1c6; }
.rhythm-target.miss-circle { border-color:#c57971; color:#ffb4aa; background:#48282a; font:16px 'Trebuchet MS',sans-serif; }
@keyframes rhythm-hit { to { opacity:0; transform:scale(1.6); filter:blur(2px); } }
@media(max-width:580px) { #qteDialog { padding:18px 14px; }#qteDialog h2 { font-size:26px; }.rhythm-stage { height:260px; }.rhythm-target { width:54px; height:54px; margin:-27px; font-size:24px; } }
@media(prefers-reduced-motion:reduce) { .rhythm-target.hit-circle,.rhythm-target.miss-circle { animation:none; opacity:.25; } }