.glass-card:hover{box-shadow:inset 0 1px #ffffff1f,0 12px 40px #00000059,0 0 40px #ec48991a}.hub-game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hub-game-card{display:block;aspect-ratio:4 / 5}.bonus-section{margin-top:2.5rem}.bonus-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.bonus-divider:before,.bonus-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.2),transparent)}.bonus-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#64748b;white-space:nowrap}.bonus-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.bonus-card{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:var(--glass-bg, rgba(30, 41, 59, .35));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, .875rem);text-decoration:none;transition:all .2s ease;animation:bonusSlideIn .4s ease both}.bonus-card:hover{border-color:#818cf84d;background:#1e293b8c;transform:translate(4px)}.bonus-emoji{font-size:1.75rem;line-height:1;flex-shrink:0}.bonus-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.bonus-category{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#06b6d4}.bonus-title{font-size:.9rem;font-weight:800;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bonus-arrow{font-size:1.25rem;color:#475569;transition:color .2s,transform .2s;flex-shrink:0}.bonus-card:hover .bonus-arrow{color:#818cf8;transform:translate(2px)}@keyframes bonusSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.bonus-card{animation:none}}@media (min-width: 480px){.hub-game-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem}.bonus-grid{grid-template-columns:repeat(2,1fr)}}@media (orientation: landscape){.hub-game-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.hub-game-card{aspect-ratio:4 / 5}.hub-game-card>div:first-child{padding-bottom:5rem}.hub-game-card>div:last-child{padding:1.25rem}.hub-outer{max-width:90rem!important;padding-left:3rem;padding-right:3rem}.bonus-grid{grid-template-columns:repeat(3,1fr)}}
