:root{--bg: #0a0118;--cyan: #05d9e8;--pink: #ff2a6d;--purple: #b026ff;--yellow: #ffd319;--mint: #00ff9f;--text: #eef0ff;--muted: #9aa4e0}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 700px at 15% -10%,#3b0a5e 0%,transparent 60%),radial-gradient(900px 650px at 110% 105%,#4a0a3b 0%,transparent 55%),radial-gradient(1000px 800px at 50% 130%,#061c44 0%,transparent 60%),linear-gradient(180deg,#12022a 0%,var(--bg) 55%,#05020f 100%);color:var(--text);font-family:Orbitron,Quicksand,Segoe UI,system-ui,sans-serif;min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh}.app{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:18px 12px 40px;overflow:hidden}.orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;z-index:0;animation:drift 16s ease-in-out infinite alternate}.orb-a{width:340px;height:340px;background:#b026ff80;top:-90px;left:-80px}.orb-b{width:320px;height:320px;background:#ff2a6d66;bottom:-90px;right:-70px;animation-delay:-6s}.orb-c{width:280px;height:280px;background:#05d9e859;top:40%;left:55%;animation-delay:-10s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-30px) scale(1.15)}}.title-wrap{text-align:center;z-index:1}.title{margin:0;font-family:Orbitron,Segoe UI,sans-serif;font-weight:900;font-size:clamp(26px,5vw,44px);letter-spacing:6px;background:linear-gradient(90deg,#ff2a6d,#ffd319,#05d9e8,#b026ff,#ff2a6d);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hue-slide 7s linear infinite;filter:drop-shadow(0 0 18px rgba(255,42,109,.5)) drop-shadow(0 0 34px rgba(5,217,232,.25))}@keyframes hue-slide{to{background-position:300% 0}}.subtitle{margin:10px 0 0;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase}.hud{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;z-index:1;margin-bottom:4px}.chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:88px;padding:7px 14px;border-radius:10px;background:#0a041cb3;border:1px solid rgba(5,217,232,.3);box-shadow:inset 0 0 18px #b026ff14,0 0 12px #05d9e81f;clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px))}.chip-label{font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted)}.chip-value{font-family:Orbitron,Segoe UI,sans-serif;font-weight:700;font-size:14px;color:var(--yellow);text-shadow:0 0 12px rgba(255,211,25,.65)}.chip-value.hi{color:var(--pink);text-shadow:0 0 12px rgba(255,42,109,.65)}.chip-value.level{color:var(--cyan);text-shadow:0 0 12px rgba(5,217,232,.65)}.lives{display:flex;gap:4px;min-height:16px}.life-dot{width:13px;height:13px;border-radius:50%;background:var(--yellow);box-shadow:0 0 9px #ffd319e6}.hud-buttons{display:flex;gap:8px}.icon-btn{width:44px;border-radius:10px;border:1px solid rgba(5,217,232,.3);background:#0a041cb3;color:var(--text);font-size:17px;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.icon-btn:hover:not(:disabled){transform:translateY(-2px);background:#b026ff33;box-shadow:0 4px 18px #ff2a6d59}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.off{opacity:.4;filter:grayscale(.7)}.frame-wrap{z-index:1;width:min(94vw,calc((100dvh - 220px) * 672 / 744),800px);perspective:1000px}.frame{position:relative;border-radius:16px;overflow:hidden;background:#070213;transform-style:preserve-3d;box-shadow:0 25px 55px #000000e6,0 0 0 2px #05d9e88c,0 0 0 4px #ff2a6d40,0 0 70px #b026ff80,0 0 140px #05d9e840,inset 0 0 90px #000000a6;animation:pulse-glow 4s ease-in-out infinite alternate}@keyframes pulse-glow{to{box-shadow:0 35px 75px #000000e6,0 0 0 3px #05d9e8e6,0 0 0 5px #ff2a6d66,0 0 105px #b026ffbf,0 0 180px #05d9e866,inset 0 0 110px #000c}}.frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 40%,transparent 60%,rgba(5,217,232,.08) 100%);pointer-events:none;z-index:20}.pac-canvas{display:block;width:100%;height:auto;touch-action:none}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay;background-size:100% 3px;animation:scroll-scan 10s linear infinite}@keyframes scroll-scan{to{background-position:0 100vh}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#080214c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;animation:fade-in .35s ease;overflow-y:auto}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.panel{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:440px;width:100%;padding:26px 24px;border-radius:14px;background:linear-gradient(165deg,#18082cd9,#0a041ce6);border:1px solid rgba(5,217,232,.32);box-shadow:0 0 34px #ff2a6d2e,0 0 70px #b026ff38,0 18px 50px #0009,inset 0 0 40px #b026ff0f;text-align:center;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px))}.panel-title{margin:0;font-family:Orbitron,Segoe UI,sans-serif;font-weight:900;font-size:clamp(16px,3.6vw,24px);letter-spacing:3px;color:var(--yellow);text-shadow:0 0 20px rgba(255,211,25,.6)}.panel-title.gameover{color:#ff5d7a;text-shadow:0 0 20px rgba(255,42,109,.7)}.panel-title.win{color:var(--mint);text-shadow:0 0 20px rgba(0,255,159,.65)}.panel-sub{margin:0;color:#b7bee8;font-size:13px;font-weight:500;letter-spacing:.3px;line-height:1.6}.uwu{color:var(--cyan);font-weight:700;text-shadow:0 0 10px rgba(5,217,232,.6)}.owo{color:var(--pink);font-weight:700;text-shadow:0 0 10px rgba(255,42,109,.6)}.btn-primary{font-family:Orbitron,Segoe UI,sans-serif;font-weight:800;font-size:13px;letter-spacing:2px;color:#fff;background:linear-gradient(180deg,#ff2a6d,#b026ff);border:none;border-radius:10px;padding:14px 26px;cursor:pointer;box-shadow:0 0 26px #ff2a6d80;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 42px #ff2a6dcc;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0) scale(.98)}.hint{margin:0;color:var(--muted);font-size:11px;letter-spacing:1px}kbd{display:inline-block;padding:2px 6px;border-radius:6px;background:#05d9e81f;border:1px solid rgba(5,217,232,.4);border-bottom-width:2px;font-family:"Press Start 2P",monospace;font-size:9px;color:var(--cyan);margin:0 1px}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:4px}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.4px;color:#b9c0ee}.legend-item b{color:var(--text)}.ghost-dot{width:14px;height:16px;border-radius:50% 50% 45% 45%;flex-shrink:0}.howto{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:2px;font-size:11px;letter-spacing:.5px;color:var(--muted)}.final-score{display:flex;justify-content:space-between;gap:24px;align-items:baseline;font-size:12px;color:var(--muted);padding:6px 18px;border-radius:8px;background:#05d9e80f;border:1px solid rgba(5,217,232,.2);min-width:220px}.final-score b{font-family:Orbitron,Segoe UI,sans-serif;font-size:15px;color:var(--yellow)}.final-score.hi b{color:var(--pink)}.electron-badge{margin-top:4px;font-size:10px;letter-spacing:1px;color:#9aa4e0b3;text-align:center;-webkit-user-select:none;user-select:none;z-index:1}.dpad{display:none;position:fixed;left:50%;bottom:14px;transform:translate(-50%);grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);gap:6px;z-index:30;opacity:.9}@media(pointer:coarse){.dpad{display:grid}.app{padding-bottom:210px}}.dpad-btn{border-radius:12px;border:1px solid rgba(5,217,232,.4);background:#0c0622cc;color:var(--cyan);font-size:17px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 0 16px #05d9e833;transition:background .1s ease,transform .1s ease}.dpad-btn:active{background:#ff2a6d4d;color:#fff;transform:scale(.92)}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}