.zg-game-hub{margin:16px 0;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(150deg,rgba(18,20,28,.98),rgba(10,11,16,.98));box-shadow:0 24px 60px rgba(0,0,0,.2);overflow:hidden}
.zg-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.zg-hub-head>div:first-child>span{display:block;color:#ff657b;font:900 12px/1 Inter,Cairo,Arial,sans-serif;letter-spacing:.12em}.zg-hub-head h2{margin:6px 0 0;color:#fff;font:900 24px/1.15 Inter,Cairo,Arial,sans-serif}.zg-hub-head p{max-width:720px;margin:7px 0 0;color:#969aa5;font:650 12px/1.7 Inter,Cairo,Arial,sans-serif}
.zg-hub-steam{min-width:180px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"meta score" "meta count";gap:3px 12px;align-items:center;padding:11px 13px;border:1px solid rgba(99,157,213,.22);border-radius:14px;background:rgba(23,44,64,.24)}.zg-hub-steam>div{grid-area:meta}.zg-hub-steam span,.zg-hub-steam small{display:block;color:#7f8b98;font:700 12px/1.35 Inter,Cairo,Arial,sans-serif}.zg-hub-steam b{display:block;margin-top:2px;color:#d9ecff;font:900 13px/1.3 Inter,Cairo,Arial,sans-serif}.zg-hub-steam strong{grid-area:score;color:#fff;font:900 20px/1 Inter,Cairo,Arial,sans-serif}.zg-hub-steam small{grid-area:count;text-align:end}
.zg-hub-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px 16px}.zg-hub-stat{min-width:0;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #292b34;border-radius:14px;background:#101117}.zg-hub-stat i{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#171921;color:#9da3b0;font:900 16px/1 Inter,sans-serif;font-style:normal}.zg-hub-stat b,.zg-hub-stat span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zg-hub-stat b{color:#fff;font:900 18px/1.1 Inter,Cairo,Arial,sans-serif}.zg-hub-stat span{margin-top:4px;color:#848995;font:700 12px/1.3 Inter,Cairo,Arial,sans-serif}.zg-hub-stat.score i{color:#ffd16a;background:rgba(255,193,69,.09)}.zg-hub-stat.active i{color:#6de7ac;background:rgba(67,218,145,.09)}.zg-hub-stat.verified i{color:#72dcff;background:rgba(63,187,235,.09)}.zg-hub-stat.guides i{color:#b9a0ff;background:rgba(137,101,255,.09)}.zg-hub-stat.tracked i{color:#ff7d91;background:rgba(239,35,60,.09)}
.zg-hub-passport{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:18px;align-items:center;margin:0 16px 16px;padding:16px;border:1px solid rgba(239,35,60,.2);border-radius:17px;background:linear-gradient(135deg,rgba(239,35,60,.08),rgba(255,255,255,.015))}.zg-hub-passport header{display:flex;align-items:center;gap:12px}.zg-hub-passport-mark{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(239,35,60,.28);border-radius:13px;background:rgba(239,35,60,.08);color:#ff687e;font:900 20px/1 Inter,sans-serif}.zg-hub-passport header span,.zg-hub-passport.guest span{display:block;color:#ff7c8f;font:900 12px/1 Inter,Cairo,Arial,sans-serif;letter-spacing:.08em}.zg-hub-passport h3{margin:4px 0 0;color:#fff;font:900 17px/1.2 Inter,Cairo,Arial,sans-serif}.zg-hub-passport p{margin:4px 0 0;color:#858a96;font:650 12px/1.55 Inter,Cairo,Arial,sans-serif}.zg-hub-passport-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.zg-hub-passport-grid>div{min-width:0;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(10,11,15,.62)}.zg-hub-passport-grid span,.zg-hub-passport-grid b{display:block}.zg-hub-passport-grid span{color:#7e8490;font:700 12px/1.3 Inter,Cairo,Arial,sans-serif}.zg-hub-passport-grid b{margin-top:4px;color:#e8e9ee;font:850 13px/1.35 Inter,Cairo,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zg-hub-passport-grid b.verified{color:#72e1aa}
.zg-hub-passport.guest{grid-template-columns:auto minmax(0,1fr) auto}.zg-hub-passport.guest>div:nth-child(2){min-width:0}.zg-hub-passport.guest .btn{white-space:nowrap}
.zg-hub-error{padding:20px;color:#a8adb8;font:750 12px/1.6 Inter,Cairo,Arial,sans-serif}
.zg-game-tabs.zg-hub-tabs-ready button{cursor:pointer}.zg-game-tabs.zg-hub-tabs-ready button:disabled{opacity:.34;cursor:not-allowed}.zg-game-tabs.zg-hub-tabs-ready button:not(:disabled):hover{background:#17181e;color:#fff}.zg-hub-anchor{scroll-margin-top:18px}
@media(max-width:980px){.zg-hub-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.zg-hub-passport{grid-template-columns:1fr}.zg-hub-passport-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.zg-hub-head{flex-direction:column}.zg-hub-steam{width:100%}.zg-hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.zg-hub-passport-grid{grid-template-columns:1fr 1fr}.zg-hub-passport.guest{grid-template-columns:auto 1fr}.zg-hub-passport.guest .btn{grid-column:1/-1;justify-self:start}}
@media(max-width:460px){.zg-hub-stats{grid-template-columns:1fr}.zg-hub-passport-grid{grid-template-columns:1fr}.zg-hub-stat{padding:11px}.zg-hub-head{padding:17px 15px 14px}.zg-hub-passport{margin:0 12px 12px;padding:13px}}
@media(prefers-reduced-motion:reduce){.zg-game-tabs.zg-hub-tabs-ready button{scroll-behavior:auto}}