:root{--bg: #05060f;--cyan: #4de1ff;--pink: #ff4fd8;--yellow: #ffe14d;--mint: #4dffc3;--violet: #8b5cf6;--text: #e8ecff;--muted: #8f9bd4}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 700px at 15% -10%,#221255 0%,transparent 60%),radial-gradient(900px 650px at 110% 105%,#33103f 0%,transparent 55%),radial-gradient(1000px 800px at 50% 130%,#071c44 0%,transparent 60%),var(--bg);color:var(--text);font-family: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:.5;pointer-events:none;z-index:0;animation:drift 14s ease-in-out infinite alternate}.orb-a{width:340px;height:340px;background:#8b5cf680;top:-90px;left:-80px}.orb-b{width:300px;height:300px;background:#ff4fd859;bottom:-80px;right:-70px;animation-delay:-5s}.orb-c{width:260px;height:260px;background:#4de1ff4d;top:40%;left:55%;animation-delay:-9s}@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:"Press Start 2P",monospace;font-size:clamp(22px,4.5vw,38px);letter-spacing:3px;background:linear-gradient(90deg,#ffe14d,#ff4fd8,#4de1ff,#ffe14d);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hue-slide 6s linear infinite;filter:drop-shadow(0 0 16px rgba(255,79,216,.45))}@keyframes hue-slide{to{background-position:300% 0}}.subtitle{margin:10px 0 0;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:.4px}.hud{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;z-index:1;margin-bottom:4px}.chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:88px;padding:7px 14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 20px #4de1ff0a}.chip-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.chip-value{font-family:"Press Start 2P",monospace;font-size:13px;color:var(--yellow);text-shadow:0 0 10px rgba(255,225,77,.6)}.chip-value.hi{color:var(--pink);text-shadow:0 0 10px rgba(255,79,216,.6)}.chip-value.level{color:var(--cyan);text-shadow:0 0 10px rgba(77,225,255,.6)}.lives{display:flex;gap:4px;min-height:16px}.life-dot{width:13px;height:13px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px #ffe14dcc}.hud-buttons{display:flex;gap:8px}.icon-btn{width:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;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:#ffffff1f;box-shadow:0 4px 16px #4de1ff40}.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),640px)}.frame{position:relative;border-radius:16px;overflow:hidden;background:#070a1c;box-shadow:0 0 0 2px #4de1ff4d,0 0 44px #8b5cf659,0 0 110px #4de1ff24,inset 0 0 70px #0000008c}.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}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#05060fb8;-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:18px;background:linear-gradient(165deg,#ffffff17,#ffffff05);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 50px #00000080;text-align:center}.panel-title{margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(15px,3.4vw,22px);color:var(--yellow);text-shadow:0 0 18px rgba(255,225,77,.55)}.panel-title.gameover{color:#ff5d7a;text-shadow:0 0 18px rgba(255,59,92,.6)}.panel-title.win{color:var(--mint);text-shadow:0 0 18px rgba(77,255,195,.6)}.panel-sub{margin:0;color:#b6bede;font-size:14px;font-weight:600;line-height:1.5}.uwu{color:#ff9ee8;font-weight:700}.owo{color:#ffe08a;font-weight:700}.btn-primary{font-family:"Press Start 2P",monospace;font-size:13px;color:#0a0d1f;background:linear-gradient(180deg,#ffe14d,#ffc93d);border:none;border-radius:12px;padding:14px 26px;cursor:pointer;box-shadow:0 0 24px #ffe14d73;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 38px #ffe14db3;filter:brightness(1.08)}.btn-primary:active{transform:translateY(0) scale(.98)}.hint{margin:0;color:var(--muted);font-size:12px}kbd{display:inline-block;padding:2px 6px;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);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:12px;color:#aeb6e6}.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:12px;color:var(--muted)}.final-score{display:flex;justify-content:space-between;gap:24px;align-items:baseline;font-size:13px;color:var(--muted);padding:6px 18px;border-radius:10px;background:#ffffff0d;min-width:220px}.final-score b{font-family:"Press Start 2P",monospace;font-size:14px;color:var(--yellow)}.final-score.hi b{color:var(--pink)}.electron-badge{margin-top:4px;font-size:10px;letter-spacing:.5px;color:#8f9bd4bf;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:14px;border:1px solid rgba(77,225,255,.35);background:#0d1128bf;color:var(--cyan);font-size:17px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 0 14px #4de1ff26;transition:background .1s ease,transform .1s ease}.dpad-btn:active{background:#4de1ff40;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}