.wb.hub{color:#20203a;background:linear-gradient(135deg,#fff5c7 0%,#ffe8f4 32%,#dff6ff 68%,#e9ddff 100%);min-height:100dvh;padding:48px 24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hub .hub-intro{text-align:center;max-width:1000px;margin:20px auto 36px}.hub .hub-intro h1{letter-spacing:-.045em;color:#372b62;text-wrap:balance;margin:0;font-family:inherit;font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.1}.hub .hub-grid{gap:18px;max-width:1050px}.hub .game-card{color:#fff;border:0;border-radius:20px;flex-direction:column;justify-content:center;min-height:170px;padding:30px 26px;transition:transform .15s;display:flex;box-shadow:0 4px #0002}.hub .croquet-card{background:#c23a60}.hub .word-card{background:#7357e8}.hub .map-card{background:#087e97}.hub .game-card h2{letter-spacing:-.025em;color:inherit;margin:0 0 14px;font-family:inherit;font-size:26px;font-weight:800;line-height:1.15}.hub .game-card p{color:#fff;margin:0;font-size:14px;line-height:1.5}.hub .game-card:active{transform:translateY(3px)}.hub a:focus-visible{outline-offset:5px;outline:3px solid #372b62}.hub .hub-footer{text-align:center;margin:30px auto 0;font-size:16px}.hub .hub-footer a{color:#513ba8;text-underline-offset:4px;padding:12px;text-decoration:underline;display:inline-block}.hub-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin:0 auto 36px;display:flex}.hub-actions a{color:#513ba8;background:#fff;border-radius:12px;padding:14px 22px;font-weight:750;text-decoration:none;display:inline-block}.hub-actions a:first-child{color:#fff;background:#372b62}@media (max-width:640px){.wb.hub{padding:28px 18px}.hub .hub-intro{margin:8px auto 28px}.hub .game-card{min-height:130px;padding:24px}.hub .game-card h2{margin-bottom:10px;font-size:24px}.hub-actions{gap:10px;margin-bottom:26px}}@media (prefers-reduced-motion:reduce){.hub .game-card{transition:none}}@media (max-width:640px){.hub-actions a{padding:12px 14px;font-size:14px}.hub .game-card{min-height:115px}.hub .hub-grid{gap:16px}}.hub .halloween-card{background:#563c70}@media (min-width:1000px){.hub .hub-grid{grid-template-columns:1fr 1fr}}