:root{color-scheme:dark;font-family:"Arial", "Yu Gothic UI", "Meiryo",sans-serif;color:#fff;background:#182333;--red:#f03746;--cyan:#7eeaff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #8eeaff;outline-offset:5px}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,rgba(8,17,31,.92),rgba(8,17,31,.7) 30%,transparent 65%),linear-gradient(0deg,rgba(6,13,27,.8),transparent 20%,transparent 80%,rgba(6,13,27,.35))}body:not([data-mode=demo]) .vignette{background:linear-gradient(0deg,#09142788,transparent 25%,transparent 75%,#09142788)}header{position:fixed;top:0;left:0;width:100%;padding:25px 36px;display:flex;align-items:center;gap:28px;z-index:10;font-size:11px;letter-spacing:1.5px}header a{color:#dde6f2;text-decoration:none;border-bottom:1px solid #647084;padding-bottom:5px}.edition{color:#bac6d1;font-size:10px}.top-actions{margin-left:auto;display:flex;gap:12px}.top-actions button{padding:10px 12px;background:#0d1c2d99;border:1px solid #ffffff35;border-radius:3px;font-size:10px;letter-spacing:1px}#title{position:absolute;left:7%;top:18%;width:440px;max-width:85vw}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.8px;color:#ffb6ae;display:flex;align-items:center;gap:8px}.eyebrow i{width:22px;height:3px;background:var(--red)}h1{font-size:clamp(64px,8.8vw,126px);line-height:.78;font-weight:950;letter-spacing:-7px;font-style:italic;margin:29px 0 19px;text-shadow:5px 5px 0 #060f2055}h1 span{display:block;color:var(--red);padding-left:4px}.subtitle{font-size:12px;font-weight:700;letter-spacing:2px;border-left:2px solid var(--red);padding-left:13px}.tagline{font-size:23px;font-weight:700;margin:29px 0 12px;letter-spacing:2px}.intro{font-size:12px;line-height:2;color:#c2cbd8;margin-bottom:24px}.primary{display:flex;justify-content:space-between;align-items:center;background:var(--red);padding:17px 22px;font-size:15px;font-weight:700;letter-spacing:1.5px;min-width:250px;border-radius:3px;box-shadow:0 8px 35px #f037462a;transition:background .2s,transform .2s}.primary:hover{background:#ff4b56;transform:translateY(-2px)}.primary span{font-size:23px;line-height:1}.start-hint{font-size:9px;color:#a9b5c5;letter-spacing:1.5px;margin-top:13px}.start-hint span{margin:0 8px}.quick-controls{display:flex;gap:22px;margin-top:30px;align-items:center}.quick-controls>div{display:flex;gap:8px;align-items:center}.quick-controls span{font-size:9px;color:#a6b3c7;line-height:1.6}kbd{border:1px solid #748092;border-radius:3px;padding:6px 7px;font:10px monospace}.fan-note{font-size:8px;letter-spacing:1px;color:#8190a1;margin-top:25px}#demo-label{position:fixed;bottom:30px;right:36px;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:2px}.live-dot{width:6px;height:6px;background:var(--red);border-radius:100%;box-shadow:0 0 10px var(--red)}.demo-note{color:#b8c7d7;font-size:10px;letter-spacing:1px;margin-left:10px}#hud{position:fixed;inset:0;pointer-events:none}.tiny{font-size:10px;font-weight:700;letter-spacing:2px;color:#bccede}.status{position:absolute;left:35px;top:92px;width:180px}.hp-track{height:5px;background:#ffffff25;margin:12px 0 9px}.hp-track i{display:block;background:var(--red);height:100%;transition:width .15s}.status-bottom{display:flex;justify-content:space-between;font-size:10px;color:#cdd8e7}.mission{position:absolute;top:31px;left:50%;transform:translateX(-50%);width:280px;text-align:center}.mission strong{display:block;font-size:15px;margin:9px 0 11px}.mission-bottom{display:flex;justify-content:space-between;font-size:10px;color:#b6cfe0;letter-spacing:1px}#time{font-size:16px;color:#fff;font-variant-numeric:tabular-nums}.progress-track{margin-top:8px;height:2px;background:#ffffff30}.progress-track i{display:block;background:var(--cyan);height:100%}.score{position:absolute;right:36px;top:91px;display:grid;text-align:right;gap:4px}.score strong{font-size:33px;letter-spacing:2px;font-style:italic}.score #combo{font-size:9px;color:var(--cyan);letter-spacing:2px}.bottom-hud{position:absolute;bottom:28px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center}#movement{font-size:12px;font-weight:bold;letter-spacing:3px;border-left:3px solid var(--cyan);padding:8px 12px}.desktop-tip{font-size:10px;color:#c8d5e0}#toast{position:absolute;top:30%;left:50%;transform:translateX(-50%);font-weight:800;font-size:23px;text-align:center;text-shadow:0 2px 9px #142034;white-space:nowrap;color:#fff3c9;opacity:0;transition:opacity .18s}#boss-hud{position:absolute;top:153px;left:50%;transform:translateX(-50%);width:280px;text-align:center;font-size:11px;letter-spacing:3px}#boss-hud>div{height:6px;background:#252233;margin-top:10px}#boss-health{display:block;background:var(--red);height:100%}#target-marker{position:absolute;left:50%;top:45%;color:#ffe08b;font-size:12px;text-align:center;text-shadow:0 1px 4px #000;white-space:nowrap}#target-marker b{display:block;font-size:21px}#damage{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #ff183e;opacity:0}#touch{position:fixed;bottom:22px;left:20px;right:20px;display:flex;align-items:end;justify-content:space-between;z-index:5;pointer-events:none}#touch button{pointer-events:auto;user-select:none;touch-action:none;background:#10243c9c;border:1px solid #ffffff50;backdrop-filter:blur(7px);width:52px;height:48px;border-radius:9px;font-weight:bold;font-size:23px}#touch button.active{background:#ff344a99;border-color:#fff}.dpad{display:grid;grid-template-columns:repeat(3,52px);gap:5px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.action-pad{display:flex;align-items:end;gap:12px}#touch .web-button{width:70px;height:70px;font-size:14px;border-radius:50%}#touch .swing-button{width:97px;height:97px;background:#df304ad9;font-size:17px;border-radius:50%;border:2px solid #ff8290}#touch button span{display:block;font-size:8px;margin-top:4px;font-weight:normal}#result{position:fixed;inset:0;display:grid;place-items:center;background:#091422ae;backdrop-filter:blur(7px);z-index:8}.result-card{text-align:center;background:#142234e8;border-top:3px solid var(--red);padding:38px 44px;width:440px;max-width:92vw}.result-card .eyebrow{justify-content:center;font-size:10px}.result-card h2{font-size:33px;margin:22px 0 12px}.result-card p{color:#c4d0dd;font-size:13px;line-height:1.7}#result-score{font-size:59px;font-weight:900;font-style:italic;margin:18px 0 5px}#result-details{font-size:12px;color:#a8d8e9;margin-bottom:26px}.result-card .primary{width:100%}.secondary{background:transparent;padding:17px;font-size:12px;color:#c1ccd9}#error{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#132135;padding:25px;z-index:30}#error a{color:#8eeaff}
@media(pointer:coarse){.desktop-tip{display:none}.bottom-hud{bottom:137px}.quick-controls{display:none}}
@media(max-height:700px) and (min-width:701px){#title{top:16%}h1{font-size:84px;margin:20px 0 14px}.tagline{margin-top:22px}.intro{margin-bottom:18px}.quick-controls{margin-top:21px}.fan-note{margin-top:16px}}
@media(max-width:700px){header{padding:17px 18px;gap:10px}.edition{display:none}#title{top:18%;left:8%}h1{font-size:90px}.eyebrow{font-size:8px;letter-spacing:1.8px}.subtitle{font-size:10px}.tagline{font-size:20px}.intro{font-size:11px}#demo-label{bottom:20px;right:20px;font-size:9px}.demo-note{display:none}.mission{top:74px;width:190px}.mission strong{font-size:12px}.mission .tiny{font-size:8px}.status{top:75px;left:16px;width:82px}.status .tiny{font-size:8px;letter-spacing:1px}.status-bottom{font-size:9px}.status-bottom #speed{display:none}.score{top:76px;right:16px}.score strong{font-size:22px}.score .tiny{font-size:8px}#combo{max-width:80px;font-size:8px!important}.bottom-hud{left:19px;right:19px}#toast{font-size:18px;top:29%}#boss-hud{top:166px;width:230px}#touch{left:13px;right:13px;bottom:max(20px,env(safe-area-inset-bottom))}.dpad{grid-template-columns:repeat(3,43px);gap:4px}#touch .dpad button{width:43px;height:45px}.action-pad{gap:8px}#touch .swing-button{width:85px;height:85px}#touch .web-button{width:62px;height:62px}.fan-note{margin-top:22px}.desktop-tip{display:none}}
@media(max-height:500px){#title{top:21%;left:7%;width:430px}h1{font-size:65px;line-height:.8;margin:14px 0 12px}h1 span{display:inline;margin-left:8px}.subtitle{font-size:9px}.tagline{font-size:17px;margin:16px 0 10px}.intro{font-size:10px;line-height:1.6;margin:8px 0 15px}.primary{padding:12px 18px;font-size:13px;min-width:220px}.quick-controls,.fan-note,.start-hint{display:none}header{padding:13px 22px}.mission{top:18px}.status,.score{top:72px}.bottom-hud{bottom:126px}.result-card{padding:20px 30px}.result-card h2{font-size:25px;margin:13px 0 9px}#result-score{font-size:42px;margin:8px 0}#result-details{margin-bottom:14px}}