:root{--bg-color:#050510;--panel-bg:#14142399;--glass-border:#ffffff1a;--pacman-yellow:#ff0;--neon-blue:#00f0ff;--neon-pink:#ff007f;--dark-text:#e0e0e0;--input-bg:#00000080;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);width:100%;height:100%;font-family:var(--font-main);color:var(--dark-text);background:radial-gradient(circle,#112 0%,#000 100%);overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.scanlines{z-index:100;pointer-events:none;opacity:.6;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;width:100%;height:100%;position:absolute;top:0;left:0}#game-canvas{z-index:1;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.glass-panel{z-index:200;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;gap:20px;width:550px;max-width:90%;padding:45px;animation:.5s ease-out forwards fadeIn;display:flex;position:relative;box-shadow:0 8px 32px #0000005e,inset 0 0 10px #00f0ff1a}.logo-container{text-align:center;margin-bottom:20px}.neon-text{color:var(--pacman-yellow);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px #ffff0080,0 0 20px #ffff004d;font-size:3rem;font-weight:900}.subtitle{color:var(--neon-blue);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 8px #00f0ff99;margin-top:-5px;font-size:1.2rem;font-weight:700}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{text-transform:uppercase;letter-spacing:1px;color:#aaa;font-size:.9rem}input{background:var(--input-bg);color:#fff;font-size:1rem;font-family:var(--font-main);border:1px solid #fff3;border-radius:8px;outline:none;padding:12px 16px;transition:all .3s}input:focus{border-color:var(--neon-blue);box-shadow:0 0 10px #00f0ff4d}.search-room{flex-direction:row}.search-room input{flex:1}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.btn.primary{background:linear-gradient(135deg, var(--neon-blue), #08f);color:#000;width:100%}.btn.primary:hover{filter:brightness(1.2);transform:translateY(-2px)}.btn.glowing:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#0000 60%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.btn.glowing:hover:after{opacity:1}.btn.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn.secondary:hover{background:#fff3}.btn.danger{color:var(--neon-pink);border:1px solid var(--neon-pink);background:#ff007f33;width:100%}.btn.danger:hover{background:var(--neon-pink);color:#fff}.divider{text-align:center;color:#555;text-transform:uppercase;align-items:center;margin:15px 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.divider span{padding:0 10px}.hidden{display:none!important}.highlight{color:var(--pacman-yellow);letter-spacing:2px;font-weight:900}.players-list{background:#0000004d;border-radius:8px;min-height:100px;padding:10px;list-style:none}.players-list li{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px;display:flex}.players-list li:last-child{border-bottom:none}.player-name{font-weight:500}.player-tag{background:var(--neon-blue);color:#000;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.info-text{color:#aaa;text-align:center;margin-top:10px;font-size:.85rem;font-style:italic}.mt-4{margin-top:16px}.room-id-container{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.btn-copy{color:#aaa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-copy:hover{color:var(--pacman-yellow);background:#ffffff26;transform:scale(1.1)}.btn-copy:active{transform:scale(.95)}.btn-copy.copied{background:var(--neon-blue);color:#000;border-color:var(--neon-blue)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.tabs-header{border-bottom:2px solid #ffffff1a;margin-bottom:20px;display:flex}.tab-btn{color:#aaa;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:12px 10px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .3s}.tab-btn:hover{color:#fff}.tab-btn.active{color:var(--neon-blue);border-bottom:2px solid var(--neon-blue);text-shadow:0 0 10px #00f0ff66}.mt-3{margin-top:12px}.avatar-picker-container{background:#0000004d;border:1px dashed #fff3;border-radius:12px;flex-direction:column;align-items:center;margin-bottom:25px;padding:15px;display:flex}.avatar-preview-box{border:2px solid var(--neon-blue);background:#222;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:10px 0;display:flex;overflow:hidden;box-shadow:0 0 15px #00f0ff4d}.avatar-default{font-size:3rem}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-options{gap:10px;display:flex}.btn.small{letter-spacing:0;padding:6px 12px;font-size:.8rem}#camera-modal{z-index:300;background:#000000e6;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}#camera-video{border:2px solid var(--neon-pink);border-radius:10px;width:100%;max-width:300px}.avatar-mini{object-fit:cover;border:1px solid var(--neon-blue);vertical-align:middle;border-radius:50%;width:24px;height:24px;margin-right:8px}#game-ui-overlay{z-index:50;pointer-events:none;justify-content:space-between;width:100vw;height:100vh;padding:30px;display:flex;position:absolute;top:0;left:0}.ui-sidebar{flex-direction:column;justify-content:center;gap:15px;width:250px;height:100%;display:flex}.player-card{-webkit-backdrop-filter:blur(15px);background:#14141e99;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;padding:10px 20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009}.player-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.player-card:hover{background:#191928d9;border-color:#fff3;transform:translate(5px)scale(1.02)}.player-card.dead{opacity:.35;filter:grayscale(80%)blur(.5px);transform:scale(.95)}.player-card-avatar{object-fit:cover;background-color:#0b0b18;border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;width:44px;height:44px;transition:all .3s;box-shadow:0 4px 10px #00000080}.player-card-info{flex-direction:column;justify-content:center;gap:0;display:flex}.player-card-name{color:#fff9;letter-spacing:1px;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500}.player-card-score{color:#fff;text-shadow:0 0 10px #fff3;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:900;transition:color .3s}.score-bump{animation:.4s ease-out score-bump-anim}@keyframes score-bump-anim{0%{color:#fff;transform:scale(1)}20%{color:var(--pacman-yellow);text-shadow:0 0 20px var(--pacman-yellow);transform:scale(1.4)}to{color:#fff;transform:scale(1)}}.player-card.empty-slot{box-shadow:none;background:#ffffff05;border:1px dashed #ffffff1a}