:root{--bg-color:#0f172a;--text-color:#f8fafc;--primary:#3b82f6;--accent:#f59e0b}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#lobby{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:15px 30px;font-size:1.2rem;transition:transform .1s}button:active{transform:scale(.95)}input{text-align:center;border:none;border-radius:8px;padding:15px;font-size:1.2rem}#master-board{transform-origin:50%;background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);flex-direction:column;justify-content:center;align-items:center;width:1920px;height:1080px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 50px #000c}#master-board h1{text-shadow:0 10px 20px #00000080;margin:0;font-size:8rem}#room-code-display{color:var(--accent);letter-spacing:10px;font-size:12rem;font-weight:700}#player-controls{box-sizing:border-box;flex-direction:column;justify-content:center;gap:20px;height:100vh;padding:20px;display:none}.buzzer{background-color:#ef4444;border-radius:20px;height:200px;font-size:3rem}.hub-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;background:#0f172a99;justify-content:space-between;align-items:center;width:100%;padding:20px 50px;display:flex;position:fixed;top:0}.carousel-container{scroll-behavior:smooth;gap:20px;padding:150px 50px 50px;display:flex;overflow:auto hidden}.carousel-container::-webkit-scrollbar{display:none}.game-card{cursor:pointer;background-position:50%;background-size:cover;border-radius:12px;min-width:300px;height:170px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 10px 20px #00000080}.game-card:hover{z-index:10;border-radius:8px;transform:scale(1.3);box-shadow:0 20px 40px #000c}.card-details{opacity:0;background:linear-gradient(#0000 0%,#000000e6 100%);border-radius:0 0 8px 8px;width:100%;padding:20px;transition:opacity .3s;position:absolute;bottom:0;left:0}.game-card:hover .card-details{opacity:1}.card-actions{gap:10px;margin-top:10px;display:flex}.btn-play{color:#000;background:#fff;border:none;border-radius:50px;padding:8px 15px;font-weight:700}.btn-icon{color:#fff;background:#fff3;border:none;border-radius:50px;width:35px;height:35px}