.rhythm-wrap{max-width:720px;margin:auto;aspect-ratio:1;background:#08071a}.rhythm-wrap canvas{object-fit:contain}.rhythm-hud{position:absolute;inset:14px 14px auto;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.rhythm-hud span{padding:6px 10px;border:1px solid rgba(157,124,255,.45);border-radius:8px;background:rgba(8,7,26,.82);font-weight:900}.rhythm-health{position:absolute;left:16px;right:16px;top:57px;height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.13)}.rhythm-health i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#ed6a7a,#f0b95b,#67d79d)}.rhythm-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:720px;margin:12px auto}.rhythm-controls button{min-height:66px;border:1px solid #55447b;border-radius:11px;color:#f4f1ff;background:linear-gradient(145deg,#292042,#17152c);font-size:1.25rem;font-weight:900;touch-action:manipulation}.rhythm-controls button.active{color:#171226;background:#c8a6ff;transform:translateY(2px)}.rhythm-wrap:fullscreen{width:100vw;height:100vh;max-width:none}.rhythm-wrap:fullscreen canvas{width:100%;height:100%}@media(max-width:720px){.rhythm-wrap{aspect-ratio:3/4}.rhythm-controls button{min-height:58px}.rhythm-hud{font-size:.74rem}}