: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,#char-select-overlay.hidden,#intro-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}}#touch-controls{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;pointer-events:none;padding:10px 15px 20px}#touch-controls.active{display:flex;align-items:flex-end;justify-content:space-between}.touch-btn{pointer-events:all;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}#touch-dpad{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:all}.dpad-mid-row{display:flex;gap:2px}.dpad-btn{width:56px;height:56px;border-radius:10px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.2)!important;color:#fff9;font-size:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .05s,transform .05s}.dpad-btn:active,.dpad-btn.pressed{background:#00e5ff4d;border-color:#00e5ff99!important;color:#fff;transform:scale(.92)}#touch-actions{display:flex;flex-direction:column;gap:6px;pointer-events:all}.action-row{display:flex;gap:6px;justify-content:flex-end}.action-btn{width:60px;height:52px;border-radius:12px;font-size:14px;font-weight:700;font-family:Noto Sans SC,sans-serif;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .05s,transform .05s}.action-btn.punch{background:#ffb3471f;border:1.5px solid rgba(255,179,71,.35)!important;color:var(--sun-gold)}.action-btn.punch:active,.action-btn.punch.pressed{background:#ffb34766;border-color:#ffb347b3!important;color:#fff;transform:scale(.92)}.action-btn.kick{background:#00e5ff1f;border:1.5px solid rgba(0,229,255,.35)!important;color:var(--accent-blue)}.action-btn.kick:active,.action-btn.kick.pressed{background:#00e5ff66;border-color:#00e5ffb3!important;color:#fff;transform:scale(.92)}.action-btn.special{background:#e91e901f;border:1.5px solid rgba(233,30,144,.35)!important;color:var(--mudan-magenta)}.action-btn.special:active,.action-btn.special.pressed{background:#e91e9066;border-color:#e91e90b3!important;color:#fff;transform:scale(.92)}#touch-menu-btn{position:fixed;top:15px;right:15px;width:auto;padding:0 15px;height:36px;border-radius:8px;background:#f4433633;border:1px solid rgba(244,67,54,.5)!important;color:#ffffffe6;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all}#touch-menu-btn:active,#touch-menu-btn.pressed{background:#f4433699;border-color:#f44336e6!important}@media (max-width: 768px){.game-title{font-size:2rem;flex-direction:column;gap:.2em}.title-vs{font-size:1.5rem}.subtitle{font-size:.9rem;margin-bottom:1.5rem}.menu-btn{padding:.7rem 1.5rem;font-size:.95rem;min-width:200px}.controls-grid{flex-direction:column;gap:1.5rem}.player-controls{padding:1rem}#char-select-overlay h2{font-size:24px!important}#char-select-overlay>div:nth-child(2){flex-direction:column!important;gap:20px!important}}