:root{--color-background:#020617;--color-card-bg:#0f172a;--color-card-border:#1e293b;--color-primary:#a855f7;--color-secondary:#22d3ee;--background:#020617;--text:#f8fafc;--card-bg:#0f172a;--card-border:#1e293b;--primary:#a855f7;--secondary:#22d3ee}body{margin:0;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background)!important;color:var(--text)!important}.lobby-header{border-bottom:1px solid var(--card-border);margin-bottom:3rem;padding-bottom:1.5rem}.gradient-title{letter-spacing:-.05em;background:linear-gradient(90deg,#c084fc,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900}.sub-text{color:#94a3b8;margin-top:.75rem;font-weight:500}.lobby-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.game-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;flex-direction:column;justify-content:space-between;min-height:240px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0003}.game-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 0 25px #a855f733}.lobby-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:.85rem 0;font-weight:700;transition:all .2s}