.rhythm-picker{margin-bottom:22px}.rhythm-songs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rhythm-song{display:flex;align-items:center;gap:14px;text-align:left;padding:17px 20px;background:#fffefa;border:2px solid var(--line);border-radius:15px;transition:background .15s,border-color .15s}.rhythm-song.selected{border-color:#bc8037;background:#fff0ce;box-shadow:0 3px 0 #c2a67121}.rhythm-song b{display:block;font-size:17px}.rhythm-song small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.rhythm-disc{display:grid;place-items:center;border-radius:50%;background:var(--navy);border:6px double #f7d999;width:46px;height:46px;flex-shrink:0;font-weight:900;color:#f7d999;font-size:13px}.rhythm-options{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:15px}.rhythm-difficulties{display:flex;background:#e9e9de;border-radius:11px;padding:4px;gap:3px}.rhythm-difficulties button{background:transparent;border-radius:8px;padding:10px 21px;min-height:44px;font-size:14px;font-weight:800}.rhythm-difficulties button.selected{background:#fffefa;box-shadow:0 2px 5px #172e4312;color:#b45d36}.rhythm-theme{display:flex;align-items:center;gap:9px;font-size:13px}.rhythm-theme select{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fffefa;font-size:14px;color:var(--navy);max-width:220px;min-height:44px}.rhythm-game{padding:21px;overflow:hidden}.rhythm-hud{display:flex;align-items:center;gap:30px;margin-bottom:15px}.rhythm-hud>div{display:flex;flex-direction:column;gap:5px;min-width:85px}.rhythm-hud small{font-size:12px;color:var(--muted)}.rhythm-hud b{font-size:25px;font-variant-numeric:tabular-nums;line-height:1.1}.rhythm-hud .rhythm-song-info{margin-left:auto;text-align:right}.rhythm-hud .rhythm-song-info b{font-size:16px}.rhythm-hud .secondary{font-size:13px;padding:10px 14px;white-space:nowrap}.rhythm-progress{margin-bottom:14px;height:6px}.rhythm-progress i{background:#c69242;transition:width .1s linear}.rhythm-stage{position:relative;overflow:hidden;border-radius:14px;background:#f2e5c8}.rhythm-stage canvas{display:block;width:100%;height:auto}.rhythm-curtain{position:absolute;inset:0;display:grid;place-items:center;background:#f2e5c8d6;backdrop-filter:blur(3px)}.rhythm-start-box{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;padding:20px}.rhythm-start-box p{margin:0;font-size:18px;font-weight:800;line-height:1.7}.rhythm-start-box .primary{font-size:18px;padding:15px 32px;background:#be593b;box-shadow:0 4px 0 #9b4633}.rhythm-start-box small{font-size:13px;color:#6d6b5b}.rhythm-pads{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:19px}.rhythm-pad{display:flex;justify-content:center;align-items:center;gap:17px;min-height:92px;border-radius:16px;border:2px solid transparent;touch-action:manipulation;user-select:none;box-shadow:0 5px 0 #172e4320;transition:transform .08s,filter .08s}.men-pad{background:#e4674b;color:#fffaf0;border-color:#c85239}.do-pad{background:#5395a7;color:#fffaf0;border-color:#437f90}.rhythm-pad>span{font-size:34px;display:grid;place-items:center;border:2px solid #fff9;width:59px;height:59px;border-radius:50%;font-weight:900}.do-pad>span{border-radius:12px}.rhythm-pad b{font-size:25px}.rhythm-pad small{font-size:12px;opacity:.88}.rhythm-pad.hit,.rhythm-pad:active{transform:translateY(4px);filter:brightness(1.12);box-shadow:0 1px 0 #172e4320}.rhythm-feedback{display:flex;justify-content:space-between;gap:12px;margin-top:20px;line-height:1.7;font-size:13px;color:#67706c}.rhythm-feedback b{color:#af6639}.rhythm-notes{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:18px;font-size:14px;line-height:1.9}.rhythm-notes p{margin:0}.rhythm-notes .text-link{white-space:nowrap;font-size:13px}.rhythm-result{margin:24px auto 0;max-width:850px;padding:27px}.rhythm-result-score{font-size:46px;font-weight:900;color:var(--navy);font-variant-numeric:tabular-nums}.rhythm-result-score small{display:block;font-size:12px;letter-spacing:.1em;color:#916d33}.rhythm-result-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:22px 0;font-size:14px}.rhythm-result-stats b{font-size:22px;display:block;margin-top:6px}.game-card[data-go="rhythm"] .card-tag{background:#b56832;color:#fffaf0}.game-card[data-go="rhythm"]{border-color:#d2b478}
@media(max-width:950px){.rhythm-song{padding:14px 12px;gap:10px}.rhythm-song b{font-size:15px}.rhythm-disc{width:38px;height:38px}.rhythm-pad small{display:none}.rhythm-hud{gap:20px}}
@media(max-width:760px){.rhythm-song small{font-size:11px}.rhythm-disc{display:none}.rhythm-options{flex-wrap:wrap;gap:12px}.rhythm-songs{gap:7px}.rhythm-song{padding:12px 10px;min-height:82px}.rhythm-song b{font-size:14px;line-height:1.65}.rhythm-difficulties{width:100%}.rhythm-difficulties button{flex:1;padding:9px 12px}.rhythm-theme{margin-left:auto}.rhythm-game{padding:13px}.rhythm-hud{gap:17px;flex-wrap:wrap}.rhythm-hud>div{min-width:65px}.rhythm-hud .rhythm-song-info{flex:1;min-width:140px}.rhythm-hud .rhythm-song-info b{font-size:14px}.rhythm-hud>button{margin-left:auto;min-height:40px;padding:8px 11px}.rhythm-hud b{font-size:24px}.rhythm-pads{gap:12px;margin-top:13px}.rhythm-pad{gap:10px;min-height:88px}.rhythm-pad>span{font-size:27px;width:48px;height:48px}.rhythm-pad b{font-size:21px}.rhythm-feedback{flex-direction:column;gap:6px;font-size:13px}.rhythm-start-box{gap:10px;padding:12px}.rhythm-start-box p{font-size:14px;max-width:280px}.rhythm-start-box .primary{font-size:16px;padding:11px 21px;min-height:44px}.rhythm-start-box .text-link,.rhythm-start-box small{font-size:12px}.rhythm-notes{flex-direction:column;align-items:flex-start;gap:12px}.rhythm-result-score{font-size:37px}.rhythm-result-stats{gap:15px;font-size:13px}}