:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eef3;background:#101a25;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bafc77;outline-offset:4px}button:disabled{cursor:default;opacity:.42}header{max-width:1050px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 30px}.brand{font-weight:900;letter-spacing:-1px;font-size:22px}.brand i{color:#c2ff89;font-style:normal}header select{background:transparent;color:#aebdcb;border:1px solid #3b4b59;border-radius:8px;padding:7px}option{color:#101a25}main{max-width:1050px;margin:32px auto 0;display:grid;grid-template-columns:1fr 1.08fr;gap:72px;padding:0 30px}.eyebrow{letter-spacing:2px;text-transform:uppercase;font-size:11px;color:#c2ff89;font-weight:700}h1{font-size:clamp(42px,5.5vw,66px);line-height:1.13;letter-spacing:-3px;margin:24px 0}h1 span{color:#b0bdc8}p{color:#aebdcb;line-height:1.7;font-size:15px}.intro>p{max-width:340px}.steps{display:flex;gap:28px;margin-top:35px;font-size:13px;color:#e8eef3}.steps b{display:block;color:#637383;font-size:11px;margin-bottom:7px}.game{background:#192735;border:1px solid #344453;border-radius:24px;padding:26px;box-shadow:0 20px 60px #0002}.game-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#adbdca}.tag{color:#c2ff89;background:#2c4033;border-radius:20px;padding:6px 10px}.progress{display:flex;gap:6px;margin:22px 0}.progress span{height:4px;background:#354655;flex:1;border-radius:4px}.progress .done{background:#c2ff89}.status{text-align:center;min-height:64px;margin:14px 0 8px}.status strong{display:block;font-size:21px;letter-spacing:-.4px}.status small{display:block;color:#aebdcb;font-size:12px;margin-top:9px}.beat-track{display:flex;align-items:center;justify-content:center;gap:10px;height:42px;margin-bottom:13px}.beat{height:16px;width:7px;background:#526475;border-radius:3px;transition:height .08s}.beat.lit{background:#c2ff89;height:34px}.pad{width:100%;height:185px;border:1px solid #586b7d;background:#223646;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.pad:disabled{opacity:1}.pad.active{background:#c2ff89;color:#15221b;border-color:#c2ff89}.pad.flash{background:#e0ffbd;color:#15221b;transform:scale(.99)}.pad-label{font-size:35px;font-weight:800;letter-spacing:-1px}.pad small{font-size:11px;margin-top:10px;opacity:.7}.actions{display:flex;gap:10px;margin-top:18px}.primary,.secondary{border-radius:11px;padding:13px 18px;border:1px solid #536472;font-weight:650;font-size:14px}.primary{background:#c2ff89;color:#15221b;border-color:#c2ff89;flex:1}.secondary{background:transparent}.settings{display:flex;justify-content:center;gap:16px;margin-top:17px;color:#aebdcb;font-size:12px}.settings button{border:0;background:none;padding:5px}.settings .selected{color:#c2ff89}.notice{font-size:11px;line-height:1.6;text-align:center;min-height:18px;margin:12px 0 0}.results{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:16px 0}.result{padding:12px 0;text-align:center;border:1px solid #415463;border-radius:8px;color:#c2ff89;font-weight:700}.result small{display:block;color:#9cafbd;font-size:10px;margin-bottom:6px}.info{max-width:1050px;margin:68px auto 25px;padding:28px 30px;border-top:1px solid #30404e;display:flex;justify-content:space-between;gap:24px;color:#95a6b5;font-size:12px}.info a{color:inherit;margin-right:20px}.info p{margin:0;font-size:12px}.detail{max-width:680px;margin:35px auto;padding:0 25px 50px}.detail h1{font-size:40px}.detail h2{margin-top:30px;font-size:21px}.detail a{color:#c2ff89}.compare{font-size:12px;background:#243848;padding:10px;border-radius:8px;margin:12px 0}@media(max-width:760px){header{padding:17px 22px}.brand{font-size:20px}main{display:block;margin:9px auto;padding:0 20px;max-width:480px}.intro .eyebrow{font-size:10px}h1{font-size:33px;letter-spacing:-1.8px;margin:10px 0}.intro h1 br{display:none}.intro>p{font-size:12px;margin:0 0 20px;max-width:none}.steps{display:none}.game{padding:19px;border-radius:20px}.progress{margin:15px 0}.status{min-height:55px;margin-top:7px}.status strong{font-size:19px}.pad{height:150px}.beat-track{height:30px;margin-bottom:11px}.beat.lit{height:27px}.actions{margin-top:13px}.settings{margin-top:10px}.info{margin:30px 20px 20px;padding:20px 0;display:block}.info p{margin-top:15px}}@media(max-height:740px)and (max-width:760px){.intro>p{margin-bottom:12px}.pad{height:120px}.status{min-height:48px}.notice{margin-top:6px}.game{padding:15px}.info{margin-top:22px}}#timeline{margin-top:12px}#timeline small{font-size:10px;color:#aebdcb}#timeline svg{display:block;width:100%;height:50px}:root{color:#f2efff;background:#090b16;--mint:#9cf4df;--muted:#9da5bd}body{background:radial-gradient(ellipse at 68% 36%,#21163466,transparent 49%),#090b16;min-height:100vh}header{padding-top:28px}.brand{font-size:25px;letter-spacing:-1.5px}.brand i{color:var(--mint)}header select,.effects-setting select{background:#111321;color:#c3c8dc;border:1px solid #3b405a;border-radius:7px;padding:7px 9px;font:inherit;font-size:11px}option{background:#111321;color:#f2efff}main{margin-top:40px;gap:66px;grid-template-columns:1fr 1.1fr;align-items:center}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:3px}h1{font-size:clamp(42px,5vw,60px);letter-spacing:-3px;line-height:1.16}h1 span{color:#a79bbd}.intro>p{color:#aeb0c7;line-height:1.8;font-size:14px;max-width:310px}.steps{gap:34px;margin-top:25px;color:#c2c5d8;font-size:11px}.steps b{color:#71748c;font-size:10px;letter-spacing:1px}.intro-art{position:relative;width:265px;height:155px;margin:28px 0 8px;overflow:hidden}.intro-art>span{position:absolute;width:208px;height:115px;left:12px;top:15px;border:1px solid #58d4d458;border-radius:50%;transform:rotate(-24deg)}.intro-art>span:nth-child(2){transform:rotate(-8deg);border-color:#7d91df66}.intro-art>span:nth-child(3){transform:rotate(12deg);border-color:#b98de878}.intro-art>span:nth-child(4){transform:rotate(30deg);border-color:#b98de833}.intro-art>div{position:absolute;left:95px;top:44px;font-size:35px;letter-spacing:-2px;font-weight:300;color:#d1c6eb}.intro-art>div span{display:block;font-size:8px;letter-spacing:4px;margin:1px 0 0 7px;color:#9ea6c3}.game{background:linear-gradient(150deg,#191a2c,#10131f 72%);border-color:#3c3655;border-radius:25px;padding:25px;box-shadow:0 28px 100px #0005,0 1px #ffffff08 inset;position:relative}.game-top{color:#b1afc7;font-size:10px;letter-spacing:.7px}.tag{background:#29283c;color:#d9c6ff;font-size:10px;padding:7px 10px}.progress{margin:21px 0 20px;gap:7px}.progress span{height:3px;background:#38374c}.progress .done{background:linear-gradient(90deg,#8bf0df,#b8a1f8)}.status{margin:12px 0 17px;min-height:61px}.status strong{font-size:20px;font-weight:650}.status small{font-size:11px;color:#aeb0c7;line-height:1.5}.stage-wrap{position:relative;height:246px;border:1px solid #32334c;border-radius:17px;overflow:hidden;background:radial-gradient(ellipse at center,#292144,#15192c 42%,#0d1120 78%);isolation:isolate}.stage-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(145deg,#a38ffc0a,transparent 50%)}#stage{position:absolute;width:100%;height:100%;inset:0;z-index:-1}.stage-mode{position:absolute;top:15px;left:17px;color:#9ca5c4;font-size:8px;letter-spacing:2px}.beat-track{position:absolute;bottom:15px;left:0;width:100%;height:17px;gap:8px;margin:0;z-index:2}.beat{height:4px;width:14px;background:#44465f;border-radius:2px;transition:none}.beat.lit{height:4px;background:#a3f4e4;box-shadow:0 0 8px #79dccc44}.pad,.pad:disabled,.pad.active{position:absolute;inset:0;border:0;width:100%;height:100%;background:transparent;color:#e8e7ff;border-radius:17px;opacity:1;transform:none}.pad.active{color:#bcfff1}.pad-label{font-size:31px;font-weight:500;letter-spacing:5px;margin-left:5px;text-shadow:0 0 24px #c1b3ff33}.pad small{font-size:9px;margin-top:10px;opacity:1;color:#a4acc7}.pad.active:hover{background:#9ffbe704}.pad:focus-visible{outline-offset:-5px;outline:2px solid #b7ffed}.primary{background:#b2f5e5;border-color:#b2f5e5;color:#122528;box-shadow:0 3px 18px #8ff6df0b}.primary:hover{background:#c8ffed}.primary,.secondary{font-size:13px;padding:14px 15px;border-radius:9px}.secondary{border-color:#5c536d;background:#272237}.actions{margin-top:16px}.settings{font-size:11px;gap:17px;margin-top:13px;color:#b0afc6}.settings .selected{color:#affae9;text-decoration:underline;text-decoration-color:#79bfb166;text-underline-offset:5px}.effects-setting{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid #302e42;color:#b2acc6;font-size:10px}.effects-setting select{padding:4px 6px}.effects-setting>span{margin-left:auto;font-size:7px;letter-spacing:1px;color:#8c92ad}.notice{color:#969db5;font-size:10px;margin-top:13px}.info{border-color:#282a3b;color:#a0a3ba;margin-top:47px;font-size:11px}.info p{color:#9198b1;font-size:11px}.result{color:#c4b4ff;background:#1c1b30;border-color:#50416b;padding:14px 0;font-size:16px;font-weight:500}.result small{color:#a7a5c1}.compare{background:#232139;color:#c4bfd9;line-height:1.6;font-size:11px}.hidden{display:none!important}[data-state=finished] .stage-wrap{height:142px;background:radial-gradient(ellipse at center,#36244c,#121426 75%)}[data-state=finished] .stage-mode{left:0;top:calc(50% - 4px);width:100%;text-align:center;letter-spacing:4px;color:#ddd1f6}[data-state=finished] .status strong{font-size:30px;color:#c5b4ff}[data-state=scored] .pad-label{font-size:20px;color:#bdc6ed}[data-state=listening] .pad-label{font-size:23px;color:#d5c4fa}[data-state=paused] .stage-wrap,[data-state=timeout] .stage-wrap{filter:saturate(.45)}#timeline small{color:#b7afc8}#timeline svg{height:43px}button:focus-visible,a:focus-visible,select:focus-visible{outline-color:#aeffee}@media(max-width:760px){header{padding:18px 22px}.brand{font-size:22px}main{margin:12px auto 0;padding:0 20px;max-width:480px}.intro-art{display:none}.eyebrow{font-size:8px!important;letter-spacing:2.5px}h1{font-size:32px;letter-spacing:-1.7px;margin:12px 0 9px}.intro>p{font-size:11px;max-width:350px;margin:0 0 22px;line-height:1.6}.game{padding:19px;border-radius:21px}.game-top{font-size:9px}.progress{margin:16px 0}.status{min-height:57px;margin:10px 0 12px}.status strong{font-size:18px}.status small{font-size:10px}.stage-wrap{height:228px}.pad,.pad.active{height:100%}.pad-label{font-size:28px}.beat-track{height:12px;margin:0;bottom:15px}.beat.lit{height:4px}.effects-setting>span{font-size:6px}.info{margin:28px 20px 20px}.info p{margin-top:13px}.settings{gap:14px}.notice{font-size:9px}}@media(max-width:760px)and (max-height:740px){header{padding-top:14px;padding-bottom:14px}main{margin-top:6px}.intro>p{margin-bottom:15px}.game{padding:15px}.status{min-height:49px;margin:8px 0}.stage-wrap{height:185px}.pad{height:100%}.effects-setting{margin-top:6px;padding-top:8px}.notice{margin-top:8px}.info{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.status small{font-size:12px}.pad small{font-size:11px}.settings{font-size:12px}.notice,.effects-setting,.game-top,.tag{font-size:11px}@media(max-width:760px){.status small{font-size:11px}.notice,.game-top,.tag{font-size:10px}.settings{gap:12px}.effects-setting>span{letter-spacing:.4px}}