.kazu-rhythm{--rhythm-blue:#36b9ff;--rhythm-violet:#a76bff;position:fixed;z-index:500;inset:0;display:grid;place-items:center;background:#01030bf5;color:#f4f7ff;font-family:"Noto Sans JP",system-ui,sans-serif;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}
.kazu-rhythm[hidden]{display:none}
.kazu-rhythm::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,#153f8555,transparent 38%),linear-gradient(135deg,transparent 0 48%,#2869c316 49% 50%,transparent 51%);background-size:auto,26px 26px;animation:kazu-grid 12s linear infinite;pointer-events:none}
@keyframes kazu-grid{to{background-position:0 0,104px 104px}}
.kazu-rhythm-shell{position:relative;width:min(100vw,520px);height:100dvh;max-height:960px;overflow:hidden;background:linear-gradient(#050b1d,#02030a 60%,#080316);border-inline:1px solid #2479c966;box-shadow:0 0 60px #145ec055}
.kazu-rhythm-head{position:absolute;z-index:5;top:max(8px,env(safe-area-inset-top));left:12px;right:12px;height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;pointer-events:none}
.kazu-rhythm-title small,.kazu-rhythm-score small{display:block;color:#79cfff;font:700 10px/1.1 Cinzel,serif;letter-spacing:.16em}
.kazu-rhythm-title strong{display:block;margin-top:4px;font:800 18px/1 Cinzel,serif;letter-spacing:.08em;text-shadow:0 0 12px #318cff}
.kazu-rhythm-score{text-align:right}.kazu-rhythm-score strong{display:block;font:800 22px/1 Cinzel,serif;font-variant-numeric:tabular-nums}
.kazu-rhythm-combo{text-align:center;opacity:0;transform:scale(.8);transition:.12s}.kazu-rhythm-combo.on{opacity:1;transform:scale(1)}
.kazu-rhythm-combo strong{display:block;color:#fff;font:900 30px/.8 Cinzel,serif;text-shadow:0 0 12px var(--rhythm-blue)}.kazu-rhythm-combo small{color:#8ed8ff;font-size:9px;letter-spacing:.2em}
.kazu-rhythm-close{position:absolute;z-index:12;top:max(72px,calc(env(safe-area-inset-top) + 64px));right:10px;width:34px;height:34px;border:1px solid #599bd0;background:#020713dd;color:#fff;border-radius:50%;font-size:19px;line-height:1;touch-action:manipulation}
.kazu-rhythm-stage{position:absolute;inset:0 0 106px;overflow:hidden}
.kazu-rhythm-canvas{display:block;width:100%;height:100%}
.kazu-rhythm-judge{position:absolute;z-index:4;left:0;right:0;bottom:22%;text-align:center;font:900 clamp(23px,8vw,38px)/1 Cinzel,serif;letter-spacing:.06em;opacity:0;transform:scale(1.2);pointer-events:none;text-shadow:0 0 18px currentColor}
.kazu-rhythm-judge.show{animation:kazu-judge .3s ease-out}
.kazu-rhythm-judge.perfect{color:#fff}.kazu-rhythm-judge.great{color:#64d8ff}.kazu-rhythm-judge.good{color:#d78cff}.kazu-rhythm-judge.miss{color:#ff5275}
@keyframes kazu-judge{0%{opacity:0;transform:scale(1.35)}25%{opacity:1;transform:scale(1)}75%{opacity:1}100%{opacity:0;transform:scale(.92)}}
.kazu-rhythm-keys{position:absolute;z-index:8;left:6px;right:6px;bottom:max(8px,env(safe-area-inset-bottom));height:94px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.kazu-rhythm-key{position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--lane) 72%,white);border-radius:18px 18px 9px 9px;background:linear-gradient(#071227dd,#030612ee);color:#fff;box-shadow:inset 0 0 17px color-mix(in srgb,var(--lane) 25%,transparent),0 0 7px color-mix(in srgb,var(--lane) 35%,transparent);touch-action:none;-webkit-tap-highlight-color:transparent}
.kazu-rhythm-key::before{content:"";position:absolute;left:50%;top:14px;width:35px;height:35px;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff,var(--lane) 35%,#050817 72%);box-shadow:0 0 15px var(--lane)}
.kazu-rhythm-key span{position:absolute;left:0;right:0;bottom:7px;color:#b9c6dc;font:700 9px/1 Cinzel,serif;letter-spacing:.1em}
.kazu-rhythm-key.hit{transform:translateY(3px);filter:brightness(1.75);box-shadow:inset 0 0 26px var(--lane),0 0 17px var(--lane)}
.kazu-rhythm-cover{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 34%,#10275ecc,transparent 48%),#01030bec;text-align:center}
.kazu-rhythm-cover[hidden]{display:none}
.kazu-rhythm-card{width:min(100%,390px);padding:28px 18px 24px;border:1px solid #347bc8;background:#030816e8;box-shadow:inset 0 0 34px #11499155,0 0 36px #101e68;clip-path:polygon(4% 0,100% 0,100% 92%,96% 100%,0 100%,0 8%)}
.kazu-rhythm-card small{color:#6acaff;font:700 11px/1.3 Cinzel,serif;letter-spacing:.2em}.kazu-rhythm-card h2{margin:8px 0 5px;font:900 clamp(28px,9vw,42px)/1 Cinzel,serif;letter-spacing:.08em;text-shadow:0 0 17px #287fff}.kazu-rhythm-card h2 em{display:block;margin-top:8px;color:#bca2ff;font:700 13px/1.3 "Noto Sans JP",sans-serif;font-style:normal;letter-spacing:.12em}.kazu-rhythm-card p{margin:18px 0;color:#bac8de;font-size:13px;line-height:1.8}.kazu-rhythm-card button{width:100%;min-height:50px;margin-top:8px;border:1px solid #52b9ff;background:linear-gradient(90deg,#062858,#16105b);color:#fff;font-weight:800;letter-spacing:.12em;box-shadow:0 0 15px #247dca66}.kazu-rhythm-card button.secondary{border-color:#516078;background:#060a13;color:#aeb9c9}
.kazu-rhythm-loading{display:block;margin:18px auto;width:52px;height:52px;border:3px solid #193e6c;border-top-color:#69d6ff;border-radius:50%;animation:kazu-spin .8s linear infinite}@keyframes kazu-spin{to{rotate:360deg}}
.kazu-rhythm-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;text-align:left}.kazu-rhythm-results div{padding:9px;border:1px solid #293c5c;background:#020611}.kazu-rhythm-results small{font-size:9px}.kazu-rhythm-results strong{display:block;margin-top:4px;font:800 20px/1 Cinzel,serif}
@media(min-width:521px){.kazu-rhythm-shell{height:min(100dvh,920px);border:1px solid #2479c9}.kazu-rhythm-keys{bottom:12px}}
@media(max-height:650px){.kazu-rhythm-head{height:48px}.kazu-rhythm-title strong{font-size:15px}.kazu-rhythm-stage{bottom:84px}.kazu-rhythm-keys{height:76px}.kazu-rhythm-key::before{top:8px;width:28px;height:28px}.kazu-rhythm-key span{bottom:5px}}
@media(prefers-reduced-motion:reduce){.kazu-rhythm::before,.kazu-rhythm-loading{animation:none}}