:root{--accent: oklch(.8 .15 200);--accent-bright: oklch(.88 .15 200);--accent-deep: oklch(.68 .19 250);--magenta: oklch(.68 .25 350);--green: oklch(.78 .2 145);--danger: oklch(.75 .2 355);--surface-screen: radial-gradient(ellipse at 50% -5%, oklch(.2 .035 260) 0%, oklch(.09 .01 260) 45%, oklch(.05 .005 260) 100%);--surface-card: oklch(.16 .02 260 / .6);--surface-sheet: oklch(.13 .015 260);--surface-raised: oklch(.2 .02 260);--line: oklch(1 0 0 / .12);--line-soft: oklch(1 0 0 / .08);--text: oklch(.95 .01 260);--text-dim: oklch(.82 .01 260);--text-muted: oklch(.68 .012 260);--text-faint: oklch(.62 .012 260)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#02020a}#game{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block;touch-action:none}#ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;display:grid;place-items:center}#ui-inner{position:relative;width:400px;height:640px;scale:min(calc(100svi/400px),calc(100svb/640px))}#ui-inner,#ui-inner *{font-family:Courier New,Courier,monospace;user-select:none;-webkit-user-select:none;line-height:1;white-space:nowrap}#game-hud{position:absolute;top:0;left:0;width:400px;height:640px}#gameover-ui{position:absolute;top:0;left:0;width:400px;height:640px;display:flex;align-items:center;justify-content:center;background:#03030c9e;animation:ui-fadein .35s ease-out}#menu-ui{position:absolute;top:0;left:0;width:400px;height:640px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:22px 24px 26px;background:var(--surface-screen)}#settings-ui{position:absolute;top:0;left:0;width:400px;height:640px;display:flex;flex-direction:column;gap:20px;padding:30px 24px 26px;background:var(--surface-screen);pointer-events:auto}#leaderboard-ui{position:absolute;top:0;left:0;width:400px;height:640px;display:flex;flex-direction:column;gap:16px;padding:30px 24px 26px;background:var(--surface-screen);pointer-events:auto}#howto-ui{position:absolute;top:0;left:0;width:400px;height:640px;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:auto}#hud-best-banner,#hud-score,#hud-combo,#hud-ghost,#hud-bullet,#joystick-left,#joystick-right,#ghost-alert,#bullet-alert{position:absolute}.ui-hidden{display:none!important}@keyframes ui-fadein{0%{opacity:0}to{opacity:1}}.ui-fadein{animation:ui-fadein .3s ease-out forwards}@keyframes ui-pulse{0%,to{opacity:1}50%{opacity:.25}}.ui-pulse{animation:ui-pulse 1.4s ease-in-out infinite}@keyframes ui-prompt-breathe{0%,to{opacity:1}50%{opacity:.5}}@keyframes ui-banner{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.ui-banner-anim{animation:ui-banner 2.2s ease-out forwards}@keyframes ui-pickup-alert{0%{opacity:0;transform:translate(-50%,28px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.ui-pickup-alert-anim{animation:ui-pickup-alert 2s ease-out forwards}.ui-new-best{color:#fc0!important}#score-popups{position:absolute;top:0;left:0;width:400px;height:640px;pointer-events:none;overflow:hidden}.score-popup{position:absolute;font-family:Courier New,Courier,monospace;font-weight:700;white-space:nowrap;text-shadow:0 0 10px rgba(255,255,255,.35);will-change:transform,opacity;animation:score-pop .75s ease-out forwards}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.7)}18%{opacity:1;transform:translate(-50%,-65%) scale(1.06)}to{opacity:0;transform:translate(-50%,-165%) scale(1)}}#menu-topbar{width:100%;display:flex;justify-content:space-between;align-items:flex-start}#menu-topbar-right{display:flex;gap:14px}.icon-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.icon-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface-card);cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:3px;transition:border-color .15s,background .15s}.icon-btn:hover,.icon-btn:active{border-color:#ffffff4d;background:#151b24bf}.icon-btn-label{font-size:9px;letter-spacing:1.5px;color:var(--text-muted)}.ico-speaker{width:11px;height:12px;background:var(--text-dim);clip-path:polygon(0 30%,42% 30%,100% 0,100% 100%,42% 70%,0 70%)}.ico-speaker-wave{width:5px;height:12px;border:1.5px solid var(--text-dim);border-left:none;border-radius:0 8px 8px 0}#menu-mute-btn.is-muted .ico-speaker{background:var(--text-faint)}#menu-mute-btn.is-muted .ico-speaker-wave{opacity:.25}#menu-leaderboard-btn{align-items:flex-end;padding-bottom:14px}.ico-bar{width:4px;height:9px;border-radius:1px 1px 0 0;background:var(--text-muted)}.ico-bar:last-child{height:12px}.ico-bar-accent{height:15px;background:var(--accent)}#menu-settings-btn{flex-direction:column;gap:5px}.ico-slider{width:20px;height:2px;border-radius:2px;background:var(--text-muted);position:relative}.ico-knob{position:absolute;top:-2.5px;width:7px;height:7px;border-radius:50%}.ico-knob-a{left:4px;background:var(--accent)}.ico-knob-b{right:3px;background:var(--text-dim)}#menu-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px}#menu-header{display:flex;flex-direction:column;align-items:center;gap:14px}@keyframes menu-title-glow{0%,to{opacity:1}50%{opacity:.86}}#menu-title{font-size:76px;line-height:1;font-weight:800;letter-spacing:9px;text-indent:9px;color:#fff;text-shadow:0 0 22px oklch(.85 .15 200 / .85),0 0 56px oklch(.85 .15 200 / .45);animation:menu-title-glow 3.5s ease-in-out infinite}#menu-tagline{font-size:13px;letter-spacing:4.5px;text-indent:4.5px;color:var(--text-muted)}#menu-actions{display:flex;flex-direction:column;align-items:center;gap:18px}#menu-stats{display:flex;align-items:baseline;gap:9px;padding:9px 20px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line-soft);min-height:36px}#menu-stats.is-empty{visibility:hidden}#menu-best{font-size:17px;font-weight:700;color:#fff;letter-spacing:1px}#menu-lvl{font-size:12px;color:var(--text-muted);letter-spacing:1px}#menu-play-btn{padding:17px 58px;border-radius:16px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#04101a;font-family:inherit;font-size:19px;font-weight:800;letter-spacing:3px;cursor:pointer;pointer-events:auto;box-shadow:0 0 0 1px #00e9f366,0 8px 26px #00b0d566,0 0 34px #00d7e04d;box-shadow:0 0 0 1px oklch(.85 .15 200 / .4),0 8px 26px oklch(.7 .18 220 / .4),0 0 34px oklch(.8 .15 200 / .3);transition:filter .15s,transform .1s}#menu-play-btn:hover{filter:brightness(1.08)}#menu-play-btn:active{transform:translateY(1px)}#menu-howto-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--accent-bright);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:2px;cursor:pointer;pointer-events:auto;transition:background .15s,border-color .15s}#menu-howto-btn:hover,#menu-howto-btn:active{background:#00d7e014;background:oklch(.8 .15 200 / .08);border-color:#00d7e073;border-color:oklch(.8 .15 200 / .45)}#menu-footer{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px}#menu-footer-label{color:var(--text-faint)}#menu-footer-mode{color:var(--accent);font-weight:700}#howto-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}#howto-sheet{position:relative;background:var(--surface-sheet);border-radius:28px 28px 0 0;border-top:1px solid var(--line);padding:14px 24px 26px;box-shadow:0 -12px 44px #0009;display:flex;flex-direction:column;gap:20px;animation:sheet-rise .28s cubic-bezier(.2,.9,.3,1)}#howto-grabber{width:40px;height:4px;border-radius:2px;background:#fff3;margin:0 auto}.sheet-section{display:flex;flex-direction:column;gap:13px}.sheet-header{font-size:11px;letter-spacing:2.5px;color:var(--accent-bright);font-weight:700}.sheet-row{display:flex;align-items:center;gap:14px}.sheet-glyph{width:52px;flex:none;display:flex;align-items:center;justify-content:center;gap:4px}.sheet-glyph-tight{gap:3px}.sheet-text{font-size:14px;color:var(--text-dim)}.sheet-text b{color:#fff}.sheet-text b.is-bullet{color:var(--green)}.sheet-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.dot{width:9px;height:9px;border-radius:50%}.dot-cyan{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dot-magenta{background:var(--magenta);box-shadow:0 0 8px var(--magenta)}.glyph-bar{width:22px;height:2px;background:#606369}#howto-survive{font-size:12px;color:var(--text-muted);letter-spacing:.5px;padding-left:66px}.sheet-divider{height:1px;background:var(--line-soft)}#howto-ghost-icon{width:20px;height:20px;border-radius:50%;border:2px dashed oklch(.8 .01 260 / .7);background:#ffffff0f}#howto-bullet-icon{width:20px;height:20px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #51d75ecc}#settings-title{font-size:26px;font-weight:800;letter-spacing:5px;color:#fff;text-shadow:0 0 18px oklch(.85 .15 200 / .5)}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-header{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2.5px;color:var(--accent-bright);font-weight:700}.settings-info{width:15px;height:15px;border-radius:50%;border:1px solid var(--text-muted);color:var(--text-dim);font-size:9px;font-weight:400;letter-spacing:0;display:flex;align-items:center;justify-content:center}.ctrl-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 16px;border-radius:16px;border:1px solid var(--line-soft);background:#080d1680;font-family:inherit;cursor:pointer;pointer-events:auto;transition:border-color .15s,background .15s}.ctrl-card.is-active{border-color:#00d7e080;border-color:oklch(.8 .15 200 / .5);background:#00d7e012;background:oklch(.8 .15 200 / .07)}.ctrl-radio{width:22px;height:22px;border-radius:50%;border:2px solid oklch(.5 .01 260);flex:none;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.ctrl-card.is-active .ctrl-radio{border-color:var(--accent)}.ctrl-card.is-active .ctrl-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}.ctrl-body{flex:1;display:flex;flex-direction:column;gap:3px}.ctrl-name{font-size:14px;font-weight:700;color:var(--text-dim);letter-spacing:1.5px}.ctrl-card.is-active .ctrl-name{color:#fff}.ctrl-desc{font-size:11px;color:var(--text-muted)}.ctrl-chip{font-size:9px;letter-spacing:1.5px;color:var(--danger);border:1px solid oklch(.6 .22 355 / .5);border-radius:999px;padding:4px 9px;flex:none}#ctrl-tip{position:relative;margin-top:2px;background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:11px;line-height:1.5;color:var(--text-dim);white-space:normal}#ctrl-tip:before{content:"";position:absolute;top:-5px;left:26px;width:9px;height:9px;background:var(--surface-raised);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}.toggle-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid var(--line-soft);border-radius:14px;background:#080d1680;padding:13px 16px;font-family:inherit;cursor:pointer;pointer-events:auto}.toggle-label{font-size:13px;letter-spacing:1.5px;color:var(--text-dim)}.toggle-track{width:46px;height:26px;border-radius:999px;padding:3px;background:#373b40;display:flex;justify-content:flex-start;transition:background .18s}.toggle-row.is-on .toggle-track{background:var(--accent);justify-content:flex-end}.toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff}.flex-spacer{flex:1}#hud-best-banner{top:10px;left:50%;transform:translate(-50%);font-size:13px;font-weight:700;color:#fc0;letter-spacing:.15em;text-shadow:0 0 10px rgba(255,204,0,.6);opacity:0}#hud-score{top:26px;left:50%;transform:translate(-50%);font-size:33px;font-weight:700;color:#fff;letter-spacing:.04em;opacity:.9}#hud-combo{top:66px;left:50%;transform:translate(-50%);font-size:15px;color:#fa0;letter-spacing:.08em;opacity:0}#hud-ghost{top:12px;left:14px;display:flex;align-items:center;gap:0}#hud-ghost-icon{width:24px;height:24px;position:relative;flex-shrink:0}#hud-ghost-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#ffffffb3;box-shadow:0 0 0 3px #ffffff59,0 0 0 6px #ffffff1f}#hud-ghost-count{font-size:16px;font-weight:700;color:#fc0;text-shadow:0 0 8px rgba(255,204,0,.6);min-width:14px;text-align:center}@keyframes bullet-glow{0%,to{text-shadow:0 0 6px rgba(68,255,102,.4)}50%{text-shadow:0 0 14px rgba(68,255,102,.8)}}#hud-bullet{top:12px;right:14px;left:auto;display:flex;align-items:center;gap:0}#hud-bullet-timer{font-size:16px;font-weight:700;color:#4f6;min-width:28px;text-align:center;animation:bullet-glow 1s ease-in-out infinite}#hud-bullet-icon{width:20px;height:20px;position:relative;flex-shrink:0}#hud-bullet-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#4f6;box-shadow:0 0 6px #4f69,0 0 12px #44ff664d}@keyframes intro-breathe-label{0%,to{opacity:.25}50%{opacity:.8}}@keyframes intro-fade-out{0%{opacity:1}to{opacity:0}}#intro-hint{position:absolute;top:0;left:0;width:400px;height:640px;pointer-events:none}#intro-hint.intro-fading{animation:intro-fade-out .6s ease-out forwards}#intro-label{position:absolute;bottom:142px;left:50%;transform:translate(-50%);font-size:13px;color:#ffffff8c;letter-spacing:.18em;white-space:nowrap;animation:intro-breathe-label 1.5s ease-in-out infinite}.joystick{width:88px;height:88px;border-radius:50%}#joystick-left{left:46px;top:546px;border:1.5px solid rgba(0,232,255,.18);background:#00e8ff08}#joystick-right{left:266px;top:546px;border:1.5px solid rgba(255,0,153,.18);background:#ff009908}.joystick-knob{position:absolute;width:28px;height:28px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:none}#joystick-left .joystick-knob{background:#00e8ff38;box-shadow:0 0 10px #00e8ff26}#joystick-right .joystick-knob{background:#ff009938;box-shadow:0 0 10px #ff009926}@keyframes joystick-demo-knob{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 24px),-50%)}75%{transform:translate(calc(-50% + 24px),-50%)}}.intro-demo .joystick-knob{animation:joystick-demo-knob 1.6s ease-in-out infinite}.intro-demo #joystick-right .joystick-knob{animation-direction:reverse}.intro-demo.mode-advanced #joystick-right .joystick-knob{animation-direction:normal;animation-delay:-.8s}#game-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px}#banner-theme{font-size:28px;font-weight:700;color:#fff;letter-spacing:.12em;text-shadow:0 0 20px rgba(255,255,255,.4)}#banner-level{font-size:14px;color:#889;letter-spacing:.18em}#ghost-alert,#bullet-alert{top:150px;left:50%;transform:translate(-50%);font-size:22px;font-weight:700;letter-spacing:.16em;white-space:nowrap;pointer-events:none}#ghost-alert{color:#fff;text-shadow:0 0 16px rgba(255,255,255,.8)}#bullet-alert{color:#4f6;text-shadow:0 0 16px rgba(68,255,102,.85)}.btn-primary{width:100%;padding:15px 0;border-radius:14px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#04101a;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:3px;cursor:pointer;pointer-events:auto;transition:filter .15s,transform .1s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(1px)}.btn-ghost{width:100%;padding:14px 0;border-radius:14px;border:1px solid var(--line);background:#0b0d12;color:var(--text-dim);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:2px;cursor:pointer;pointer-events:auto;transition:background .15s,border-color .15s,color .15s}.btn-ghost:hover,.btn-ghost:active{background:#181b1f;border-color:#ffffff47;color:#fff}#go-panel{width:302px;display:flex;flex-direction:column;gap:20px;background:var(--surface-sheet);border:1px solid var(--line);border-radius:22px;padding:28px 24px 22px;box-shadow:0 20px 60px #0009}#go-head{text-align:center}#go-title{font-size:26px;font-weight:800;letter-spacing:4px;color:#fff;text-shadow:0 0 20px oklch(.85 .15 200 / .5);opacity:0}#go-score{font-size:44px;font-weight:800;color:#fff;margin-top:12px;line-height:1;opacity:0}#go-score-label{font-size:10px;letter-spacing:2.5px;color:var(--text-muted);margin-top:4px}#go-stats{display:flex;flex-direction:column;gap:9px;padding:12px 4px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}#go-best,#go-combo,#go-level{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;opacity:0}#go-best .go-k,#go-combo .go-k,#go-level .go-k{color:var(--text-muted)}#go-best .go-v,#go-combo .go-v,#go-level .go-v{color:#fff;font-weight:700}#go-combo .go-v{color:#fdc436}#go-actions{display:flex;flex-direction:column;gap:10px}#lb-head{text-align:center}#lb-title{font-size:26px;font-weight:800;letter-spacing:5px;color:#fff;text-shadow:0 0 18px oklch(.85 .15 200 / .5)}#lb-scope{font-size:10px;letter-spacing:3px;color:var(--text-muted);margin-top:8px}#lb-you{display:flex;align-items:center;justify-content:space-between;border:1px solid oklch(.8 .15 200 / .35);border-radius:14px;background:#00d7e00f;background:oklch(.8 .15 200 / .06);padding:13px 16px}#lb-you-label{font-size:12px;letter-spacing:2px;color:var(--accent-bright);font-weight:700}#lb-name-input{pointer-events:auto;user-select:text;-webkit-user-select:text;flex:1;min-width:0;margin-left:14px;border:none;background:transparent;outline:none;text-align:right;font-family:inherit;font-size:13px;color:#fff}#lb-name-input::placeholder{color:var(--text-muted)}#lb-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:none;pointer-events:auto}#lb-list::-webkit-scrollbar{display:none}.lb-row{display:flex;align-items:center;gap:14px;border-radius:14px;background:#ffffff08;border:1px solid oklch(1 0 0 / .06);padding:13px 16px}.lb-row:first-child{background:#ffffff0d;border-color:var(--line-soft)}.lb-row:first-child .lb-rank{color:var(--accent)}.lb-row.lb-you{background:#00d7e014;background:oklch(.8 .15 200 / .08);border-color:#00d7e04d;border-color:oklch(.8 .15 200 / .3)}.lb-row.lb-you .lb-rank,.lb-row.lb-you .lb-name,.lb-row.lb-you .lb-score{color:#fff}.lb-rank{font-size:13px;font-weight:700;color:var(--text-muted);width:22px;flex:none}.lb-name{flex:1;min-width:0;font-size:14px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis}.lb-score{font-size:15px;font-weight:700;color:var(--text-dim)}.lb-empty{text-align:center;font-size:13px;color:var(--text-muted);padding:24px 0}#lb-status{font-size:10px;line-height:1.5;text-align:center;color:var(--text-faint);white-space:normal}