:root{--bg: #0b1020;--text: #e8eef5;--muted: #9aa7b8;--brand-primary: #a855f7;--brand-secondary: #3b82f6;--brand-gradient: linear-gradient( 100deg, var(--brand-primary), var(--brand-secondary) );font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}.hub-bg{position:fixed;inset:0;z-index:0;background:radial-gradient(120% 80% at 50% -20%,rgba(168,85,247,.22),transparent 55%),radial-gradient(80% 60% at 100% 100%,rgba(59,130,246,.12),transparent 50%),var(--bg);pointer-events:none}.hub{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:48px 24px 64px;min-height:100vh;display:flex;flex-direction:column}.hub-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px}.brand-lockup{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:var(--text);margin-bottom:12px}.brand-logo{display:inline-flex;width:36px;height:36px;color:var(--brand-primary)}.brand-logo svg{width:100%;height:100%}.brand-name{font-family:Orbitron,Segoe UI,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:.12em}.brand-badge{display:inline-block;padding:4px 12px;margin:0 auto 20px;font-size:.7rem;font-weight:600;letter-spacing:.08em;color:var(--muted);border:1px solid rgba(255,255,255,.12);border-radius:999px}.hub-title{margin:0 0 12px;font-family:Orbitron,Segoe UI,sans-serif;font-size:clamp(2.2rem,6vw,3.2rem);font-weight:900;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hub-lead{margin:0 auto;max-width:520px;font-size:1.05rem;line-height:1.55;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;flex:1}.game-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:28px 24px 24px;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);border-radius:18px;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}a.game-card:hover{transform:translateY(-4px);border-color:var(--brand-primary);box-shadow:0 16px 40px #a855f72e}.game-card.soon{opacity:.55;cursor:not-allowed}.game-emoji{font-size:2.6rem;line-height:1}.game-title{margin:0;font-family:Orbitron,Segoe UI,sans-serif;font-size:1.25rem;font-weight:700}.game-desc{margin:0;font-size:.92rem;line-height:1.5;color:var(--muted);flex:1}.game-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:3px 10px;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--brand-primary);background:#a855f71f;border-radius:999px}.play-btn{margin-top:6px;padding:10px 22px;font-size:.95rem;font-weight:600;color:#04221f;background:linear-gradient(100deg,#4fd1c5,#38b2ac);border-radius:999px}.soon-badge{margin-top:6px;padding:8px 16px;font-size:.85rem;font-weight:600;color:var(--muted);border:1px dashed rgba(255,255,255,.2);border-radius:999px}.hub-footer{margin-top:48px;text-align:center;font-size:.9rem;color:var(--muted)}.hub-footer a{color:var(--muted);text-decoration:none}.hub-footer a:hover{color:var(--text)}.hub-footer strong{color:var(--brand-primary)}@media(max-width:640px){.hub{padding-top:32px}.game-grid{grid-template-columns:1fr}}