:root{--bg-1:#02020c;--bg-2:#0a0320;--cyan:#4af3ff;--pink:#ff3ea7;--lime:#97ff44;--violet:#9f4dff;--warn:#ff9b42;--text:#ddf7ff;--grid-line:#8df6ff14;--panel:#070f21b8;--panel-stroke:#74f1ff73}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 15%, #26134a 0%, transparent 30%), radial-gradient(circle at 80% 20%, #053a4f 0%, transparent 28%), linear-gradient(165deg, var(--bg-1), var(--bg-2) 55%, #040815);min-height:100vh;color:var(--text);margin:0;font-family:Chakra Petch,sans-serif;overflow-x:hidden}.bg-grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 100%);mask-image:radial-gradient(circle,#000 50%,#0000 100%)}.aurora{filter:blur(68px);pointer-events:none;opacity:.32;border-radius:999px;width:38vw;height:38vw;animation:11s ease-in-out infinite alternate drift;position:fixed}.aurora-a{background:#00e6ff;top:16vh;left:-10vw}.aurora-b{background:#ff2e88;animation-delay:-4s;top:48vh;right:-6vw}.shell{width:min(1120px,95vw);margin:0 auto;padding:2.2rem 1rem 2rem;position:relative}.title-wrap{text-align:center;margin-bottom:1.2rem;animation:.65s both fadeInUp}.kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--cyan);margin:0;font-family:Orbitron,sans-serif;font-size:.72rem}h1{color:#f8fbff;text-shadow:0 0 8px #4df3ffd9,0 0 24px #ff3ea78c;margin:.4rem 0 .25rem;font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,2.8vw,2.9rem);font-weight:900}.subtitle{opacity:.9;margin:0;font-size:clamp(.95rem,1.5vw,1.06rem)}.game-frame{border:1px solid var(--panel-stroke);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(140deg,#050a19eb,#0a1127cc);border-radius:18px;padding:10px;animation:.95s both fadeInUp;position:relative;box-shadow:0 0 28px #62f0ff33,inset 0 0 36px #744dff2e}#game-root{aspect-ratio:16/9;border:1px solid #94f7ff47;border-radius:12px;width:100%;min-height:320px;overflow:hidden}#game-root canvas{width:100%;height:100%}.controls{opacity:.86;flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;margin-top:.9rem;font-size:.85rem;animation:1.15s both fadeInUp;display:flex}.controls span{background:#04121c80;border:1px solid #82edff3d;border-radius:999px;padding:.28rem .62rem}.mobile-controls{display:none}.mobile-btn{color:#e9f7ff;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 20%,#bd70ff59,#0a142af2);border:1px solid #a65cffd9;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;min-height:62px;padding:.4rem .65rem;font-family:Orbitron,sans-serif;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 0 12px #c455ff59}.mobile-btn .glyph{text-shadow:0 0 10px #ff4acba6;font-size:1.16rem}.mobile-btn .label{letter-spacing:.06em;text-transform:uppercase;font-size:.79rem}.mobile-btn.pressed{transform:scale(.96);box-shadow:0 0 16px #6af8ff8c}.mobile-btn.jump{border-color:#97ff44f2}.mobile-btn.dash{border-color:#4af3ffe6}.mobile-btn.attack{border-color:#ff9c42f2}.mobile-btn.shoot{border-color:#ff3ea7f2}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(2vw,-4vh)scale(1.06)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.shell{width:100vw;padding:.7rem .35rem 1rem}.title-wrap{margin-bottom:.7rem}.subtitle{font-size:1.02rem}.game-frame{border-radius:14px;padding:6px}#game-root{aspect-ratio:4/3;border-radius:10px;min-height:360px}.mobile-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.68rem .08rem .1rem;display:grid}.controls{gap:.35rem .5rem;margin-top:.7rem;font-size:.78rem}}