@charset "UTF-8";
/* Abakam's existing channel art and album covers. Gameplay accents remain song-specific. */
:root{--accent:#8dffb1;--rgb:141,255,177;--ink:#eef3ef;--muted:#8e9d99;--bg:#080c13;color-scheme:dark;font-family:Inter,"Segoe UI","Yu Gothic UI",Meiryo,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100svh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}button:focus:not(:focus-visible),canvas:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 5%,rgba(var(--rgb),.055),transparent 40%);z-index:-1}.site-header{height:104px;max-width:1392px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{text-decoration:none;color:var(--ink);display:flex;gap:12px;align-items:center;font-size:19px;font-weight:750;letter-spacing:1.2px}.brand strong{font-weight:350;color:var(--accent)}.brand-mark{font-size:40px;line-height:1;color:var(--accent);transform:skew(-12deg)}.header-note{font-size:10px;font-weight:650;letter-spacing:1.9px;color:#a0aaa8;display:flex;align-items:center;gap:10px}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px rgba(var(--rgb),.5)}.version{margin-left:8px;border:1px solid #2b333a;padding:5px 6px;border-radius:4px;font-size:10px;letter-spacing:0}.layout{max-width:1280px;margin:10px auto 0;display:grid;grid-template-columns:420px minmax(0,1fr);gap:64px;padding:0 24px;align-items:start}.library{padding:23px 0 0}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.4px;color:var(--accent);margin:0 0 18px}h1{font-size:clamp(32px,3.1vw,44px);font-weight:700;letter-spacing:.025em;line-height:1.55;margin:0}h1 span{color:var(--accent)}.intro-copy{font-size:13px;line-height:1.95;color:#a5b1ae;margin:18px 0 30px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.section-title h2{font-size:10px;letter-spacing:2px;font-weight:600;margin:0}.section-title>span{font-size:9px;color:#687976;letter-spacing:1px}.track-list{display:grid;gap:10px}.track-card{display:grid;grid-template-columns:66px 1fr 18px;gap:15px;align-items:center;width:100%;padding:12px;background:#10161d;border:1px solid #222b32;border-radius:13px;text-align:left;transition:background .2s,border-color .2s,transform .2s;min-height:92px}.track-card:hover{background:#151e24;transform:translateY(-1px)}.track-card[aria-pressed=true]{border-color:rgba(var(--rgb),.65);background:linear-gradient(110deg,rgba(var(--rgb),.085),#10171d 75%);box-shadow:0 0 0 1px rgba(var(--rgb),.04)}.cover{height:66px;position:relative;overflow:hidden;border-radius:7px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#2f7657,#0c2219 70%);box-shadow:inset 0 0 0 1px #ffffff0c}.cover:before,.cover:after{content:"";position:absolute;width:65px;height:65px;border:1px solid #8dffb163;transform:rotate(45deg);border-radius:12px}.cover:after{width:35px;height:35px;border-color:#d0ffba66}.cover .symbol{font-family:Georgia,serif;font-size:35px;color:#d1ffd9;text-shadow:0 0 20px #77ffaa;z-index:1}.cover.toothless{background:radial-gradient(circle at 60% 30%,#423465,#161028 75%)}.cover.toothless:before{border-color:#c3a4ff88;border-radius:50%;width:42px;height:42px;transform:rotate(-30deg);border-width:1px 1px 5px}.cover.toothless:after{border-color:#c3a4ff55;border-radius:50%;width:70px;height:70px}.cover.toothless .symbol{color:#e4d5ff;font-size:28px;transform:rotate(-20deg);text-shadow:0 0 20px #b482ff}.track-info{min-width:0}.track-character{display:block;font-size:9px;letter-spacing:1.6px;color:#a4b5af;text-transform:uppercase;margin-bottom:6px}.track-name{display:block;font-size:14px;line-height:1.45;font-weight:650}.track-meta{display:block;font-size:10px;color:#81918b;margin-top:6px}.selected-dot{width:14px;height:14px;border:1px solid #45514b;border-radius:50%;display:block}.track-card[aria-pressed=true] .selected-dot{border:4px solid var(--accent);box-shadow:0 0 8px rgba(var(--rgb),.15)}.play-settings{margin-top:22px}.setting-label{font-size:11px;display:flex;justify-content:space-between;color:#acb8b1}.setting-label>span{font-size:10px;letter-spacing:.8px;color:var(--accent);font-variant-numeric:tabular-nums}.difficulty{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 16px}.difficulty button{padding:11px;background:transparent;border:1px solid #293139;border-radius:7px;font-size:10px;letter-spacing:1px;color:#91a19a}.difficulty button span{font-size:10px;letter-spacing:0;margin-left:6px;opacity:.75}.difficulty button[aria-pressed=true]{color:var(--accent);background:rgba(var(--rgb),.07);border-color:rgba(var(--rgb),.4)}.primary,.secondary{width:100%;min-height:50px;border-radius:8px;border:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.04em}.primary{background:var(--accent);color:#0a1a13;box-shadow:0 4px 24px rgba(var(--rgb),.09);transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.start-arrow{margin-left:auto;font-size:20px;font-weight:400}#start{padding:0 20px}#start>span:first-child{font-size:12px}#start-label{margin:auto}.secondary{border:1px solid #47544c;background:#ffffff08;color:var(--ink);margin-top:10px}.load-status{text-align:center;color:#7f9188;font-size:10px;margin:10px 0 0;min-height:15px}.how-to{border-top:1px solid #222c30;margin:25px 0 0;font-size:11px}.how-to summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:17px 0;color:#a7b5ad}.how-to summary::-webkit-details-marker{display:none}.how-body{padding:0 0 10px;color:#8d9f96;line-height:1.9}.how-body p{margin:0 0 15px}.how-body label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:10px}.how-body input{width:46%;accent-color:var(--accent)}output{min-width:40px;text-align:right}.fine{font-size:10px!important;line-height:1.7;color:#91a098}.prototype-note{font-size:10px;line-height:1.8;color:#687d72;margin:0 0 10px}.stage{position:relative;width:100%;height:min(760px,calc(100svh - 140px));min-height:580px;border:1px solid #2b333d;border-radius:20px;overflow:hidden;background:#080e17;box-shadow:0 25px 90px #0006;isolation:isolate}#game{display:block;width:100%;height:100%;touch-action:none;user-select:none;cursor:grab}#game:active{cursor:grabbing}.stage-top{position:absolute;top:0;left:0;right:0;padding:25px;display:flex;align-items:flex-start;gap:9px;pointer-events:none}.stage-identity{flex:1;min-width:0}.stage-identity span{display:block;font-size:9px;letter-spacing:2px;color:var(--accent);margin-bottom:7px}.stage-identity strong{display:block;font-size:12px;font-weight:500;color:#c4cfc9}.icon-button{pointer-events:auto;width:34px;height:34px;flex-shrink:0;background:#ffffff08;border:1px solid #ffffff16;border-radius:50%;font-size:15px;display:grid;place-items:center;backdrop-filter:blur(10px)}.hud{position:absolute;top:92px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none}.hud>div>span{display:block;font-size:8px;letter-spacing:2px;color:#92a69c}.hud strong{display:block;font-size:25px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:2px;margin-top:4px}.combo-block{text-align:right}.combo-block strong{font-size:28px;color:var(--accent);margin-top:0}.combo-block span{font-size:8px!important}.idle-caption{position:absolute;inset:28% 0 auto;text-align:center;pointer-events:none}.orbit-label{font-size:9px;letter-spacing:4px;color:var(--accent);opacity:.65}.slide-icon{margin:17px 0 12px;font-size:24px;letter-spacing:12px;color:#c9ded4}.slide-icon>span{font-size:16px;color:var(--accent)}.idle-caption p{font-size:11px;color:#8ca298;letter-spacing:.07em}.stage-bottom{position:absolute;left:25px;right:25px;bottom:23px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#8b9e95;pointer-events:none}.progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff08}.progress-track>div{height:100%;width:0;background:var(--accent);box-shadow:0 0 10px var(--accent)}.judgement{position:absolute;top:48%;left:0;right:0;text-align:center;font-size:16px;font-weight:650;letter-spacing:4px;pointer-events:none;color:var(--accent);opacity:0;transition:opacity .15s}.judgement.visible{opacity:1}.judgement.miss{color:#ffadac}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:100px;font-weight:250;color:var(--accent);text-shadow:0 0 40px rgba(var(--rgb),.5);pointer-events:none}.overlay{position:absolute;inset:0;z-index:5;background:#050a13c9;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:24px}.overlay-card{text-align:center;width:100%;max-width:340px}.overlay-card h2{font-size:25px;font-weight:550;line-height:1.4;margin:0 0 12px}.overlay-card>p{font-size:12px;color:#9eb0a5;line-height:1.7}.overlay-card .primary{margin-top:28px}.text-button{border:0;background:transparent;padding:17px;color:#98aaa1;font-size:11px}.rank{font-family:Georgia,serif;font-style:italic;font-size:90px;line-height:1.15;color:var(--accent);text-shadow:0 0 60px rgba(var(--rgb),.25)}.result-card h2{font-size:16px;margin-top:4px}.result-card .eyebrow{margin-bottom:4px}.new-best{font-size:9px!important;letter-spacing:2px;color:var(--accent)!important}.result-score{font-size:40px;font-weight:400;letter-spacing:3px;font-variant-numeric:tabular-nums;display:block;margin:15px 0 20px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:17px 0;gap:10px}.result-stats strong{font-size:20px;font-weight:450;display:block}.result-stats span{font-size:8px;color:#95a59c;display:block;margin-top:8px;letter-spacing:1px}.touch-controls{position:absolute;bottom:60px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.touch-controls button{pointer-events:auto;border:1px solid #ffffff22;background:#09121a99;border-radius:50%;width:46px;height:46px;color:#b4c5bb;font-size:21px;touch-action:none;user-select:none}.touch-controls span{font-size:8px;letter-spacing:2px;color:#8fa29788;opacity:0;transition:opacity .3s}.stage:hover .touch-controls span{opacity:1}footer{max-width:1280px;padding:35px 24px 30px;margin:auto;display:flex;gap:20px;font-size:9px;letter-spacing:1.4px;color:#60746a}footer>span:last-child{margin-left:auto}footer>span:first-child{letter-spacing:.08em}body.playing .library{opacity:.8}body.playing .intro{opacity:.6}body.playing .track-card,body.playing .difficulty{pointer-events:none;opacity:.6}body.playing #start{visibility:hidden}body.playing #load-status{visibility:hidden}
@media(min-width:1450px){.layout{gap:90px;grid-template-columns:435px minmax(0,1fr)}}
@media(max-width:1000px){.site-header{padding:0 28px;height:88px}.layout{grid-template-columns:340px minmax(0,1fr);gap:28px}.stage{min-height:610px;height:calc(100svh - 120px)}h1{font-size:35px}.track-card{grid-template-columns:54px 1fr 14px;gap:10px}.cover{height:54px}.track-name{font-size:12px}.track-character{font-size:8px}.header-note{font-size:8px}.library{padding-top:12px}}
@media(max-width:720px){.site-header{height:78px;padding:0 23px}.brand{font-size:16px}.brand-mark{font-size:33px}.header-note{font-size:7px;letter-spacing:1px;gap:5px}.version{display:none}.layout{display:flex;flex-direction:column;padding:0 22px;gap:22px;margin:0}.library{width:100%;padding:10px 0 0}.intro .eyebrow{font-size:8px;margin-bottom:11px}h1{font-size:32px;line-height:1.45}.intro-copy{font-size:11px;margin:12px 0 25px}.track-card{grid-template-columns:62px 1fr 18px;padding:10px 12px;min-height:88px;gap:14px}.cover{height:62px}.track-name{font-size:13px}.track-character{font-size:9px}.play-settings{margin-top:19px}.primary{min-height:52px}.how-to{margin-top:21px}.prototype-note{font-size:9px}.stage{height:420px;min-height:420px;border-radius:16px}.stage-top{padding:21px}.stage-identity strong{font-size:11px}.idle-caption{top:28%}.stage-bottom{font-size:7px;left:20px;right:20px}footer{padding:25px 22px;font-size:8px;gap:12px}footer>span:last-child{display:none}body.playing{overflow:hidden}body.playing .site-header,body.playing .library,body.playing footer{display:none}body.playing .layout{padding:0;margin:0}body.playing .stage{position:fixed;inset:0;height:100svh;min-height:0;border-radius:0;border:0;width:100%;z-index:30}body.playing .stage-top{padding-top:calc(22px + env(safe-area-inset-top));padding-left:22px;padding-right:22px}body.playing .stage-bottom{bottom:calc(22px + env(safe-area-inset-bottom))}body.playing .touch-controls{bottom:calc(58px + env(safe-area-inset-bottom))}.hud{top:calc(90px + env(safe-area-inset-top));left:22px;right:22px}.hud strong{font-size:24px}.overlay{padding:25px}.overlay-card h2{font-size:24px}.result-card h2{font-size:16px}.result-score{font-size:34px}.result-card .primary{margin-top:18px}.rank{font-size:72px}.result-stats{padding:14px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.ambient{display:none}}
.header-right{display:flex;align-items:center;gap:22px}#language{font:inherit;font-size:11px;color:#c9d9d0;background:#111a20;border:1px solid #32413a;border-radius:6px;padding:8px 9px;cursor:pointer}.difficulty{grid-template-columns:repeat(3,minmax(0,1fr))}.difficulty button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 5px}.difficulty button span{margin-left:0;font-size:9px;letter-spacing:0;white-space:nowrap}.difficulty button[data-diff=hard][aria-pressed=true]{border-color:#ffb29c80;color:#ffc8b8;background:#ff9b7010}.difficulty-hint{font-size:10px;line-height:1.6;color:#d4a999;margin:-5px 0 13px}.sfx-settings{border-top:1px solid #26312f;border-bottom:1px solid #26312f;margin:15px 0;padding:0 0 10px}.sfx-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 8px}.sfx-preview button{font:inherit;font-size:9px;letter-spacing:.5px;padding:9px 3px;border:1px solid #3c4e43;background:#12231b;border-radius:5px;color:var(--accent)}.sfx-preview button:active{background:rgba(var(--rgb),.2)}.sfx-settings .fine{margin:6px 0 0}.stage-identity .stage-mode{display:inline-block;font-size:8px;letter-spacing:1px;color:#a2b5a7;border:1px solid #ffffff22;border-radius:4px;padding:3px 5px;margin:9px 0 0}.result-mode{display:inline-block;margin:0 0 5px;color:var(--accent);font-size:9px;letter-spacing:1.8px}.hud{top:112px}html[lang=en] h1{font-size:clamp(29px,2.85vw,40px);letter-spacing:-.035em;line-height:1.4}.setting-label>span:first-child{font-size:11px;letter-spacing:0;color:#acb8b1}.how-body label>span{min-width:90px}.how-body label input{min-width:0}.prototype-note{margin-top:0}
@media(max-width:1000px){html[lang=en] h1{font-size:33px}.header-right{gap:13px}.header-note{font-size:8px;letter-spacing:1px}}
@media(max-width:720px){.header-note{display:none}.header-right{gap:0}#language{font-size:10px;padding:7px 8px}html[lang=en] h1{font-size:32px}.stage-identity .stage-mode{margin-top:8px}.hud{top:calc(112px + env(safe-area-inset-top))}.result-mode{margin-bottom:3px}.how-body label>span{min-width:90px}.how-body label input{max-width:46%}}
.pack-nav{font:inherit;font-size:11px;color:var(--accent);border:1px solid rgba(var(--rgb),.3);background:rgba(var(--rgb),.06);border-radius:6px;padding:8px 12px;white-space:nowrap}.pack-teaser{border:1px solid #38423a;border-radius:12px;padding:18px;margin-top:24px;background:linear-gradient(120deg,#8dffb109,#b6a0ff0d)}.pack-teaser-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.pack-teaser .eyebrow{font-size:8px;letter-spacing:1px;margin:0}.pack-teaser-top>span:last-child{font-size:8px;color:#b7cbb9;letter-spacing:.5px}.pack-teaser h2{font-size:18px;font-weight:550;letter-spacing:-.02em;margin:14px 0 6px}.pack-teaser p{font-size:11px;color:#a0b2a5;line-height:1.6;margin:0 0 14px}.pack-teaser .secondary{min-height:39px;font-size:11px;margin:0}.pack-dialog{padding:0;width:min(760px,calc(100vw - 36px));max-width:none;max-height:calc(100svh - 40px);border:1px solid #34413a;border-radius:19px;background:#0c141a;color:var(--ink);box-shadow:0 35px 100px #0009;overflow:hidden}.pack-dialog::backdrop{background:#03080bce;backdrop-filter:blur(12px)}.pack-close{position:absolute;right:17px;top:17px;z-index:2;font-size:21px}.pack-content{padding:40px;max-height:calc(100svh - 42px);overflow:auto;overscroll-behavior:contain}.pack-content h2{font-size:32px;font-weight:600;letter-spacing:-.04em;line-height:1.2;margin:15px 0}.pack-content h3{font-weight:550}.pack-content .eyebrow{font-size:9px;letter-spacing:1.4px;padding-right:40px}.pack-lead{font-size:13px;line-height:1.85;color:#a5b6ac;max-width:560px}.pack-features{font-size:10px;line-height:1.7;color:var(--accent);letter-spacing:.35px;margin:17px 0 24px}.pack-hero-art{height:94px;display:flex;align-items:center;justify-content:center;gap:42px;margin-top:10px;background:radial-gradient(ellipse at 25% 50%,#62ce9b22,transparent 45%),radial-gradient(ellipse at 80% 60%,#ffb37c1b,transparent 45%);border:1px solid #ffffff0b;border-radius:12px}.pack-hero-art>span{font-family:Georgia,serif;font-size:52px;color:#8dffb1;text-shadow:0 0 35px #8dffb144}.pack-hero-art>span:last-child{color:#ffb37c;text-shadow:0 0 35px #ffb37c44}.pack-hero-art>i{font-style:normal;font-size:16px;color:#6f8177}.pack-tracks{border-top:1px solid #29392f}.pack-track{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:15px;align-items:center;padding:22px 0;border-bottom:1px solid #29392f}.pack-number{font-size:10px;color:#718c7c;align-self:start;margin-top:4px}.pack-track h3{font-size:15px;line-height:1.4;margin:5px 0}.pack-track p{font-size:9px;color:#7e9487;margin:5px 0 0;line-height:1.5}.pack-track-action{font:inherit;font-size:10px;color:var(--accent);padding:11px 12px;border:1px solid #526956;background:#8dffb109;border-radius:6px;white-space:nowrap}.pack-track-action>span{margin-left:10px}.trial-difficulty{display:flex;align-items:center;gap:15px;font-size:11px;color:#9db5a5;margin:21px 0}.trial-difficulty select{font:inherit;padding:7px 12px;border:1px solid #3f5747;border-radius:6px;background:#14241a;color:#c8e2ce}.pack-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:25px 0 16px}.pack-bottom>div{flex-shrink:0}.pack-bottom .primary{max-width:330px;font-size:12px}.pack-eyebrow{display:block;font-size:9px;color:#8ca895;letter-spacing:1px;line-height:1.6}.pack-bottom strong{font-size:29px;font-weight:450;display:block;margin-top:5px}.demo-notice{font-size:11px;line-height:1.8;color:#d7cba0;background:#d4c36909;border:1px solid #b3a66c25;border-radius:6px;padding:11px 13px;margin:15px 0}.pack-storage{font-size:10px;line-height:1.8;color:#7f9c8a}.pack-back{padding-left:0;padding-top:0;font-size:11px}.checkout-summary{background:#080f14;border:1px solid #2a3b30;border-radius:12px;padding:23px;margin:25px 0}.checkout-summary h3{font-size:20px;margin:10px 0 20px}.checkout-summary>p{font-size:12px;line-height:1.7;color:#ccd9ce;margin:10px 0}.checkout-summary>p>span{font-size:10px;color:#7f9a88}.checkout-line{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0 0;margin-top:22px;border-top:1px solid #283e2e;font-size:12px;color:#8fa999}.checkout-line strong{font-size:17px;font-weight:500;color:#d1dbd2}.checkout-line.due{margin-top:16px;padding-top:16px}.checkout-line.due strong{color:var(--accent);font-size:19px}.purchase-success{text-align:center;padding:15px 0 0}.purchase-success .eyebrow{padding-right:0}.unlock-symbol{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#8dffb111;border:1px solid #8dffb15e;color:var(--accent);font-size:31px;margin:0 auto 27px}.purchase-songs{display:flex;flex-direction:column;gap:10px;border-top:1px solid #2c3e30;border-bottom:1px solid #2c3e30;margin:25px 0;padding:20px;font-size:13px;line-height:1.6}.purchase-success .primary{margin-top:25px}.reset-demo{font-size:10px;text-decoration:underline;color:#7e9584;padding-left:0}.purchase-success .reset-demo{padding:20px 0 0}.result-card #result-pack{font-size:11px}.result-card #result-pack:not([hidden])~#retry{min-height:39px;background:#ffffff08;border:1px solid #47544c;color:var(--ink);margin-top:9px;box-shadow:none}.result-card #trial-result-note{margin:13px 0 0}.result-card #result-pack:not([hidden]){margin-top:17px}body.playing .pack-teaser,body.playing .pack-nav{pointer-events:none;opacity:.6}
@media(max-width:720px){.header-right{gap:9px}.pack-nav{font-size:10px;padding:7px 8px}.pack-dialog{width:calc(100vw - 22px);max-height:calc(100svh - 22px);border-radius:14px}.pack-content{padding:30px 21px;max-height:calc(100svh - 24px)}.pack-content h2{font-size:27px}.pack-close{top:12px;right:12px;width:30px;height:30px}.pack-lead{font-size:12px}.pack-hero-art{height:75px}.pack-hero-art>span{font-size:42px}.pack-track{grid-template-columns:22px minmax(0,1fr);gap:8px 10px;padding:18px 0}.pack-track-action{grid-column:2;justify-self:start;font-size:10px;padding:10px}.pack-track h3{font-size:14px}.pack-bottom{flex-direction:column;align-items:stretch;gap:15px}.pack-bottom .primary{max-width:none}.pack-bottom>div{display:flex;align-items:center;justify-content:space-between}.pack-bottom strong{margin:0;font-size:25px}.pack-eyebrow{font-size:8px}.checkout-summary{padding:17px}.checkout-line{font-size:10px}.checkout-line.due strong{font-size:16px}.purchase-success h2{font-size:26px}.purchase-success .primary{font-size:12px}.result-card .result-stats{padding:12px 0}.result-card .result-score{margin:10px 0 14px}.result-card .rank{font-size:62px}.result-card #trial-result-note{font-size:9px!important;line-height:1.6}.result-card #result-pack:not([hidden]){margin-top:13px;min-height:44px}.result-card #result-pack:not([hidden])~#retry{min-height:36px}.result-card .secondary{min-height:39px}.pack-teaser{padding:16px}.pack-teaser-top>span:last-child{font-size:7px}}

body.audio-loading .track-card,body.audio-loading .difficulty,body.audio-loading .pack-nav,body.audio-loading .pack-teaser{pointer-events:none;opacity:.6}

.how-body input[type=checkbox]{width:18px;height:18px}

footer a{color:var(--accent);text-decoration:none;font-size:10px}#analytics-test-badge{color:#e8b47b;letter-spacing:1px}

.account-field{display:grid;gap:10px;margin:24px 0;font-size:12px;color:var(--muted)}.account-field input{width:100%;box-sizing:border-box;border:1px solid #40534a;background:#0d171d;color:#ecfff0;padding:15px;border-radius:9px;font:inherit;font-size:14px;min-width:0}.account-field input:focus{outline:2px solid var(--accent);outline-offset:2px}.unlock-code{font-family:monospace!important;font-size:12px!important}.account-login{display:flex;text-decoration:none;align-items:center;justify-content:center;box-sizing:border-box;margin:15px 0}.account-status{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#a5bfb1;padding:15px 0}.account-status a{color:#8dffb1}.account-notice{padding:13px;border:1px solid #8a7748;border-radius:8px;background:#50401c33;font-size:12px;line-height:1.7}.pack-content>.primary,.pack-content>.secondary,.purchase-success>.secondary{margin-top:12px;width:100%}.checkout-summary p{font-size:12px;line-height:1.8;color:#a8bbae}.request-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #ffffff12;font-size:12px}.request-row small{display:block;color:#94b09e;margin-top:5px}.request-row .secondary{font-size:11px;min-height:36px;padding:8px 13px}.pack-content button:disabled{opacity:.5;cursor:wait}.account-field input[readonly]{color:#8dffb1}

.free-test-note{margin-top:22px;padding:17px 18px;border:1px solid #8dffb12b;background:#8dffb108;border-radius:12px;color:#a9bcb0;font-size:11px;line-height:1.8}.free-test-note strong{display:block;color:#8dffb1;font-size:10px;letter-spacing:.12em}.free-test-note p{margin:7px 0 0}

.update-notice{position:fixed;bottom:20px;left:20px;z-index:80;max-width:350px;padding:17px;background:#10221ef5;border:1px solid #8dffb16b;border-radius:12px;box-shadow:0 12px 40px #0008}.update-notice p,.result-update p{font-size:12px;line-height:1.7;margin:0 0 10px;color:#d7f6e1}.update-notice .secondary{min-height:38px;padding:8px 18px;font-size:12px}.result-update{padding:13px;margin:15px 0;background:#8dffb110;border:1px solid #8dffb14a;border-radius:9px}.result-update .primary{min-height:40px;font-size:12px}.update-notice[hidden],.result-update[hidden]{display:none!important}@media(max-width:600px){.update-notice{left:12px;right:12px;bottom:12px;max-width:none}.result-update{padding:10px;margin:10px 0}}

.result-card{max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.result-update .primary{margin-top:0}

.feedback-panel{border:1px solid var(--line,#34483e);border-radius:12px;padding:15px;margin:16px 0;text-align:left}.feedback-panel h3{font-size:13px;margin:0 0 12px;font-weight:600}.feedback-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.feedback-choices .secondary{margin:0;min-height:44px;padding:9px 5px;font-size:12px}.feedback-choices button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.feedback-choices button:disabled{cursor:default;opacity:.6}.feedback-panel p{font-size:11px;line-height:1.6;color:#a6b8ad;margin:10px 0 0}

.gimmick-info{margin:14px 0 6px;padding:12px 14px;border:1px solid #dabf6d55;background:linear-gradient(120deg,#dabf6d0e,#8dffb107);border-radius:9px;text-align:left}.gimmick-info strong{display:block;color:#f3d989;font-size:10px;letter-spacing:1px}.gimmick-info p{font-size:11px;line-height:1.65;color:#b3c4b8;margin:7px 0 0}.mechanic-hud{position:absolute;top:178px;left:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;pointer-events:none;z-index:4}.mechanic-hud span:empty{display:none}.mechanic-hud span{font-size:10px;letter-spacing:.3px;color:#e0ffef;background:#0b1a1eeb;border:1px solid #8dffb15a;border-radius:18px;padding:7px 11px;max-width:100%;text-align:center}#fever-chip{color:#ffe3a1;border-color:#edcd72;background:#302918e8;font-weight:700}.stage.fever-active{border-color:#e6c36b88;box-shadow:0 0 40px #e6c36b16}.result-gimmicks{font-size:11px;color:#f3d989;line-height:1.7;margin:8px 0 16px}.gimmick-info[hidden],.mechanic-hud[hidden],#fever-chip[hidden],.result-gimmicks[hidden]{display:none!important}@media(max-width:720px){.mechanic-hud{top:calc(174px + env(safe-area-inset-top));left:8px;right:8px}.mechanic-hud span{font-size:9px;padding:6px 9px}.gimmick-info{padding:10px 12px}}

.difficulty{grid-template-columns:repeat(4,minmax(0,1fr))}.difficulty button[data-diff=expert][aria-pressed=true]{color:#f9c3ff;border-color:#e5a2ff88;background:#ce7cf91a}.difficulty button[data-diff=expert]{font-size:9px}@media(max-width:440px){.difficulty{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty button{min-height:48px}}

.song-links{margin:18px 0;padding:15px;border:1px solid #92cdb142;border-radius:12px;background:#91ffb10a;text-align:left}.song-links h3{font-size:15px;margin:0 0 6px;color:#edf9f1}.song-links>p{font-size:11px;color:#b9cec1;line-height:1.6;margin:0 0 12px}.song-link-actions{display:grid;grid-template-columns:1fr;gap:8px}.song-links a.secondary{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:10px 12px;margin:0;text-decoration:none;font-size:12px;line-height:1.5}.song-links a:first-child{color:#b5ffcc;border-color:#8dffb174;background:#8dffb110}.song-links a:focus-visible{outline:2px solid #a4ffbf;outline-offset:3px}.song-links small{display:block;margin-top:10px;color:#a1b7aa;font-size:10px}.overlay-card:has(.song-links){max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}