:root{--sun-gold: #FFB347;--sun-orange: #FF6B35;--sun-glow: #FFF176;--mudan-pink: #E91E90;--mudan-purple: #9C27B0;--mudan-magenta: #FF4081;--bg-dark: #0a0a1a;--bg-darker: #050510;--text-primary: #f0f0f0;--text-secondary: #a0a0b0;--accent-blue: #00E5FF;--health-green: #4CAF50;--health-red: #f44336;--energy-cyan: #00BCD4}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-darker);font-family:Noto Sans SC,sans-serif;color:var(--text-primary)}#game-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a2e 0%,var(--bg-darker) 100%)}#gameCanvas{display:block;image-rendering:pixelated;background:#000;border-radius:4px;box-shadow:0 0 40px #00e5ff1a,0 0 80px #00000080}#title-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0a0a1af2,#0a0a1ad9,#0a0a1af2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;transition:opacity .5s ease,visibility .5s ease}#title-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.game-title{font-size:4rem;font-weight:900;letter-spacing:.05em;text-align:center;margin-bottom:.5rem;display:flex;align-items:center;gap:.5em}.title-sun{background:linear-gradient(135deg,var(--sun-glow),var(--sun-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 20px rgba(255,179,71,.5));animation:titlePulse 2s ease-in-out infinite}.title-vs{font-size:2.5rem;color:var(--accent-blue);text-shadow:0 0 20px rgba(0,229,255,.6);animation:vsBounce 1s ease-in-out infinite}.title-mudan{background:linear-gradient(135deg,var(--mudan-magenta),var(--mudan-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(233,30,144,.5));animation:titlePulse 2s ease-in-out infinite .5s}.subtitle{font-size:1.2rem;color:var(--text-secondary);letter-spacing:.3em;text-transform:uppercase;margin-bottom:3rem}.menu-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.menu-btn{padding:.8rem 3rem;font-size:1.1rem;font-family:Noto Sans SC,sans-serif;font-weight:700;color:var(--text-primary);background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:240px}.menu-btn:hover,.menu-btn.active{background:#00e5ff1a;border-color:var(--accent-blue);box-shadow:0 0 20px #00e5ff33;transform:scale(1.05)}.press-start{font-size:.9rem;color:var(--text-secondary);animation:blink 1.5s ease-in-out infinite}#controls-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:110;transition:opacity .3s ease,visibility .3s ease}#controls-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}#controls-overlay h2{font-size:2rem;margin-bottom:2rem;color:var(--accent-blue)}.controls-grid{display:flex;gap:4rem;margin-bottom:2rem}.player-controls{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem 2rem}.player-controls h3{font-size:1.3rem;margin-bottom:1rem;text-align:center}.p1-color{color:var(--sun-gold)}.p2-color{color:var(--mudan-pink)}.player-controls table{border-collapse:collapse}.player-controls td{padding:.4rem 1rem;font-size:.95rem}.player-controls td:first-child{color:var(--text-secondary);text-align:right;padding-right:1.5rem}.player-controls td:last-child{font-weight:700;font-family:monospace;font-size:.9rem;color:var(--text-primary);background:#ffffff0d;border-radius:4px;padding:.3rem .6rem}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes vsBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}