*{box-sizing:border-box}html,body{margin:0;overflow:hidden;overscroll-behavior:none;background:#07090f;color:#eee;font-family:Arial,sans-serif}canvas{display:block}button{touch-action:manipulation;cursor:pointer;color:#fff;border:0;font:inherit}#hud{position:fixed;z-index:3;top:max(20px,env(safe-area-inset-top));left:24px;pointer-events:none;text-shadow:0 2px 6px #000}.eyebrow{font-size:11px;letter-spacing:.24em;color:#c3c2be}.score-line{font-size:38px;font-weight:700;margin:5px 0}#combo{font-size:13px;color:#bbff43;margin-left:12px}.meters{display:flex;gap:24px;font-size:12px;letter-spacing:.08em}.meters b{font-size:20px;margin-left:5px}#phase{font-size:11px;letter-spacing:.14em;color:#e75a6e;margin-top:12px}#sound{position:fixed;right:20px;top:20px;z-index:6;border:1px solid #ffffff35;background:#0c0c14b0;padding:10px 14px;font-size:10px;letter-spacing:.1em}#cross{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:23px;color:#ffeccc99;pointer-events:none}#flash{position:fixed;inset:0;z-index:2;background:radial-gradient(transparent 35%,#ad0019);opacity:0;pointer-events:none}#feedback{position:fixed;top:58%;left:50%;width:90%;text-align:center;transform:translate(-50%);z-index:4;color:#bcff38;font-size:16px;font-weight:700;letter-spacing:.1em;pointer-events:none;text-shadow:0 2px 6px black;transition:opacity .12s}#menu{position:fixed;inset:0;z-index:5;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:36px 18px;background:radial-gradient(ellipse at top,#3e1826ef,#090911f5 70%)}.menu-card{width:min(650px,100%);text-align:center;margin:auto}#brand{display:block;width:min(560px,100%);height:auto;max-height:280px;object-fit:contain;background:transparent;margin:0 auto 20px;filter:drop-shadow(0 0 18px #f52b4540)}h1{font-size:clamp(34px,6vw,65px);letter-spacing:.14em;margin:12px 0 20px;color:#ff405a}#summary{font-size:15px;line-height:1.6;color:#d9d3d4;margin:0 auto 22px;max-width:580px}#start{background:#a82442;padding:18px 36px;font-size:16px;font-weight:700;letter-spacing:.08em;min-width:240px;border:1px solid #ff6b7c;border-radius:3px;box-shadow:0 0 35px #be254030}#start:disabled{background:#444;border-color:#666}.controls,.touch-help{font-size:12px;line-height:1.7;color:#bab0b7;margin-top:18px}.touch-help{color:#e2dfce}.small{font-size:10px;color:#887d89;margin-top:20px}#roster{margin:14px auto 0;max-width:550px;color:#a89ba4;font-size:11px}summary{cursor:pointer;padding:12px;letter-spacing:.08em}.roster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.roster-grid img{width:100%;height:110px;object-fit:contain;background:#050505}#mobile{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));z-index:3;display:none;justify-content:space-between;align-items:center;pointer-events:none}#mobile>*{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#move{width:112px;height:112px;border:1px solid #ffffff35;background:#ffffff0a;border-radius:50%;position:relative}#move span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;color:#fff8;pointer-events:none}#knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#ffffff15;border:1px solid #ffffff25;border-radius:50%;pointer-events:none}#attack{width:100px;height:100px;border-radius:50%;background:#9b2443b0;border:1px solid #ff8c9c80;font-size:12px;font-weight:700;letter-spacing:.06em}@media(max-height:600px){#menu{padding:12px}.menu-card{max-width:700px}#brand{width:min(360px,85vw);max-height:180px;margin:0 auto 12px}h1{font-size:30px;margin:6px}#summary{font-size:12px;margin-bottom:10px}#start{padding:12px 24px;min-width:210px}.controls,.touch-help{font-size:10px;margin:7px}.small{margin:8px}#roster{margin-top:0}#hud{top:12px;left:15px}.score-line{font-size:28px}#phase{margin-top:7px}#mobile{bottom:14px}#move{width:96px;height:96px}#attack{width:85px;height:85px}}html,body,#app{position:fixed;inset:0;width:100%;height:100%;touch-action:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{overflow:hidden}canvas{touch-action:none}#menu{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#mobile button,#move{touch-action:none}#sound{touch-action:manipulation}#player-panel{max-width:520px;margin:14px auto;text-align:left;padding:14px;border:1px solid #ffffff20;border-radius:4px;background:#0c0c14a0}#player-status{font-size:12px;line-height:1.5;color:#c8c0c8;margin:0 0 10px}.player-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player-fields label{font-size:10px;letter-spacing:.1em}.player-fields input{display:block;width:100%;margin-top:6px;padding:12px 10px;font-size:16px;color:#fff;background:#14121c;border:1px solid #ffffff30;border-radius:3px}.privacy-note{font-size:11px;line-height:1.5;color:#b8aeb8}.consent{display:flex;gap:8px;align-items:flex-start;margin:10px 0;font-size:11px;line-height:1.5}.consent input{width:18px;height:18px;flex:none;margin:0;accent-color:#c33a5b}#register-player{width:100%;padding:13px;background:#6e273e;font-size:12px;font-weight:700}#player-greeting{font-size:13px}#switch-player,#retry-score{font-size:10px;padding:8px;background:#352332}#personal-best{text-align:center;font-size:14px;color:#b8fa35;letter-spacing:.1em;margin:12px 0 0}#leaderboard{max-width:520px;margin:16px auto;background:#101019b0;border:1px solid #ffffff20;border-radius:4px}#leaderboard-status{font-size:11px;color:#b8aeb8;padding:0 12px}#leaderboard-list{padding:0 20px 12px 40px;margin:0}#leaderboard-list li{padding:8px 0;text-align:left;border-bottom:1px solid #ffffff12;font-size:13px}#leaderboard-list strong{float:right;color:#b8fa35}[hidden]{display:none!important}@media(max-width:480px){.player-fields{grid-template-columns:1fr}}#danger{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse,transparent 42%,#720d2dcc 100%);opacity:0;display:none}#target-hint{position:fixed;top:calc(50% + 26px);left:50%;transform:translate(-50%);z-index:3;pointer-events:none;font-size:10px;letter-spacing:.13em;text-align:center;color:#e7ebd4;text-shadow:0 2px 5px #000;width:70%;display:none}#cross{width:20px;height:20px;font-size:0;border:1px solid #fff7;border-radius:50%;transition:border-color .1s,background .1s}#cross:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}#cross.ready{border-color:#c6ff61;background:#b5ff3818}#cross.hit{animation:hit-confirm .22s ease-out}@keyframes hit-confirm{0%{transform:translate(-50%,-50%) scale(1.7);border-color:#fff}to{transform:translate(-50%,-50%) scale(1)}}#combo-track{display:none;position:fixed;top:130px;left:24px;width:140px;height:3px;background:#ffffff16;z-index:3;pointer-events:none}#combo-track i{display:block;width:100%;height:100%;background:#baff54;transform:scaleX(0);transform-origin:left}.playing #danger,.playing #target-hint,.playing #combo-track{display:block}#hud{padding:12px 16px;background:linear-gradient(120deg,#080b13b8,transparent);border-left:2px solid #ab2848}@media(max-height:600px){#combo-track{top:112px;left:15px}#hud{padding:8px 10px}}@media(prefers-reduced-motion:reduce){#cross.hit{animation:none}}#power-status{color:#8cfff2;font-size:12px;letter-spacing:.07em;min-height:16px;margin:8px 0;max-width:290px}#round-results{white-space:pre-line;border:1px solid #617d47;background:#192219;color:#d7ffb4;padding:14px;margin:16px 0;line-height:1.7;font-size:14px}#round-results[hidden]{display:none}#name-form{margin:12px 0;padding:14px;border:1px solid #6b794c;text-align:left}#name-form[hidden]{display:none}#name-form label{display:block;font-size:12px}#new-name{display:block;width:100%;box-sizing:border-box;padding:12px;margin:8px 0;background:#101218;color:#fff;border:1px solid #737b86;font-size:16px}#name-form button,#edit-name{font-size:12px;padding:10px;margin:4px}#name-status{font-size:13px;color:#ffe1a3}