:root{--gold:#f5bd27;--blue:#30d7ff;--red:#ff315f;--bg:#050607;--panel:rgba(16,16,18,.86);--line:rgba(255,255,255,.12);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(48,215,255,.16),transparent 30%),radial-gradient(circle at 80% 80%,rgba(245,189,39,.12),transparent 34%),#050607;color:#fff}.hub{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 56px}.hub-header{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:14px 18px;box-shadow:0 20px 70px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:14px}.brand img{width:78px;height:58px;object-fit:contain}.brand h1{margin:0;font-size:25px}.brand p{margin:2px 0 0;color:#d7d0c3}.admin-link,.game-card strong{display:inline-block;border:1px solid rgba(245,189,39,.45);background:rgba(245,189,39,.12);color:#ffe08a;text-decoration:none;padding:10px 14px;border-radius:999px;font-weight:800}.hero{padding:60px 0 0;text-align:center}.hero h2{font-size:clamp(42px,7vw,80px);line-height:1;margin:0 0 12px}.hero>p{font-size:19px;color:#ddd;margin:0 auto 30px;max-width:720px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.game-card{text-align:left;min-height:310px;border:1px solid var(--line);border-radius:30px;padding:32px;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 25px 90px rgba(0,0,0,.32);transition:.18s}.game-card:hover{transform:translateY(-4px);border-color:rgba(245,189,39,.45)}.game-card span{font-size:56px}.game-card h3{font-size:38px;margin:18px 0 10px}.game-card p{font-size:17px;line-height:1.5;color:#ddd;min-height:54px}.game-card.battle{background:radial-gradient(circle at 80% 10%,rgba(48,215,255,.24),transparent 32%),linear-gradient(180deg,rgba(7,24,41,.94),rgba(2,5,10,.92))}.game-card.truco{background:radial-gradient(circle at 80% 10%,rgba(245,189,39,.21),transparent 32%),linear-gradient(180deg,rgba(36,16,8,.94),rgba(5,5,5,.92))}@media(max-width:780px){.hub-header{align-items:flex-start;flex-direction:column}.admin-link{width:100%;text-align:center}.game-grid{grid-template-columns:1fr}.game-card{min-height:auto}.hero{padding-top:32px}}