:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#fff9ec;background:#0a0b12;font-synthesis:none;--gold:#ffd542;--pink:#ff628b;--cyan:#5de6e6}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button{touch-action:manipulation}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}.app{max-width:1180px;margin:auto;padding:0 30px}.topbar{height:92px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #ffffff1c}.brand{text-decoration:none;font-size:28px;font-weight:1000;letter-spacing:-3px;font-style:italic;color:var(--gold);position:relative}.brand span{color:var(--pink)}.brand i{width:6px;height:6px;display:inline-block;background:var(--cyan);margin:0 5px 2px 9px}.top-caption{font-size:11px;color:#aaa9b7;letter-spacing:.1em}.tools{margin-left:auto;display:flex;gap:9px}.icon-button{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff26;background:transparent;font-size:20px}.icon-button[aria-pressed=true]{color:var(--gold)}#mute-slash{position:absolute;left:15px;top:4px;font-size:25px;color:var(--pink);transform:rotate(25deg)}.layout{display:grid;grid-template-columns:minmax(170px,1fr) 420px minmax(140px,.8fr);gap:40px;align-items:center;margin:30px 0 24px}.billboard{align-self:center}.on-air{font-size:10px;letter-spacing:.08em;color:#b6b6c3;white-space:nowrap}.on-air b{display:inline-block;width:6px;height:6px;background:var(--pink);border-radius:50%;margin-right:7px;box-shadow:0 0 10px #ff628b77}.billboard h1{font-size:50px;line-height:1.24;letter-spacing:-3px;margin:30px 0 22px;font-weight:1000}.billboard h1 em{display:block;font-style:normal;font-size:29px;letter-spacing:-1px;color:var(--gold);margin-top:10px;white-space:nowrap}.side-copy{font-size:13px;line-height:2.1;color:#b9b7c4}.ticket{border-left:3px solid var(--gold);padding-left:14px;margin:30px 0;transform:rotate(-3deg)}.ticket strong{display:block;font-size:21px;letter-spacing:-1px}.ticket span{font-size:10px;color:#9997a8}.keys{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#858392}.cabinet{width:100%;border:1px solid #44404a;border-radius:16px 16px 6px 6px;background:#14141f;padding:10px;box-shadow:0 22px 65px #0009,0 0 50px #ffd54206;position:relative}.cabinet:before{content:"";position:absolute;top:-1px;left:24px;right:24px;height:2px;background:var(--gold)}.hud{display:flex;align-items:center;justify-content:space-between;padding:5px 10px 13px;gap:10px;height:58px}.score-box>span,.count-box>span{font-size:9px;color:#aaa7b6;display:block;line-height:1.5;letter-spacing:.05em}.score-box strong{font-size:23px;line-height:1.1;font-family:Impact,Arial Black,sans-serif;letter-spacing:1px;font-weight:500}.count-box{text-align:right}.count-box strong{font-family:Impact,Arial Black,sans-serif;font-size:23px;font-weight:500}.count-box strong span{font:9px sans-serif;margin-left:3px;color:#aaa7b6}.stage-dots{display:flex;gap:6px}.stage-dots i{width:9px;height:9px;border:1px solid #77717c;transform:rotate(45deg)}.stage-dots i.current{border-color:var(--gold);background:#ffd54255}.stage-dots i.perfect{background:var(--cyan);border-color:var(--cyan)}.stage-dots i.near{background:var(--pink);border-color:var(--pink)}.stage-dots i.fail{border-color:#e97b70;background:repeating-linear-gradient(45deg,transparent,transparent 2px,#e97b70 2px,#e97b70 3px)}.viewport{position:relative;aspect-ratio:420/550;overflow:hidden;border:1px solid #373143;border-radius:6px;background:#0e0d18}canvas#game{width:100%;height:100%;display:block;touch-action:none;outline-offset:-4px}.intro{position:absolute;inset:0;text-align:center;padding:27px 12px;pointer-events:none}.intro-kicker{font-size:11px;letter-spacing:.15em;color:#fff9ec}.intro h2{font-size:65px;color:var(--gold);font-weight:1000;letter-spacing:-7px;line-height:1.12;transform:rotate(-6deg);margin:9px 0 12px;text-shadow:3px 4px 0 #8a4f19,-1px -1px 0 #fff7a1}.intro h2 span{color:var(--pink);text-shadow:2px 4px 0 #772b51}.intro>p{font-size:12px;letter-spacing:.08em;margin:0}.intro-bottom{position:absolute;bottom:25px;left:28px;right:28px;pointer-events:auto}.intro-bottom p{font-size:11px;margin:0 0 14px;color:#eee5f0}.primary{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:55px;background:var(--gold);color:#17131e;border-radius:5px;font-weight:900;font-size:19px;box-shadow:0 4px #9f6a22;border:1px solid #fff698;transition:transform .1s}.primary:active{transform:translateY(3px);box-shadow:0 1px #9f6a22}.primary span{font-size:16px}.micro{font-size:9px;color:#a39aac;display:block;margin-top:15px;letter-spacing:.09em}.drag-strip{height:28px;display:flex;justify-content:center;align-items:center;gap:15px;color:#b7b1c5;font-size:10px}.drag-strip>span:first-child,.drag-strip b{font-size:15px;color:var(--gold);font-weight:400}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.control{background:#262431;border:1px solid #4c465c;border-bottom:3px solid #080810;border-radius:6px;min-height:73px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;touch-action:none;user-select:none;-webkit-user-select:none}.control>span{font-size:28px;line-height:1.1;color:var(--gold)}.control b{font-size:10px}.control kbd{font-size:8px;color:#96909f;font-family:inherit}.control.crouch{background:#342c29;border-color:#6b573f}.control.crouch>span{color:var(--pink)}.control.is-held{background:#5d4b28;border-color:var(--gold);transform:translateY(2px);border-bottom-width:1px}.control-note{font-size:8px;color:#827b90;text-align:center;margin:9px 0 1px}.sideline{padding-left:3px}.poster{border:1px solid #665338;padding:20px 19px;transform:rotate(3deg);position:relative;background:#ffd54204;margin-bottom:35px}.poster:before,.poster:after{content:"";position:absolute;width:30px;height:10px;background:#ddd0aa33;top:-5px;left:12px;transform:rotate(-20deg)}.poster:after{left:auto;right:12px;transform:rotate(17deg)}.poster>span{font-size:10px;color:#cbb88b}.poster>strong{font-size:35px;line-height:1.25;display:block;margin:15px 0;letter-spacing:6px}.poster>p{font-size:11px;color:#aaa3ad;line-height:1.9}.poster-hair{font-size:62px;color:var(--gold);line-height:1;transform:rotate(-7deg);margin:5px 0}.poster small{font-size:7px;color:#726b7b}.rule-line{border-bottom:1px solid #ffffff13;padding:13px 0;display:flex;flex-direction:column;gap:5px}.rule-line>b{color:var(--cyan);font-size:21px;transform:rotate(-5deg);font-weight:900}.rule-line.pink>b{color:var(--pink)}.rule-line>span{font-size:9px;color:#a39dac}.rule-line strong{color:#fff9ec;margin-left:5px;font-size:11px}.sidebar-foot{font-size:9px;line-height:2;color:#827b8c;margin-top:23px}footer{border-top:1px solid #ffffff14;display:flex;gap:12px;padding:17px 0 24px;color:#6e687b;font-size:9px}footer>span:first-child{color:#aaa0b5;font-weight:900}.footer-right{margin-left:auto}.stage-heading{position:absolute;top:18px;left:10px;right:10px;text-align:center;pointer-events:none}.stage-heading>span{font-size:10px;letter-spacing:.12em;color:var(--gold)}.stage-heading h2{font-size:25px;margin:6px 0;letter-spacing:-1px;text-shadow:0 2px 12px #000}.stage-heading p{font-size:11px;color:#ddd2e8;margin:3px 0;text-shadow:0 1px 4px #000}.reaction{position:absolute;left:0;right:0;top:29%;text-align:center;pointer-events:none;transform:rotate(-7deg)}.reaction strong{display:block;color:var(--cyan);font-size:66px;font-weight:1000;letter-spacing:-5px;text-shadow:3px 4px 0 #0a0b12,-2px -2px 0 #0a0b12}.reaction.fail strong{color:var(--pink)}.reaction.near strong{color:var(--gold)}.reaction>span{background:#0c0b16e8;border:1px solid #ffffff33;padding:5px 12px;font-size:12px}.pause-screen{position:absolute;inset:0;background:#0b0a17dd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;z-index:5}.pause-screen>span{font-size:12px;color:var(--gold)}.pause-screen h2{font-size:33px;margin:12px 0 35px}.result{position:absolute;inset:0;background:#11101cf5;display:flex;flex-direction:column;align-items:center;padding:30px 28px 16px;text-align:center;z-index:4}.result-kicker{font-size:10px;color:var(--gold);letter-spacing:.13em}.result h2{font-size:29px;line-height:1.3;letter-spacing:-1px;margin:12px 0;color:var(--gold)}.result-score{display:flex;align-items:baseline;gap:5px}.result-score strong{font-family:Impact,Arial Black,sans-serif;font-size:69px;line-height:1.1;color:#fff9ec;letter-spacing:1px;font-weight:500}.result-score>span{font-size:13px;color:#aea4bd}.result>p:not(.result-quip){font-size:12px;margin:9px 0 13px}.result-badges{display:flex;gap:9px}.result-badges span{font-size:18px;min-width:28px;min-height:30px;border:1px solid #ffffff33;padding-top:2px}.result-badges .fail{color:var(--pink)}.result-badges .near{color:var(--gold)}.result-badges .perfect{color:var(--cyan)}.result-quip{font-size:11px;line-height:1.8;color:#c2b9cb;margin:15px 0 20px}.result .primary{min-height:50px;font-size:17px}.result-actions{display:flex;gap:9px;width:100%;margin-top:13px}.result-actions button{background:#2a2638;border:1px solid #5c516d;flex:1;border-radius:4px;font-size:11px;min-height:42px;font-weight:700}.text-button{font-size:10px;background:transparent;color:#b3a6c1;text-decoration:underline;text-underline-offset:4px;margin-top:15px;min-height:26px}#image-download{color:var(--gold);font-size:11px;padding:10px}.toast{position:fixed;left:50%;bottom:max(30px,env(safe-area-inset-bottom));transform:translate(-50%);background:#fff9ec;color:#161321;box-shadow:0 4px 25px #0009;border-radius:5px;padding:14px 22px;font-size:12px;z-index:20;max-width:90vw;width:max-content}.dev{position:absolute;bottom:5px;left:7px;font:9px monospace;color:#5de6e6;background:#000b;pointer-events:none}dialog{background:#191526;color:#fff9ec;border:1px solid #746082;border-radius:12px;max-width:360px;padding:25px}dialog::backdrop{background:#000b}dialog h2{font-size:20px;color:var(--gold)}dialog p,dialog label{font-size:12px;line-height:1.8}dialog input{display:block;width:100%;padding:12px;margin:8px 0 20px;background:#08070f;color:#fff9ec;border:1px solid #75668b;border-radius:4px}dialog .primary{font-size:15px;min-height:44px}@media(min-width:1400px){.layout{margin-top:42px;gap:55px}}@media(max-width:1040px){.app{padding:0 20px}.layout{grid-template-columns:minmax(150px,1fr) minmax(330px,420px);max-width:750px;margin:25px auto;gap:35px}.sideline{display:none}.billboard h1{font-size:48px}}@media(max-width:640px){.app{padding:0 12px}.topbar{height:62px;gap:10px}.brand{font-size:25px}.top-caption{display:none}.tools{gap:7px}.icon-button{height:33px;width:33px;font-size:17px}#mute-slash{left:12px;top:2px}.layout{display:block;margin:15px auto 13px;max-width:420px}.billboard{display:none}.cabinet{padding:7px;border-radius:12px 12px 5px 5px}.hud{height:50px;padding:1px 8px 9px}.viewport{aspect-ratio:420/550}.intro{padding-top:25px}.intro h2{font-size:clamp(52px,16vw,65px)}.control{min-height:68px}.control kbd{display:none}.control b{font-size:10px}.control-note{font-size:8px}.stage-heading h2{font-size:24px}.result{padding-top:25px}.result h2{font-size:27px}.result-score strong{font-size:63px}.result-quip{margin:12px 0 16px}.reaction strong{font-size:59px}footer{justify-content:center;font-size:8px;padding:10px 0 15px;gap:8px}.footer-right{display:none}}@media(max-width:380px){.app{padding:0 8px}.layout{margin-top:10px}.stage-dots{gap:5px}.result{padding:20px 20px 12px}.result h2{font-size:24px;margin:10px 0}.result-score strong{font-size:57px}.result-quip{font-size:10px;margin:9px 0 13px}.result-actions button{font-size:10px;min-height:37px}.text-button{margin-top:10px;font-size:9px}.intro-bottom{bottom:23px;left:23px;right:23px}}@media(max-height:760px)and (min-width:641px){.topbar{height:65px}.layout{margin:16px auto;grid-template-columns:190px 355px 170px;gap:30px}.billboard h1{font-size:42px}.result{padding-top:20px}.result h2{font-size:24px}.result-score strong{font-size:58px}.result-quip{margin:9px 0 13px}.result-actions button{min-height:36px}.text-button{margin-top:8px}footer{padding:10px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-height:760px)and (min-width:641px)and (max-width:1040px){.layout{grid-template-columns:minmax(150px,1fr) minmax(280px,355px);gap:24px;margin:16px auto}}.result{overflow-y:auto;overscroll-behavior:contain}.result>*{flex-shrink:0}dialog textarea{display:block;width:100%;padding:12px;margin:8px 0 20px;background:#08070f;color:#fff9ec;border:1px solid #75668b;border-radius:4px;font:12px/1.6 inherit;resize:vertical}