/* Homepage v2: compact chrome, dense vertical game grid, bright 3D hover. */
html{scrollbar-color:#1cbfff #04111c;scrollbar-width:thin}
body.hub-body{overflow-y:auto}
body.hub-body::-webkit-scrollbar{width:10px}
body.hub-body::-webkit-scrollbar-track{background:#04111c}
body.hub-body::-webkit-scrollbar-thumb{background:linear-gradient(#12bfff,#0a6ea6);border:2px solid #04111c;border-radius:10px;box-shadow:0 0 14px #14bcff}
.hub-shell{width:calc(100% - 36px);max-width:1880px}

/* Compact top area: catalogue gets the screen, not the header. */
.hub-header{grid-template-columns:minmax(210px,.75fr) minmax(280px,2.6fr) auto;gap:16px;min-height:70px;padding:7px 8px 9px}
.hub-brand{gap:10px}.hub-brand-mark{width:48px;height:48px}.hub-brand-mark>.hub-icon{width:29px;height:29px}
.hub-brand strong{font-size:clamp(20px,1.45vw,27px);letter-spacing:-1.2px}.hub-brand small{font-size:6px;letter-spacing:1.2px;margin-top:3px}
.hub-search{height:48px;padding:0 15px}.hub-search input{height:38px;font-size:12px}.hub-search>.hub-icon{width:20px;height:20px}
.hub-account{gap:10px}.hub-login{height:48px;min-width:116px;padding:7px 16px;font-size:14px}.hub-login .hub-icon{width:19px;height:19px}.hub-news{padding:7px}.hub-news .hub-icon{width:21px;height:21px}
.hub-nav{gap:6px;padding:8px 4px 7px}.hub-nav-item{min-height:47px;padding:7px 9px;gap:9px;font-size:11px}.hub-nav-item>.hub-icon{width:20px;height:20px}
.hub-intro{display:block;min-height:0;padding:12px 18px 14px}.hub-intro-copy{max-width:850px}.hub-kicker{font-size:7.5px;letter-spacing:1.5px;margin-bottom:4px}.hub-intro h1{font-size:clamp(20px,1.8vw,29px);line-height:1.12;letter-spacing:-.7px}.hub-lead{margin-top:5px;font-size:11px;line-height:1.45;max-width:760px}
.hub-telemetry{display:none!important}

/* Catalogue is a normal vertical document: more games = more rows = page scroll. */
.hub-catalogue{padding:12px 13px 17px;scroll-margin-top:10px;overflow:visible}
.hub-section-head{padding:0 5px 5px;min-height:44px}.hub-section-label{gap:11px}.hub-section-icon .hub-icon{width:27px;height:27px}.hub-section-label h2{font-size:17px;margin-bottom:1px}.hub-section-label p{font-size:10px}.hub-section-actions{gap:10px}.hub-counter{font-size:10px}.hub-all{min-height:39px;min-width:108px;padding:7px 11px;font-size:10px}
.hub-arrows,.hub-scrollbar,.hub-scroll-hint{display:none!important}
.hub-catalogue-foot{justify-content:flex-end;padding:9px 5px 0}
.hub-server-search{font-size:10px}

.hub-games,.hub-games.is-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:10px 5px 18px;overflow:visible!important;scroll-snap-type:none!important;perspective:1200px;min-height:0}
.hub-game,.hub-games.is-grid .hub-game{width:auto!important;min-width:0;flex:none!important;margin:0;align-self:stretch;transform-style:preserve-3d;--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:35%;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;will-change:transform}
.hub-game::after{content:"";position:absolute;inset:5px;z-index:4;pointer-events:none;opacity:0;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.34),rgba(91,214,255,.11) 18%,transparent 43%),linear-gradient(115deg,transparent 20%,rgba(255,255,255,.12) 42%,transparent 61%);mix-blend-mode:screen;transition:opacity .18s ease}
.hub-game>.hub-frame .hub-frame-hot{stroke-width:2.6;filter:drop-shadow(0 0 4px var(--hub-accent)) drop-shadow(0 0 9px var(--hub-glow))}
.hub-game-cover{height:178px;inset:5px 5px auto}.hub-game-art{filter:saturate(1.22) contrast(1.06)}
.hub-game-content,.hub-games.is-grid .hub-game-content{padding:145px 12px 11px;min-height:299px}.hub-game h3{font-size:14px;line-height:1.22;min-height:35px;margin:0 0 7px}.hub-game-stats{gap:2px;font-size:9px}.hub-game-stats b{font-size:11px}.hub-game-stats dt>.hub-icon{width:12px;height:12px}.hub-game-stats>div{gap:6px}.hub-game-cta{min-height:38px;margin-top:10px;padding:6px 8px;font-size:9px}.hub-game-cta .hub-icon{width:13px;height:13px}.hub-favorite{top:12px;right:11px;width:32px;min-height:32px;padding:7px}.hub-favorite>.hub-icon{width:17px;height:17px}.hub-game-index{top:8px;left:9px;font-size:9px}

@media(hover:hover) and (pointer:fine){
  .hub-game:hover{z-index:15;transform:perspective(980px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-9px) scale(1.035);filter:brightness(1.14) saturate(1.16);box-shadow:0 24px 45px #000b,0 0 18px var(--hub-accent),0 0 46px var(--hub-glow)}
  .hub-game:hover::after{opacity:1}
  .hub-game:hover>.hub-frame .hub-frame-hot{stroke-width:3.5;opacity:1;filter:drop-shadow(0 0 7px var(--hub-accent)) drop-shadow(0 0 20px var(--hub-accent)) drop-shadow(0 0 34px var(--hub-glow))}
  .hub-game:hover>.hub-frame .hub-frame-base{opacity:1}
  .hub-game:hover .hub-game-art{transform:translateZ(22px) scale(1.075);filter:saturate(1.42) contrast(1.08) brightness(1.07)}
  .hub-game:hover .hub-game-content{transform:translateZ(18px)}
  .hub-game:hover .hub-game-cta{filter:brightness(1.35);text-shadow:0 0 9px var(--hub-accent)}
}

/* The old marketing row is below the full catalogue and no longer steals first-screen space. */
.hub-features{margin-top:18px}

@media(max-width:1600px){.hub-games,.hub-games.is-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1280px){.hub-games,.hub-games.is-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hub-header{grid-template-columns:200px 1fr auto}.hub-brand strong{font-size:22px}}
@media(max-width:1050px){.hub-games,.hub-games.is-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-header{grid-template-columns:185px 1fr auto}.hub-nav-item{font-size:10px}.hub-intro{padding-inline:10px}}
@media(max-width:800px){.hub-shell{width:calc(100% - 22px)}.hub-header{grid-template-columns:1fr auto;gap:8px 12px}.hub-search{grid-row:2;grid-column:1/-1;height:46px;margin-top:2px}.hub-nav{display:flex;overflow-x:auto;scrollbar-width:none;padding:7px 1px}.hub-nav::-webkit-scrollbar{display:none}.hub-nav-item{flex:0 0 128px;min-height:45px}.hub-intro{padding:10px 6px 12px}.hub-intro h1{font-size:23px}.hub-kicker{font-size:7px}.hub-lead{font-size:10px}.hub-games,.hub-games.is-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hub-section-label p{display:none}}
@media(max-width:620px){.hub-games,.hub-games.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-game-cover{height:166px}.hub-game-content,.hub-games.is-grid .hub-game-content{padding-top:136px;min-height:287px}.hub-brand small{display:none}.hub-account{gap:5px}.hub-login{min-width:92px;padding-inline:10px}.hub-section-actions{width:auto;padding-left:0}.hub-counter{display:none}}
@media(max-width:420px){.hub-games,.hub-games.is-grid{grid-template-columns:minmax(0,1fr);gap:14px}.hub-game-cover{height:214px}.hub-game-content,.hub-games.is-grid .hub-game-content{padding-top:176px;min-height:323px}.hub-game h3{font-size:16px}.hub-game-stats{font-size:10px}.hub-game-stats b{font-size:12px}.hub-game-cta{font-size:10px}.hub-brand-mark{width:42px;height:45px}.hub-brand strong{font-size:20px}.hub-login span{display:none}.hub-login{min-width:48px}.hub-section-head{align-items:center}.hub-all{display:none}}
@media(prefers-reduced-motion:reduce){.hub-game{will-change:auto}.hub-game:hover{transform:none!important}}