:root{--bg:#0a0a0f;--text:#fff;--border:#2a2a3e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}#app{flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex}h1{letter-spacing:2px;background:linear-gradient(135deg,#00d26a 0%,#07f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600}.game-container{flex-direction:column;align-items:center;gap:15px;display:flex}#game-canvas{border:2px solid var(--border);border-radius:8px;box-shadow:0 0 30px #0064ff1a}.controls{opacity:.7;gap:40px;font-size:.9rem;display:flex}.control-group{flex-direction:column;align-items:center;gap:5px;display:flex}.control-group h3{text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:500}.player-1{color:#00d26a}.player-2{color:#07f}.keys{font-family:monospace;font-size:.85rem}.mode-select{flex-direction:column;align-items:center;gap:20px;margin-top:20px;display:flex}.mode-select h2{color:#888;font-size:1.2rem;font-weight:500}.mode-buttons{gap:20px;display:flex}.mode-btn{border:2px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 30px;transition:all .2s;display:flex}.mode-btn:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0064ff33}.btn-1p:hover{background:#00d26a1a;border-color:#00d26a}.btn-2p:hover{background:#0077ff1a;border-color:#07f}.mode-icon{font-size:2rem}.mode-label{font-size:1.1rem;font-weight:600}.mode-key{color:#666;font-family:monospace;font-size:.8rem}