:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f8f9ff;--muted:#9398ae;--panel:#0d101deb;--violet:#8068ff;--violet-rgb:128, 104, 255;--theme-primary:#52e7ff;--theme-primary-rgb:82, 231, 255;--theme-secondary:#9a79ff;--theme-secondary-rgb:154, 121, 255;--theme-accent:#ff65a3;--theme-accent-rgb:255, 101, 163}*{box-sizing:border-box}html,body{background:#060711;width:100%;min-height:100%;margin:0}body,button{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:var(--ink);overscroll-behavior:none}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #fff}audio{display:none}.landing{isolation:isolate;background:radial-gradient(circle at 50% -12%,#7859ff54,#0000 38%),radial-gradient(circle at 92% 68%,#ff4b9d2e,#0000 31%),radial-gradient(circle at 0 78%,#3ad9ff21,#0000 31%),linear-gradient(165deg,#101327 0%,#070812 52%,#0c0b19 100%);place-items:center;min-height:100svh;padding:20px;display:grid;position:relative;overflow:hidden auto}.landing:before,.game-page:before{z-index:-1;pointer-events:none;content:"";opacity:.5;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 35%,#000 10%,#0000 77%);mask-image:radial-gradient(circle at 50% 35%,#000 10%,#0000 77%)}.ambient-orb{z-index:-1;pointer-events:none;filter:blur(90px);border-radius:50%;position:fixed}.ambient-orb--one{background:#49d3ff24;width:280px;height:280px;top:-80px;left:-80px}.ambient-orb--two{background:#ff489b21;width:330px;height:330px;bottom:-80px;right:-110px}.intro-card,.result-card,.editor-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff13,#0000 38%),#0b0e1be6;border:1px solid #ffffff1f;border-radius:34px;width:min(100%,510px);padding:clamp(22px,6vw,31px);position:relative;overflow:hidden;box-shadow:0 38px 110px #0000008f,inset 0 1px #ffffff17}.intro-card:after,.result-card:after,.editor-card:after{pointer-events:none;content:"";background:rgba(var(--violet-rgb), .22);filter:blur(56px);border-radius:50%;width:260px;height:260px;position:absolute;top:-110px;right:-90px}.brand-lockup{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.brand-mark{width:43px;height:43px;box-shadow:0 9px 25px rgba(var(--violet-rgb), .3), inset 0 1px 0 #ffffff57;background:linear-gradient(145deg,#9b88ff,#6950e8);border:1px solid #ffffff59;border-radius:14px;flex:none;place-items:center;display:grid;transform:rotate(-4deg)}.brand-mark span{color:#fff;letter-spacing:-.04em;font-size:12px;font-weight:950;transform:rotate(4deg)}.eyebrow{color:#81869d;letter-spacing:.19em;margin:0;font-size:9px;font-weight:900}.brand-name{color:#f7f8ff;letter-spacing:.06em;margin:4px 0 0;font-size:12px;font-weight:900}.mode-pill{color:#72e8ff;letter-spacing:.09em;background:#49d3ff12;border:1px solid #62e5ff47;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:8px;font-weight:950;box-shadow:inset 0 0 18px #49d3ff0d}.hero-art{place-items:center;height:174px;margin:20px -8px 5px;display:grid;position:relative}.hero-art:before{content:"";background:radial-gradient(circle, rgba(var(--violet-rgb), .13), transparent 66%);border:1px solid #ffffff0e;border-radius:50%;width:290px;height:122px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.record-disc{z-index:1;width:148px;height:148px;box-shadow:0 24px 65px #0000008c, 0 0 42px rgba(var(--violet-rgb), .2);background:repeating-radial-gradient(circle,#ffffff0b 0 1px,#0000 2px 8px),conic-gradient(from 210deg,#15182d,#613fa4,#12172c,#275c82,#15182d,#802d67,#15182d);border:1px solid #fff3;border-radius:50%;place-items:center;animation:4.4s ease-in-out infinite disc-float;display:grid;position:relative;overflow:hidden}.record-disc:before{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:11px}.record-shine{background:linear-gradient(90deg,#0000,#ffffff24,#0000);width:24px;height:190px;position:absolute;top:-12px;left:23px;transform:rotate(28deg)}.record-label{background:linear-gradient(145deg,#8d76ff,#f15fa0);border:6px solid #080a1485;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:66px;height:66px;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff40}.record-label:after{content:"";background:#080a14;border-radius:50%;width:6px;height:6px;position:absolute}.record-label span,.record-label strong{letter-spacing:.1em;font-size:7px;font-weight:950;line-height:1.1}.record-label span{transform:translateY(-7px)}.record-label strong{transform:translateY(8px)}.equalizer{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070912ad;border:1px solid #ffffff1c;border-radius:13px;justify-content:center;align-items:flex-end;gap:4px;width:68px;height:42px;padding:8px;display:flex;position:absolute;bottom:21px;right:8%;box-shadow:0 10px 25px #0000004d}.equalizer span{background:linear-gradient(#69e8ff,#9b78ff);border-radius:99px;width:3px;min-height:18%;animation:.85s ease-in-out infinite alternate equalize}.intro-copy{z-index:2;text-align:center;position:relative}.intro-copy h1,.result-card h1{color:#fff;letter-spacing:-.065em;text-transform:uppercase;margin:8px 0 12px;font-size:clamp(42px,12vw,60px);font-weight:900;line-height:.82}.intro-copy h1 span{color:#0000;background:linear-gradient(92deg,#61e7ff 8%,#9d83ff 51%,#ff6cad 92%);-webkit-background-clip:text;background-clip:text}.intro-copy>p:last-child,.result-message{color:#a5a9bb;max-width:390px;margin:0 auto;font-size:14px;line-height:1.5}.intro-copy>p:last-child strong{color:#fff}.difficulty-picker{z-index:2;margin-top:22px;position:relative}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin:0 2px 10px;display:flex}.section-heading>div{flex-direction:column;display:flex}.section-heading span{color:#71778d;letter-spacing:.17em;font-size:7px;font-weight:950}.section-heading strong{color:#f7f8ff;margin-top:3px;font-size:13px;font-weight:900}.section-heading>b{border:1px solid rgba(var(--difficulty-rgb), .36);color:var(--difficulty-color);letter-spacing:.08em;background:rgba(var(--difficulty-rgb), .08);border-radius:999px;padding:6px 9px;font-size:7px}.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.difficulty-option{color:#fff;cursor:pointer;background:linear-gradient(135deg, rgba(var(--difficulty-rgb), .07), transparent 65%), #ffffff06;text-align:left;border:1px solid #ffffff16;border-radius:17px;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:66px;padding:10px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.difficulty-option:hover{border-color:rgba(var(--difficulty-rgb), .38);transform:translateY(-1px)}.difficulty-option.is-selected{border-color:rgba(var(--difficulty-rgb), .72);background:linear-gradient(135deg, rgba(var(--difficulty-rgb), .22), rgba(var(--difficulty-rgb), .035) 74%), #ffffff09;box-shadow:0 0 22px rgba(var(--difficulty-rgb), .14), inset 0 1px 0 #ffffff17}.difficulty-option.is-selected:after{content:"";background:var(--difficulty-color);width:5px;height:5px;box-shadow:0 0 9px var(--difficulty-color);border-radius:50%;position:absolute;top:8px;right:8px}.difficulty-bars{border:1px solid rgba(var(--difficulty-rgb), .22);background:rgba(var(--difficulty-rgb), .06);border-radius:9px;justify-content:center;align-items:flex-end;gap:2px;height:31px;padding:6px 5px;display:flex}.difficulty-bars i{background:#ffffff1a;border-radius:4px;width:3px;height:5px}.difficulty-bars i:nth-child(2){height:8px}.difficulty-bars i:nth-child(3){height:12px}.difficulty-bars i:nth-child(4){height:17px}.difficulty-bars i.is-on{background:var(--difficulty-color);box-shadow:0 0 7px rgba(var(--difficulty-rgb), .66)}.difficulty-copy{flex-direction:column;min-width:0;display:flex}.difficulty-copy>strong{color:var(--difficulty-color);letter-spacing:.06em;font-size:9px;font-weight:950}.difficulty-copy small{color:#8a90a4;text-overflow:ellipsis;margin-top:3px;font-size:6.5px;line-height:1.25;overflow:hidden}.difficulty-copy small span{color:rgba(var(--difficulty-rgb), .72);margin-top:2px;font-size:6px;font-weight:850;display:block}.difficulty-option>em{color:#ffffff4d;align-self:flex-end;font-size:7px;font-style:normal;font-weight:900}.how-to{background:#ffffff06;border:1px solid #ffffff17;border-radius:20px;grid-template-columns:repeat(3,1fr);height:78px;margin:22px 0 12px;display:grid;overflow:hidden}.how-lane{background:linear-gradient(180deg, rgba(var(--lane-rgb), .07), transparent);border-right:1px solid #ffffff0e;place-items:center;display:grid;position:relative}.how-lane:last-child{border-right:0}.how-note{color:#0b0c15;background:var(--lane-color);width:27px;height:27px;box-shadow:0 0 18px rgba(var(--lane-rgb), .47);border:1px solid #ffffff61;border-radius:50%;place-items:center;font-size:15px;font-weight:950;animation:1.65s ease-in-out infinite how-note;display:grid;position:absolute;top:9px}.how-line{background:var(--lane-color);height:2px;box-shadow:0 0 10px rgba(var(--lane-rgb), .75);position:absolute;bottom:18px;left:12px;right:12px}.how-lane strong{color:#ffffff59;font-size:7px;font-weight:900;position:absolute;bottom:6px;right:8px}.simple-rules{flex-wrap:wrap;justify-content:center;gap:7px 14px;margin:0 0 12px;display:flex}.simple-rules span{color:#777d94;align-items:center;gap:5px;font-size:8px;font-weight:750;display:flex}.simple-rules strong{color:#b9bdcc}.rule-dot{border-radius:50%;width:6px;height:6px}.rule-dot--perfect{background:#58efb2;box-shadow:0 0 8px #58efb2}.rule-dot--good{background:#ffd257;box-shadow:0 0 8px #ffd257}.rule-dot--miss{background:#ff5f7b;box-shadow:0 0 8px #ff5f7b}.mechanic-cards{grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 18px;display:grid}.sync-control{z-index:2;background:#ffffff06;border:1px solid #ffffff14;border-radius:17px;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;min-height:58px;margin:0 0 12px;padding:8px;display:grid;position:relative}.sync-control>button{color:#77e6ff;cursor:pointer;background:#52e7ff0e;border:1px solid #70dfff40;border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:500;display:grid}.sync-control>button:active{background:#52e7ff29;transform:scale(.96)}.sync-control>div{grid-template-columns:1fr auto;align-items:center;min-width:0;display:grid}.sync-control span{color:#858ba0;letter-spacing:.1em;font-size:7px;font-weight:950}.sync-control strong{color:#fff;font-size:10px;font-weight:950}.sync-control small{color:#5e6479;grid-column:1/-1;margin-top:3px;font-size:6.5px}.editor-entry-button{z-index:2;border:1px solid rgba(var(--theme-primary-rgb), .32);color:#fff;cursor:pointer;background:linear-gradient(105deg, rgba(var(--theme-primary-rgb), .13), rgba(var(--theme-secondary-rgb), .09) 58%, rgba(var(--theme-accent-rgb), .1)), #ffffff06;text-align:left;border-radius:19px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;width:100%;min-height:62px;margin:0 0 10px;padding:9px 12px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 10px 28px #0000002e}.editor-entry-button:hover{border-color:rgba(var(--theme-primary-rgb), .62);background:linear-gradient(105deg, rgba(var(--theme-primary-rgb), .2), rgba(var(--theme-secondary-rgb), .12) 58%, rgba(var(--theme-accent-rgb), .14)), #ffffff09;transform:translateY(-1px)}.editor-entry-button:active{transform:translateY(1px)scale(.995)}.editor-entry-icon{border:1px solid rgba(var(--theme-primary-rgb), .48);width:42px;height:42px;color:var(--theme-primary);background:rgba(var(--theme-primary-rgb), .1);box-shadow:0 0 20px rgba(var(--theme-primary-rgb), .14), inset 0 0 15px rgba(var(--theme-primary-rgb), .08);border-radius:14px;place-items:center;font-size:18px;display:grid}.editor-entry-button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.editor-entry-button small{color:rgba(var(--theme-primary-rgb), .76);letter-spacing:.12em;font-size:7px;font-weight:900}.editor-entry-button strong{margin-top:3px;font-size:13px;font-weight:950}.editor-entry-button>b{border:1px solid rgba(var(--theme-primary-rgb), .2);color:#b9c0d3;letter-spacing:.06em;white-space:nowrap;background:#05070f57;border-radius:999px;padding:7px 9px;font-size:7px}.editor-page{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));background:radial-gradient(circle at 48% -6%, rgba(var(--theme-primary-rgb), .25), transparent 34%), radial-gradient(circle at 93% 63%, rgba(var(--theme-accent-rgb), .13), transparent 29%), radial-gradient(circle at 2% 82%, rgba(var(--theme-secondary-rgb), .13), transparent 27%), linear-gradient(165deg, #101327 0%, #070812 52%, #0c0b19 100%)}.editor-card{z-index:1;isolation:isolate;width:min(100%,560px);padding:clamp(20px,5vw,28px)}.editor-card:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(90deg, transparent 49.8%, rgba(var(--theme-primary-rgb), .05) 50%, transparent 50.2%), linear-gradient(transparent 49.8%, rgba(var(--theme-primary-rgb), .035) 50%, transparent 50.2%);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.editor-header{z-index:2;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.editor-back-button{color:#e9ebf7;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff21;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-size:20px;transition:border-color .15s,background .15s,transform .15s;display:grid}.editor-back-button:hover{border-color:rgba(var(--theme-primary-rgb), .4);background:rgba(var(--theme-primary-rgb), .09);transform:translate(-2px)}.editor-track-lockup{align-items:center;gap:9px;min-width:0;display:flex}.editor-track-lockup>div:last-child{flex-direction:column;min-width:0;display:flex}.editor-track-lockup>div:last-child span{color:#777e94;letter-spacing:.1em;font-size:7px;font-weight:900}.editor-track-lockup>div:last-child strong{color:#f8f9ff;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;font-weight:950;overflow:hidden}.editor-level-badge{border:1px solid rgba(var(--theme-primary-rgb), .28);color:var(--theme-primary);letter-spacing:.08em;background:rgba(var(--theme-primary-rgb), .07);white-space:nowrap;border-radius:999px;margin-left:auto;padding:6px 8px;font-size:6.5px;font-weight:950}.editor-copy{z-index:2;text-align:center;margin:24px auto 18px;position:relative}.editor-copy h1{color:#fff;letter-spacing:-.055em;text-transform:uppercase;margin:7px 0 8px;font-size:clamp(34px,9vw,46px);font-weight:950;line-height:.95}.editor-copy p:last-child{color:#9298ac;max-width:360px;margin:0 auto;font-size:12px;line-height:1.45}.editor-transport{z-index:2;background:#04060e6b;border:1px solid #ffffff16;border-radius:17px;padding:12px 13px 13px;position:relative}.editor-time-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.editor-time-row strong{color:#fff;font-variant-numeric:tabular-nums;font-size:13px}.editor-time-row span{color:#6d7388;font-variant-numeric:tabular-nums;font-size:9px}.editor-time-row>b{border:1px solid rgba(var(--theme-primary-rgb), .24);color:var(--theme-primary);background:rgba(var(--theme-primary-rgb), .07);border-radius:999px;padding:5px 8px;font-size:8px}.editor-timeline{background:#ffffff0b;border:1px solid #ffffff12;border-radius:999px;height:12px;position:relative;overflow:hidden}.editor-timeline-fill{background:linear-gradient(90deg, rgba(var(--theme-primary-rgb), .34), rgba(var(--theme-secondary-rgb), .25));position:absolute;inset:0 auto 0 0}.editor-timeline>i{z-index:2;background:var(--lane-color,var(--theme-primary));width:2px;height:8px;box-shadow:0 0 5px var(--lane-color,var(--theme-primary));border-radius:3px;position:absolute;top:1px;transform:translate(-1px)}.editor-timeline>i.is-hold{width:4px;transform:translate(-2px)}.editor-timeline>b{z-index:3;background:#fff;border-radius:4px;width:3px;height:16px;position:absolute;top:-2px;transform:translate(-1px);box-shadow:0 0 8px #fff}.editor-timeline>input{z-index:5;cursor:ew-resize;opacity:0;width:100%;height:32px;margin:0;position:absolute;inset:-10px 0}.editor-speed-panel{z-index:2;background:#ffffff06;border:1px solid #ffffff13;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 11px;display:flex;position:relative}.editor-speed-panel>div:first-child{flex-direction:column;min-width:0;display:flex}.editor-speed-panel>div:first-child span{color:var(--theme-primary);letter-spacing:.12em;font-size:7px;font-weight:950}.editor-speed-panel>div:first-child strong{color:#b9bdcc;margin-top:3px;font-size:8px}.editor-speed-options{flex:none;gap:5px;display:flex}.editor-speed-options button{color:#83899e;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:11px;min-width:47px;height:35px;font-size:8px;font-weight:950;transition:border-color .15s,color .15s,background .15s,transform .15s}.editor-speed-options button:active{transform:scale(.95)}.editor-speed-options button.is-selected{border-color:rgba(var(--theme-primary-rgb), .56);color:#081019;background:var(--theme-primary);box-shadow:0 0 16px rgba(var(--theme-primary-rgb), .22)}.editor-play-button{z-index:2;border:1px solid rgba(var(--theme-primary-rgb), .34);color:#fff;cursor:pointer;background:linear-gradient(110deg, rgba(var(--theme-primary-rgb), .12), rgba(var(--theme-secondary-rgb), .08));text-align:left;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;min-height:62px;margin-top:10px;padding:8px 12px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.editor-play-button:hover{border-color:rgba(var(--theme-primary-rgb), .64);transform:translateY(-1px)}.editor-play-button>span:first-child{color:#071017;background:var(--theme-primary);width:42px;height:42px;box-shadow:0 0 20px rgba(var(--theme-primary-rgb), .26);border-radius:14px;place-items:center;font-size:14px;font-weight:950;display:grid}.editor-play-button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.editor-play-button small{color:rgba(var(--theme-primary-rgb), .74);letter-spacing:.1em;font-size:7px;font-weight:900}.editor-play-button strong{margin-top:3px;font-size:12px;font-weight:950}.editor-play-button>b{color:#858ba0;font-variant-numeric:tabular-nums;font-size:9px}.editor-play-button.is-playing{border-color:rgba(var(--theme-primary-rgb), .7);background:linear-gradient(110deg, rgba(var(--theme-primary-rgb), .19), rgba(var(--theme-secondary-rgb), .1));box-shadow:inset 0 0 22px rgba(var(--theme-primary-rgb), .05)}.editor-rhythm-stage{z-index:2;border:1px solid rgba(var(--theme-primary-rgb), .18);background:linear-gradient(180deg, rgba(var(--theme-primary-rgb), .08), transparent 26%), linear-gradient(180deg, #090c19, #0b0d18 65%, #080912);isolation:isolate;border-radius:24px;height:clamp(315px,49svh,390px);min-height:315px;margin-top:12px;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 -38px 54px #00000040,0 18px 45px #00000047}.editor-rhythm-stage:after{z-index:9;border-radius:inherit;pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 0 38px #0006}.editor-rhythm-stage.is-recording{border-color:rgba(var(--theme-primary-rgb), .48);box-shadow:inset 0 1px 0 #ffffff14, inset 0 -38px 54px #00000038, 0 0 32px rgba(var(--theme-primary-rgb), .12), 0 18px 45px #0000004d}.editor-stage-topbar{z-index:7;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:13px;right:13px}.editor-stage-topbar span{color:#8a90a5;letter-spacing:.12em;align-items:center;gap:6px;font-size:7px;font-weight:950;display:flex}.editor-stage-topbar span i{background:#62687c;border-radius:50%;width:7px;height:7px}.editor-rhythm-stage.is-recording .editor-stage-topbar span{color:#ff98b7}.editor-rhythm-stage.is-recording .editor-stage-topbar span i{background:#ff557e;animation:.76s ease-in-out infinite alternate editor-rec-pulse;box-shadow:0 0 10px #ff557e}.editor-stage-topbar b{color:#858ba0;letter-spacing:.06em;background:#05070f7a;border:1px solid #ffffff17;border-radius:999px;padding:5px 8px;font-size:6.5px}.editor-rhythm-stage .track-stage-motif{opacity:.23}.editor-rhythm-stage .speed-lines{opacity:.12}.editor-preview-note{width:clamp(44px,11vw,56px);height:clamp(44px,11vw,56px)}.editor-live-note{z-index:6}.editor-stage-empty{z-index:2;color:#50566a;text-align:center;flex-direction:column;align-items:center;width:72%;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.editor-stage-empty:before{border:1px solid rgba(var(--theme-primary-rgb), .16);width:48px;height:48px;color:rgba(var(--theme-primary-rgb), .52);content:"↓";background:rgba(var(--theme-primary-rgb), .045);border-radius:50%;place-items:center;margin-bottom:10px;font-size:22px;display:grid}.editor-stage-empty strong{letter-spacing:.1em;font-size:8px}.editor-stage-empty span{margin-top:5px;font-size:7px}.editor-lane-controls{z-index:3;height:102px;margin-top:10px;position:relative}.editor-lane-button{min-height:96px}.editor-lane-button:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.42}.editor-lane-button:disabled:active{transform:none;box-shadow:0 7px #02030a,0 10px 24px #00000061,inset 0 1px #ffffff14}.editor-hold-tip{z-index:2;color:#646a7e;text-align:center;margin:13px 2px 14px;font-size:7px;line-height:1.5;position:relative}.editor-hold-tip span{color:#b7bccd;font-weight:950}.editor-record-summary{z-index:2;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:9px;display:grid;position:relative}.editor-record-summary>div{background:#ffffff06;border:1px solid #ffffff13;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:62px;display:flex}.editor-record-summary span{color:#6e7489;letter-spacing:.1em;font-size:6.5px;font-weight:950}.editor-record-summary strong{color:#fff;margin-top:4px;font-size:22px;font-weight:1000;line-height:1}.editor-sync-nudge{z-index:2;border:1px solid rgba(var(--theme-primary-rgb), .13);background:rgba(var(--theme-primary-rgb), .035);border-radius:16px;grid-template-columns:60px 1fr 60px;align-items:center;gap:8px;min-height:61px;margin-bottom:9px;padding:8px;display:grid;position:relative}.editor-sync-nudge>button{border:1px solid rgba(var(--theme-primary-rgb), .28);height:41px;color:var(--theme-primary);cursor:pointer;background:rgba(var(--theme-primary-rgb), .065);border-radius:12px;font-size:8px;font-weight:950}.editor-sync-nudge>button:active:not(:disabled){transform:scale(.96)}.editor-sync-nudge>button:disabled{cursor:not-allowed;opacity:.3}.editor-sync-nudge>div{text-align:center;flex-direction:column;min-width:0;display:flex}.editor-sync-nudge span{color:var(--theme-primary);letter-spacing:.1em;font-size:6.5px;font-weight:950}.editor-sync-nudge strong{color:#c2c6d5;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7.5px;overflow:hidden}.editor-sync-nudge small{color:#61677b;margin-top:2px;font-size:6.5px}.editor-tap-button{z-index:2;aspect-ratio:1;border:2px solid rgba(var(--theme-primary-rgb), .72);color:#071017;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 36% 26%, #ffffffdb, transparent 27%), linear-gradient(145deg, var(--theme-primary), var(--theme-secondary) 66%, var(--theme-accent));width:clamp(196px,54vw,232px);box-shadow:0 0 0 8px rgba(var(--theme-primary-rgb), .055), 0 0 42px rgba(var(--theme-primary-rgb), .27), 0 24px 48px #0000005c, inset 0 2px 0 #ffffff85, inset 0 -14px 24px #06081233;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:24px auto 14px;padding:29px;transition:filter .15s,opacity .15s,transform 80ms;display:flex;position:relative;overflow:visible}.editor-tap-button:after{pointer-events:none;content:"";border:1px solid #0608122e;border-radius:50%;position:absolute;inset:13px}.editor-tap-button:hover:not(:disabled){filter:brightness(1.07)}.editor-tap-button:active:not(:disabled),.editor-tap-button.is-tapped{transform:scale(.94)}.editor-tap-button:disabled{color:#6d7285;cursor:not-allowed;opacity:.84;background:linear-gradient(145deg,#262a39,#151824);border-color:#ffffff21;box-shadow:0 0 0 8px #ffffff06,0 16px 38px #00000057,inset 0 1px #ffffff14}.editor-tap-rings,.editor-tap-rings i{pointer-events:none;border-radius:50%;position:absolute;inset:0}.editor-tap-rings i{border:1px solid rgba(var(--theme-primary-rgb), .22);opacity:0;animation:2.2s ease-out infinite editor-ring}.editor-tap-rings i:nth-child(2){animation-delay:.73s}.editor-tap-rings i:nth-child(3){animation-delay:1.46s}.editor-tap-button:disabled .editor-tap-rings i{animation-play-state:paused}.editor-tap-core{z-index:1;background:#ffffff3d;border:1px solid #070a122e;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff6b}.editor-tap-button>strong{z-index:1;letter-spacing:-.02em;text-align:center;font-size:15px;font-weight:1000;position:relative}.editor-tap-button>small{z-index:1;letter-spacing:.1em;text-align:center;font-size:6.5px;font-weight:950;position:relative}.editor-counter{z-index:2;text-align:center;place-items:center;margin-bottom:14px;display:grid;position:relative}.editor-counter>span{color:#72788d;letter-spacing:.14em;font-size:7px;font-weight:950}.editor-counter>strong{color:#fff;text-shadow:0 0 18px rgba(var(--theme-primary-rgb), .25);margin:2px 0;font-size:30px;font-weight:1000;line-height:1}.editor-counter>small{color:#60667a;font-size:7px}.editor-tools{z-index:2;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:9px;display:grid;position:relative}.editor-tools button{color:#aeb3c5;cursor:pointer;background:#ffffff08;border:1px solid #ffffff16;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-width:0;height:51px;transition:border-color .15s,background .15s,transform .15s;display:flex}.editor-tools button:hover:not(:disabled){border-color:rgba(var(--theme-primary-rgb), .32);background:rgba(var(--theme-primary-rgb), .07)}.editor-tools button:active:not(:disabled){transform:scale(.97)}.editor-tools button:disabled{cursor:not-allowed;opacity:.38}.editor-tools b{color:var(--theme-primary);font-size:17px}.editor-tools span{text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;font-weight:850;overflow:hidden}.editor-save-actions{z-index:2;grid-template-columns:.8fr 1.2fr;gap:8px;display:grid;position:relative}.editor-save-actions button{cursor:pointer;border-radius:17px;min-height:56px;font-size:10px;font-weight:950;transition:filter .15s,transform .15s}.editor-save-actions button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.editor-save-actions button:active:not(:disabled){transform:translateY(1px)scale(.99)}.editor-save-actions button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.45}.editor-save-secondary{color:#d4d7e4;background:#ffffff0b;border:1px solid #ffffff1f}.editor-save-primary{color:#071017;background:linear-gradient(110deg, var(--theme-primary), var(--theme-secondary) 62%, var(--theme-accent));box-shadow:0 13px 30px rgba(var(--theme-primary-rgb), .18), inset 0 1px 0 #ffffff73;border:0}.editor-save-primary span{margin-left:5px;font-size:8px}.editor-restore-button{z-index:2;color:#6d7388;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:12px auto 0;padding:4px;font-size:7px;font-weight:850;text-decoration:underline;display:block;position:relative}.editor-restore-button:hover{color:#d5d8e4}.editor-status{z-index:2;min-height:13px;color:rgba(var(--theme-primary-rgb), .75);letter-spacing:.1em;text-align:center;margin:10px 0 0;font-size:7px;font-weight:950;position:relative}.mechanic-cards>div{background:#ffffff06;border:1px solid #ffffff16;border-radius:16px;align-items:center;gap:11px;min-height:58px;padding:9px 11px;display:flex}.mechanic-cards>.mechanic-card--double{background:linear-gradient(90deg,#52e7ff0b,#ffd2570e,#ff65a30b);border-color:#ffffff21;grid-column:1/-1;justify-content:center}.mechanic-cards p{flex-direction:column;min-width:0;margin:0;display:flex}.mechanic-cards p strong{letter-spacing:.06em;font-size:8px;font-weight:950}.mechanic-cards p small{color:#747a91;margin-top:3px;font-size:7px;line-height:1.25}.long-note-sample{background:#ffd257;border:1px solid #ffffff8c;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid;position:relative;box-shadow:0 0 15px #ffd25752}.long-note-sample:before{content:"";background:linear-gradient(#0000,#ffd2578c);border:1px solid #ffd25799;border-radius:9px 9px 0 0;width:13px;height:30px;position:absolute;bottom:50%}.long-note-sample i{z-index:1;background:#10111d;border-radius:50%;width:7px;height:7px;position:relative}.apex-sample{color:#fff;width:34px;height:34px;box-shadow:0 0 18px rgba(var(--violet-rgb), .36);background:linear-gradient(145deg,#6de8ff,#986eff 48%,#ff69b0);border:1px solid #ffffff73;border-radius:11px;flex:none;place-items:center;font-size:11px;font-weight:1000;display:grid;transform:rotate(-4deg)}.double-note-sample{flex:none;justify-content:center;align-items:center;gap:4px;width:56px;height:34px;display:flex}.double-note-sample i{background:linear-gradient(145deg,#52e7ff,#8068ff);border:2px solid #ffffffd1;border-radius:50%;width:29px;height:29px;position:relative;box-shadow:0 0 15px #52e7ff6b}.double-note-sample i:last-child{background:linear-gradient(145deg,#ffd257,#ff65a3);margin-left:-8px;box-shadow:0 0 15px #ff65a366}.primary-button{z-index:2;color:#080a13;cursor:pointer;text-align:left;background:linear-gradient(110deg,#5ce6ff,#9a79ff 53%,#ff72b0);border:0;border-radius:20px;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;width:100%;min-height:68px;padding:9px 13px;transition:transform .15s,box-shadow .15s,filter .15s;display:grid;position:relative;box-shadow:0 15px 38px #7d68ff47,inset 0 1px #ffffff80}.primary-button:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 18px 46px #7d68ff5c,inset 0 1px #ffffff9e}.primary-button:active{transform:translateY(2px)scale(.99)}.primary-button:disabled{cursor:wait;filter:saturate(.5);opacity:.72}.play-symbol{color:#fff;background:#060711cc;border-radius:14px;place-items:center;width:42px;height:42px;font-size:15px;display:grid;box-shadow:0 7px 18px #0003}.primary-button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.primary-button small{letter-spacing:.14em;font-size:8px;font-weight:900}.primary-button strong{letter-spacing:.03em;margin-top:2px;font-size:14px;font-weight:950}.primary-button b{letter-spacing:.03em;background:#ffffff2e;border:1px solid #0000001f;border-radius:99px;padding:7px 9px;font-size:8px}.intro-tip,.audio-error{z-index:2;color:#62687e;text-align:center;margin:12px 8px 0;font-size:8px;line-height:1.5;position:relative}.audio-error{color:#ff7f98}.game-page{z-index:0;background:radial-gradient(circle at 50% -15%, rgba(var(--violet-rgb), .28), transparent 38%), radial-gradient(circle at 10% 76%, #39cfff14, transparent 30%), radial-gradient(circle at 90% 78%, #ff50a014, transparent 30%), linear-gradient(180deg, #0d1021 0%, #060711 62%, #090a15 100%);width:100%;height:100svh;transition:background .3s;position:relative;overflow:hidden}.game-page:not(.is-special) .song-progress span{background:linear-gradient(90deg, var(--difficulty-color), #9a79ff 54%, #ff65a3);box-shadow:0 0 14px rgba(var(--difficulty-rgb), .72)}.game-page:not(.is-special) .rhythm-stage{border-color:rgba(var(--difficulty-rgb), .18);box-shadow:0 22px 65px #0000006b, 0 0 35px rgba(var(--difficulty-rgb), .07)}.game-page:not(.is-special) .mini-cover--playing i{background:var(--difficulty-color);box-shadow:0 0 8px var(--difficulty-color)}.game-page.is-special{background:radial-gradient(circle at 50% -8%,#ffd76745,#0000 34%),radial-gradient(circle at 8% 70%,#52e7ff26,#0000 31%),radial-gradient(circle at 92% 72%,#ff65a32b,#0000 31%),linear-gradient(#17142c 0%,#080713 62%,#110b1b 100%)}.game-page.is-special:after{z-index:20;pointer-events:none;content:"";border:4px solid #ffde7633;animation:.9s ease-in-out infinite alternate special-frame;position:fixed;inset:0;box-shadow:inset 0 0 55px #9160ff33,inset 0 0 110px #ff60a714}.game-shell{width:min(100%,560px);height:100svh;min-height:540px;padding:max(10px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));grid-template-rows:auto 4px auto minmax(250px,1fr) auto auto;gap:8px;margin:0 auto;display:grid}.game-header{justify-content:space-between;align-items:center;gap:14px;min-height:45px;display:flex}.now-playing{align-items:center;gap:10px;min-width:0;display:flex}.mini-cover{width:43px;height:43px;box-shadow:0 8px 24px rgba(var(--violet-rgb), .25);background:radial-gradient(circle at 68% 27%,#ffffff42,#0000 18%),conic-gradient(from 230deg,#4be0ff,#7557d8,#fa61a8,#ffc455,#4be0ff);border:1px solid #ffffff2e;border-radius:14px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.mini-cover:before{content:"";border:1px solid #080a1433;border-radius:9px;position:absolute;inset:6px}.mini-cover span{z-index:1;color:#090a12;letter-spacing:-.05em;font-size:10px;font-weight:1000;position:relative}.mini-cover--playing i{background:#5df0b0;border:2px solid #0b0d19;border-radius:50%;width:7px;height:7px;position:absolute;bottom:5px;right:5px;box-shadow:0 0 8px #5df0b0}.now-playing>div:last-child{flex-direction:column;min-width:0;display:flex}.now-playing>div:last-child span,.song-clock span,.hud span{color:#737a92;letter-spacing:.14em;font-size:7px;font-weight:900}.now-playing>div:last-child strong{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;font-weight:950;overflow:hidden}.song-clock{font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:4px;display:flex}.song-clock strong{font-size:15px}.song-clock span{letter-spacing:0}.song-progress{background:#ffffff12;border-radius:99px;height:4px;overflow:hidden}.song-progress span{border-radius:inherit;height:100%;box-shadow:0 0 14px rgba(var(--violet-rgb), .78);background:linear-gradient(90deg,#52e7ff,#8d75ff 53%,#ff65a3);display:block}.hud{grid-template-columns:.72fr 1fr 1.22fr;gap:7px;display:grid}.apex-panel{background:linear-gradient(90deg,#52e7ff0f,#8f6aff1a,#ff65a30f),#ffffff05;border:1px solid #9779ff38;border-radius:13px;grid-column:1/-1;grid-template-columns:auto 1fr 22px;align-items:center;gap:10px;min-height:34px;padding:6px 10px;transition:border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.apex-copy{flex-direction:column;min-width:116px;display:flex}.apex-copy span{color:#8f83c7;letter-spacing:.13em;font-size:6px;font-weight:950}.apex-copy strong{color:#c8c2e8;letter-spacing:.04em;margin-top:2px;font-size:8px;font-weight:950}.apex-track{background:#ffffff13;border-radius:99px;height:6px;overflow:hidden}.apex-track>span{border-radius:inherit;height:100%;box-shadow:0 0 14px rgba(var(--violet-rgb), .65);background:linear-gradient(90deg,#52e7ff,#9a74ff 52%,#ff65a3);transition:width .18s;display:block}.apex-panel>i{color:#b4a4ff;background:#8264ff14;border:1px solid #ffffff26;border-radius:7px;place-items:center;width:20px;height:20px;font-size:10px;font-style:normal;display:grid}.apex-panel.is-active{background:linear-gradient(90deg,#ffd2572e,#a168ff3d,#ff65a32e),#140e24eb;border-color:#ffe077b3;box-shadow:0 0 24px #a069ff47,inset 0 1px #ffffff29}.apex-panel.is-active .apex-copy span,.apex-panel.is-active .apex-copy strong{color:#fff2b1;text-shadow:0 0 12px #ffd65c73}.apex-panel.is-active .apex-track>span{background:linear-gradient(90deg,#fff2a3,#f99aff,#80eeff);box-shadow:0 0 18px #ffda70cc}.apex-panel.is-active>i{color:#130d1c;background:#ffe178;animation:.62s ease-in-out infinite alternate apex-star;box-shadow:0 0 16px #ffe178b8}.combo-panel,.score-panel,.sintonia-panel{background:linear-gradient(140deg,#ffffff09,#0000),#ffffff05;border:1px solid #ffffff13;border-radius:16px;min-width:0;min-height:58px;box-shadow:inset 0 1px #ffffff08}.combo-panel,.score-panel{flex-direction:column;justify-content:center;padding:8px 10px;display:flex;position:relative}.combo-panel strong,.score-panel strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;margin-top:1px;font-size:23px;line-height:1;overflow:hidden}.score-panel strong{font-size:clamp(15px,4.5vw,21px)}.combo-panel b{color:#0b0c16;background:#ffd257;border:1px solid #ffffff30;border-radius:7px;place-items:center;min-width:23px;height:20px;font-size:8px;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 12px #ffd25733}.sintonia-panel{flex-direction:column;justify-content:center;padding:9px 10px;display:flex}.sintonia-panel>div:first-child{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.sintonia-panel strong{font-variant-numeric:tabular-nums;font-size:14px}.sintonia-track{background:#ffffff14;border-radius:99px;height:7px;margin-top:8px;overflow:hidden}.sintonia-track span{border-radius:inherit;background:linear-gradient(90deg,#ff5f7b 0%,#ffd257 46%,#5cecb2 100%);height:100%;transition:width .18s;display:block;box-shadow:0 0 13px #5cecb259}.rhythm-stage{isolation:isolate;background:linear-gradient(#7869ff14,#0000 28%),linear-gradient(#0a0d1c 0%,#0b0d19 62%,#090a13 100%);border:1px solid #ffffff17;border-radius:25px;min-height:250px;transition:border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,inset 0 -28px 48px #0003,0 16px 44px #00000040}.rhythm-stage.is-special{border-color:#ffe27f8f;animation:1.1s ease-in-out infinite alternate special-stage;box-shadow:inset 0 1px #ffffff21,inset 0 -28px 48px #0003,0 0 34px #9165ff4f,0 16px 44px #00000047}.rhythm-stage.is-special .stage-glow{opacity:.65;background:#ffe793;box-shadow:0 0 90px 42px #ad70ff5c}.rhythm-stage.is-special .speed-lines{opacity:.32}.rhythm-stage:before{z-index:0;content:"";background:rgba(var(--violet-rgb), .12);filter:blur(44px);border-radius:50%;width:70%;height:54%;position:absolute;top:-23%;left:50%;transform:translate(-50%)}.rhythm-stage:after{z-index:8;pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 0 36px #00000057}.stage-glow{z-index:0;width:12px;height:120px;box-shadow:0 0 70px 30px rgba(var(--violet-rgb), .23);opacity:.35;filter:blur(8px);background:#fff;border-radius:50%;position:absolute;top:-45px;left:50%;transform:translate(-50%)}.lane-grid{z-index:0;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.lane-grid>span{background:linear-gradient(180deg, rgba(var(--lane-rgb), .045), transparent 46%), linear-gradient(90deg, transparent, rgba(var(--lane-rgb), .025), transparent);border-right:1px solid #ffffff0e;position:relative}.lane-grid>span:last-child{border-right:0}.lane-grid>span:after{content:"";opacity:.28;background:linear-gradient(transparent, rgba(var(--lane-rgb), .3), transparent 78%);width:1px;position:absolute;top:0;bottom:0;left:50%}.speed-lines{z-index:1;opacity:.16;position:absolute;inset:0;overflow:hidden}.speed-lines span{background:linear-gradient(#0000,#ffffffbf,#0000);width:1px;height:42%;animation:2.2s linear infinite speed-line;position:absolute;top:-50%}.speed-lines span:first-child{animation-delay:-.4s;left:9%}.speed-lines span:nth-child(2){animation-delay:-1.45s;left:40%}.speed-lines span:nth-child(3){animation-delay:-.85s;left:68%}.speed-lines span:nth-child(4){animation-delay:-1.8s;left:92%}.falling-note{z-index:4;color:#0a0b14;background:radial-gradient(circle at 34% 26%, #fff 0 5%, #ffffff80 6% 10%, transparent 11%), linear-gradient(145deg, #ffffff4d, transparent 40%), var(--lane-color);width:clamp(48px,13vw,61px);height:clamp(48px,13vw,61px);box-shadow:0 0 0 6px rgba(var(--lane-rgb), .1), 0 0 28px rgba(var(--lane-rgb), .7), 0 10px 24px #0000007a, inset 0 -7px 12px #00000024, inset 0 3px 5px #ffffff6b;will-change:top;border:2px solid #ffffffb8;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.falling-note:before{content:"";background:linear-gradient(transparent, rgba(var(--lane-rgb), .64));width:4px;height:39px;box-shadow:0 0 10px rgba(var(--lane-rgb), .45);border-radius:99px;position:absolute;top:-42px;left:50%;transform:translate(-50%)}.falling-note--hold:before{display:none}.hold-tail{color:#0809109e;background:linear-gradient(90deg, #ffffff57, transparent 33%, transparent 67%, #0000001f), linear-gradient(transparent, rgba(var(--lane-rgb), .96));width:clamp(26px,7vw,34px);min-height:18px;box-shadow:0 0 17px rgba(var(--lane-rgb), .43), inset 0 0 12px #ffffff24;border:1px solid #ffffff75;border-bottom:0;border-radius:17px 17px 4px 4px;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:10px;transition:height 20ms linear;display:flex;bottom:50%;left:50%;overflow:hidden;z-index:0!important;position:absolute!important;transform:translate(-50%)!important}.hold-tail:before{content:"";background:#ffffffdb;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 10px #fff}.hold-tail b{color:#07080e9e;letter-spacing:.13em;writing-mode:vertical-rl;margin-top:8px;font-size:6px;font-weight:1000}.falling-note>i{z-index:1;border:1px solid #00000021;border-radius:50%;position:absolute;inset:6px}.falling-note>.note-arrow{z-index:2;text-shadow:0 1px #ffffff47;font-size:clamp(21px,6vw,29px);font-weight:1000;line-height:1;position:relative;transform:translateY(-1px)}.falling-note--double{outline-offset:4px;border-color:#fff;outline:3px solid #ffd25761;animation:.48s ease-in-out infinite alternate double-note-pulse}.double-note-mark{z-index:5;color:#15101a;letter-spacing:.08em;background:linear-gradient(90deg,#fff2a2,#ff9bc6);border:1px solid #ffffffb8;border-radius:999px;padding:2px 6px;font-size:7px;font-weight:1000;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #ffd257b3}.falling-note--hold{box-shadow:0 0 0 8px rgba(var(--lane-rgb), .11), 0 0 34px rgba(var(--lane-rgb), .78), 0 10px 24px #0000007a, inset 0 -7px 12px #00000024, inset 0 3px 5px #ffffff7a;border-width:3px}.falling-note.is-holding{box-shadow:0 0 0 11px rgba(var(--lane-rgb), .14), 0 0 48px rgba(var(--lane-rgb), .95), inset 0 0 18px #ffffff47;border-color:#fff;animation:.43s ease-in-out infinite alternate hold-note-pulse}.falling-note.is-holding .hold-tail{box-shadow:0 0 25px rgba(var(--lane-rgb), .8), inset 0 0 18px #ffffff3d;border-color:#ffffffd9}.hit-zone{z-index:3;height:1px;position:absolute;top:81%;left:0;right:0}.hit-beam{height:2px;box-shadow:0 0 9px #ffffff8c, 0 0 24px rgba(var(--violet-rgb), .45);background:linear-gradient(90deg,#0000,#ffffffeb 9% 91%,#0000);position:absolute;left:8px;right:8px}.hit-beam>span{color:#c9cbe0;letter-spacing:.17em;background:#0b0d18;border:1px solid #ffffff26;border-radius:99px;padding:3px 8px;font-size:6px;font-weight:950;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.hit-beam.is-double{background:linear-gradient(90deg,#0000,#52e7ff 8%,#ffd257 50%,#ff65a3 92%,#0000);height:3px;box-shadow:0 0 14px #ffd257cc,0 0 30px #8068ff94}.hit-beam.is-double>span{color:#17111b;background:linear-gradient(90deg,#fff2a2,#ff9bc6);border-color:#ffd257b8;padding:4px 10px;top:-12px;box-shadow:0 0 18px #ffd25770}.targets{pointer-events:none;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;top:0;left:0;right:0}.targets>span{border:2px solid rgba(var(--lane-rgb), .72);background:rgba(var(--lane-rgb), .08);width:clamp(52px,14vw,64px);height:clamp(52px,14vw,64px);box-shadow:0 0 0 8px rgba(var(--lane-rgb), .035), 0 0 24px rgba(var(--lane-rgb), .28), inset 0 0 18px rgba(var(--lane-rgb), .08);border-radius:50%;place-self:center;place-items:center;transition:background 80ms,box-shadow 80ms,transform 80ms;display:grid;position:relative;transform:translateY(-50%)}.targets>span:before,.targets>span:after{content:"";background:var(--lane-color);opacity:.55;position:absolute}.targets>span:before{width:16px;height:2px}.targets>span:after{width:2px;height:16px}.targets>span i{background:var(--lane-color);width:9px;height:9px;box-shadow:0 0 13px rgba(var(--lane-rgb), .8);border-radius:50%}.targets>span.is-pressed{background:rgba(var(--lane-rgb), .3);box-shadow:0 0 0 12px rgba(var(--lane-rgb), .08), 0 0 40px rgba(var(--lane-rgb), .68), inset 0 0 22px rgba(var(--lane-rgb), .3);transform:translateY(-50%)scale(1.12)}.countdown,.feedback{z-index:7;flex-direction:column;align-items:center;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.countdown span{color:#fff;letter-spacing:-.06em;text-shadow:0 0 42px rgba(var(--violet-rgb), .9), 0 8px 30px #00000080;font-size:clamp(68px,22vw,92px);font-weight:950;line-height:.85;animation:.92s ease-out both count-pop}.countdown.is-go span{color:#62edb5;letter-spacing:-.04em;text-shadow:0 0 42px #62edb5bf;font-size:clamp(48px,16vw,70px)}.countdown small{color:#c8cbe0;letter-spacing:.2em;background:#080a14b3;border:1px solid #ffffff21;border-radius:99px;margin-top:11px;padding:5px 9px;font-size:7px;font-weight:900}.feedback{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070912e0;border:1px solid #ffffff26;border-radius:17px;min-width:154px;padding:11px 18px;animation:.52s ease-out both feedback-pop;top:39%;box-shadow:0 16px 36px #00000070,inset 0 1px #ffffff12}.feedback strong{letter-spacing:.07em;font-size:16px;font-weight:1000}.feedback span{color:#9298ad;letter-spacing:.1em;margin-top:3px;font-size:7px;font-weight:850}.feedback--perfect{border-color:#58efb266;box-shadow:0 16px 36px #00000070,0 0 25px #58efb22e}.feedback--perfect strong{color:#58efb2;text-shadow:0 0 15px #58efb266}.feedback--good strong{color:#ffd257;text-shadow:0 0 15px #ffd25766}.feedback--hold{border-color:#52e7ff75;box-shadow:0 16px 36px #00000070,0 0 28px #52e7ff33}.feedback--hold strong{color:#72ebff;text-shadow:0 0 15px #52e7ff7a}.feedback--special{background:linear-gradient(105deg,#52e7ff2e,#976cff4d,#ff65a333),#0a0816f0;border-color:#ffe27ea8;min-width:188px;animation:.94s ease-out both special-feedback;box-shadow:0 16px 40px #0000007a,0 0 40px #9e6cff6b}.feedback--special strong{color:#fff0a9;text-shadow:0 0 18px #ffe1739e;font-size:19px}.feedback--special span{color:#fff}.feedback--miss{border-color:#ff5f7b66;animation:.52s ease-out both feedback-pop,.25s ease-out miss-shake}.feedback--miss strong{color:#ff5f7b;text-shadow:0 0 15px #ff5f7b66}.control-caption{color:#656c82;letter-spacing:.12em;text-align:center;justify-content:center;align-items:center;gap:8px;min-height:16px;margin:0;font-size:6px;font-weight:900;display:flex}.control-caption span{background:#ffffff26;width:12px;height:1px}.lane-controls{grid-template-columns:repeat(3,1fr);gap:8px;height:clamp(96px,13.5svh,116px);min-height:96px;display:grid}.lane-button{border:2px solid rgba(var(--lane-rgb), .5);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg, rgba(var(--lane-rgb), .17), rgba(var(--lane-rgb), .045) 46%, #06081066), #121525;min-width:0;box-shadow:0 7px 0 #02030a, 0 10px 24px #00000061, 0 0 22px rgba(var(--lane-rgb), .13), inset 0 1px 0 #ffffff21, inset 0 -12px 20px #0000002e;border-radius:20px;grid-template-rows:1fr;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:8px 7px;transition:transform 80ms,box-shadow 80ms,background 80ms;display:grid;position:relative;overflow:hidden}.lane-button:before{pointer-events:none;content:"";border:1px solid #ffffff0e;border-radius:14px;position:absolute;inset:5px}.lane-button:hover{background:linear-gradient(180deg, rgba(var(--lane-rgb), .24), rgba(var(--lane-rgb), .07) 48%, #0608106b), #141729}.lane-button.is-pressed,.lane-button:active{background:linear-gradient(180deg, rgba(var(--lane-rgb), .36), rgba(var(--lane-rgb), .12) 55%, #06081061), #15182a;box-shadow:0 2px 0 #02030a, 0 5px 14px #00000057, 0 0 34px rgba(var(--lane-rgb), .42), inset 0 0 22px rgba(var(--lane-rgb), .12);transform:translateY(5px)}.button-light{background:var(--lane-color);width:30%;height:3px;box-shadow:0 0 13px rgba(var(--lane-rgb), .9);border-radius:99px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.button-pad{z-index:1;color:#080a13;background:radial-gradient(circle at 34% 24%, #ffffffeb 0 6%, #ffffff40 7% 13%, transparent 14%), var(--lane-color);width:clamp(43px,11vw,54px);height:clamp(43px,11vw,54px);box-shadow:0 0 0 5px rgba(var(--lane-rgb), .11), 0 0 19px rgba(var(--lane-rgb), .48), inset 0 -7px 10px #00000029, inset 0 2px 4px #ffffff73;border:2px solid #ffffffab;border-radius:50%;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.button-pad:after{content:"";border:1px solid #00000021;border-radius:50%;position:absolute;inset:6px}.button-pad i{z-index:1;font-size:clamp(18px,5vw,24px);font-style:normal;font-weight:1000;line-height:1;position:relative}.lane-button.is-pressed .button-pad,.lane-button:active .button-pad{box-shadow:0 0 0 8px rgba(var(--lane-rgb), .13), 0 0 30px rgba(var(--lane-rgb), .75), inset 0 4px 12px #0000003b;transform:scale(.91)}.button-copy{z-index:1;flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:relative}.button-copy strong{letter-spacing:.05em;font-size:clamp(9px,2.8vw,12px);font-weight:1000}.button-copy small{color:#ffffff78;letter-spacing:.04em;text-overflow:ellipsis;margin-top:3px;font-size:clamp(5px,1.6vw,7px);font-weight:850;overflow:hidden}.lane-button kbd{color:#ffffff7a;background:#0000003b;border:1px solid #ffffff21;border-radius:6px;place-items:center;min-width:18px;height:18px;font-family:inherit;font-size:7px;font-weight:900;display:grid;position:absolute;bottom:6px;right:7px}.result-card{width:min(100%,480px)}.result-topline{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.result-topline>div:last-child{flex-direction:column;display:flex}.result-topline>div:last-child strong{letter-spacing:.04em;margin-top:4px;font-size:12px}.result-level{border:1px solid rgba(var(--difficulty-rgb), .34);color:var(--difficulty-color);letter-spacing:.06em;background:rgba(var(--difficulty-rgb), .07);border-radius:999px;margin-left:auto;padding:6px 8px;font-size:7px;font-weight:950}.result-card h1{z-index:2;text-align:left;text-transform:none;margin-top:27px;font-size:clamp(33px,10vw,48px);line-height:.94;position:relative}.result-message{z-index:2;margin:0;position:relative}.grade-row{z-index:2;background:radial-gradient(circle at 16%,#5de7ff21,#0000 30%),#ffffff06;border:1px solid #ffffff17;border-radius:23px;grid-template-columns:.74fr 1.26fr;min-height:128px;margin-top:24px;display:grid;position:relative;overflow:hidden}.grade,.score-total{flex-direction:column;justify-content:center;padding:17px;display:flex}.grade{border-right:1px solid #ffffff14;align-items:center}.grade span,.score-total span{color:#777d93;letter-spacing:.16em;font-size:8px;font-weight:900}.grade strong{color:#0000;filter:drop-shadow(0 0 16px rgba(var(--violet-rgb), .25));background:linear-gradient(145deg,#58e8ff,#a180ff 61%,#ff6ead);-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:72px;font-weight:1000;line-height:.88}.score-total strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;margin:5px 0 2px;font-size:clamp(25px,8vw,36px);overflow:hidden}.score-total small{color:#6f7488;font-size:8px}.result-stats{z-index:2;background:#ffffff06;border:1px solid #ffffff14;border-radius:20px;grid-template-columns:repeat(3,1fr);margin:22px 0;display:grid;position:relative;overflow:hidden}.result-stats div{border-bottom:1px solid #ffffff0f;border-right:1px solid #ffffff0f;flex-direction:column;justify-content:center;min-height:66px;padding:11px 7px;display:flex}.result-stats div:nth-child(3n){border-right:0}.result-stats div:nth-child(n+4){border-bottom:0}.result-stats span{color:#73788c;font-size:7px;font-weight:800}.result-stats strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:18px}.text-button{z-index:2;color:#747a90;cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:6px 10px;font-size:9px;display:block;position:relative}.text-button:hover{color:#fff}.result-card.is-lost .grade strong{background:linear-gradient(145deg,#ff9c70,#ff5f7b);-webkit-background-clip:text;background-clip:text}.landing.theme-ivory{background:radial-gradient(circle at 50% -10%,#d7a73d47,#0000 38%),radial-gradient(circle at 92% 66%,#9876ff2b,#0000 33%),radial-gradient(circle at 0 76%,#f6e8bb1a,#0000 31%),linear-gradient(160deg,#18150f 0%,#090a0d 52%,#171121 100%)}.landing.theme-sunlight{background:radial-gradient(circle at 83% 4%,#ffc35c59,#0000 31%),radial-gradient(circle at 8% 74%,#55d9ca1f,#0000 32%),radial-gradient(circle at 92% 80%,#ff704d24,#0000 30%),linear-gradient(158deg,#172432 0%,#071019 49%,#15100f 100%)}.theme-ivory .ambient-orb--one{background:#f6e8bb1f}.theme-ivory .ambient-orb--two{background:#9876ff24}.theme-sunlight .ambient-orb--one{background:#55d9ca1f}.theme-sunlight .ambient-orb--two{background:#ff704d29}.theme-ivory .intro-card,.theme-ivory .result-card{background:linear-gradient(145deg,#f6e8bb13,#0000 38%),#0d0c0eeb;border-color:#f6e8bb29}.theme-sunlight .intro-card,.theme-sunlight .result-card{background:linear-gradient(145deg,#ffc35c12,#0000 38%),#081018eb;border-color:#ffc35c29}.intro-card:after,.result-card:after{background:rgba(var(--theme-secondary-rgb), .2)}.brand-mark{background:linear-gradient(145deg, var(--theme-primary), var(--theme-secondary));box-shadow:0 9px 25px rgba(var(--theme-secondary-rgb), .3), inset 0 1px 0 #ffffff57}.mode-pill{border-color:rgba(var(--theme-primary-rgb), .28);color:var(--theme-primary);background:rgba(var(--theme-primary-rgb), .07);box-shadow:inset 0 0 18px rgba(var(--theme-primary-rgb), .05)}.hero-art:before{background:radial-gradient(circle, rgba(var(--theme-secondary-rgb), .15), transparent 66%)}.equalizer span{background:linear-gradient(var(--theme-primary), var(--theme-secondary))}.accent-text{color:var(--theme-primary)}.intro-copy h1 span{background:linear-gradient(92deg, var(--theme-primary) 8%, var(--theme-secondary) 51%, var(--theme-accent) 92%);-webkit-background-clip:text;background-clip:text}.primary-button{background:linear-gradient(110deg, var(--theme-primary), var(--theme-secondary) 53%, var(--theme-accent));box-shadow:0 15px 38px rgba(var(--theme-secondary-rgb), .28), inset 0 1px 0 #ffffff80}.primary-button:hover{box-shadow:0 18px 46px rgba(var(--theme-secondary-rgb), .36), inset 0 1px 0 #ffffff9e}.piano-emblem{z-index:1;background:linear-gradient(145deg,#ffffff1c,#0000 24%),linear-gradient(155deg,#242127 0%,#0d0d10 54%,#17131d 100%);border:1px solid #f6e8bb4d;border-radius:74px 18px 22px;width:178px;height:132px;animation:4.6s ease-in-out infinite piano-float;position:relative;box-shadow:0 26px 62px #00000094,0 0 46px #d7a73d3b,inset 0 1px #ffffff2e}.piano-emblem:before{content:"";background:linear-gradient(90deg,#8f6722,#f0c65f 50%,#74511a);border-radius:0 0 14px 14px;height:14px;position:absolute;bottom:-14px;left:45px;right:13px;box-shadow:0 8px 20px #00000080}.piano-lid{color:#f7efd7;letter-spacing:.14em;font-size:10px;font-weight:950;position:absolute;top:21px;left:22px}.piano-lid b{color:var(--theme-secondary)}.piano-keys{background:#f5f0df;border:2px solid #07070a;border-radius:5px 5px 10px 10px;grid-template-columns:repeat(8,1fr);height:48px;display:grid;position:absolute;bottom:10px;left:18px;right:11px;overflow:hidden}.piano-keys i{background:linear-gradient(#fffdf4,#d7ceb5);border-right:1px solid #120f0f73;position:relative}.piano-keys i:last-child{border-right:0}.piano-keys i:first-child:after,.piano-keys i:nth-child(2):after,.piano-keys i:nth-child(4):after,.piano-keys i:nth-child(5):after,.piano-keys i:nth-child(7):after{z-index:2;content:"";background:linear-gradient(90deg,#050507,#29252c,#050507);border-radius:0 0 4px 4px;width:9px;height:29px;position:absolute;top:0;right:-5px;box-shadow:0 3px 4px #0000008c}.piano-emblem>strong{color:var(--theme-primary);text-shadow:0 0 18px rgba(var(--theme-primary-rgb), .46);font-size:33px;position:absolute;top:13px;right:18px;transform:rotate(7deg)}.sun-emblem{z-index:1;background:radial-gradient(circle, rgba(var(--theme-primary-rgb), .23), transparent 63%);filter:drop-shadow(0 24px 28px #0000006b);border-radius:50%;place-items:center;width:154px;height:154px;animation:4.2s ease-in-out infinite sun-pulse;display:grid;position:relative}.sun-rays{background:repeating-conic-gradient(from 6deg, rgba(var(--theme-primary-rgb), .72) 0deg 3deg, transparent 3deg 15deg);border-radius:50%;animation:28s linear infinite sun-spin;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 42%,#000 43% 70%,#0000 71%);mask-image:radial-gradient(circle,#0000 0 42%,#000 43% 70%,#0000 71%)}.steel-ring{width:94px;height:94px;box-shadow:0 0 0 4px #ff704db8, 0 0 42px rgba(var(--theme-primary-rgb), .48), inset 0 0 18px #000000b3;background:radial-gradient(circle at 36% 29%,#ffffff57,#0000 13%),linear-gradient(145deg,#2e3a42,#0d161d 58%,#32434a);border:7px solid #b8c5ca;border-radius:50%;place-items:center;display:grid;position:relative}.steel-ring:before,.steel-ring:after{content:"";background:#eef7f5;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 2px #5c6a6e}.steel-ring:before{top:8px}.steel-ring:after{bottom:8px}.steel-ring b{color:#fff4d4;letter-spacing:-.08em;text-shadow:0 0 18px rgba(var(--theme-primary-rgb), .48);font-size:24px;font-weight:1000}.song-picker{z-index:2;margin-top:22px;position:relative}.song-picker .section-heading>b{border-color:rgba(var(--theme-primary-rgb), .36);color:var(--theme-primary);background:rgba(var(--theme-primary-rgb), .08)}.song-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.song-option{color:#fff;cursor:pointer;background:radial-gradient(circle at 50% 0%, rgba(var(--theme-primary-rgb), .12), transparent 54%), #ffffff06;border:1px solid #ffffff16;border-radius:18px;grid-template-rows:49px auto;place-items:center;gap:7px;min-width:0;min-height:102px;padding:10px 7px 8px;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;display:grid;position:relative;overflow:hidden}.song-option:hover{border-color:rgba(var(--theme-primary-rgb), .42);transform:translateY(-2px)}.song-option.is-selected{border-color:rgba(var(--theme-primary-rgb), .78);background:linear-gradient(145deg, rgba(var(--theme-primary-rgb), .16), rgba(var(--theme-secondary-rgb), .06)), #ffffff09;box-shadow:0 0 24px rgba(var(--theme-primary-rgb), .15), inset 0 1px 0 #ffffff17}.song-option.is-selected:after{content:"";background:var(--theme-primary);width:6px;height:6px;box-shadow:0 0 11px var(--theme-primary);border-radius:50%;position:absolute;top:8px;right:8px}.song-option>span:last-child{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.song-option>span:last-child strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;font-weight:950;line-height:1.15;display:-webkit-box;overflow:hidden}.song-option>span:last-child small{color:#ffffff6e;white-space:nowrap;margin-top:4px;font-size:6px}.track-cover{background:linear-gradient(145deg, var(--theme-primary), var(--theme-secondary) 58%, var(--theme-accent));width:48px;height:48px;box-shadow:0 7px 18px rgba(var(--theme-primary-rgb), .2);border:1px solid #ffffff42;border-radius:15px;place-items:center;display:grid;position:relative;overflow:hidden}.track-cover:before{content:"";border:1px solid #05070c38;border-radius:11px;position:absolute;inset:5px}.track-cover b{z-index:2;color:#080a12;letter-spacing:-.06em;font-size:11px;font-weight:1000;position:relative}.track-cover i{background:#fff;border:1px solid #05070c99;border-radius:50%;width:6px;height:6px;position:absolute;bottom:5px;right:5px}.track-cover--vinyl,.track-cover--vinyl:before{border-radius:50%}.track-cover--piano{background:repeating-linear-gradient(90deg,#f5edda 0 7px,#423d42 7px 8px),#f5edda}.track-cover--piano b{color:#fff8df;background:#0a090cd6;border-radius:7px;padding:5px}.track-cover--sun{background:repeating-conic-gradient(from 0deg, var(--theme-primary) 0deg 11deg, var(--theme-secondary) 11deg 20deg);border-radius:50%}.track-cover--sun:before{background:#17252b;border-radius:50%;inset:10px}.mini-cover--piano{background:repeating-linear-gradient(90deg,#f5edda 0 7px,#4a4246 7px 8px),#f5edda;box-shadow:0 8px 24px #d7a73d3d}.mini-cover--piano span{color:#fff9e3;background:#0a090cd1;border-radius:6px;padding:4px}.mini-cover--sun{background:repeating-conic-gradient(#ffc35c 0deg 12deg,#ff704d 12deg 21deg);border-radius:50%;box-shadow:0 8px 24px #ff974c3d}.mini-cover--sun:before{background:#14242c;border-radius:50%;inset:9px}.mini-cover--sun span{color:#fff4d6}.game-page.theme-ivory{background:radial-gradient(circle at 50% -12%,#d7a73d45,#0000 38%),radial-gradient(circle at 8% 76%,#f6e8bb12,#0000 30%),radial-gradient(circle at 92% 78%,#9876ff17,#0000 30%),linear-gradient(#18150f 0%,#08090c 61%,#120e16 100%)}.game-page.theme-sunlight{background:radial-gradient(circle at 78% -9%,#ffc35c4a,#0000 36%),radial-gradient(circle at 7% 75%,#55d9ca17,#0000 31%),radial-gradient(circle at 94% 76%,#ff704d1a,#0000 29%),linear-gradient(#152532 0%,#071019 61%,#130e0d 100%)}.game-page.theme-ivory:not(.is-special) .song-progress span,.game-page.theme-sunlight:not(.is-special) .song-progress span{background:linear-gradient(90deg, var(--theme-primary), var(--theme-secondary) 54%, var(--theme-accent));box-shadow:0 0 14px rgba(var(--theme-primary-rgb), .64)}.game-page.theme-ivory:not(.is-special) .rhythm-stage{border-color:rgba(var(--theme-primary-rgb), .2);background:linear-gradient(#d7a73d1a,#0000 31%),linear-gradient(#15130f 0%,#0b0b0e 62%,#0c0910 100%);box-shadow:0 22px 65px #0000007a,0 0 38px #d7a73d14}.game-page.theme-sunlight:not(.is-special) .rhythm-stage{border-color:rgba(var(--theme-primary-rgb), .2);background:linear-gradient(#ff8f4b1c,#0000 33%),linear-gradient(#11232e 0%,#08121a 62%,#0c0c10 100%);box-shadow:0 22px 65px #00000078,0 0 38px #ff9a4c14}.theme-ivory .rhythm-stage:before,.theme-sunlight .rhythm-stage:before{background:rgba(var(--theme-primary-rgb), .11)}.theme-ivory .stage-glow,.theme-sunlight .stage-glow{box-shadow:0 0 70px 30px rgba(var(--theme-primary-rgb), .22)}.theme-ivory .hit-beam,.theme-sunlight .hit-beam{box-shadow:0 0 9px #ffffff8c, 0 0 24px rgba(var(--theme-primary-rgb), .45)}.theme-ivory .apex-panel,.theme-sunlight .apex-panel{border-color:rgba(var(--theme-primary-rgb), .22);background:linear-gradient(90deg, rgba(var(--theme-primary-rgb), .06), rgba(var(--theme-secondary-rgb), .1), rgba(var(--theme-accent-rgb), .06)), #ffffff05}.theme-ivory .apex-track>span,.theme-sunlight .apex-track>span{background:linear-gradient(90deg, var(--theme-primary), var(--theme-secondary) 52%, var(--theme-accent));box-shadow:0 0 14px rgba(var(--theme-primary-rgb), .58)}.track-stage-motif{z-index:0;pointer-events:none;opacity:.2;position:absolute;inset:0;overflow:hidden}.track-stage-motif--vinyl{background:repeating-radial-gradient(circle at 50% 4%, transparent 0 24px, rgba(var(--theme-secondary-rgb), .22) 25px 26px);-webkit-mask-image:linear-gradient(#000,#0000 60%);mask-image:linear-gradient(#000,#0000 60%)}.track-stage-motif--piano{opacity:.22;transform-origin:top;background:repeating-linear-gradient(90deg,#f6e8bb61 0 8.5%,#09090c80 8.5% 9.5%),#f6e8bb0d;border:1px solid #f6e8bb47;border-radius:0 0 22px 22px;width:68%;height:63%;top:-14%;left:50%;transform:translate(-50%)perspective(220px)rotateX(-16deg);box-shadow:0 0 35px #d7a73d33}.track-stage-motif--sun{opacity:.28;background:radial-gradient(circle,#ffc35c70 0 21%,#0000 22% 32%,#ff704d2b 33% 35%,#0000 36%),repeating-conic-gradient(#ffc35c40 0deg 2deg,#0000 2deg 12deg);border-radius:50%;width:310px;height:310px;animation:38s linear infinite stage-sun-spin;top:-115px;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(circle,#000 0 67%,#0000 68%);mask-image:radial-gradient(circle,#000 0 67%,#0000 68%)}.theme-ivory .grade strong,.theme-sunlight .grade strong{background:linear-gradient(145deg, var(--theme-primary), var(--theme-secondary) 61%, var(--theme-accent));filter:drop-shadow(0 0 16px rgba(var(--theme-primary-rgb), .25));-webkit-background-clip:text;background-clip:text}@keyframes piano-float{0%,to{transform:translateY(2px)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@keyframes sun-spin{to{transform:rotate(360deg)}}@keyframes stage-sun-spin{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}@keyframes sun-pulse{0%,to{transform:translateY(2px)scale(.98)}50%{transform:translateY(-4px)scale(1.03)}}@keyframes disc-float{0%,to{transform:translateY(2px)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes equalize{0%{opacity:.55;transform:scaleY(.45)}to{opacity:1;transform:scaleY(1)}}@keyframes how-note{0%,14%{opacity:.35;transform:translateY(-4px)}66%,82%{opacity:1;transform:translateY(27px)}to{opacity:0;transform:translateY(32px)scale(1.12)}}@keyframes speed-line{0%{transform:translateY(0)}to{transform:translateY(360%)}}@keyframes count-pop{0%{opacity:0;transform:scale(1.6)}28%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.74)}}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%,-43%)scale(.74)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}76%{opacity:1;transform:translate(-50%,-53%)scale(1)}to{opacity:0;transform:translate(-50%,-68%)scale(.96)}}@keyframes miss-shake{0%,to{margin-left:0}30%{margin-left:-8px}65%{margin-left:8px}}@keyframes apex-star{0%{transform:rotate(-10deg)scale(.9)}to{transform:rotate(10deg)scale(1.12)}}@keyframes hold-note-pulse{0%{transform:translate(-50%,-50%)scale(.98)}to{transform:translate(-50%,-50%)scale(1.06)}}@keyframes double-note-pulse{0%{filter:brightness()}to{filter:brightness(1.18)saturate(1.18)}}@keyframes special-frame{0%{border-color:#ffe37e1f;box-shadow:inset 0 0 45px #70e1ff1f}to{border-color:#ffe37e52;box-shadow:inset 0 0 75px #a763ff4d}}@keyframes special-stage{0%{filter:saturate()}to{filter:saturate(1.18)brightness(1.04)}}@keyframes special-feedback{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)rotate(-4deg)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.05)rotate(1deg)}76%{opacity:1;transform:translate(-50%,-54%)scale(1)}to{opacity:0;transform:translate(-50%,-72%)scale(.94)}}@keyframes editor-ring{0%{opacity:.48;transform:scale(.94)}75%,to{opacity:0;transform:scale(1.26)}}@keyframes editor-rec-pulse{0%{opacity:.45;transform:scale(.88)}to{opacity:1;transform:scale(1.12)}}@media (width<=410px){.landing{padding:13px}.intro-card,.result-card,.editor-card{border-radius:28px;padding:21px}.editor-entry-button{grid-template-columns:39px 1fr}.editor-entry-icon{width:39px;height:39px}.editor-entry-button>b,.editor-level-badge{display:none}.editor-header .mini-cover{width:38px;height:38px}.editor-copy{margin-top:21px}.editor-speed-panel{flex-direction:column;align-items:stretch}.editor-speed-options{width:100%}.editor-speed-options button{flex:1}.editor-tap-button{width:min(196px,68vw);margin-top:22px;padding:24px}.editor-tap-button>strong{font-size:13px}.editor-rhythm-stage{border-radius:20px;height:330px;min-height:330px}.editor-stage-topbar b{display:none}.editor-lane-controls{height:96px}.editor-lane-button{min-height:90px}.editor-hold-tip{margin-top:10px}.editor-sync-nudge{grid-template-columns:53px 1fr 53px}.editor-sync-nudge>button{font-size:7px}.editor-tools button{flex-direction:column;gap:1px}.editor-save-actions{grid-template-columns:1fr}.hero-art{height:158px;margin-top:13px}.record-disc{width:134px;height:134px}.piano-emblem{width:162px;height:120px}.sun-emblem{width:140px;height:140px}.song-grid{gap:6px}.song-option{border-radius:15px;min-height:96px;padding-left:4px;padding-right:4px}.song-option>span:last-child strong{font-size:7px}.track-cover{width:44px;height:44px}.equalizer{right:3%}.how-to{margin-top:18px}.mechanic-cards>div{gap:8px;padding:8px}.mechanic-cards p small{font-size:6px}.lane-button{grid-template-columns:1fr;place-items:center;gap:3px;padding:8px 4px 6px}.button-copy{align-items:center}.button-copy small{display:none}.lane-button kbd{bottom:5px;right:5px}}@media (height<=680px){.game-shell{gap:5px;min-height:500px;padding-top:7px;padding-bottom:7px}.game-header{min-height:39px}.mini-cover{border-radius:12px;width:38px;height:38px}.combo-panel,.score-panel,.sintonia-panel{min-height:51px}.apex-panel{min-height:30px;padding-top:4px;padding-bottom:4px}.rhythm-stage{min-height:230px}.lane-controls{height:86px;min-height:86px}.button-pad{width:42px;height:42px}}@media (width>=720px) and (height>=760px){.game-shell{gap:10px;padding-left:18px;padding-right:18px}.combo-panel,.score-panel,.sintonia-panel{min-height:66px}.rhythm-stage{border-radius:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}