.games-hub-shell{min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(255,107,0,.16),transparent 28rem),radial-gradient(circle at 12% 28%,rgba(79,195,247,.06),transparent 22rem),radial-gradient(circle at 50% 100%,rgba(255,107,0,.05),transparent 40rem),#080a0c}.games-hub-shell .page-shell.games-hub{width:min(1180px,calc(100% - 36px));margin-inline:auto}.games-hub{background:transparent}.games-hub main{padding-bottom:clamp(48px,6vw,72px)}.hub-hero{padding:clamp(36px,5vw,56px) 0 clamp(28px,4vw,40px);border-bottom:1px solid rgba(255,255,255,.08)}.hub-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:stretch;gap:clamp(20px,3vw,32px)}.hub-hero-copy h1{max-width:none;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(46px,5.8vw,78px);line-height:.92;letter-spacing:-.035em;text-transform:uppercase}.hub-hero-copy h1 em{display:block;color:#ff6b00;font-style:normal;text-shadow:0 0 44px rgba(255,107,0,.22)}.hub-lede{max-width:52ch;margin:18px 0 22px;color:#ffffff94;font-size:clamp(15px,1.6vw,17px);line-height:1.65}.hub-actions{display:flex;flex-wrap:wrap;gap:10px}.hub-actions a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:5px;text-decoration:none;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:transform .15s,background .15s,border-color .15s}.hub-actions a:focus-visible{outline:2px solid #ff6b00;outline-offset:2px}.hub-actions .primary-action{gap:12px;color:#080a0c;background:#ff6b00;box-shadow:0 10px 32px #ff6b0038}.hub-actions .primary-action:hover{background:#ff8533;transform:translateY(-1px)}.hub-actions .secondary-action{color:#ffffffd1;border:1px solid rgba(255,255,255,.14);background:#ffffff08}.hub-actions .secondary-action:hover{border-color:#ff6b0073;color:#fff}.hub-trust{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:22px;color:#ffffff57;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hub-trust span:before{content:"✓";margin-right:6px;color:#3ddc84}.hub-featured{min-width:0}.featured-panel{position:relative;height:100%;padding:clamp(18px,2.5vw,24px);display:flex;flex-direction:column;gap:16px;border:1px solid rgba(255,107,0,.28);border-radius:10px;background:linear-gradient(155deg,#ff6b001a,#0c0e10f5 42%),linear-gradient(180deg,#181c20f0,#0a0c0efa);box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff0f;overflow:hidden}.featured-panel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:0;border-radius:10px;background:radial-gradient(circle at 100% 0,rgba(255,107,0,.28),transparent 48%);pointer-events:none}.featured-panel>*{position:relative;z-index:1}.featured-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 10px;color:#3ddc84;border:1px solid rgba(61,220,132,.25);border-radius:999px;background:#3ddc8414;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.featured-badge i{width:6px;height:6px;border-radius:50%;background:#3ddc84;box-shadow:0 0 10px #3ddc84bf}.featured-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.featured-icon{width:58px;height:58px;flex-shrink:0;display:grid;place-items:center;color:#090b0d;border-radius:10px;background:linear-gradient(145deg,#ff8533,#ff6b00);font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800;box-shadow:0 14px 36px #ff6b0059}.featured-head h2{margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(34px,4vw,46px);line-height:.95;text-transform:uppercase}.featured-head p{margin:6px 0 0;color:#ffffff7a;font-size:13px;line-height:1.5}.featured-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.featured-stat{padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff08}.featured-stat small{display:block;color:#ffffff57;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.featured-stat strong{display:block;margin-top:4px;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:22px;line-height:1;letter-spacing:.02em}.featured-stat em{display:block;margin-top:3px;color:#ff8a3d;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.featured-leaderboard{flex:1;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#00000038}.featured-play{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;color:#080a0c;border-radius:6px;background:linear-gradient(135deg,#ff8533,#ff6b00);box-shadow:0 12px 28px #ff6b0047;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:800;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:transform .15s,filter .15s}.featured-play:hover{filter:brightness(1.05);transform:translateY(-1px)}.featured-play:focus-visible{outline:2px solid #fff;outline-offset:2px}.featured-play.secondary-link{min-height:auto;margin-top:4px;padding:0;color:#ffffff80;background:none;box-shadow:none;font-size:11px;letter-spacing:.1em}.featured-play.secondary-link:hover{color:#ff8a3d;transform:none}.hub-catalog{padding:clamp(32px,4vw,48px) 0 clamp(28px,3vw,40px);scroll-margin-top:20px}.hub-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.hub-catalog-head h2{margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(32px,4.2vw,48px);line-height:.95;text-transform:uppercase}.hub-catalog-head p{margin:10px 0 0;max-width:46ch;color:#ffffff6b;font-size:14px;line-height:1.55}.hub-game-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px}.games-hub .game-card{min-height:280px;border-radius:9px;box-shadow:0 16px 40px #00000047}.games-hub .game-card:focus-visible{outline:2px solid #ff6b00;outline-offset:3px}.games-hub .game-card.featured{min-height:320px;border-color:#ff6b0059;background:linear-gradient(155deg,#ff6b0024,#0b0d0feb 58%),linear-gradient(180deg,#181c20f2,#080a0cfa)}.games-hub .game-card.featured:before{content:"Featured";position:absolute;top:16px;right:16px;z-index:2;padding:5px 9px;color:#ff8a3d;border:1px solid rgba(255,107,0,.35);border-radius:999px;background:#ff6b001f;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.games-hub .game-card.featured h3{font-size:clamp(40px,4.5vw,52px)}.games-hub .game-card.featured .game-icon{width:62px;height:62px;font-size:22px}.coming-soon-card{grid-column:1 / -1;min-height:120px;padding:24px;display:flex;flex-direction:column;justify-content:center;border:1px dashed rgba(255,255,255,.14);border-radius:9px;background:#ffffff05}.coming-soon-card p{margin:0 0 6px;color:#ffffff52;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.coming-soon-card h3{margin:0;font-family:Barlow Condensed,sans-serif;font-size:28px;line-height:1;text-transform:uppercase;color:#ffffff8c}.coming-soon-card span{margin-top:10px;color:#ffffff57;font-size:13px;line-height:1.5}.hub-community{padding:clamp(24px,3vw,36px);border:1px solid rgba(255,255,255,.09);border-left:3px solid #ff6b00;border-radius:8px;background:#ffffff06}.hub-community-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.hub-community-head h2{margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(24px,3vw,32px);text-transform:uppercase}.hub-community-head p{margin:6px 0 0;color:#ffffff6b;font-size:13px}.hub-challenge-link{min-height:42px;display:inline-flex;align-items:center;padding:0 16px;color:#ffffffd1;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:#ffffff08;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:border-color .15s,color .15s}.hub-challenge-link:hover{border-color:#ff6b0073;color:#fff}.hub-challenge-link:focus-visible{outline:2px solid #ff6b00;outline-offset:2px}.hub-lb-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.hub-lb-tab{padding:8px 16px;border:1px solid #2a2a2a;border-radius:8px;background:#1e1e1e;color:#ffffff80;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.hub-lb-tab:hover{color:#ffffffb8}.hub-lb-tab-active{border-color:#e8771a;color:#e8771a;background:#e8771a0f}.hub-lb-tab:focus-visible{outline:2px solid #e8771a;outline-offset:2px}.hub-lb-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;text-align:center}.hub-lb-empty-icon{font-size:36px;line-height:1}.hub-lb-empty p{margin:0;color:#ffffff73;font-size:14px}.hub-lb-play-now{min-height:40px;display:inline-flex;align-items:center;padding:0 18px;border:1px solid rgba(232,119,26,.45);border-radius:5px;background:#e8771a14;color:#e8771a;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:border-color .15s,background .15s}.hub-lb-play-now:hover{border-color:#e8771a;background:#e8771a24}.hub-lb-play-now:focus-visible{outline:2px solid #e8771a;outline-offset:2px}.hub-leaderboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hub-leaderboard-grid .score-row-card{padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#0003}.hub-leaderboard-grid .score-row-card b{color:#ff8a3d;font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:.08em}.hub-leaderboard-grid .score-row-card span{display:block;margin-top:6px;color:#ffffffc7;font-size:14px;font-weight:600}.hub-leaderboard-grid .score-row-card strong{display:block;margin-top:4px;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:26px;line-height:1}.hub-empty-scores{padding:16px;color:#ffffff73;font-size:14px;text-align:center}@media(max-width:960px){.hub-hero-grid{grid-template-columns:1fr}.hub-featured{order:-1}.hub-game-grid,.hub-leaderboard-grid{grid-template-columns:1fr}.featured-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.hub-actions{display:grid;grid-template-columns:1fr}.hub-trust{gap:8px;font-size:9px}.featured-stats{grid-template-columns:1fr}.featured-head{flex-direction:column}.hub-catalog-head{align-items:start;flex-direction:column}}