:root{--bg-dark: #0a0a16;--bg-glow: #12122b;--neon-magenta: #ff007f;--neon-cyan: #00f0ff;--neon-lime: #39ff14;--neon-yellow: #fffb00;--font-display: "Orbitron", sans-serif;--font-body: "Outfit", sans-serif;--shadow-magenta: 0 0 10px rgba(255, 0, 127, .5), 0 0 25px rgba(255, 0, 127, .2);--shadow-cyan: 0 0 10px rgba(0, 240, 255, .5), 0 0 25px rgba(0, 240, 255, .2);--shadow-lime: 0 0 10px rgba(57, 255, 20, .5), 0 0 25px rgba(57, 255, 20, .2)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% 50%,var(--bg-glow) 0%,var(--bg-dark) 100%),linear-gradient(rgba(18,18,43,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(18,18,43,.1) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;color:#fff;font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}#game-container{border-radius:12px;box-shadow:var(--shadow-cyan);border:1px solid rgba(0,240,255,.3);background:#0a0a16d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;position:relative;transition:all .5s cubic-bezier(.25,.8,.25,1)}#game-container:hover{border-color:#ff007f80;box-shadow:var(--shadow-magenta)}.neon-title{font-family:var(--font-display);font-size:3rem;font-weight:900;text-transform:uppercase;color:#fff;text-shadow:var(--shadow-magenta);margin-bottom:2rem;letter-spacing:4px}.glass-panel{background:#12122b99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;width:90%;max-width:480px;text-align:center;transition:border-color .3s ease}.glass-panel:hover{border-color:#00f0ff33}.btn-neon{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-display);font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:.8rem 2rem;border-radius:8px;cursor:pointer;box-shadow:inset 0 0 5px #00f0ff33,var(--shadow-cyan);transition:all .2s ease-in-out}.btn-neon:hover{background:var(--neon-cyan);color:var(--bg-dark);box-shadow:0 0 20px #00f0ff99}.btn-neon.magenta{border-color:var(--neon-magenta);color:var(--neon-magenta);box-shadow:inset 0 0 5px #ff007f33,var(--shadow-magenta)}.btn-neon.magenta:hover{background:var(--neon-magenta);color:#fff;box-shadow:0 0 20px #ff007f99}.subtitle{font-family:var(--font-body);font-size:1.1rem;color:#ffffffb3;margin-top:-1.5rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px}.input-group{margin-bottom:1.5rem;text-align:left}.input-group label,.color-selector label{display:block;font-family:var(--font-display);font-size:.85rem;color:var(--neon-cyan);text-transform:uppercase;margin-bottom:.5rem;letter-spacing:1px}.input-group input{width:100%;padding:.8rem 1rem;background:#0a0a1699;border:1px solid rgba(0,240,255,.3);border-radius:8px;color:#fff;font-family:var(--font-body);font-size:1rem;outline:none;box-shadow:inset 0 0 5px #00f0ff1a;transition:all .3s ease}.input-group input:focus{border-color:var(--neon-magenta);box-shadow:0 0 10px #ff007f4d,inset 0 0 5px #ff007f33}.color-selector{margin-bottom:2rem;text-align:left}.colors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.color-btn{height:44px;border-radius:8px;border:2px solid rgba(255,255,255,.1);background-color:var(--btn-color);cursor:pointer;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.color-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px var(--btn-color)}.color-btn.active{border-color:#fff;box-shadow:0 0 20px var(--btn-color);transform:scale(1.05)}.color-btn.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:700;font-size:1.2rem}.players-section{background:#0a0a1666;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.2rem;margin-bottom:2rem;max-height:200px;overflow-y:auto}.players-section h3{font-family:var(--font-display);font-size:.9rem;color:#fff;text-transform:uppercase;margin-bottom:.8rem;letter-spacing:1px;display:flex;justify-content:space-between}#players-list{list-style:none;display:flex;flex-direction:column;gap:8px}.player-item{display:flex;align-items:center;gap:10px;padding:.5rem .8rem;background:#ffffff08;border-radius:6px;border-left:4px solid var(--player-color);font-size:.95rem;animation:fadeIn .3s ease}.player-item.is-me{background:#ffffff14}.player-item .status-badge{margin-left:auto;font-size:.75rem;font-family:var(--font-display);padding:2px 6px;border-radius:4px;background:#ffffff1a}.player-item.ready .status-badge{background:#39ff1433;color:var(--neon-lime);box-shadow:0 0 5px #39ff144d}.hidden{display:none!important}#game-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}