html,body,#chat-container,#users,#chat,.msg,.user,button,.modal-card,.game-invite-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}*{box-sizing:border-box;margin:0;padding:0}body{color:#000;font-family:Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}.hero{text-align:center;background:linear-gradient(135deg,#e0eafc 0%,#cfdef3 100%);padding:60px 20px}.hero p{color:#000;font-size:18px}.live-counter{color:#000;background:#f0f0f0;border:1px solid #e6e6e6;border-radius:50px;margin:20px 0;padding:8px 20px;font-weight:700;display:inline-block}.login-box{gap:10px;max-width:450px;margin:20px auto;padding:0 15px;display:flex}.login-box input{color:#000;border:1px solid #e6e6e6;border-radius:12px;outline:none;flex:1;padding:12px}.login-box button{color:#000;cursor:pointer;background:#87cefa;border:none;border-radius:8px;padding:12px 25px;font-weight:700;transition:all .3s}.login-box button:hover{background:#00cc6e;transform:scale(1.05)}.lobby{max-width:1100px;margin:40px auto;padding:0 20px}.user-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:20px;display:grid}#global-rooms{background:#ff0}.fake-card{text-align:center;background:#87cefa;border:1px solid #222;border-radius:15px;padding:20px;transition:opacity .6s,transform .3s}.fake-card:hover{border-color:#0f8;transform:translateY(-5px)}.fake-card .avatar{margin-bottom:10px;font-size:2.5rem}.fake-card h4{color:#eee;margin-bottom:5px;font-size:.9rem}.fake-card p{color:#0f8;font-size:.75rem;font-weight:700}.dot{background:#0f8;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block;box-shadow:0 0 5px #0f8}.seo-content{text-align:center;background:#87cefa;border-top:1px solid #222;padding:40px}.content-box{color:#666;max-width:700px;margin:0 auto;font-size:.85rem}.global-rooms{background:#fff;border-radius:20px 20px 0 0;padding:25px 0}.section-title{color:#1a2b4c;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:15px;padding:0 20px;font-size:1.1rem;font-weight:800}.room-slider{scroll-snap-type:x mandatory;scrollbar-width:none;gap:15px;padding:10px 20px 25px;display:flex;overflow-x:auto}.room-slider::-webkit-scrollbar{display:none}.room-card{text-align:center;scroll-snap-align:start;cursor:pointer;background:#f0f0dc;border:2px solid #0000;border-radius:16px;flex-shrink:0;min-width:140px;padding:22px 10px;transition:all .3s;box-shadow:0 5px 15px #00000014}.room-card:hover,.room-card:active{border-color:rgbs(240, 240, 240);transform:translateY(-5px);box-shadow:0 8px 20px #0f83}.room-icon{filter:drop-shadow(0 2px 4px #0000001a);margin-bottom:12px;font-size:2.5rem;display:block}.room-card p{color:#111;letter-spacing:.5px;margin:0;font-size:.95rem;font-weight:800}.room-card small{color:#666;margin-top:5px;font-size:.75rem;font-weight:600;display:block}.room-card.active{background:#f0fff8;border-color:#0f8}