/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
:root,.dark{--background:#080808;--foreground:#f1f1ed;--primary:#e32818;--primary-foreground:#fff;--border:#ffffff26;--muted:#171717;--muted-foreground:#a7a7a4;--ring:#e32818;--radius:0;--red:#e32818;--white:#f1f1ed;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--background);color:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #fff}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}h1,h2,p{margin:0}.game-shell{isolation:isolate;background:#080808;height:100svh;min-height:800px;position:relative;overflow:hidden}.environment,.shade,.grain{pointer-events:none;position:absolute;inset:0}.environment{z-index:-4;background:url(/game-app/stage-art.png) 50%/cover;transform:scale(1.025)}.shade{z-index:-3;background:linear-gradient(90deg,#050506ed 0%,#08080999 38%,#08080916 68%,#08080955),linear-gradient(#07070866,#0000 60%,#070708 100%)}.grain{z-index:10;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.topbar{z-index:20;border-bottom:1px solid #ffffff20;align-items:center;gap:34px;height:100px;padding:0 4.5%;display:flex;position:relative}.brand img{object-fit:contain;width:142px;height:65px;display:block}.game-label{letter-spacing:2px;color:#bdbbbb;align-items:center;gap:18px;font-size:12px;font-weight:700;display:flex}.game-label i{background:#ffffff40;width:1px;height:20px}.top-controls{align-items:center;gap:12px;margin-left:auto;display:flex}.top-controls button{background:#1118;border:1px solid #ffffff30;place-items:center;width:40px;height:40px;display:grid}.top-controls a{letter-spacing:1.5px;align-items:center;gap:12px;margin-left:15px;font-size:12px;font-weight:700;display:flex}.intro{height:calc(100% - 166px);padding:clamp(50px,9vh,110px) 7% 70px;position:relative}.eyebrow{letter-spacing:2.2px;font-size:12px;font-weight:800;display:block}.intro .eyebrow{color:#e6d1ce;align-items:center;gap:12px;display:flex}.eyebrow>span,.live-dot{background:var(--red);width:7px;height:7px;display:inline-block;box-shadow:0 0 18px #ff321a}.intro h1,.booking-copy h1,.result-screen h1{letter-spacing:-2px;text-transform:uppercase;margin:27px 0;font:1000 clamp(64px,7.3vw,112px)/.87 Impact,Arial Black,Arial,sans-serif}h1 em,h2 em{color:var(--red);font-style:normal}.intro-sub{color:#d2cfce;margin:25px 0 30px;font-size:18px;line-height:1.55}.primary{border:1px solid var(--red);background:var(--red);letter-spacing:1px;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:20px 24px;font-size:14px;font-weight:900;transition:background .15s,transform .15s;display:flex}.primary:hover{background:#fa3827;transform:translateY(-2px)}.primary>span{margin-left:auto;padding-left:28px}.start{min-width:325px}.start>span{font-size:24px;line-height:1}.start-meta{letter-spacing:1.5px;color:#b0adad;margin-top:18px;font-size:11px}.start-meta b{color:var(--red);padding:0 10px}.mission{border-top:2px solid var(--red);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07070799;width:252px;padding:25px 20px 10px;position:absolute;bottom:90px;right:5%}.mission>.eyebrow{letter-spacing:1.5px;margin-bottom:8px;font-size:10px}.mission>div{border-bottom:1px solid #fff2;gap:18px;padding:16px 0;display:flex}.mission>div:last-child{border-bottom:0}.mission b{color:#ef4738;font-size:13px}.mission p{letter-spacing:.5px;font-size:14px;font-weight:900}.mission small{color:#aaa;letter-spacing:0;margin-top:7px;font-size:12px;font-weight:400;line-height:1.4;display:block}.scene-caption{letter-spacing:2px;font-size:11px;font-weight:700;position:absolute;bottom:24px;left:7%}.scene-caption .live-dot{margin-right:10px}.scene-caption small{color:#888;letter-spacing:1.5px;margin:9px 0 0 21px;font-size:10px;display:block}footer{color:#92908e;letter-spacing:2px;border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;height:66px;padding:0 4.5%;font-size:10px;display:flex}footer b{color:#ddd;font-weight:400}.booking-screen{justify-content:space-between;align-items:center;gap:8vw;height:calc(100% - 166px);padding:35px 9%;display:flex}.booking-copy{width:560px;max-width:100%}.booking-copy h1{font-size:clamp(46px,5.4vw,78px)}.booking-copy>p{color:#bbb;max-width:500px;font-size:17px;line-height:1.65}.booking-checks{color:#a5a2a2;gap:20px;margin:25px 0;font-size:13px;display:flex}.booking-checks span{align-items:center;gap:7px;display:flex}.booking-checks b{font-size:12px}.booking-checks .checked{color:#f75a48}.timing{background:#151517;border:1px solid #ffffff40;height:46px;margin:20px 0;position:relative}.target-zone{background:#e3281866;border-inline:2px solid #ef4b3a;width:28%;height:100%;position:absolute;left:36%}.needle{background:#fff;width:4px;position:absolute;top:-7px;bottom:-7px;transform:translate(-50%);box-shadow:0 0 12px #fff}.booking-copy .primary{width:100%}.booking-copy .primary span{color:#ffd9d4;font-size:12px}.booking-feedback{min-height:52px;margin-top:18px!important;font-size:14px!important}.ticket{color:#151515;border-top:9px solid var(--red);background:#e6e3da;flex-shrink:0;width:310px;padding:24px 28px;transform:rotate(5deg);box-shadow:10px 12px 60px #0008}.ticket-kicker{letter-spacing:2px;font-size:10px;font-weight:900}.ticket img{object-fit:contain;filter:brightness(0);width:160px;height:90px;margin:18px 0}.ticket>strong{font:900 36px/1 Impact,Arial Black,sans-serif;display:block}.ticket-details{border-top:1px dashed #666;border-bottom:1px dashed #666;gap:17px;margin:23px 0 18px;padding:18px 0;display:grid}.ticket-details span{letter-spacing:1px;font-size:10px}.ticket-details b{margin-top:5px;font-size:12px;display:block}.red{color:#c42315}.barcode{background:repeating-linear-gradient(90deg,#151515 0 2px,#0000 2px 4px,#151515 4px 5px,#0000 5px 9px);height:30px;margin-bottom:10px}.ticket>small{letter-spacing:1px;font-size:9px}.instructions{gap:13px;margin:24px 0;display:grid}.instructions p{color:#ccc;font-size:14px;line-height:1.5}.instructions strong{color:#fff;margin-right:8px}.show-top{justify-content:space-between;display:flex;position:absolute;top:128px;left:4.5%;right:4.5%}.show-top h2{margin:10px 0;font:900 clamp(24px,2.8vw,40px)/1 Impact,Arial Black,sans-serif}.show-top p{color:#b5b2b2;font-size:12px}.show-top p span{color:var(--red);padding:0 10px}.score{text-align:right}.score>span{letter-spacing:3px;font-size:11px}.score strong{letter-spacing:-2px;font:900 44px/1.3 Arial Black,sans-serif;display:block}.highway{width:min(800px,70vw);height:65%;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}canvas{width:100%;height:100%;display:block}.lane-buttons{justify-content:center;gap:4%;max-width:650px;margin:auto;display:flex;position:absolute;bottom:0;left:6%;right:6%}.lane-buttons button{border:1px solid #ffffff25;border-bottom:3px solid var(--lane);background:#111b;width:18%;height:45px;font-size:18px;font-weight:900}.lane-buttons button:active{background:var(--lane)}.hud-left{width:200px;position:absolute;top:38%;left:4.5%}.hud-left .eyebrow{font-size:11px}.meter{background:#fff2;height:8px;margin-top:15px}.meter i{background:#e32818;height:100%;transition:width .1s;display:block;box-shadow:0 0 20px #e3281844}.hud-left>p{letter-spacing:1.5px;color:#aaa;margin-top:12px;font-size:10px}.combo{margin-top:35px;font:900 76px/1 Arial Black,sans-serif;display:block}.combo small{letter-spacing:3px;margin-top:8px;font:800 11px Arial;display:block}.multiplier{color:#ccc;border:1px solid #fff3;margin-top:14px;padding:7px 12px;font-size:12px;display:inline-block}.hud-right{text-align:right;width:200px;position:absolute;top:38%;right:4.5%}.hud-right>svg{color:#ed4636;margin:0 0 14px auto}.hud-right .eyebrow{font-size:11px}.hud-right p{color:#aaa;margin:10px 0;font-size:12px}.demon-signal{justify-content:flex-end;align-items:center;gap:4px;height:36px;display:flex}.demon-signal i{background:#e32818;width:4px;height:10px;animation:.6s ease-in-out infinite alternate signal}.demon-signal i:nth-child(2n){height:28px;animation-delay:-.2s}.demon-signal i:nth-child(3n){height:20px;animation-delay:-.4s}.overdrive{text-align:left;background:#111b;border:1px solid #ffffff30;width:190px;margin-top:25px;padding:18px}.overdrive svg{float:right;color:#aaa}.overdrive strong{font-size:13px}.overdrive span,.overdrive small{letter-spacing:1px;color:#aaa;margin-top:10px;font-size:10px;display:block}.overdrive.charged{background:#5c130cbb;border-color:#e32818;box-shadow:0 0 25px #e3281844}.overdrive.charged svg{color:#ffb34f}.song-progress{background:#fff2;height:3px;position:absolute;bottom:0;left:0;right:0}.song-progress i{background:#e32818;height:100%;display:block}.pause-screen{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#060608dd;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:25px;display:flex;position:absolute;inset:100px 0 0}.pause-screen h2{font:900 90px Impact,sans-serif}.text-button{color:#b7b3b3;text-underline-offset:5px;background:0 0;border:0;padding:16px 0;font-size:14px;text-decoration:underline;display:block}.result-screen{background:linear-gradient(90deg,#080808e8,#08080822);flex-direction:column;justify-content:center;align-items:flex-start;height:calc(100% - 166px);padding:40px 9%;display:flex}.result-screen h1{font-size:clamp(52px,6vw,88px)}.result-screen>p{color:#c0b9b9;font-size:17px;line-height:1.5}.results{gap:40px;margin:32px 0;display:flex}.results span{letter-spacing:1.5px;color:#aaa;font-size:10px;display:block}.results strong{font:900 35px/1.6 Arial Black,sans-serif}.power-flash:after{content:"";pointer-events:none;z-index:25;background:#ff431e55;animation:.35s forwards flash;position:absolute;inset:0}@keyframes flash{to{opacity:0}}@keyframes signal{to{transform:scaleY(.4)}}@media (width>=1600px){.intro{padding-top:12vh}.intro h1{font-size:130px}.intro-sub{font-size:22px}.mission{width:300px;bottom:16%;right:8%}.highway{width:850px}}@media (width<=1000px){.game-shell{min-height:740px}.intro{padding-left:6%}.intro h1{font-size:85px}.mission{width:240px;bottom:100px;right:4%}.game-label{display:none}.booking-screen{gap:5vw;padding:30px 6%}.ticket{width:250px;padding:20px}.booking-checks{gap:12px}.hud-left,.hud-right{width:150px}.hud-left{left:3%}.hud-right{right:3%}.overdrive{width:150px;padding:12px}.highway{width:68vw}.show-top .eyebrow{font-size:10px}}@media (width<=680px){.game-shell{height:100svh;min-height:830px}.topbar{height:76px;padding:0 6%}.brand img{width:115px;height:50px}.top-controls a{margin-left:2px;font-size:10px}.top-controls{gap:7px}.intro{height:calc(100% - 134px);padding:44px 7% 0}.intro h1{letter-spacing:-2px;margin:22px 0;font-size:76px}.intro-sub{margin:20px 0;font-size:17px}.intro .eyebrow{font-size:10px}.start{width:min(100%,345px);min-width:280px}.start-meta{letter-spacing:1px;font-size:9px}.mission{background:#08080899;border-top:1px solid #e32818;gap:15px;width:100%;margin-top:28px;padding:12px 0 0;display:flex;position:relative;bottom:auto;right:auto}.mission>.eyebrow{display:none}.mission>div{border:0;flex:1;padding:4px 0;display:block}.mission b{margin-bottom:7px;font-size:11px;display:block}.mission p{font-size:10px;line-height:1.5}.mission small{font-size:10px;line-height:1.4}.scene-caption{display:none}footer{letter-spacing:1px;height:58px;padding:0 7%;font-size:8px}footer>span:first-child{max-width:135px;line-height:1.5}footer>span:last-child{text-align:right;max-width:160px}.environment{background-position:60%}.shade{background:linear-gradient(90deg,#050506df,#05050650),linear-gradient(#0000 20%,#080808)}.booking-screen{align-items:flex-start;height:calc(100% - 134px);padding:32px 7%}.booking-copy h1{font-size:57px}.booking-copy>p{font-size:16px}.booking-copy .eyebrow{font-size:10px}.ticket{display:none}.booking-checks{gap:15px;margin-top:30px;font-size:11px}.booking-copy .primary{padding:18px 16px;font-size:12px}.booking-copy .primary span{padding-left:0;font-size:10px}.timing{margin:30px 0 22px}.instructions{margin:30px 0}.is-playing{min-height:680px}.show-top{top:100px;left:6%;right:6%}.show-top h2{max-width:215px;font-size:22px;line-height:1.1}.show-top .eyebrow{letter-spacing:1px;font-size:8px}.show-top p{font-size:10px}.score strong{font-size:27px}.score>span{font-size:9px}.hud-left{width:125px;top:220px;left:6%}.hud-left .eyebrow{letter-spacing:1px;font-size:9px}.meter{margin-top:9px}.hud-left>p{font-size:8px}.combo{margin-top:16px;font-size:38px}.combo small{font-size:8px}.multiplier{margin-top:10px;padding:4px 8px;font-size:10px}.hud-right{width:140px;top:220px;right:6%}.hud-right>svg{display:none}.hud-right .eyebrow{letter-spacing:.5px;font-size:9px}.hud-right p{font-size:10px;line-height:1.5}.demon-signal{display:none}.overdrive{width:135px;margin-top:12px;padding:10px}.overdrive strong{font-size:11px}.overdrive span,.overdrive small{letter-spacing:.5px;margin-top:8px;font-size:8px}.overdrive svg{width:16px}.highway{width:100%;height:49%;bottom:25px}.lane-buttons button{height:44px}.pause-screen{inset:76px 0 0}.pause-screen .eyebrow{font-size:10px;line-height:1.6}.result-screen{height:calc(100% - 134px);padding:35px 7%}.result-screen h1{font-size:60px}.result-screen>p{font-size:16px}.results{flex-wrap:wrap;gap:20px}.results strong{font-size:25px}.results span{font-size:9px}.result-screen .eyebrow{font-size:10px}}@media (prefers-reduced-motion:reduce){.demon-signal i{animation:none}.primary{transition:none}.power-flash:after{display:none}}.booking-checks,.instructions p,.hud-right p,.show-top p{font-size:14px}.overdrive span,.overdrive small,.start-meta,.game-label,.scene-caption,footer,.ticket-kicker,.ticket-details span,.ticket-details b,.ticket>small,.results span{font-size:12px}.mission small{font-size:14px}.mission>.eyebrow{font-size:12px}.hud-right,.hud-left{z-index:2}.overdrive{position:relative}.top-controls button{width:44px;height:44px}@media (width<=680px){.mission p,.mission small{font-size:12px}.mission>.eyebrow{display:none}.start-meta{font-size:10px}.booking-checks{font-size:13px}.show-top p,.hud-right p{font-size:12px}.overdrive span,.overdrive small,footer{font-size:10px}.result-screen .eyebrow{font-size:12px}.booking-copy .primary{font-size:14px}.booking-copy .primary span{font-size:12px}}.recording-panel{background:#111;border-top:2px solid #e32818;align-items:center;gap:36px;padding:32px 5%;display:flex}.recording-copy{flex:1;max-width:580px}.recording-copy h2{margin:12px 0;font:900 32px Impact,sans-serif}.recording-copy p{color:#bbb;margin:12px 0;font-size:14px;line-height:1.6}.recording-copy a{text-underline-offset:4px;font-size:14px;text-decoration:underline}.youtube-player{background:#000;flex-shrink:0;width:480px;min-width:200px;height:270px}.youtube-player iframe{width:100%;height:100%;display:block}.track-wait{z-index:5;text-align:center;background:#161616ed;border:1px solid #e32818;padding:14px;font-size:14px;line-height:1.5;position:absolute;top:220px;left:30%;right:30%}.track-wait button{background:#e32818;border:0;margin:10px auto 0;padding:9px 18px;display:block}.primary:disabled{opacity:.5;cursor:wait;transform:none}@media (width<=900px){.recording-panel{flex-direction:column;align-items:stretch}.youtube-player{align-self:center;width:100%;max-width:480px}.track-wait{top:180px;left:10%;right:10%}}.difficulty{margin:20px 0}.difficulty>span{letter-spacing:1px;font-size:12px}.difficulty>div{gap:8px;margin-top:10px;display:flex}.difficulty button{background:#151515;border:1px solid #555;padding:10px 12px;font-size:14px}.difficulty button[aria-pressed=true]{background:#75180e;border-color:#e32818}.lane-buttons{gap:0;left:6%;right:6%}.lane-buttons button{touch-action:none;width:20%}.booking-screen:has(.difficulty){align-items:flex-start;overflow-y:auto}.booking-screen:has(.difficulty) .booking-copy h1{margin:18px 0;font-size:48px}.booking-screen:has(.difficulty) .instructions{gap:8px;margin:15px 0}.booking-screen:has(.difficulty) .booking-checks{margin:16px 0}.guitarist p{color:#bbb;margin-top:10px;font-size:14px;line-height:1.5}.guitarist button{min-width:135px}.booking-screen:has(.guitarist){padding-top:20px}.booking-screen:has(.guitarist) .booking-copy h1{font-size:38px}.booking-screen:has(.guitarist) .difficulty{margin:14px 0}.lane-buttons button{width:33.333%}.simple-mode p{color:#bbb;margin:10px 0 18px;font-size:14px}.simple-mode button{min-width:120px}.intro{padding-top:35px}.intro h1{margin:18px 0;font-size:clamp(60px,6vw,90px)}.intro-sub{margin:18px 0}.simple-mode{margin:14px 0}.booking-screen:has(.difficulty) .booking-copy h1{font-size:48px}@media (width<=680px){.game-shell:not(.is-playing){min-height:920px}.intro h1{font-size:68px}.mission{margin-top:22px}.intro{padding-top:28px}}.environment{background-image:url(/game-app/stage-band-v2.png);background-position:50%}.is-playing .shade{background:linear-gradient(#07070888,#0000 45%,#070708dd 100%),linear-gradient(90deg,#08080988,#0000 28% 76%,#08080988)}.target-zone{width:14%;left:43%}.booking-screen{overflow-y:auto}footer a{text-underline-offset:3px;text-decoration:underline}footer a:hover{color:#fff}@media (width<=680px) and (orientation:portrait){.game-shell:not(.is-playing){height:auto;min-height:900px}.environment{background-color:#080808;background-position:50% 76px;background-repeat:no-repeat;background-size:100%;transform:none}.phase-intro .shade{background:linear-gradient(#0000 25%,#080808 65%)}.phase-intro .intro{height:auto;padding-top:calc(56.25vw + 16px);padding-bottom:28px}.phase-intro .intro h1{font-size:clamp(48px,13vw,68px)}.phase-intro .mission{margin-top:24px}.phase-intro .intro-sub{margin:14px 0}.is-playing .environment{background-position:50% 150px}.is-playing .shade{background:linear-gradient(#0000 25%,#08080888 55%,#080808 85%)}.booking-screen,.result-screen{height:auto;min-height:760px}}.game-shell.is-playing{height:100dvh;min-height:0}.primary,.track-wait button{color:#fff}.primary:hover{background:#c62012}.booking-copy .primary span{color:#fff}.is-playing .highway{bottom:max(12px,env(safe-area-inset-bottom))}@media (width<=680px) and (orientation:portrait){.is-playing .topbar{height:64px;padding-inline:4%}.is-playing .brand img{width:100px;height:46px}.is-playing .show-top{top:76px;left:4%;right:4%}.is-playing .show-top h2{margin:7px 0;font-size:20px}.is-playing .show-top .eyebrow{display:none}.is-playing .show-top p{font-size:11px}.is-playing .hud-left,.is-playing .hud-right{width:125px;top:157px}.is-playing .hud-left{left:4%}.is-playing .hud-right{right:4%}.is-playing .hud-left>p,.is-playing .hud-right>.eyebrow,.is-playing .hud-right>p{display:none}.is-playing .combo{margin-top:12px;font-size:30px}.is-playing .combo small{margin-left:8px;display:inline}.is-playing .overdrive{width:125px;margin-top:0;padding:10px}.is-playing .overdrive small{display:none}.is-playing .highway{width:100%;height:auto;top:245px}.is-playing .pause-screen{inset:64px 0 0}.is-playing .track-wait{top:270px}}@media (height<=560px) and (orientation:landscape){.is-playing .topbar{height:56px;padding-inline:3%}.is-playing .brand img{width:100px;height:46px}.is-playing .game-label{display:none}.is-playing .show-top{top:70px;left:3%;right:3%}.is-playing .show-top>div:first-child{max-width:125px}.is-playing .show-top .eyebrow,.is-playing .show-top h2{display:none}.is-playing .show-top p{font-size:11px;line-height:1.5}.is-playing .show-top p span{padding-inline:2px}.is-playing .score strong{letter-spacing:-1px;font-size:25px}.is-playing .hud-left,.is-playing .hud-right{width:125px;top:140px}.is-playing .hud-left{left:3%}.is-playing .hud-right{right:3%}.is-playing .hud-left .eyebrow{letter-spacing:1px;font-size:9px}.is-playing .hud-left>p,.is-playing .hud-right>svg,.is-playing .hud-right>.eyebrow,.is-playing .hud-right>p,.is-playing .demon-signal{display:none}.is-playing .combo{margin-top:12px;font-size:34px}.is-playing .combo small{font-size:9px}.is-playing .multiplier{margin-top:10px;font-size:10px}.is-playing .overdrive{width:125px;margin-top:0;padding:12px 8px}.is-playing .overdrive strong{font-size:11px}.is-playing .overdrive span,.is-playing .overdrive small{letter-spacing:0;font-size:9px}.is-playing .overdrive svg{width:16px}.is-playing .highway{top:62px;bottom:max(10px,env(safe-area-inset-bottom));width:50vw;height:auto}.is-playing .lane-buttons{left:6%;right:6%}.is-playing .pause-screen{gap:10px;padding:12px;inset:56px 0 0}.is-playing .pause-screen h2{font-size:48px}.is-playing .pause-screen .eyebrow{font-size:10px}.is-playing .track-wait{top:110px;left:28%;right:28%}}
