@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,Noto Sans,sans-serif;color:#f5f3ff;background:#0c0c18;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{color:inherit}button{border:1px solid #ffffff18;background:#ffffff07;border-radius:10px;cursor:pointer;transition:background .18s,transform .18s;min-height:44px;padding:10px 17px}button:hover:not(:disabled){background:#ffffff12;transform:translateY(-2px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c8ff55;outline-offset:4px}a{color:#b9b5ce}select{background:#242236;border:1px solid #ffffff18;border-radius:8px;padding:10px;max-width:180px}#game{width:100vw;height:100dvh;min-height:460px}#boot{position:fixed;inset:0;background:#111023;display:grid;place-content:center;gap:24px;text-align:center;font-weight:800;letter-spacing:5px}#boot span{color:#ff3476;font-size:12px}veno-shell{display:none!important}.app{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 68% 40%,#443353 0,transparent 46%),linear-gradient(130deg,#141427,#12101f 68%);isolation:isolate}.app[data-theme="1"]{background:radial-gradient(ellipse at 58% 40%,#4c8292,transparent 64%),#172637}.app[data-theme="2"]{background:radial-gradient(ellipse at 58% 40%,#4f2967,transparent 62%),#111421}.ambient{position:absolute;inset:0;background-image:radial-gradient(#ffffff11 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(transparent,#0008);mask-image:linear-gradient(transparent,#0008);pointer-events:none}.world{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}#home,#hud{position:absolute;inset:0;z-index:2}header{position:absolute;top:4%;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{position:relative;width:180px;height:65px;overflow:hidden;border-radius:11px;background:#ededed;flex-shrink:0;box-shadow:0 4px 20px #08051535}.brand img{position:absolute;width:196px;height:196px;max-width:none;left:-8px;top:-67px;object-fit:contain}.header-tools,.game-tools{display:flex;align-items:center;gap:10px}.header-tools select{font-size:12px;background:#141324aa}.header-tools button{font-size:20px;width:44px;padding:0}.home-copy{position:absolute;left:5%;top:22%;width:40%;z-index:3}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#d2fb8d;display:flex;align-items:center;gap:9px}.eyebrow span,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#caff68;box-shadow:0 0 12px #caff6866}h1{font-family:Barlow Condensed,DM Sans,system-ui,sans-serif;font-size:clamp(32px,5.8vw,78px);font-weight:800;line-height:.98;letter-spacing:-1.7px;margin:17px 0 20px;max-width:520px}.home-copy p{max-width:330px;font-size:14px;line-height:1.7;color:#b2adc5;margin:0 0 22px}.hero-actions{display:flex;align-items:center;gap:19px}.primary{background:#d0fa7e;color:#1b2420;border:1px solid #e0ff9c;font-weight:800;box-shadow:0 5px #829e49,0 10px 30px #0003}.primary:hover:not(:disabled){background:#deff9d}.play{font-size:18px;min-width:185px;padding:14px 23px}.play:after{content:"↗";margin-left:28px}.keyhint{font-size:8px;letter-spacing:1.4px;color:#918aa5;max-width:90px;line-height:1.7}.mini-stats{display:flex;gap:28px;margin-top:31px}.mini-stats>div{display:grid;grid-template-columns:25px 1fr;gap:3px 6px}.mini-stats span{grid-row:1/3;color:#ffca7c;font-size:25px}.mini-stats strong{font-size:18px}.mini-stats small{font-size:10px;color:#8f8b9f}.scene-caption{position:absolute;right:8%;top:65%;font-size:10px;letter-spacing:1px;color:#c0bace;display:flex;align-items:center;gap:10px}.scene-caption>span:last-child{color:#777088;margin-left:32px}.mode-section{position:absolute;left:5%;right:5%;bottom:10.5%}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h2{font-size:13px;font-weight:600;margin:0}.section-title>span{font-size:9px;letter-spacing:1px;color:#7d778e}.modes{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.mode{display:flex;gap:9px;text-align:left;min-height:80px;padding:12px 10px;align-items:flex-start;background:#1c192bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff0c;border-radius:10px}.mode.selected{background:#32352ad9;border-color:#bded7155}.mode-icon{font-size:20px;color:#d4efad;line-height:1.1}.mode strong{display:block;font-size:11px;margin:1px 0 6px}.mode small{display:block;font-size:9px;line-height:1.45;color:#918a9f}.mode-arrow{display:none}.mode.selected .mode-arrow{display:block;font-size:12px;color:#cafa75}.mode>span:nth-child(2){flex:1}footer{position:absolute;bottom:3%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#716b83}footer nav{display:flex;gap:14px}footer button{font-size:11px;border:0;background:none;padding:4px;min-height:30px;color:#aba3bf}footer a{font-size:10px;text-decoration:none}.run-label{display:flex;flex-direction:column;gap:5px;margin-right:auto}.run-label b{font-size:14px}.run-label small{font-size:10px;color:#d2c8e4}.pill{background:#2c293fa9;border:1px solid #ffffff1c;border-radius:30px;padding:8px 13px;font-size:9px;letter-spacing:1px;color:#d5c8e5}.scoreboard{position:absolute;top:19%;left:6%;display:flex;gap:35px}.scoreboard>div{display:flex;flex-direction:column;gap:6px}.scoreboard small{font-size:11px;letter-spacing:1px;color:#aba3bb}.scoreboard strong{font-family:Barlow Condensed,system-ui;font-size:42px;font-weight:700;line-height:1}.power-panel{position:absolute;right:8%;top:28%;display:flex;flex-direction:column;gap:28px;min-width:110px}.power-panel>div{display:flex;flex-direction:column;gap:5px}.power-panel span{color:#b4abc6;font-size:12px}.power-panel strong{font-family:Barlow Condensed,system-ui;font-size:42px;color:#caff84}.power-panel>div+div strong{font-size:27px;color:#ffcd7b}.timing-panel{position:absolute;bottom:5%;left:50%;transform:translate(-50%);width:41%;max-width:540px;text-align:center}.hit-label{height:33px;font-size:13px;color:#c4bacf;font-weight:600;line-height:1.2}.hit-label.perfect{font-family:Barlow Condensed,system-ui;font-size:32px;color:#d2ff88;letter-spacing:2px;text-shadow:0 0 24px #b6ff5555;transform:translateY(-9px)}.hit-label.great{color:#ffca7c}.hit-label.good{color:#beb3ff}.hit-label.miss{color:#e0a2b3}#meter{position:relative;width:100%;height:29px;border:3px solid #ece1c8;border-radius:7px;background:linear-gradient(90deg,#8d99bf,#ceccd1 50%,#909abb);box-shadow:0 4px #06070e,0 0 0 5px #211e31;transition:opacity .15s}#meter.inactive{opacity:.35}#zone{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#ff2462,#ff2462 6px,#d5104c 6px 9px);border-left:2px solid #fff0cc;border-right:2px solid #fff0cc;display:grid;place-content:center}#zone span{font-size:10px;font-weight:900;color:#fff;letter-spacing:1px}.meter-ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#15152c44 calc(10% - 1px),#15152c44 10%)}#needle{position:absolute;top:-9px;bottom:-8px;width:4px;background:#fff;box-shadow:0 0 0 1px #161227,0 0 12px #fff9;transform:translate(-50%);z-index:2}#needle i{position:absolute;left:-4px;top:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid white}.meter-ends{display:flex;justify-content:space-between;font-size:8px;color:#8c819e;margin-top:8px}.timing-panel #punch{min-width:210px;width:65%;height:51px;font-size:21px;margin-top:6px;letter-spacing:2px}.controls-caption{font-size:8px;color:#80758e;margin-top:13px;letter-spacing:1.4px}#practice-finish{position:absolute;bottom:0;left:105%;white-space:nowrap;font-size:11px}#modal{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#090715b3;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);padding:20px}#modal[hidden],[hidden]{display:none!important}.sheet{background:linear-gradient(140deg,#29233c,#181523);border:1px solid #ffffff18;border-radius:22px;box-shadow:0 30px 100px #0008;width:min(540px,95%);max-height:94%;overflow:auto;padding:27px;display:flex;flex-direction:column;gap:14px;text-align:center;scrollbar-width:thin}.sheet h2{font-family:Barlow Condensed,system-ui;font-size:32px;margin:0}.sheet h3{font-size:14px;margin:8px 0;text-align:left;color:#d7edb9}.sheet p{font-size:13px;line-height:1.6;margin:0;color:#c0b5ce}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-heading h2{font-size:27px;text-align:left}.sheet-heading button{font-size:12px;min-height:36px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;text-align:left;font-size:14px}.setting input{width:23px;height:23px;accent-color:#cafa7b}.privacy{font-size:12px}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stage-grid button{padding:8px 5px;display:flex;flex-direction:column;gap:4px}.stage-grid b{font-size:20px}.stage-grid small{font-size:8px}.stage-grid span,.stars{color:#ffcf78}.skins{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skin{display:flex;flex-direction:column;gap:8px;border:1px solid #ffffff11;border-radius:12px;padding:12px 6px}.skin>span{color:var(--swatch);font-size:48px;text-shadow:0 0 30px color-mix(in srgb,var(--swatch),transparent 80%)}.skin strong{font-size:11px}.skin button{font-size:10px;padding:7px;min-height:33px}.achievement-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;font-size:11px;color:#706a7d}.achievement-list .unlocked{color:#d0f39e}.result-top{display:flex;justify-content:space-between;align-items:center}.result-top .brand{width:120px;height:45px}.result-top .brand img{width:130px;height:130px;left:-5px;top:-44px}.sheet .eyebrow{justify-content:center;font-size:9px;margin-top:10px}.result-score{font-family:Barlow Condensed,system-ui;font-size:80px;font-weight:800;color:#cefa83;line-height:.95}.muted{color:#a297b3!important;font-size:11px!important;line-height:1.6}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:17px 0}.result-stats>div{display:flex;flex-direction:column;gap:6px}.result-stats strong{font-size:23px}.result-stats span{font-size:10px;color:#a69ab6}.hit-history{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.hit-history span{padding:5px 8px;border-radius:5px;background:#ffffff0a;font-size:10px;color:#b1a5bc}.hit-history .perfect{color:#cfff82;background:#cfff8212}.result-actions{display:flex;gap:10px;justify-content:center}.result-actions button{flex:1;font-size:13px}.reward{font-size:12px;color:#ffdb8c}.earned{color:#d7ff9a!important;font-size:12px!important}#toast{position:absolute;left:50%;bottom:8%;transform:translate(-50%,15px);z-index:30;background:#e3f2ce;color:#182019;padding:13px 22px;border-radius:10px;max-width:90%;font-size:13px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%)}#demo-card{position:absolute;inset:0;z-index:20;background:radial-gradient(ellipse at center,#34213bef,#111023fa);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;padding:8%}#demo-card .brand.large{width:420px;height:156px;border-radius:22px;margin-bottom:15px;max-width:95%}#demo-card .brand.large img{width:460px;height:460px;left:-20px;top:-155px}#demo-card h1{font-size:50px;line-height:1.1;max-width:700px;margin:0}#demo-card .eyebrow{justify-content:center}#demo-card p{font-size:15px;color:#b7a3c9}.demo-cta{background:#cffa82;color:#182019;padding:14px 25px;border-radius:12px;font-weight:700}#demo-tools{position:absolute;bottom:2%;left:2%;z-index:40;display:flex;gap:8px;opacity:.1;transition:.2s}#demo-tools:hover,#demo-tools:focus-within,#demo-tools.recording{opacity:1}#demo-tools button{font-size:11px;background:#282035}.video-links{display:flex;gap:15px;justify-content:center;font-size:12px}@media(max-aspect-ratio:1/1){header{top:3%;left:5%;right:5%}.brand{width:140px;height:51px}.brand img{width:153px;height:153px;left:-6px;top:-52px}.header-tools{gap:6px}.header-tools select{font-size:10px;max-width:114px;padding:7px}.header-tools button{width:36px;min-height:36px;font-size:16px}.home-copy{top:14%;left:6%;width:89%}.home-copy h1{font-size:clamp(34px,9vw,63px);max-width:90%;line-height:1;margin:12px 0}.home-copy .eyebrow{font-size:9px;letter-spacing:1.7px}.home-copy p{font-size:11px;max-width:230px;line-height:1.5;margin-bottom:12px}.hero-actions{gap:16px}.play{font-size:14px;min-width:155px;min-height:43px;padding:10px 16px}.keyhint{font-size:7px}.mini-stats{display:none}.scene-caption{right:7%;top:64%;font-size:8px;gap:7px}.scene-caption>span:last-child{margin-left:10px}.mode-section{left:5%;right:5%;bottom:8%}.section-title{margin-bottom:8px}.section-title h2{font-size:11px}.modes{grid-template-columns:repeat(3,1fr);gap:6px}.mode{min-height:64px;padding:9px 7px;gap:6px}.mode-icon{font-size:17px}.mode strong{font-size:9px;margin:1px 0 4px}.mode small{font-size:7px;line-height:1.35}.mode-arrow{display:none!important}footer{bottom:2%;font-size:8px;left:5%;right:5%}footer>span{display:none}footer nav{gap:11px}footer button{font-size:9px}footer a{font-size:8px}.run-label{display:none}.game-tools{gap:7px}.game-tools button{min-height:36px;width:36px;padding:0;font-size:15px}.pill{font-size:7px;padding:7px 10px}.scoreboard{top:13%;left:6%;right:6%;justify-content:space-between}.scoreboard strong{font-size:36px}.scoreboard small{font-size:10px}.power-panel{right:6%;top:24%;min-width:60px;gap:18px}.power-panel strong{font-size:30px}.power-panel span{font-size:9px}.power-panel>div+div strong{font-size:22px}.timing-panel{width:86%;bottom:6%;max-width:490px}.hit-label{height:34px;font-size:12px;padding:0 5px}.hit-label.perfect{font-size:29px}.timing-panel #punch{width:100%;height:65px;font-size:23px;margin-top:10px}.controls-caption{margin-top:14px;font-size:8px}#meter{height:31px}.meter-ends{font-size:8px}#practice-finish{left:0;bottom:-32px;font-size:9px;min-height:28px;padding:3px 8px}.sheet{width:100%;padding:22px 18px;max-height:96%;gap:12px}.sheet h2{font-size:28px}.result-score{font-size:68px}.result-stats strong{font-size:20px}.result-stats{padding:12px 0}.result-actions button{font-size:12px;padding:10px}.sheet-heading h2{font-size:25px}.stage-grid small{font-size:7px}.skin strong{font-size:10px}.skin button{font-size:9px}.setting{font-size:13px}.video-links{font-size:10px}#demo-card .brand.large{width:300px;height:111px;border-radius:15px}#demo-card .brand.large img{width:330px;height:330px;left:-15px;top:-111px}#demo-card h1{font-size:40px;line-height:1.1}#demo-card .eyebrow{font-size:9px;letter-spacing:1px}#demo-card p{font-size:12px}#demo-tools{bottom:1%}}@media(prefers-reduced-motion:reduce){button,#toast{transition:none}}
