.game-hub{max-width:1400px;margin:auto;padding:42px 32px 70px;color:#e8eef9}.gh-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.gh-eyebrow{font-size:11px;letter-spacing:.25em;color:#7f9bc3}.gh-heading h1{font-size:clamp(27px,3vw,42px);font-weight:750;margin:8px 0}.gh-heading p,.gh-feature p{color:#98a9c1;line-height:1.7}.gh-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.game-hub a,.game-hub button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2c3b54;border-radius:10px;padding:10px 14px;background:#152036;color:#d9e7ff;font-size:13px;text-decoration:none;cursor:pointer}.game-hub .gh-primary{background:#4d72ed;color:#fff;border-color:#5b80f4}.game-hub button:disabled{opacity:.55;cursor:wait}.gh-feature{display:grid;grid-template-columns:1.6fr 1fr;padding:32px;border:1px solid #344267;border-radius:22px;background:radial-gradient(at right top,#30477a88,transparent 65%),#101a2e;margin-bottom:30px}.gh-feature h2{font-size:24px;font-weight:650;margin:14px 0 5px}.gh-feature .gh-actions{margin-top:22px}.gh-feature-art{display:grid;place-content:center;justify-items:center;gap:16px;color:#99b4ff}.gh-feature-art span{font-size:10px;letter-spacing:.25em}.gh-toolbar{display:flex;gap:12px;align-items:center;margin:20px 0}.gh-toolbar nav{display:flex;gap:6px;margin-right:auto}.gh-toolbar button[aria-pressed=true]{background:#344c8d;border-color:#6e8ad4}.gh-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #2c3b54;border-radius:10px;color:#8fa4c1}.gh-search input{background:transparent;outline:0;width:180px;color:#edf3ff}.gh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.gh-game{border:1px solid #29364d;border-radius:16px;background:#101827;overflow:hidden}.gh-cover{height:170px;position:relative;display:grid;place-content:center;color:#6884c7;background:linear-gradient(135deg,#203957,#171a32)}.gh-cover img{width:100%;height:170px;-o-object-fit:cover;object-fit:cover}.gh-cover span{position:absolute;top:12px;left:12px;background:#0a1026db;padding:5px 9px;border-radius:8px;font-size:11px;color:#d4e1f8}.gh-game-body{padding:20px}.gh-game h2{font-size:21px;font-weight:650}.gh-game p{font-size:13px;color:#91a2bc;line-height:1.6;min-height:42px;margin:8px 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gh-game small{display:block;color:#9cbbf4;margin-bottom:14px}.gh-empty{text-align:center;padding:50px 24px;border:1px dashed #34435d;border-radius:16px;background:#101827}.gh-empty svg{margin:0 auto 12px;color:#809ccd}.gh-empty h2{font-size:23px;font-weight:650}.gh-empty p{color:#99abc4;margin:10px auto 22px;max-width:560px}.gh-error,.gh-progress{padding:16px;border:1px solid #46567c;border-radius:12px;margin:18px 0}.gh-error button{margin-left:12px}.gh-progress progress{width:100%;margin-top:8px;accent-color:#759dff}@media(max-width:800px){.game-hub{padding:24px 16px}.gh-heading,.gh-toolbar{align-items:stretch;flex-direction:column}.gh-feature{grid-template-columns:1fr;padding:24px}.gh-feature-art{display:none}.gh-search input{width:100%}.gh-toolbar nav{flex-wrap:wrap}}