.home-container{background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.home-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;color:#fff;background:#ffffff1f;border-radius:20px;width:420px;max-width:95%;padding:40px;box-shadow:0 20px 50px #00000059}.home-title{margin-bottom:10px;font-size:2.5rem}.home-subtitle{color:#fffc;margin-bottom:30px}.home-input{border:none;border-radius:12px;outline:none;width:100%;margin-bottom:20px;padding:14px;font-size:16px}.home-btn{cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:12px;padding:14px;font-size:17px;font-weight:700;transition:all .25s}.home-btn:hover{transform:translateY(-2px)}.create{color:#fff;background:#22c55e}.create:hover{background:#16a34a}.join{color:#fff;background:#3b82f6}.join:hover{background:#2563eb}.game{background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.game-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;text-align:center;background:#ffffff1f;border-radius:20px;width:700px;max-width:95%;padding:35px;box-shadow:0 20px 50px #0000004d}.game-title{margin-bottom:10px;font-size:2rem}.product-img{object-fit:contain;background:#fff;border-radius:15px;width:180px;height:180px;margin:20px 0;padding:10px}.player-box{background:#ffffff14;border-radius:10px;justify-content:space-between;align-items:center;margin:10px 0;padding:12px;display:flex}.game-input{border:none;border-radius:8px;outline:none;width:120px;padding:10px}.game-btn{cursor:pointer;color:#fff;background:#f59e0b;border:none;border-radius:12px;width:100%;margin-top:20px;padding:14px;font-size:18px;font-weight:700;transition:all .3s}.game-btn:hover{background:#d97706}.scoreboard{text-align:left;margin-top:20px}.player-box span:nth-child(2){color:#facc15}.result-price{color:#fff;margin:10px 0 20px;font-size:20px;font-weight:700}.result-price span{color:#22c55e}.winners-title{color:#60a5fa;margin-top:15px;font-size:18px}.winner{margin:5px 0;font-size:16px;font-weight:600}.score-title{color:#f472b6;margin-top:20px;font-size:18px}.end{background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.end-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;text-align:center;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;width:650px;max-width:95%;padding:40px;box-shadow:0 20px 40px #0000004d}.end-card h1{margin-bottom:10px;font-size:2.8rem}.end-card h2{color:#dbeafe;margin-bottom:30px}.player-result{background:#ffffff14;border-radius:12px;justify-content:space-between;align-items:center;margin:15px 0;padding:18px;font-size:1.1rem;transition:all .3s;display:flex}.player-result:hover{background:#ffffff26;transform:translateY(-3px)}.player-result:first-child{border:2px solid gold}.player-result span:first-child{font-size:1.5rem}.home-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:12px;width:100%;margin-top:35px;padding:16px;font-size:1.1rem;font-weight:700;transition:all .3s}.home-btn:hover{background:#16a34a;transform:translateY(-2px)}@media (width<=600px){.end-card{padding:25px}.player-result{padding:14px;font-size:1rem}.end-card h1{font-size:2rem}}*{box-sizing:border-box;margin:0;padding:0}.lobby-container{background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.lobby-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;text-align:center;background:#ffffff1f;border-radius:20px;width:550px;max-width:95%;padding:40px;box-shadow:0 20px 50px #00000059}.lobby-title{margin-bottom:20px;font-size:2rem}.room-id{color:#facc15;margin:20px 0;font-size:1.6rem}.lobby-input{border:none;border-radius:12px;outline:none;width:100%;margin-bottom:15px;padding:14px;font-size:16px}.players-list{margin-top:20px}.player-item{background:#ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px;font-size:17px;display:flex}.player-item:first-child:after{content:"👑"}.btn{cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:20px;padding:14px;font-size:17px;font-weight:700;transition:all .25s}.btn:hover{transform:translateY(-2px)}.primary{color:#fff;background:#3b82f6}.primary:hover{background:#2563eb}.secondary{color:#fff;background:#f59e0b}.secondary:hover{background:#d97706}.start{color:#fff;background:#22c55e}.start:hover{background:#16a34a}.divider{background:#fff3;height:1px;margin:25px 0}