.hub{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1100px 520px at 12% -8%,rgba(122,162,255,.16),transparent 60%),radial-gradient(900px 520px at 92% 0%,rgba(224,90,74,.13),transparent 55%),var(--g-bg)}.hub-header{padding:28px 16px 20px;max-width:1080px;width:100%;margin:0 auto;display:flex;align-items:flex-start;gap:12px}@media(min-width:720px){.hub-header{padding:44px 20px 26px;align-items:flex-end}}.hub-brand h1{margin:0;font-size:clamp(2.1rem,6vw,3.1rem);font-weight:900;letter-spacing:-.03em;line-height:1}.hub-brand h1 span{color:var(--g-accent)}.hub-brand p{margin:10px 0 0;color:var(--g-muted);font-size:.9rem;line-height:1.6}.hub-brand{flex:1;min-width:0}.hub-header-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex-shrink:0}.hub-filter{width:100%;max-width:1080px;margin:0 auto;padding:0 16px 10px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.hub-filter::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--g-border);background:var(--g-surface);color:var(--g-muted);font-size:.78rem;font-weight:700;transition:background .14s,color .14s,border-color .14s}.filter-chip[aria-pressed=true]{background:var(--g-fg);color:#0b0d12;border-color:var(--g-fg)}.filter-count{opacity:.55;font-size:.7rem}.filter-chip[aria-pressed=true] .filter-count{opacity:.5}.hub-grid{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:6px 16px 32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px;align-content:start}.game-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:15px 16px 13px;border-radius:var(--g-radius-lg);background:var(--g-surface);border:1px solid var(--g-border);transition:transform .16s ease,border-color .16s,background .16s,box-shadow .16s;overflow:hidden;isolation:isolate}.game-card:before{content:"";position:absolute;top:-40%;right:55%;bottom:40%;left:-20%;background:radial-gradient(closest-side,var(--card-accent),transparent);opacity:.16;z-index:-1;transition:opacity .16s}.game-card:focus-visible{transform:translateY(-3px);border-color:var(--card-accent);background:var(--g-surface-strong);box-shadow:var(--g-shadow)}.game-card:active{transform:scale(.99)}@media(hover:hover)and (pointer:fine){.game-card:hover{transform:translateY(-3px);border-color:var(--card-accent);background:var(--g-surface-strong);box-shadow:var(--g-shadow)}.game-card:hover:before{opacity:.3}}.card-top{display:flex;align-items:center;gap:12px}.card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;overflow:hidden;background:#ffffff0a;border:1px solid var(--g-border);box-shadow:0 4px 14px #00000059;flex-shrink:0}.card-icon svg{display:block;border-radius:11px}.card-heading{min-width:0}.card-heading h2{margin:0;font-size:1.12rem;font-weight:800;letter-spacing:-.01em}.card-heading .card-sub{display:block;font-size:.62rem;letter-spacing:.16em;color:var(--g-muted);margin-top:3px}.card-key{margin-left:auto;align-self:flex-start;font-size:.62rem;font-weight:800;color:var(--g-muted);border:1px solid var(--g-border);border-radius:6px;padding:2px 6px}.card-desc{margin:0;font-size:.83rem;line-height:1.5;color:#c4ccdb;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-lore{margin:0;font-size:.73rem;font-style:italic;line-height:1.45;color:#8791a6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:5px}.card-tag{font-size:.66rem;font-weight:700;color:var(--g-muted);background:#ffffff0d;border:1px solid var(--g-border);border-radius:999px;padding:3px 9px}.card-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px;padding-top:10px;border-top:1px solid var(--g-border);font-size:.72rem;color:var(--g-muted)}.card-badge{font-weight:800;color:#0d1117;background:var(--card-accent);border-radius:999px;padding:3px 9px}.card-record{color:#d5b45a;font-weight:700}.card-controls{width:100%;opacity:.7;font-size:.68rem}.hub-footer{max-width:1080px;width:100%;margin:0 auto;padding:0 16px calc(32px + env(safe-area-inset-bottom));color:var(--g-muted);font-size:.74rem;line-height:1.7;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hub-reset{margin-left:auto;border:1px solid var(--g-border);border-radius:999px;min-height:44px;padding:0 16px;font-size:.72rem;font-weight:700;color:var(--g-muted);transition:color .14s,border-color .14s}