:root{font-family:Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;color:#f4f8ef;background:#07090b;font-synthesis:none;--acid:#c6ff00;--pink:#ff267c;--muted:#aeb9b3;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{position:relative;isolation:isolate;min-height:420px}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:6px}button,a,input{border-radius:0}button,a{transition:background .15s,color .15s,transform .15s var(--ease)}button:hover,a.secondary:hover{transform:translateY(-2px)}button:active,a.secondary:active{transform:translateY(1px) scale(.98)}button:disabled:hover{transform:none}[hidden]{display:none!important}::selection{color:#07090b;background:var(--acid)}#game{position:absolute;inset:0;z-index:-1;touch-action:none}canvas{display:block}main{height:100%}.tools{position:absolute;z-index:10;right:max(22px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));display:flex;gap:8px}.icon{width:44px;height:44px;display:grid;place-items:center;background:transparent;color:#d4ded6}.icon:hover{background:#252b29;color:var(--acid)}.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:square;stroke-linejoin:round}.icon[aria-pressed=false] .sound-slash{display:block}.intro{position:absolute;left:50%;top:43%;transform:translate(-50%);width:min(570px,85vw);text-align:center}h1{margin:0;font-size:inherit}.wordmark{display:block;width:100%;height:auto;fill:var(--acid);filter:drop-shadow(0 7px 20px #000)}.subtitle{display:block;color:#f4f8ef;font-size:clamp(16px,2vw,24px);font-weight:850;font-style:italic;letter-spacing:-.025em;margin:-1px 0 0}.tagline{margin:27px 0 29px;font-size:clamp(14px,1.5vw,18px);font-weight:700;letter-spacing:.08em}.menu-buttons{display:flex;justify-content:center;gap:10px}.primary,.secondary{min-height:54px;display:flex;align-items:center;justify-content:center;gap:30px;padding:0 26px;font-weight:800;font-size:16px;text-decoration:none;white-space:nowrap}.primary{background:var(--acid);color:#0c0f04;min-width:190px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.primary:hover{background:#dcff69}.primary svg{width:17px;height:17px;fill:currentColor}.secondary{background:#1b211e;color:#f4f8ef;border:1px solid #455044}.secondary:hover{background:#2b352b;border-color:#90a283}.text-button{min-height:44px;padding:8px 14px;background:transparent;color:#b7c5b9;font-size:13px;text-underline-offset:5px}.text-button:hover{color:#fff;text-decoration:underline}.hud{position:absolute;top:max(26px,env(safe-area-inset-top));left:32px;right:32px;pointer-events:none;font-variant-numeric:tabular-nums}.hud #score{font-family:Consolas,monospace;font-weight:700;font-size:32px;letter-spacing:-.04em}.hud #timer{position:absolute;left:50%;transform:translate(-50%);font-family:Consolas,monospace;font-size:24px;color:#d2decf}.hud #timer.urgent{color:#ff518f}.life{position:absolute;left:0;top:45px;width:110px;height:3px;background:#303834}.life i{display:block;background:var(--acid);height:100%;transform-origin:left;transition:transform .18s}.life.danger i{background:var(--pink)}.hit-button{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(270px,65vw);height:58px;background:#151b16;color:#d9e4d9;border:1px solid #556746;display:flex;align-items:center;justify-content:center;gap:20px;font-size:14px}.hit-button:hover{transform:translate(-50%);background:#253420}.hit-button:active,.hit-button.pressed{transform:translate(-50%) scale(.95);color:#0d1205;background:var(--acid);border-color:var(--acid)}.keycap{font-family:Consolas,monospace;font-size:11px;letter-spacing:.08em;padding:4px 7px;border:1px solid #5b6c53;border-radius:3px}.judgement{position:absolute;left:50%;top:32%;transform:translate(-50%);font-family:Consolas,monospace;font-style:italic;font-size:clamp(25px,3.4vw,39px);font-weight:900;color:var(--acid);pointer-events:none;opacity:0;white-space:nowrap;letter-spacing:-.04em}.judgement[data-kind=great]{color:#7feaff}.judgement[data-kind=good]{color:#fff}.judgement[data-kind=miss],.judgement[data-kind=stray]{color:var(--pink)}.judgement.show{animation:judge .45s var(--ease) both}.combo{position:absolute;left:calc(50% - min(200px,calc(50vw - 16px)) + 13px);top:calc(49% + clamp(38px,min(12.69vw,11.34dvh),75px) + 32px);transform:translateY(-50%);font:700 18px/1 Consolas,monospace;font-style:italic;color:#dce9d8;pointer-events:none;text-align:left}.combo small{font-size:7px;font-style:normal;letter-spacing:.06em;display:block;text-align:left;margin-top:3px;color:#b0c6a7}.overlay{position:absolute;inset:0;z-index:20;display:flex;justify-content:center;align-items:center;padding:24px;background:#07090be8;overflow:auto}.panel{width:min(440px,100%);text-align:center;animation:enter .3s var(--ease)}h2{font-size:24px;margin:0;font-weight:800;letter-spacing:-.035em}.pause-panel{display:grid;gap:12px;max-width:290px}.result-panel h2{font-size:17px;color:#d9e9cf;letter-spacing:.12em}.result-score{font-family:Consolas,monospace;font-size:clamp(44px,8vw,70px);font-weight:800;letter-spacing:-.04em;color:var(--acid);margin:15px 0 0}.result-details{display:flex;justify-content:center;gap:30px;margin:8px 0 27px;color:#b6c8aa;font:12px Consolas,monospace}.result-details b{color:#f4f8ef;font-size:19px;margin-right:4px}#entry-form{display:flex;gap:8px;margin-top:26px}#nickname{min-width:0;flex:1;padding:13px;background:#131a13;border:1px solid #46513e;color:#fff;font-size:16px;-webkit-user-select:text;user-select:text;caret-color:var(--acid)}#nickname::placeholder{color:#b0bda6}#entry-form button{font-size:14px;min-height:48px;padding:0 24px}.status{font-size:12px;line-height:1.65;color:#c5d2bb;min-height:20px;margin:9px 0 18px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-actions>*{min-width:0;padding:0 15px;font-size:15px}.result-links{display:flex;justify-content:center;gap:16px;margin-top:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.close{flex-shrink:0}.scope{color:#b4c4a8;font-size:12px;text-align:left;margin:6px 0 20px}.ranking-list{max-height:55vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#506241 #121a11;text-align:left}.ranking-list ol{margin:0;padding:0;list-style:none}.ranking-list li{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:54px;border-top:1px solid #303b2c;font-size:14px}.ranking-list .place{font-family:Consolas,monospace;color:#b1c6a5}.ranking-list .player{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-list .points{font-family:Consolas,monospace;font-weight:700;font-size:18px}.ranking-list li:nth-child(1){color:var(--acid)}.ranking-list li.mine{background:#c6ff0012}.empty{padding:35px 0;line-height:1.8;color:#bacbb0;font-size:14px}.settings-panel label{display:block;font-size:13px;color:#b7c7ae;text-align:left;margin:25px 0 18px}.offset-control{display:flex;gap:20px;align-items:center;margin-bottom:22px}.offset-control input{min-width:0;flex:1;accent-color:var(--acid)}.offset-control output{width:65px;font:13px Consolas,monospace}.settings-panel>.secondary{width:100%;font-size:14px;margin-top:10px}.error{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:40;max-width:90vw;padding:12px 18px;background:#351421;color:#ffb9d4;font-size:13px;line-height:1.6}.tools:has(~main #settings-view:not([hidden])){visibility:hidden}@keyframes judge{0%{opacity:1;transform:translate(-50%,8px) scale(1.26)}20%{transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-9px)}}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1000px)and (min-height:650px){.intro{width:540px;top:44%}}@media(max-width:600px){.tools{top:max(12px,env(safe-area-inset-top));right:12px;gap:3px}.intro{top:40%;width:86vw}.tagline{margin:22px 0 27px;font-size:15px}.subtitle{font-size:20px}.menu-buttons{display:grid;grid-template-columns:1fr;gap:10px;padding:0 35px}.primary,.secondary{min-height:54px}.hud{top:24px;left:20px;right:20px}.hud #score{font-size:25px}.hud #timer{left:49%;font-size:20px}.life{top:36px;width:85px}.judgement{top:30%}.hit-button{bottom:max(27px,env(safe-area-inset-bottom));height:62px}.overlay{padding:22px}.result-score{font-size:57px}.result-details{gap:22px}.result-panel h2{font-size:16px}.ranking-list{max-height:62vh}}@media(max-height:600px)and (min-width:601px){.intro{top:31%;width:400px}.wordmark{height:135px}.subtitle{font-size:18px}.tagline{margin:13px 0 18px}.hit-button{bottom:16px;height:46px}.judgement{top:24%}.overlay{align-items:flex-start;padding:30px}.result-score{font-size:45px}.result-details{margin-bottom:13px}#entry-form{margin-top:15px}.status{margin:5px 0 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[data-reduced=true] .judgement.show{animation:none;opacity:1}html,body,#app{height:100%;height:100dvh;min-height:0}.overlay{overflow:hidden}.ranking-list{max-height:none;overflow:hidden}.rank-pagination{display:flex;justify-content:space-between;margin-top:9px}.rank-pagination button:disabled{opacity:.3;cursor:default}.ranking-panel>#reload-ranking{margin-top:8px}@media(max-height:600px){.overlay{padding:12px 22px;align-items:center}.result-panel h2{font-size:14px}.result-score{font-size:42px;margin-top:6px}.result-details{margin:2px 0 10px}#entry-form{margin-top:10px}.status{margin:4px 0 10px;min-height:18px}.result-links{margin-top:3px}.result-actions>*{min-height:46px}.ranking-list li{min-height:48px}.scope{margin-bottom:12px}.settings-panel label{margin:15px 0}.settings-panel>.secondary{min-height:45px}.offset-control{margin-bottom:13px}}@media(max-height:500px)and (min-width:601px){.intro{left:7%;top:13%;transform:none;width:42vw;max-width:430px}.wordmark{height:110px}.subtitle{font-size:17px}.tagline{font-size:14px;margin:13px 0 18px}.menu-buttons{gap:8px}.menu-buttons>*{min-width:0;min-height:48px;padding:0 20px;font-size:14px}.hud{left:22px;top:17px}.judgement{top:18%;font-size:25px}.hit-button{height:43px;bottom:10px;width:200px}}@media(max-height:650px)and (max-width:600px){.intro{top:36%}.tagline{margin:15px 0 20px}.menu-buttons>*{min-height:48px}.subtitle{font-size:17px}.hit-button{height:50px;bottom:16px}.judgement{top:28%;font-size:27px}}#app[data-mode=playing]{touch-action:none}@media(min-width:601px)and (min-height:501px)and (max-height:680px){.intro{top:39%;width:450px}.wordmark{height:150px}.subtitle{font-size:20px}.tagline{margin:19px 0 23px}}@media(max-height:380px){.result-panel h2{display:none}.result-score{font-size:32px;margin:0}.result-details{margin:2px 0 6px;font-size:10px}.result-details b{font-size:15px}.result-links{margin:0}.result-links button{min-height:34px}#entry-form{margin-top:6px}.result-actions>*{min-height:40px}.status{margin:3px 0 6px}.settings-panel label{margin:8px 0}.settings-panel>.secondary{min-height:40px}.panel-head h2{font-size:20px}}.combo{left:calc(50% - min(260px,calc(50vw - 16px)) + 16px);top:calc(49% + clamp(38px,min(12.69vw,11.34dvh),75px) + 36px);font-size:20px;color:#e5f5e8}.combo small{font-size:10px;letter-spacing:.08em;color:#a4bfb3;margin-top:4px}.hit-button{min-height:48px;bottom:max(24px,env(safe-area-inset-bottom));border-color:#647c53;box-shadow:inset 0 2px #91ad6c18}.hud{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));z-index:2}.hud #timer{min-width:44px;padding:3px 8px;text-align:center;background:#07090be8}.life{display:flex;align-items:center;gap:7px;width:auto;height:18px;top:43px;background:transparent;color:var(--acid);font:700 12px/1 Consolas,monospace}.life-label{color:#a9bc9e;font-size:9px;letter-spacing:.06em}.life-pips{display:flex;gap:4px}.life i{display:block;width:14px;height:9px;background:#1d2923;border:1px solid #49594b;clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%);transition:background .12s,border-color .12s}.life i[data-active=true]{background:var(--acid);border-color:#deff8f}.life.danger{color:var(--pink)}.life.danger i[data-active=true]{background:var(--pink);border-color:#ff95bc}.life.danger i[data-active=false]{background:#1d2923;border-color:#49594b}.life #life-left{min-width:9px;text-align:right}.life.damaged{animation:life-contact .34s ease-out both}#app[data-outcome=failed] .result-panel h2{display:block;color:#ff518f;letter-spacing:.08em}@keyframes life-contact{0%,38%{filter:brightness(2.2);color:#fff}to{filter:brightness(1)}}@media(max-width:600px){.life{top:35px;gap:5px;width:auto}.life-pips{gap:3px}.life i{width:12px;height:8px}.life-label{font-size:8px}}@media(max-height:500px){.hit-button{height:48px;bottom:max(10px,env(safe-area-inset-bottom))}.combo{font-size:18px}.combo small{font-size:9px}}@media(max-width:600px)and (min-height:700px){.hit-button{bottom:max(44px,env(safe-area-inset-bottom))}}.judgement{text-shadow:-1px -1px 0 #06090b,1px -1px 0 #06090b,-1px 1px 0 #06090b,1px 1px 0 #06090b,0 2px 5px #000}@media(pointer:coarse){.hit-button .keycap{display:none}.hit-button{gap:0;font-size:16px}}.briefing{position:absolute;inset:0;z-index:8;display:grid;place-items:center;pointer-events:none;background:#07090bde;opacity:1;transition:opacity .2s ease-out}.briefing.leaving{opacity:0}.briefing-type{position:relative;width:min(690px,90vw);padding:27px 28px 32px;text-align:center;font-weight:1000;font-style:italic;line-height:1.2;transform:skewY(-3deg);animation:briefing-enter .24s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(0 6px 0 #000)}.briefing-type:before,.briefing-type:after{content:"";position:absolute;height:8px;width:48px;background:var(--acid);transform:skew(-18deg)}.briefing-type:before{left:0;top:0;box-shadow:7px 12px #c6ff0038}.briefing-type:after{right:0;bottom:0;box-shadow:-7px -12px #c6ff0038}.briefing-top{display:block;font-size:clamp(17px,3vw,27px);letter-spacing:.08em;color:#e2eddd;margin-bottom:10px}.briefing-middle{display:block;font-size:clamp(23px,4.5vw,43px);letter-spacing:-.05em}.briefing-type strong{display:block;font-size:clamp(40px,7.9vw,76px);letter-spacing:-.065em;color:var(--acid);white-space:nowrap;text-shadow:2px 3px 0 #597d12;margin-top:2px}.briefing-rule{display:flex;align-items:baseline;justify-content:center;gap:5px;margin:19px 0 0;color:#c8d2c4;font-size:clamp(12px,1.8vw,15px);font-weight:700;font-style:normal;letter-spacing:.03em}.briefing-rule b{font:900 20px/1 Consolas,monospace;color:#ff518f}.briefing-rule span{color:#ff8ab4;font:800 12px/1 Consolas,monospace;letter-spacing:.08em;margin-left:3px}.briefing-charge{display:block;width:90px;height:3px;margin:24px auto 0;background:#91a57335;overflow:hidden}.briefing-charge:after{content:"";display:block;height:100%;background:var(--acid);transform:scaleX(var(--charge,0));transform-origin:left}#app[data-briefing=true] .hud,#app[data-briefing=true] .hit-button,#app[data-briefing=true] .combo,#app[data-briefing=true] .judgement{visibility:hidden}@keyframes briefing-enter{0%{opacity:0;transform:translateY(14px) skewY(-3deg) scale(1.05)}to{opacity:1;transform:translateY(0) skewY(-3deg) scale(1)}}@media(max-width:360px){.briefing-type{padding:25px 8px 28px}.briefing-type strong{font-size:39px}}@media(max-height:420px){.briefing-type{padding-block:18px}.briefing-top{font-size:19px;margin-bottom:5px}.briefing-middle{font-size:29px}.briefing-type strong{font-size:48px}.briefing-charge{margin-top:14px}}#app[data-reduced=true] .briefing-type{animation:none;transform:none;filter:none}#app[data-reduced=true] .briefing{transition:none}.intro{top:auto;bottom:max(32px,env(safe-area-inset-bottom));width:min(510px,86vw)}.tagline{margin:20px 0 22px}.song-picker{--song-color:var(--acid);display:flex;align-items:center;gap:4px;margin:0 auto 18px;width:min(430px,100%);border-block:1px solid #687a4b56;background:#090e0bd9;min-height:82px}#app[data-audition=lyria][data-song^=lyria-rebuild-] .menu-buttons{grid-template-columns:1fr}.song-arrow{flex:0 0 48px;align-self:stretch;display:grid;place-items:center;color:#cdd8c4;background:transparent;min-height:64px}.song-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.5}.song-arrow:hover{background:#c6ff0012;color:#fff;transform:none}.song-arrow:active{transform:scale(.9)}.song-arrow:focus-visible{outline-offset:-3px}.song-info{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0}.song-index{color:#a7b89a;font:10px/1 Consolas,monospace;letter-spacing:.12em}.song-info strong{font:900 clamp(15px,2.4vw,20px)/1.15 Arial,sans-serif;font-style:italic;letter-spacing:-.045em;color:var(--song-color);white-space:nowrap}.song-style{font:10px/1.3 Consolas,monospace;letter-spacing:.025em;color:#b3bfb3;white-space:nowrap}.result-song{color:#a9bda1;font:700 12px/1.3 Consolas,monospace;letter-spacing:.02em;margin:12px 0 0}@media(max-width:600px){.intro{top:auto;bottom:max(28px,env(safe-area-inset-bottom));width:86vw}.tagline{margin:18px 0}.menu-buttons{grid-template-columns:1.1fr 1fr;gap:8px;padding:0}.menu-buttons>*{min-width:0;padding-inline:14px;font-size:14px;gap:12px}.song-picker{margin-bottom:14px;min-height:78px}.song-arrow{flex-basis:44px}.song-info strong{font-size:clamp(14px,4.4vw,19px)}.song-style{font-size:9px}.subtitle{font-size:18px}}@media(min-width:601px)and (max-height:500px){.intro{left:5vw;top:auto;bottom:max(20px,env(safe-area-inset-bottom));width:44vw;max-width:430px;transform:none}.wordmark{height:100px}.tagline{margin:12px 0 14px;font-size:14px}.song-picker{min-height:70px;margin-bottom:12px}.song-info strong{font-size:17px}.song-info{padding:7px 0}.song-arrow{min-height:60px;flex-basis:44px}.menu-buttons>*{min-height:48px}.subtitle{font-size:16px}}@media(max-width:600px)and (max-height:650px){.intro{top:auto;bottom:max(20px,env(safe-area-inset-bottom))}.wordmark{max-height:115px}.tagline{margin:13px 0 16px;font-size:13px}.song-picker{min-height:72px;margin-bottom:12px}.song-info{padding:8px 0}.song-info strong{font-size:clamp(13px,4.4vw,17px)}.menu-buttons>*{min-height:48px}.subtitle{font-size:16px}}@media(max-height:380px){.intro .wordmark{height:80px}.intro .tagline{margin:8px 0 10px}.song-picker{min-height:64px;margin-bottom:10px}.result-song{margin:6px 0;font-size:10px}}