.gamehub-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:28px;overflow:hidden;padding:36px;border-radius:26px;background:radial-gradient(circle at 12% 15%,rgba(47,129,255,.34),transparent 32%),linear-gradient(135deg,#071426 0%,#0b2b55 52%,#0a69d5 100%);color:#fff;box-shadow:0 24px 70px rgba(11,51,104,.24)}
.gamehub-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,transparent)}
.gamehub-hero-copy,.gamehub-hero-visual{position:relative;z-index:1}.gamehub-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:950;letter-spacing:.19em;color:#8fc4ff}.gamehub-eyebrow:before{content:"";width:22px;height:2px;border-radius:999px;background:currentColor}.gamehub-eyebrow.dark{color:#a50012}
.gamehub-hero h1{max-width:720px;margin:14px 0 14px;font-size:clamp(34px,4.4vw,62px);line-height:1.02;letter-spacing:-.045em}.gamehub-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.75}
.gamehub-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.gamehub-primary,.gamehub-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;font-weight:950;text-decoration:none;cursor:pointer}.gamehub-primary{background:#fff;color:#07366d;box-shadow:0 11px 24px rgba(0,0,0,.18)}.gamehub-secondary{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.09);color:#fff}
.gamehub-hero-visual{display:flex;align-items:center;justify-content:center;min-height:280px}.gamehub-hero-visual>img{width:100%;max-width:510px;border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 28px 55px rgba(0,0,0,.34);transform:perspective(850px) rotateY(-8deg) rotateX(3deg)}.gamehub-online{position:absolute;left:18px;bottom:20px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:11px 14px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(5,16,34,.78);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.25)}.gamehub-online i{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#3fe59b;box-shadow:0 0 0 5px rgba(63,229,155,.13)}.gamehub-online span{font-size:9px;font-weight:950;letter-spacing:.13em;color:#9eb0c8}.gamehub-online b{font-size:14px;color:#fff}
.gamehub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.gamehub-stats article{padding:18px 19px;border:1px solid #e6e9ef;border-radius:16px;background:#fff;box-shadow:0 11px 26px rgba(21,34,58,.05)}.gamehub-stats small,.gamehub-stats span{display:block}.gamehub-stats small{font-size:9px;font-weight:950;letter-spacing:.13em;color:#87909d}.gamehub-stats b{display:block;margin:6px 0 3px;color:#0b4f9e;font-size:29px}.gamehub-stats span{color:#6d7580;font-size:12px}
.gamehub-library{margin-top:18px;padding:25px;border:1px solid #e5e8ee;border-radius:22px;background:#f8f9fb}.gamehub-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.gamehub-library-head h2{margin:6px 0 4px;font-size:30px}.gamehub-library-head p{margin:0;color:#737b87}.gamehub-search{display:flex;align-items:center;gap:9px;width:min(330px,100%);padding:0 14px;border:1px solid #d9dde4;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(30,42,65,.04)}.gamehub-search span{font-size:20px;color:#7d8794}.gamehub-search input{width:100%;height:44px;border:0;outline:0;background:transparent;color:#202633;font:inherit}
.gamehub-tabs{display:flex;gap:8px;overflow-x:auto;margin:22px 0 18px;padding-bottom:2px}.gamehub-tabs button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 13px;border:1px solid #dfe3e9;border-radius:11px;background:#fff;color:#606a77;font-weight:900;cursor:pointer}.gamehub-tabs button b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eef1f5;color:#7c8590;font-size:10px}.gamehub-tabs button.active{border-color:#0b68cd;background:#0b68cd;color:#fff;box-shadow:0 9px 19px rgba(11,104,205,.2)}.gamehub-tabs button.active b{background:rgba(255,255,255,.18);color:#fff}
.gamehub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.gamehub-card{overflow:hidden;border:1px solid #e2e6ec;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(31,44,70,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.gamehub-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent,#176bc4) 45%,#e2e6ec);box-shadow:0 20px 40px rgba(31,44,70,.12)}.gamehub-card[hidden]{display:none}.gamehub-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;background:#10192a}.gamehub-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .32s ease}.gamehub-card:hover .gamehub-thumb img{transform:scale(1.025)}.gamehub-number,.gamehub-tag{position:absolute;top:12px;padding:7px 9px;border-radius:9px;background:rgba(4,13,29,.72);color:#fff;font-size:9px;font-weight:950;letter-spacing:.11em;backdrop-filter:blur(8px)}.gamehub-number{left:12px}.gamehub-tag{right:12px}.gamehub-card-body{padding:17px}.gamehub-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gamehub-card-title h3{margin:0;font-size:18px;line-height:1.25}.gamehub-card-title small{display:block;margin-top:5px;color:#8a929e;font-size:9px;font-weight:900;letter-spacing:.08em}.gamehub-card-title>span{white-space:nowrap;color:#a56e00;font-size:11px;font-weight:950}.gamehub-card-body>p{min-height:62px;margin:12px 0 16px;color:#69727f;font-size:13px;line-height:1.6}.gamehub-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #eef0f3}.gamehub-ready{display:inline-flex;align-items:center;gap:7px;color:#6f7884;font-size:8px;font-weight:950;letter-spacing:.1em}.gamehub-ready i{width:7px;height:7px;border-radius:50%;background:#2dcc82;box-shadow:0 0 0 4px rgba(45,204,130,.12)}.gamehub-card footer a,.gamehub-card footer button{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:0;border-radius:9px;background:var(--accent,#176bc4);color:#fff;font-size:11px;font-weight:950;text-decoration:none;cursor:pointer}.gamehub-card footer b{font-size:15px}
.accent-blue{--accent:#176bc4}.accent-green{--accent:#169866}.accent-red{--accent:#c91f3d}.accent-indigo{--accent:#4858c9}.accent-gold{--accent:#b17a08}.accent-teal{--accent:#118a8b}.accent-purple{--accent:#7948ae}.accent-pink{--accent:#bd3c81}.accent-cyan{--accent:#0b899f}.accent-orange{--accent:#d2581d}
.gamehub-empty{padding:50px 20px;text-align:center}.gamehub-empty span{font-size:44px}.gamehub-empty h3{margin:12px 0 5px}.gamehub-empty p{margin:0;color:#747d88}
.gamehub-progress{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(390px,1fr);gap:18px;align-items:center;margin-top:18px;padding:23px;border:1px solid #e5dfd6;border-radius:20px;background:linear-gradient(135deg,#fffdf7,#fff7df);box-shadow:0 12px 30px rgba(71,50,13,.05)}.gamehub-progress h2{margin:6px 0 4px}.gamehub-progress p{margin:0;color:#726a5a}.gamehub-progress-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.gamehub-progress-stats span{padding:12px;border:1px solid #eadfca;border-radius:12px;background:#fff}.gamehub-progress-stats small,.gamehub-progress-stats b{display:block}.gamehub-progress-stats small{font-size:8px;font-weight:950;letter-spacing:.1em;color:#94866f}.gamehub-progress-stats b{margin-top:5px;color:#7e5600;font-size:21px}.gamehub-badges{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/2}.gamehub-badges span{padding:7px 10px;border-radius:999px;background:#eee9df;color:#a39a8b;font-size:9px;font-weight:950}.gamehub-badges span.unlocked{background:#f8d873;color:#634500;box-shadow:inset 0 0 0 1px #dfbd54}.gamehub-reset{justify-self:end;grid-column:2/3;padding:9px 12px;border:1px solid #be8c30;border-radius:9px;background:transparent;color:#8c620e;font-weight:900;cursor:pointer}
@media(max-width:1180px){.gamehub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gamehub-hero{grid-template-columns:1fr 420px}.gamehub-progress{grid-template-columns:1fr}.gamehub-badges,.gamehub-reset{grid-column:auto}.gamehub-reset{justify-self:start}}
@media(max-width:880px){.gamehub-hero{grid-template-columns:1fr;padding:26px}.gamehub-hero-visual{min-height:auto}.gamehub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gamehub-library-head{align-items:flex-start;flex-direction:column}.gamehub-search{width:100%}}
@media(max-width:650px){.gamehub-hero{padding:20px;border-radius:18px}.gamehub-hero h1{font-size:36px}.gamehub-library{padding:15px}.gamehub-grid{grid-template-columns:1fr}.gamehub-stats{grid-template-columns:1fr 1fr}.gamehub-progress-stats{grid-template-columns:1fr 1fr}.gamehub-card-body>p{min-height:0}.gamehub-card footer{align-items:flex-start;flex-direction:column}.gamehub-card footer a,.gamehub-card footer button{width:100%;justify-content:center}.gamehub-online{left:8px;bottom:8px}.gamehub-hero-visual>img{border-radius:16px;transform:none}}