/* V14 — plain navigation; physical room controls power on only on hover/focus. */

/* The website navigation is intentionally quiet and readable, not an arcade prop. */
.main-nav .nav-btn,
.mobile-category-dock .mobile-cat{
  position:relative!important;overflow:visible!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  color:#aaa5b0!important;-webkit-text-stroke:0!important;
  text-shadow:none!important;box-shadow:none!important;filter:none!important;
  animation:none!important;transition:color .18s ease,opacity .18s ease!important;
}
.main-nav .nav-btn::before,
.mobile-category-dock .mobile-cat::before,
.main-nav .nav-btn>.v13-retro-grid,
.mobile-category-dock .mobile-cat>.v13-retro-grid{display:none!important}
.main-nav .nav-btn::after{
  left:12%!important;right:12%!important;bottom:3px!important;height:1px!important;
  border-radius:0!important;background:currentColor!important;box-shadow:none!important;
}
.main-nav .nav-btn:hover,
.main-nav .nav-btn:focus-visible,
.main-nav .nav-btn.active,
.mobile-category-dock .mobile-cat:hover,
.mobile-category-dock .mobile-cat:focus-visible,
.mobile-category-dock .mobile-cat.active{
  color:#fff!important;-webkit-text-stroke:0!important;text-shadow:none!important;
  box-shadow:none!important;filter:none!important;animation:none!important;
}

/* Room signs stay visibly present but electrically off until their prop is explored. */
.room-stage .hotspot.arcade-sign,
.room-stage .tv-floating-label.arcade-sign,
.room-stage .hotspot.v13-retro-sign,
.room-stage .tv-floating-label.v13-retro-sign{
  background:linear-gradient(180deg,rgba(8,6,10,.88),rgba(2,2,4,.95))!important;
  color:#8d8992!important;border-color:rgba(255,255,255,.16)!important;
  -webkit-text-stroke:0!important;text-shadow:none!important;
  box-shadow:0 3px 11px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.025)!important;
  filter:grayscale(.72) saturate(.34) brightness(.56)!important;
  animation:none!important;transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease,transform .18s ease!important;
}
.room-stage .hotspot.arcade-sign::before,
.room-stage .tv-floating-label.arcade-sign::before{opacity:.025!important;box-shadow:none!important}
.room-stage .hotspot .v13-retro-grid,
.room-stage .tv-floating-label .v13-retro-grid{opacity:0!important;animation:none!important}

/* Small category copy appears only after the corresponding room object powers on. */
.room-stage .hotspot[data-cat]>span{
  display:block!important;max-height:0;margin-top:0;overflow:hidden;
  opacity:0;visibility:hidden;transform:translateY(-3px);
  color:#fff!important;-webkit-text-stroke:0!important;text-shadow:none!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-style:normal!important;
  font-size:clamp(6px,.47vw,9px)!important;font-weight:800!important;line-height:1.2!important;
  letter-spacing:.055em!important;white-space:nowrap!important;
  transition:max-height .18s ease,margin .18s ease,opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
.room-stage.news-hover .hotspot[data-cat="news"]>span,
.room-stage.pc-hover .hotspot[data-cat="hardware"]>span,
.room-stage.console-hover .hotspot[data-cat="releases"]>span,
.room-stage .hotspot[data-cat="releases"]:hover>span,
.room-stage .hotspot[data-cat="releases"]:focus-visible>span{
  max-height:28px;margin-top:5px;opacity:1;visibility:visible;transform:none;
}

/* Contextual 1980s sign power: only the room prop being hovered can glow/flicker. */
.room-stage.news-hover .hotspot[data-cat="news"],
.room-stage.pc-hover .hotspot[data-cat="hardware"],
.room-stage.console-hover .hotspot[data-cat="releases"],
.room-stage .hotspot[data-cat="releases"]:hover,
.room-stage .hotspot[data-cat="releases"]:focus-visible,
.room-stage.arcade-hover #arcadeCta,
.room-stage .tv-panel:hover .tv-floating-label,
.room-stage .tv-panel:focus-visible .tv-floating-label,
.room-stage .tv-panel.v14-touch-on .tv-floating-label{
  color:#fff!important;border-color:var(--sign-color,var(--hot,#21eaff))!important;
  -webkit-text-stroke:.22px var(--sign-color,var(--hot,#21eaff))!important;
  text-shadow:-1px 0 #ff2bd0,1px 0 #22edff,0 0 7px #fff,0 0 17px var(--sign-color,var(--hot,#21eaff))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--sign-color,var(--hot,#21eaff)) 72%,transparent),0 0 23px color-mix(in srgb,var(--sign-color,var(--hot,#21eaff)) 62%,transparent),inset 0 0 17px color-mix(in srgb,var(--sign-color,var(--hot,#21eaff)) 18%,transparent)!important;
  filter:none!important;animation:v14RoomSignPower 3.2s steps(1,end) infinite!important;
}
.room-stage.news-hover .hotspot[data-cat="news"]::before,
.room-stage.pc-hover .hotspot[data-cat="hardware"]::before,
.room-stage.console-hover .hotspot[data-cat="releases"]::before,
.room-stage.arcade-hover #arcadeCta::before,
.room-stage .tv-panel:hover .tv-floating-label::before,
.room-stage .tv-panel:focus-visible .tv-floating-label::before,
.room-stage .tv-panel.v14-touch-on .tv-floating-label::before{opacity:.32!important;box-shadow:inset 0 0 13px color-mix(in srgb,var(--sign-color,var(--hot,#21eaff)) 16%,transparent)!important}
.room-stage.news-hover .hotspot[data-cat="news"] .v13-retro-grid,
.room-stage.pc-hover .hotspot[data-cat="hardware"] .v13-retro-grid,
.room-stage.console-hover .hotspot[data-cat="releases"] .v13-retro-grid,
.room-stage.arcade-hover #arcadeCta .v13-retro-grid,
.room-stage .tv-panel:hover .tv-floating-label .v13-retro-grid,
.room-stage .tv-panel:focus-visible .tv-floating-label .v13-retro-grid,
.room-stage .tv-panel.v14-touch-on .tv-floating-label .v13-retro-grid{
  opacity:.28!important;animation:v13GridDeck 4.8s linear infinite!important;
}
@keyframes v14RoomSignPower{
  0%,4%,7%,46%,49%,78%,81%,100%{opacity:1}
  5%,47%,79%{opacity:.42}
  6%,48%,80%{opacity:.82}
}

/* INSERT COIN keeps a readable coin-gold identity while using the embedded Stranger-style face. */
.room-stage #arcadeCta{
  --sign-color:#d9a62f!important;--hot:#d9a62f!important;
  font-family:"GB Stranger","Bookman Old Style","URW Bookman","DejaVu Serif",Georgia,serif!important;
  font-style:normal!important;font-weight:800!important;letter-spacing:.095em!important;
  color:#e2b640!important;border-color:rgba(226,182,64,.72)!important;
  -webkit-text-stroke:.34px #704909!important;
  text-shadow:0 1px 0 #442900,0 0 4px rgba(217,166,47,.18)!important;
  background:linear-gradient(180deg,rgba(35,25,7,.90),rgba(5,4,2,.96))!important;
  box-shadow:0 3px 11px rgba(0,0,0,.50),inset 0 0 0 1px rgba(255,226,126,.035)!important;
  filter:saturate(.88) brightness(.90)!important;
}
.room-stage.arcade-hover #arcadeCta{
  color:#ffe079!important;border-color:#f3c54b!important;
  -webkit-text-stroke:.38px #855807!important;
  text-shadow:-1px 0 #fff0a0,1px 0 #9d6504,0 0 7px #ffdf73,0 0 19px #d69a22!important;
  box-shadow:0 0 0 1px rgba(255,214,91,.82),0 0 24px rgba(218,157,34,.70),inset 0 0 18px rgba(255,203,70,.16)!important;
  filter:none!important;
}

/* The physical PC, library, console table and cabinet are dark until powered. */
.pc-power-mask{background:rgba(0,0,3,.80)!important;-webkit-backdrop-filter:brightness(.08) saturate(0) contrast(1.12)!important;backdrop-filter:brightness(.08) saturate(0) contrast(1.12)!important}
.pc-power-glow{opacity:0!important}
.room-stage.pc-hover .pc-power-mask{opacity:0!important}
.room-stage.pc-hover .pc-power-glow{opacity:1!important}
.dnd-shutter{filter:brightness(.48) saturate(.28)!important}
.dnd-case-lock{color:#706b72!important;border-color:rgba(255,255,255,.15)!important;background:rgba(4,3,5,.78)!important;text-shadow:none!important;box-shadow:none!important}
.room-stage.news-hover .dnd-shutter{filter:none!important}
.console-power-zone-v14{left:25.2%;top:58.2%;width:39.2%;height:31.5%;border-radius:10px;clip-path:polygon(4% 4%,96% 0,100% 91%,2% 100%)}
.console-power-mask-v14,.console-power-glow-v14{position:absolute;inset:0;pointer-events:none;transition:opacity .24s ease}
.console-power-mask-v14{opacity:1;background:rgba(0,0,3,.52);-webkit-backdrop-filter:brightness(.28) saturate(.22);backdrop-filter:brightness(.28) saturate(.22)}
.console-power-glow-v14{opacity:0;background:radial-gradient(ellipse at 52% 54%,rgba(255,157,52,.17),transparent 70%);box-shadow:inset 0 0 30px rgba(255,157,52,.12)}
.room-stage.console-hover .console-power-mask-v14{opacity:0}
.room-stage.console-hover .console-power-glow-v14{opacity:1}

/* Insert Coin sits below the score board; the board exists only during arcade hover/focus. */
.room-leaderboard{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  width:clamp(228px,15.2vw,292px)!important;padding:11px 13px!important;
  transform:translateY(10px) scale(.95)!important;
  box-shadow:0 0 27px rgba(255,36,70,.48),inset 0 0 18px rgba(255,36,70,.09)!important;
  transition:opacity .17s ease,visibility .17s ease,transform .17s ease!important;
}
.room-stage.arcade-hover .room-leaderboard{
  opacity:1!important;visibility:visible!important;pointer-events:none!important;
  transform:translateY(0) scale(1)!important;
}
.room-leaderboard-head{font-size:clamp(8px,.58vw,11px)!important}
.room-leaderboard .leaderboard-list li{min-height:19px!important;font-size:clamp(9px,.65vw,12px)!important}
@media (min-width:1101px){
  .hotspot.arcade-trigger{left:53.1%!important;top:34.2%!important}
  .room-leaderboard{left:53.1%!important;top:17.2%!important}
}
@media (max-width:1100px) and (min-width:761px){
  .hotspot.arcade-trigger{left:53.1%!important;top:33.1%!important;min-width:104px!important}
  .room-leaderboard{left:53.1%!important;top:16.8%!important;width:184px!important}
  .console-power-zone-v14{left:24%;top:58%;width:42%;height:32%}
}

/* Free Games CRT: fully off at rest; the latest four alerts appear on hover/focus. */
.tv-panel{opacity:.64!important;filter:grayscale(.82) saturate(.24) brightness(.40)!important;transition:opacity .2s ease,filter .2s ease,transform .2s ease!important}
.tv-panel .crt-tv{opacity:.72!important;box-shadow:0 6px 0 #050303,0 10px 20px rgba(0,0,0,.72),inset 0 1px 1px rgba(255,255,255,.05)!important}
.tv-panel .crt-screen{background:#010203!important;box-shadow:inset 0 0 28px #000!important}
.tv-panel .tv-game-list{display:grid!important;max-height:0!important;opacity:0!important;transform:translateY(4px)!important;overflow:hidden!important;transition:max-height .24s ease,opacity .18s ease,transform .22s ease!important}
.tv-panel .tv-enter{display:none!important;opacity:0!important}
.tv-panel .tv-game-row{min-height:12px!important;font-size:clamp(4.7px,.37vw,6.8px)!important}
.tv-panel:hover,
.tv-panel:focus-visible,
.tv-panel.v14-touch-on{opacity:1!important;filter:none!important}
.tv-panel:hover .crt-tv,
.tv-panel:focus-visible .crt-tv,
.tv-panel.v14-touch-on .crt-tv{opacity:1!important;box-shadow:0 6px 0 #090504,0 10px 20px rgba(0,0,0,.62),0 0 27px rgba(27,230,255,.48),inset 0 1px 1px rgba(255,222,177,.18)!important}
.tv-panel:hover .crt-screen,
.tv-panel:focus-visible .crt-screen,
.tv-panel.v14-touch-on .crt-screen{background:radial-gradient(circle at 50% 40%,rgba(16,82,90,.46),rgba(1,8,10,.96) 72%)!important;box-shadow:inset 0 0 18px rgba(33,234,255,.22)!important}
.tv-panel:hover .tv-game-list,
.tv-panel:focus-visible .tv-game-list,
.tv-panel.v14-touch-on .tv-game-list{max-height:92px!important;opacity:1!important;transform:none!important}

@media (max-width:760px){
  .room-stage .hotspot[data-cat]>span{display:none!important}
  .console-power-zone-v14{display:none!important}
  .room-leaderboard{display:none!important}
  .hotspot.arcade-trigger{left:75%!important;top:39.2%!important}
  .tv-panel .tv-game-row{font-size:5px!important}
}
@media (prefers-reduced-motion:reduce){
  .room-stage .hotspot,.room-stage .tv-floating-label,.room-stage .v13-retro-grid{animation:none!important}
  .console-power-mask-v14,.console-power-glow-v14,.room-leaderboard{transition:none!important}
}


/* V16 — fixed arcade alignment and a true edge-to-edge desktop viewport. */
html,body{width:100%;min-width:0;min-height:100%;margin:0;overflow-x:hidden}
.site-header,.hero,.room-stage{max-width:none!important}
.site-header,.hero{width:100%!important;margin-left:0!important;margin-right:0!important}
.room-stage{
  width:100vw!important;max-width:none!important;
  height:calc(100svh - var(--header-h))!important;min-height:650px!important;
  margin:0!important;border-radius:0!important;
}
@supports(height:100dvh){.room-stage{height:calc(100dvh - var(--header-h))!important}}

/* INSERT COIN sits on the cabinet marquee and never moves into the score panel. */
.room-stage #arcadeCta{
  z-index:50!important;left:52.3%!important;top:23.6%!important;translate:-50% 0!important;
  min-width:148px!important;padding:8px 13px 7px!important;
  font-size:clamp(11px,.92vw,17px)!important;line-height:1!important;
  transform:none!important;white-space:nowrap!important;
}
.room-stage #arcadeCta:hover,.room-stage #arcadeCta:focus-visible{transform:scale(1.035)!important}

/* The Top-2 panel has its own ceiling zone; it cannot capture the mouse or overlap the coin sign. */
.room-stage .room-leaderboard{
  z-index:49!important;left:52.3%!important;top:6.5%!important;translate:-50% 0!important;
  width:clamp(228px,15.2vw,292px)!important;max-height:104px!important;
  margin:0!important;pointer-events:none!important;
}
.room-stage.arcade-hover .room-leaderboard{pointer-events:none!important}

@media (max-width:1100px) and (min-width:761px){
  .room-stage{min-height:610px!important}
  .room-stage #arcadeCta{left:52.7%!important;top:24%!important;min-width:132px!important;font-size:12px!important}
  .room-stage .room-leaderboard{left:52.7%!important;top:6.5%!important;width:190px!important;max-height:96px!important}
}
@media (max-width:760px){
  .room-stage{width:100vw!important;height:calc(100svh - var(--header-h))!important;min-height:670px!important;margin:0!important}
  .room-stage #arcadeCta{left:46%!important;top:24.5%!important;min-width:120px!important;padding:7px 9px 6px!important;font-size:10px!important}
  .room-stage .room-leaderboard{display:none!important}
}
@media (prefers-reduced-motion:reduce){.room-stage #arcadeCta{transition:none!important}}


/* V17 — precise labels anchored to the physical objects in the 8K room. */
@media (min-width:1101px){
  /* PC: just left of the glass tower, vertically aligned with its centre. */
  .room-stage .hotspot[data-cat="hardware"]{
    left:26.4%!important;top:38.2%!important;translate:0 -50%!important;
  }

  /* Console: bottom-centred above the woodgrain Atari on the foreground table. */
  .room-stage .hotspot[data-cat="releases"]{
    left:47.0%!important;top:64.3%!important;translate:-50% 0!important;
  }

  /* INSERT COIN: centred in the gap below the wall controller and above the cabinet. */
  .room-stage #arcadeCta{
    left:54.0%!important;top:28.35%!important;translate:-50% 0!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  .room-stage .hotspot[data-cat="hardware"]{
    left:25.8%!important;top:38.5%!important;translate:0 -50%!important;
  }
  .room-stage .hotspot[data-cat="releases"]{
    left:47.0%!important;top:64.1%!important;translate:-50% 0!important;
  }
  .room-stage #arcadeCta{
    left:54.0%!important;top:28.6%!important;translate:-50% 0!important;
  }
}

@media (max-width:760px){
  /* Coordinates account for the narrower, centre-cropped mobile room image. */
  .room-stage .hotspot[data-cat="hardware"]{
    left:4.5%!important;top:38.5%!important;translate:0 -50%!important;min-width:112px!important;
  }
  .room-stage .hotspot[data-cat="releases"]{
    left:20%!important;top:64.3%!important;translate:-50% 0!important;min-width:104px!important;
  }
  .room-stage #arcadeCta{
    left:46%!important;top:28.7%!important;translate:-50% 0!important;
  }
}


/* V19 — INSERT COIN is physically centred on the cabinet's GAME marquee. */
.room-stage #arcadeCta{
  left:54.15%!important;top:31.5%!important;translate:-50% -50%!important;
  width:clamp(112px,7vw,128px)!important;min-width:0!important;
  padding:7px 9px 6px!important;font-size:clamp(10px,.72vw,13px)!important;
}

@media (max-width:1100px) and (min-width:761px){
  .room-stage #arcadeCta{
    left:54.8%!important;top:31.6%!important;translate:-50% -50%!important;
    width:118px!important;min-width:0!important;font-size:10px!important;
  }
}

@media (max-width:760px){
  /* The mobile hero uses a 58% horizontal crop; this lands on the same cabinet marquee. */
  .room-stage #arcadeCta{
    left:44%!important;top:31.65%!important;translate:-50% -50%!important;
    width:108px!important;min-width:0!important;padding:6px 7px 5px!important;font-size:9px!important;
  }
}


/* V20 — explicit left correction requested from the rendered layout. */
@media (min-width:1101px){
  /* Ten visual steps left: away from Free Games and in front of the arcade area. */
  .room-stage #arcadeCta{
    left:44.15%!important;top:31.5%!important;translate:-50% -50%!important;
  }

  /* CONSOLE is moved substantially left while staying centre-anchored. */
  .room-stage .hotspot[data-cat="releases"]{
    left:38%!important;top:64.3%!important;translate:-50% 0!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  .room-stage #arcadeCta{
    left:44.8%!important;top:31.6%!important;translate:-50% -50%!important;
  }
  .room-stage .hotspot[data-cat="releases"]{
    left:37%!important;top:64.1%!important;translate:-50% 0!important;
  }
}

@media (max-width:760px){
  .room-stage #arcadeCta{
    left:34%!important;top:31.65%!important;translate:-50% -50%!important;
  }
  .room-stage .hotspot[data-cat="releases"]{
    left:12%!important;top:64.3%!important;translate:-50% 0!important;
  }
}


/* V21 — total left movement is three times the original V20 correction. */
@media (min-width:1101px){
  .room-stage #arcadeCta{
    left:24.15%!important;top:31.5%!important;translate:-50% -50%!important;
  }
  .room-stage .hotspot[data-cat="releases"]{
    left:20%!important;top:64.3%!important;translate:-50% 0!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  .room-stage #arcadeCta{
    left:24.8%!important;top:31.6%!important;translate:-50% -50%!important;
  }
  .room-stage .hotspot[data-cat="releases"]{
    left:20%!important;top:64.1%!important;translate:-50% 0!important;
  }
}

@media (max-width:760px){
  /* Keeps both centred buttons fully visible at the far-left mobile edge. */
  .room-stage #arcadeCta{
    left:14%!important;top:31.65%!important;translate:-50% -50%!important;
  }
  .room-stage .hotspot[data-cat="releases"]{
    left:14%!important;top:64.3%!important;translate:-50% 0!important;
  }
}


/* V22 — only NEWS and INSERT COIN move four visual steps right. PC and CONSOLE stay at V21. */
@media (min-width:1101px){
  .room-stage .hotspot[data-cat="news"]{
    left:18.7%!important;top:9.3%!important;
  }
  .room-stage #arcadeCta{
    left:28.15%!important;top:31.5%!important;translate:-50% -50%!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  .room-stage .hotspot[data-cat="news"]{
    left:17.9%!important;top:9.8%!important;
  }
  .room-stage #arcadeCta{
    left:28.8%!important;top:31.6%!important;translate:-50% -50%!important;
  }
}

@media (max-width:760px){
  .room-stage .hotspot[data-cat="news"]{
    left:18.7%!important;top:9.3%!important;
  }
  .room-stage #arcadeCta{
    left:18%!important;top:31.65%!important;translate:-50% -50%!important;
  }
}


/* V23 — move only the coin-gold INSERT COIN five visual steps right at the same height. */
@media (min-width:1101px){
  .room-stage #arcadeCta{
    left:33.15%!important;top:31.5%!important;translate:-50% -50%!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  .room-stage #arcadeCta{
    left:33.8%!important;top:31.6%!important;translate:-50% -50%!important;
  }
}

@media (max-width:760px){
  .room-stage #arcadeCta{
    left:23%!important;top:31.65%!important;translate:-50% -50%!important;
  }
}


/* V24 Space Defenders mission manual and difficulty telemetry. */
.space-manual{
  width:min(600px,100%);border:1px solid rgba(255,48,79,.30);border-radius:9px;
  background:rgba(255,48,79,.035);color:#beb6c4;font:700 9px/1.45 "Courier New",monospace;
}
.space-manual summary{
  cursor:pointer;list-style:none;padding:7px 10px;color:#ff91a2;text-align:center;
  letter-spacing:.11em;text-transform:uppercase;user-select:none;
}
.space-manual summary::-webkit-details-marker{display:none}
.space-manual summary::before{content:"+ ";color:#ffd35a}
.space-manual[open] summary::before{content:"− "}
.space-manual-body{padding:0 10px 10px;border-top:1px solid rgba(255,48,79,.20)}
.space-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0}
.space-tier{display:grid;gap:2px;padding:6px;border:1px solid rgba(255,255,255,.10);border-radius:6px;background:rgba(255,255,255,.025)}
.space-tier strong{font-size:9px;letter-spacing:.10em}.space-tier span{font-size:8px;color:#928b99}
.space-tier.easy strong{color:#9dff54}.space-tier.normal strong{color:#21eaff}.space-tier.hard strong{color:#ff9d34}.space-tier.master strong{color:#ff304f;text-shadow:0 0 8px #ff304f}
.space-rng-copy{margin:0 0 8px;color:#aaa2b0;text-align:center;font-size:8px;letter-spacing:.035em}
.space-buff-list{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.space-buff-chip{display:flex;align-items:center;gap:5px;min-width:0;padding:5px;border:1px solid color-mix(in srgb,var(--buff) 42%,transparent);border-radius:5px;background:color-mix(in srgb,var(--buff) 7%,transparent);color:#d9d4dd}
.space-buff-chip b{display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:4px;background:var(--buff);color:#07030a;font-size:10px;box-shadow:0 0 9px color-mix(in srgb,var(--buff) 60%,transparent)}
.space-buff-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;letter-spacing:.035em}
.arcade-pattern{max-width:600px;text-align:center}

@media(max-width:760px){
  .space-manual{font-size:8px}.space-tier-grid{grid-template-columns:1fr 1fr}.space-buff-list{grid-template-columns:repeat(3,1fr)}
  .space-manual-body{max-height:210px;overflow:auto}.space-buff-chip{padding:4px}.space-buff-chip b{flex-basis:16px;height:16px}
}
@media(max-width:390px){.space-buff-list{grid-template-columns:1fr 1fr}.space-tier span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.space-buff-chip b{box-shadow:none}}


/* V25 — taller arcade corridor, explicit stack cap and simpler editorial presentation. */
.arcade-frame{width:min(520px,100%,calc((100svh - 180px)*.666667))!important;max-width:520px!important}
.space-stack-note{margin:0 0 8px;padding:6px 8px;border:1px solid rgba(255,211,90,.28);border-radius:6px;background:rgba(255,211,90,.045);color:#f2d986;text-align:center;font-size:8px;letter-spacing:.08em}
.space-manual summary{color:#ffd0d7}
.space-buff-chip span{font-size:7.5px}

/* News, PC and Console become a clean editorial feed instead of oversized poster panels. */
#contentHub[data-simple-editorial="true"]{padding-top:clamp(44px,5vw,68px);background:linear-gradient(180deg,#060309,#09060d 58%,#050207)}
#contentHub[data-simple-editorial="true"] .section-top{align-items:end;margin-bottom:24px}
#contentHub[data-simple-editorial="true"] .section-kicker{margin-bottom:7px;font-size:9px;letter-spacing:.18em;text-shadow:none}
#contentHub[data-simple-editorial="true"] .section-title{font-size:clamp(42px,5.4vw,72px);line-height:.94;letter-spacing:-.035em;-webkit-text-stroke:0!important;text-shadow:none!important}
#contentHub[data-simple-editorial="true"] .section-intro{max-width:620px;margin-top:12px;color:#aaa5af;font-size:clamp(14px,1.15vw,17px);line-height:1.55}
#contentHub[data-simple-editorial="true"] .cards{gap:18px!important}
#contentHub[data-simple-editorial="true"] .article-card.simple-post,
#contentHub[data-simple-editorial="true"] .article-card.simple-post:first-child{
  display:grid!important;grid-template-columns:minmax(280px,42%) minmax(0,58%)!important;
  min-height:340px!important;border-radius:15px;background:#0d0910;
  border-color:rgba(255,255,255,.10);box-shadow:0 14px 38px rgba(0,0,0,.25);overflow:hidden;
}
#contentHub[data-simple-editorial="true"] .article-card.simple-post:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 64%,transparent);box-shadow:0 19px 44px rgba(0,0,0,.34)}
#contentHub[data-simple-editorial="true"] .article-card.simple-post>.card-art{grid-column:1!important;grid-row:1!important;min-height:340px!important}
#contentHub[data-simple-editorial="true"] .article-card.simple-post>.card-body{grid-column:2!important;grid-row:1!important;justify-content:center;padding:clamp(25px,3.2vw,44px)}
#contentHub[data-simple-editorial="true"] .article-card.simple-post .card-photo{filter:saturate(.96) contrast(1.03) brightness(.88)}
#contentHub[data-simple-editorial="true"] .article-card.simple-post:hover .card-photo{transform:scale(1.018)}
#contentHub[data-simple-editorial="true"] .article-card.simple-post .card-art::after{background:linear-gradient(90deg,transparent 65%,rgba(5,3,8,.20))}
#contentHub[data-simple-editorial="true"] .article-card.simple-post .card-badge{left:14px;top:14px;padding:6px 8px;border-color:rgba(255,255,255,.30);background:rgba(4,2,7,.72);color:#fff;font-size:8px;letter-spacing:.12em;box-shadow:none}
#contentHub[data-simple-editorial="true"] .article-card.simple-post .social-poster-code{display:none}
#contentHub[data-simple-editorial="true"] .article-card.simple-post .social-poster-origin{right:12px;bottom:11px;padding:5px 7px;border-color:rgba(255,255,255,.22);background:rgba(4,2,7,.68);color:#ddd7e2;font-size:7px;box-shadow:none}
#contentHub[data-simple-editorial="true"] .article-card.simple-post .card-meta{color:#a9a2af;font-size:9px;letter-spacing:.09em}
#contentHub[data-simple-editorial="true"] .article-card.simple-post .card-title{max-width:680px;margin:10px 0 12px;font-size:clamp(27px,3vw,43px);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
#contentHub[data-simple-editorial="true"] .article-card.simple-post .card-summary{display:-webkit-box;max-width:650px;overflow:hidden;color:#b8b2bd;font-size:15px;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:3}
#contentHub[data-simple-editorial="true"] .article-card.simple-post .card-actions{margin-top:22px;padding:0;gap:8px}
#contentHub[data-simple-editorial="true"] .article-card.simple-post .read-btn,
#contentHub[data-simple-editorial="true"] .article-card.simple-post .source-btn{padding:10px 13px;border-radius:7px;font-size:8px;letter-spacing:.11em;box-shadow:none}

/* The reading view follows the same quieter hierarchy for these three sections. */
dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .dialog-head{min-height:104px;padding:20px clamp(20px,5vw,70px);background:rgba(5,3,8,.96)}
dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .dialog-title{max-width:1050px;font-size:clamp(34px,5vw,68px);line-height:1;letter-spacing:-.035em;text-shadow:none}
dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .dialog-kicker{font-size:8px;letter-spacing:.15em}
dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .dialog-media{height:min(56svh,680px);margin-bottom:clamp(28px,4vw,54px)}
dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .dialog-summary{margin-bottom:32px;font-size:clamp(20px,2vw,28px);line-height:1.5}
dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .dialog-copy{gap:23px;font-size:clamp(16px,1.15vw,18px);line-height:1.76}
dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .article-copy-section{padding-top:20px}
dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .article-copy-section h4{margin-bottom:9px;font-size:clamp(19px,1.6vw,25px)}
dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .article-fact{padding:14px;background:rgba(255,255,255,.025)}
dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .article-verification{opacity:.64}

@media(max-width:900px){
  .arcade-frame{width:min(100%,calc((100svh - 205px)*.666667))!important}
  #contentHub[data-simple-editorial="true"] .article-card.simple-post,
  #contentHub[data-simple-editorial="true"] .article-card.simple-post:first-child{display:flex!important;min-height:0!important}
  #contentHub[data-simple-editorial="true"] .article-card.simple-post>.card-art{min-height:min(38svh,330px)!important}
  #contentHub[data-simple-editorial="true"] .article-card.simple-post>.card-body{padding:25px 23px 27px}
}
@media(max-width:620px){
  .arcade-frame{width:min(100%,calc((100svh - 225px)*.666667))!important}
  .space-buff-list{grid-template-columns:repeat(3,1fr)}
  #contentHub[data-simple-editorial="true"]{padding-left:10px;padding-right:10px}
  #contentHub[data-simple-editorial="true"] .section-title{font-size:40px}
  #contentHub[data-simple-editorial="true"] .article-card.simple-post>.card-art{min-height:230px!important}
  #contentHub[data-simple-editorial="true"] .article-card.simple-post .card-title{font-size:clamp(25px,8vw,34px)}
  #contentHub[data-simple-editorial="true"] .article-card.simple-post .card-summary{font-size:14px;-webkit-line-clamp:4}
  dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .dialog-head{min-height:86px;padding:14px}
  dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .dialog-title{font-size:clamp(26px,8.4vw,39px)}
  dialog#articleDialog:is([data-category="news"],[data-category="hardware"],[data-category="releases"]) .dialog-media{height:36svh}
}


/* GamingBroject V28 — one continuous hero photograph, with no clipped duplicate layers. */
.room-stage{
  background-image:linear-gradient(to bottom,rgba(2,1,6,.045),rgba(2,1,6,.09) 58%,rgba(2,1,6,.38)),var(--room-hero-v28-8k)!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}

/* The old puzzle-lift copies translated and scaled sections of the same photo.
   Removing them keeps every hover state on one unbroken photographic surface. */
.room-stage .room-piece,.room-stage .room-void,
.room-stage[data-hover] .room-piece.active,.room-stage[data-hover] .room-void.active{
  display:none!important;opacity:0!important;transform:none!important;filter:none!important;
}

/* Keep the large object zones clickable without placing dark polygon masks over the photo. */
.room-stage .dnd-case-zone,.room-stage .pc-power-zone,
.room-stage .console-power-zone-v14,.room-stage .arcade-power-zone,
.room-stage.news-hover .dnd-case-zone,.room-stage.pc-hover .pc-power-zone,
.room-stage.console-hover .console-power-zone-v14,.room-stage.arcade-hover .arcade-power-zone{
  background:transparent!important;box-shadow:none!important;filter:none!important;
}
.room-stage .dnd-shutter,.room-stage .dnd-case-lock,
.room-stage .pc-power-mask,.room-stage .pc-power-glow,
.room-stage .console-power-mask-v14,.room-stage .console-power-glow-v14,
.room-stage .arcade-power-mask,.room-stage .arcade-power-glow{
  display:none!important;opacity:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* The physical FREE GAMES television stays visible only once at rest. On hover,
   a fully opaque interactive CRT replaces it instead of creating a ghost duplicate. */
.room-stage .tv-panel{
  opacity:1!important;filter:none!important;background:transparent!important;
  border-color:transparent!important;box-shadow:none!important;
}
.room-stage .tv-panel::before,.room-stage .tv-panel::after{opacity:0!important;transition:opacity .18s ease!important}
.room-stage .tv-panel .tv-floating-label{display:none!important}
.room-stage .tv-panel .crt-tv{opacity:0!important;transition:opacity .18s ease,box-shadow .2s ease!important}
.room-stage .tv-panel:hover,.room-stage .tv-panel:focus-visible,.room-stage .tv-panel.v14-touch-on{
  background:linear-gradient(145deg,rgba(2,1,5,.99),rgba(8,3,13,.985))!important;
  border-color:#21eaff!important;box-shadow:inset 0 0 26px rgba(0,0,0,.90),0 0 27px rgba(33,234,255,.48)!important;
}
.room-stage .tv-panel:hover::before,.room-stage .tv-panel:focus-visible::before,.room-stage .tv-panel.v14-touch-on::before{opacity:1!important}
.room-stage .tv-panel:hover::after,.room-stage .tv-panel:focus-visible::after,.room-stage .tv-panel.v14-touch-on::after{opacity:.18!important}
.room-stage .tv-panel:hover .crt-tv,.room-stage .tv-panel:focus-visible .crt-tv,.room-stage .tv-panel.v14-touch-on .crt-tv{opacity:1!important}

@media (max-width:760px){
  .room-stage{background-size:auto 100%!important;background-position:58% center!important}
}
@media (prefers-reduced-motion:reduce){
  .room-stage .tv-panel::before,.room-stage .tv-panel::after,.room-stage .tv-panel .crt-tv{transition:none!important}
}


/* GamingBroject V29 — the photographed FREE GAMES board is the only board. */
.room-stage .tv-panel{
  left:64.4%!important;top:27.7%!important;width:15.45%!important;height:19.5%!important;
  padding:0!important;overflow:hidden!important;isolation:isolate!important;
  cursor:pointer!important;opacity:1!important;filter:none!important;
  background:transparent!important;border:1px solid transparent!important;border-radius:7px!important;
  box-shadow:none!important;transform:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}

/* Remove the generated CRT and floating copy. The title and all three rows now
   come exclusively from the photographed wall board underneath this hit area. */
.room-stage .tv-panel .tv-inner,
.room-stage .tv-panel .tv-floating-label,
.room-stage .tv-panel .crt-tv{display:none!important;opacity:0!important}

/* Lights off: preserve legibility while muting the photographed neon. */
.room-stage .tv-panel::before{
  content:""!important;position:absolute!important;z-index:1!important;inset:0!important;
  left:0!important;right:0!important;top:0!important;bottom:0!important;
  display:block!important;pointer-events:none!important;opacity:1!important;
  border-radius:6px!important;background:rgba(0,0,0,.30)!important;
  -webkit-backdrop-filter:brightness(.43) saturate(.28) contrast(1.05)!important;
  backdrop-filter:brightness(.43) saturate(.28) contrast(1.05)!important;
  box-shadow:inset 0 0 28px rgba(0,0,0,.68)!important;
  transition:background-color .16s ease,-webkit-backdrop-filter .16s ease,backdrop-filter .16s ease,box-shadow .16s ease!important;
}
.room-stage .tv-panel::after{
  content:""!important;position:absolute!important;z-index:2!important;inset:0!important;
  display:block!important;pointer-events:none!important;opacity:.08!important;
  border-radius:6px!important;
  background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(255,255,255,.10) 4px)!important;
  transition:opacity .16s ease!important;
}

/* Lights on: reveal and energise that same photographed board—no extra panel. */
.room-stage .tv-panel:hover,
.room-stage .tv-panel:focus-visible,
.room-stage .tv-panel.v14-touch-on{
  background:transparent!important;border-color:rgba(255,62,89,.66)!important;
  box-shadow:0 0 12px rgba(255,31,68,.66),0 0 28px rgba(255,31,68,.30),0 0 36px rgba(33,234,255,.10)!important;
  transform:none!important;filter:none!important;
}
.room-stage .tv-panel:hover::before,
.room-stage .tv-panel:focus-visible::before,
.room-stage .tv-panel.v14-touch-on::before{
  opacity:1!important;background:rgba(16,0,5,.015)!important;
  -webkit-backdrop-filter:brightness(1.24) saturate(1.30) contrast(1.08)!important;
  backdrop-filter:brightness(1.24) saturate(1.30) contrast(1.08)!important;
  box-shadow:inset 0 0 14px rgba(255,30,68,.11)!important;
}
.room-stage .tv-panel:hover::after,
.room-stage .tv-panel:focus-visible::after,
.room-stage .tv-panel.v14-touch-on::after{opacity:.16!important}
.room-stage .tv-panel:focus-visible{outline:2px solid #ffd35a!important;outline-offset:4px!important}

@media (max-width:760px){
  /* The 16:9 room is intentionally cropped on phones; keep the visible edge of
     the physical television tappable without covering the rest of the room. */
  .room-stage .tv-panel{
    left:72%!important;right:0!important;top:27.5%!important;width:28%!important;height:20.5%!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .room-stage .tv-panel,.room-stage .tv-panel::before,.room-stage .tv-panel::after{transition:none!important}
}


/* GamingBroject V30 — keep the photographed FREE GAMES wall completely whole. */
.room-stage .tv-panel{
  left:63.3%!important;top:23.8%!important;width:18.2%!important;height:25.2%!important;
  padding:0!important;overflow:visible!important;isolation:auto!important;
  cursor:pointer!important;opacity:1!important;filter:none!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;transform:none!important;
}

/* Only the photographed board is shown. No generated CRT, duplicate copy or
   rectangular filter layer may sit over the room photograph. */
.room-stage .tv-panel .tv-inner,
.room-stage .tv-panel .tv-floating-label,
.room-stage .tv-panel .crt-tv{display:none!important;opacity:0!important}

/* A feathered dark falloff gives a subtle lights-off state. It has no visible
   edge, no backdrop filter and no clipping, so the photograph never breaks. */
.room-stage .tv-panel::before{
  content:""!important;position:absolute!important;z-index:1!important;
  inset:-34% -28%!important;display:block!important;pointer-events:none!important;
  opacity:.30!important;border:0!important;border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 48%,rgba(0,0,0,.48) 0 34%,rgba(0,0,0,.25) 52%,rgba(0,0,0,.08) 68%,transparent 82%)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:none!important;filter:blur(8px)!important;
  transition:opacity .18s ease!important;
}

/* The hover light is another soft falloff. Because it fades to transparency
   before its bounds, it cannot look like a separate rectangular picture. */
.room-stage .tv-panel::after{
  content:""!important;position:absolute!important;z-index:2!important;
  inset:-38% -32%!important;display:block!important;pointer-events:none!important;
  opacity:0!important;border:0!important;border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 46%,rgba(255,82,105,.18) 0 28%,rgba(255,31,68,.12) 44%,rgba(255,31,68,.05) 62%,transparent 80%)!important;
  mix-blend-mode:screen!important;box-shadow:none!important;filter:blur(9px)!important;
  transition:opacity .18s ease!important;
}

.room-stage .tv-panel:hover,
.room-stage .tv-panel:focus-visible,
.room-stage .tv-panel.v14-touch-on{
  background:transparent!important;border:0!important;box-shadow:none!important;
  transform:none!important;filter:none!important;
}
.room-stage .tv-panel:hover::before,
.room-stage .tv-panel:focus-visible::before,
.room-stage .tv-panel.v14-touch-on::before{opacity:0!important}
.room-stage .tv-panel:hover::after,
.room-stage .tv-panel:focus-visible::after,
.room-stage .tv-panel.v14-touch-on::after{opacity:1!important}
.room-stage .tv-panel:focus-visible{outline:2px solid #ffd35a!important;outline-offset:5px!important}

@media (max-width:760px){
  .room-stage .tv-panel{
    left:66%!important;right:0!important;top:23%!important;width:34%!important;height:27%!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .room-stage .tv-panel::before,.room-stage .tv-panel::after{transition:none!important}
}


/* GamingBroject V31 — practical subcategory navigation for every editorial hub. */
.v31-subcategory-shell{
  margin:0 0 24px;padding:15px 16px 16px;border:1px solid rgba(255,255,255,.11);
  border-radius:14px;background:linear-gradient(145deg,rgba(13,8,18,.96),rgba(5,3,9,.94));
  box-shadow:0 16px 36px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
}
.v31-subcategory-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}
.v31-subcategory-head span{color:var(--accent);font-size:9px;font-weight:1000;letter-spacing:.19em;text-transform:uppercase}
.v31-subcategory-head strong{color:#8f8995;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.v31-subcategory-rail{display:flex;flex-wrap:wrap;gap:8px}
.v31-subcat-btn{
  appearance:none;min-height:34px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:7px;
  background:linear-gradient(180deg,#17121c,#0c0910);color:#bdb7c2;font:900 9px/1.15 var(--display);
  letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
  transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.v31-subcat-btn:hover,.v31-subcat-btn:focus-visible{color:#fff;border-color:color-mix(in srgb,var(--accent) 68%,transparent);transform:translateY(-1px)}
.v31-subcat-btn[aria-selected="true"]{
  color:#fff;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,#0b0810);
  box-shadow:0 0 17px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 -2px var(--accent);
}
.article-card[hidden]{display:none!important}
.article-card.v31-filter-enter{animation:v31CardIn .18s ease both}
@keyframes v31CardIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Platform and service hubs remain compact enough for a large taxonomy. */
#contentHub[data-simple-editorial="true"] .article-card.simple-post.v31-directory-card{
  grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr)!important;min-height:248px!important;
}
#contentHub[data-simple-editorial="true"] .article-card.simple-post.v31-directory-card>.card-art{min-height:248px!important}
#contentHub[data-simple-editorial="true"] .article-card.simple-post.v31-directory-card>.card-body{padding:24px 28px!important}
#contentHub[data-simple-editorial="true"] .article-card.simple-post.v31-directory-card .card-title{font-size:clamp(24px,2.35vw,34px)!important}
#contentHub[data-simple-editorial="true"] .article-card.simple-post.v31-directory-card .card-summary{-webkit-line-clamp:2!important}

@media(max-width:900px){
  #contentHub[data-simple-editorial="true"] .article-card.simple-post.v31-directory-card{display:flex!important;min-height:0!important}
  #contentHub[data-simple-editorial="true"] .article-card.simple-post.v31-directory-card>.card-art{min-height:min(34svh,290px)!important}
}
@media(max-width:760px){
  .v31-subcategory-shell{margin:0 -2px 18px;padding:12px 11px 13px;border-radius:11px}
  .v31-subcategory-head{margin-bottom:9px}.v31-subcategory-head strong{font-size:7px}
  .v31-subcategory-rail{flex-wrap:nowrap;overflow-x:auto;padding:1px 1px 7px;scrollbar-width:thin;scroll-snap-type:x proximity}
  .v31-subcat-btn{flex:0 0 auto;min-height:36px;scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){
  .v31-subcat-btn{transition:none!important}.article-card.v31-filter-enter{animation:none!important}
}


/* GamingBroject V32 — compact reviews and Console-style Free Games cards. */

/* Reviews keep their own magenta identity but no longer consume an entire
   viewport per post. Free Games inherits the exact compact editorial card
   system already used by Console, including its responsive behaviour. */
#contentHub[data-simple-editorial="true"][data-editorial-category="reviews"] .article-card.simple-post,
#contentHub[data-simple-editorial="true"][data-editorial-category="reviews"] .article-card.simple-post:first-child{
  min-height:300px!important;
}
#contentHub[data-simple-editorial="true"][data-editorial-category="reviews"] .article-card.simple-post>.card-art{
  min-height:300px!important;
}
#contentHub[data-simple-editorial="true"][data-editorial-category="reviews"] .article-card.simple-post>.card-body{
  padding:22px clamp(24px,3vw,38px)!important;
}
#contentHub[data-simple-editorial="true"][data-editorial-category="reviews"] .article-card.simple-post .card-title{
  font-size:clamp(25px,2.65vw,38px)!important;
}

/* Preserve useful service/rating badges after the quiet editorial renderer
   replaces the older oversized poster presentation. */
#contentHub[data-simple-editorial="true"] .article-card.simple-post.v32-review-card .card-badge,
#contentHub[data-simple-editorial="true"] .article-card.simple-post.v32-freegames-card .card-badge{
  max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* Reviews and Free Games now open in the same clean full-screen reading view
   as News, Console and PC. */
dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .dialog-head{
  min-height:104px;padding:20px clamp(20px,5vw,70px);background:rgba(5,3,8,.96);
}
dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .dialog-title{
  max-width:1050px;font-size:clamp(34px,5vw,68px);line-height:1;letter-spacing:-.035em;text-shadow:none;
}
dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .dialog-kicker{
  font-size:8px;letter-spacing:.15em;
}
dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .dialog-media{
  height:min(56svh,680px);margin-bottom:clamp(28px,4vw,54px);
}
dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .dialog-summary{
  margin-bottom:32px;font-size:clamp(20px,2vw,28px);line-height:1.5;
}
dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .dialog-copy{
  gap:23px;font-size:clamp(16px,1.15vw,18px);line-height:1.76;
}
dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .article-copy-section{padding-top:20px}
dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .article-copy-section h4{
  margin-bottom:9px;font-size:clamp(19px,1.6vw,25px);
}
dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .article-fact{
  padding:14px;background:rgba(255,255,255,.025);
}
dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .article-verification{opacity:.64}

@media(max-width:900px){
  #contentHub[data-simple-editorial="true"][data-editorial-category="reviews"] .article-card.simple-post,
  #contentHub[data-simple-editorial="true"][data-editorial-category="reviews"] .article-card.simple-post:first-child{
    min-height:0!important;
  }
  #contentHub[data-simple-editorial="true"][data-editorial-category="reviews"] .article-card.simple-post>.card-art{
    min-height:min(34svh,290px)!important;
  }
}

@media(max-width:620px){
  #contentHub[data-simple-editorial="true"][data-editorial-category="reviews"] .article-card.simple-post>.card-art{
    min-height:220px!important;
  }
  #contentHub[data-simple-editorial="true"][data-editorial-category="reviews"] .article-card.simple-post .card-title{
    font-size:clamp(24px,8vw,33px)!important;
  }
  dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .dialog-head{
    min-height:86px;padding:14px;
  }
  dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .dialog-title{
    font-size:clamp(26px,8.4vw,39px);
  }
  dialog#articleDialog:is([data-category="reviews"],[data-category="freegames"]) .dialog-media{height:36svh}
}


  .room-stage {
    background-image:
      linear-gradient(to bottom, rgba(2,1,6,.06), rgba(2,1,6,.12) 60%, rgba(2,1,6,.46)),
      url("/gala-page/wp-content/themes/gamingbroject-newsroom/assets/gamingbroject-room-1920.webp") !important;
  }


/* GamingBroject V33 — phone-first layout and touch QA.
   V32 remains untouched; this final layer only takes over on phones and
   short touch-screen landscape viewports. */

@media (hover:none), (pointer:coarse){
  button,a,input,[role="button"]{
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(255,255,255,.10);
  }
}

@media (max-width:760px){
  :root{--header-h:calc(116px + env(safe-area-inset-top,0px))}
  html{scroll-padding-top:var(--header-h)}
  body{min-width:0;overflow-x:hidden}

  /* Two clear header rows: identity/actions first, scrollable navigation second. */
  .site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:58px 52px!important;
    align-items:center!important;
    gap:0 8px!important;
    height:var(--header-h)!important;
    padding:env(safe-area-inset-top,0px) 10px 6px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(2,1,6,.995),rgba(3,1,8,.965))!important;
  }
  .logo-btn{
    grid-column:1!important;grid-row:1!important;
    justify-self:start!important;align-self:center!important;
    min-width:0!important;min-height:44px!important;margin:0!important;padding:0!important;
  }
  .logo-btn img{
    width:clamp(146px,45vw,178px)!important;
    max-width:100%!important;max-height:52px!important;object-fit:contain!important;
  }
  .header-actions{
    position:static!important;grid-column:2!important;grid-row:1!important;
    justify-self:end!important;align-self:center!important;display:flex!important;gap:6px!important;
  }
  .header-actions .icon-btn{
    display:grid!important;width:44px!important;height:44px!important;min-width:44px!important;
    padding:0!important;border-radius:11px!important;
  }
  .header-actions .social-link,#mobileMenuBtn{display:none!important}
  #mainNav{
    position:relative!important;grid-column:1/-1!important;grid-row:2!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:auto!important;min-height:50px!important;margin:0 -10px!important;
    padding:2px 7px 4px!important;gap:3px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    scrollbar-width:none!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  }
  .main-nav::-webkit-scrollbar{display:none!important}
  .main-nav .nav-btn{
    flex:0 0 auto!important;min-width:max-content!important;min-height:44px!important;
    padding:0 6px!important;text-align:center!important;scroll-snap-align:start;
    font-size:10px!important;line-height:1!important;letter-spacing:.045em!important;
  }
  .main-nav .nav-btn::after{bottom:2px!important}

  /* The complete 16:9 room remains visible instead of being cropped like desktop. */
  .hero{padding-top:var(--header-h)!important;min-height:0!important;background:#030106!important}
  .room-stage{
    width:100%!important;height:clamp(650px,calc(100svh - var(--header-h)),760px)!important;
    min-height:0!important;max-height:760px!important;aspect-ratio:auto!important;
    background-color:#030106!important;
    background-image:
      linear-gradient(to bottom,rgba(2,1,6,.02) 0,rgba(2,1,6,.10) 34%,#050209 67%,#030106 100%),
      url("/gala-page/wp-content/themes/gamingbroject-newsroom/assets/gamingbroject-room-1920.webp")!important;
    background-size:100% 100%,100% auto!important;
    background-position:center,center 54px!important;
    background-repeat:no-repeat,no-repeat!important;
    overflow:hidden!important;
  }
  .room-stage::after{
    background:linear-gradient(to bottom,rgba(0,0,0,.12) 54px,transparent 105px,transparent 235px,rgba(3,1,7,.58) 310px,#030106 100%)!important;
  }
  .room-piece,.room-void,.scene-zone,.tv-panel,.room-bottom,.room-leaderboard,
  .room-stage>.hotspot:not(#arcadeCta){display:none!important}
  .room-heading{
    display:flex!important;position:absolute!important;align-items:center!important;justify-content:center!important;
    top:7px!important;left:10px!important;right:10px!important;translate:0 0!important;
    width:auto!important;min-height:40px!important;padding:7px 10px!important;
    border-radius:9px!important;background:rgba(3,1,7,.38)!important;
    backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
  }
  .room-heading h1{
    margin:0!important;font-size:clamp(18px,5.6vw,24px)!important;line-height:1!important;
    white-space:nowrap!important;text-align:center!important;letter-spacing:.01em!important;
  }
  .room-stage #arcadeCta{
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:absolute!important;margin:0!important;
    left:53.2%!important;top:calc(54px + 14vw)!important;right:auto!important;
    translate:-50% -50%!important;min-width:0!important;width:clamp(92px,28vw,108px)!important;min-height:42px!important;
    padding:7px 10px!important;border:1px solid rgba(255,210,65,.72)!important;border-radius:8px!important;
    color:#ffd45b!important;background:rgba(7,3,4,.74)!important;
    font-size:9px!important;line-height:1!important;letter-spacing:.10em!important;
    text-shadow:0 0 7px rgba(255,207,62,.55)!important;box-shadow:0 0 12px rgba(255,194,42,.20)!important;
  }
  .room-stage #arcadeCta:hover,.room-stage #arcadeCta:focus-visible{transform:none!important}

  .mobile-active-card{
    display:block!important;left:12px!important;right:12px!important;
    top:clamp(285px,76vw,335px)!important;bottom:auto!important;
    min-height:164px!important;padding:18px!important;border-radius:16px!important;
    background:linear-gradient(145deg,rgba(7,3,13,.96),rgba(12,6,20,.92))!important;
    backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  }
  .mobile-active-card small{font-size:9px!important;line-height:1.35!important}
  .mobile-active-card h2{
    margin:8px 0!important;font-size:clamp(25px,8vw,34px)!important;line-height:1!important;
    overflow-wrap:anywhere;text-wrap:balance;
  }
  .mobile-active-card p{font-size:13px!important;line-height:1.5!important}
  .mobile-open{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:44px!important;margin-top:14px!important;padding:10px 14px!important;font-size:9px!important;
  }
  .mobile-category-dock{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    left:10px!important;right:10px!important;bottom:max(12px,env(safe-area-inset-bottom,0px))!important;
    gap:7px!important;padding:9px!important;border-radius:15px!important;
    background:rgba(3,1,7,.95)!important;
  }
  .mobile-category-dock .mobile-cat{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;min-height:48px!important;padding:7px 4px!important;
    border:1px solid rgba(255,255,255,.10)!important;border-radius:9px!important;
    font-size:9px!important;line-height:1.12!important;letter-spacing:.04em!important;
    white-space:normal!important;text-align:center!important;
  }
  .mobile-category-dock .mobile-cat.active{
    border-color:color-mix(in srgb,var(--accent) 58%,rgba(255,255,255,.15))!important;
    background:color-mix(in srgb,var(--accent) 9%,rgba(6,3,11,.96))!important;
  }

  /* Editorial hub: one readable column with no hidden/clipped filters. */
  .content-hub{min-height:0!important;padding:46px 12px 72px!important;overflow:hidden!important}
  .content-wrap{width:100%!important;max-width:none!important;min-width:0!important}
  .section-top{display:block!important;margin-bottom:24px!important}
  .section-kicker{font-size:10px!important;line-height:1.4!important}
  .section-title{font-size:clamp(40px,14vw,60px)!important;line-height:.9!important;overflow-wrap:anywhere}
  .section-intro{margin-top:14px!important;font-size:15px!important;line-height:1.55!important}
  .category-switcher{display:none!important}
  .channel-strip{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:20px!important}
  .channel-card,.channel-card:last-child{grid-column:auto!important;width:100%!important;min-height:96px!important;padding:15px!important}
  .v31-subcategory-shell{margin:0 0 20px!important;padding:13px!important;border-radius:13px!important}
  .v31-subcategory-head{align-items:flex-start!important;gap:6px!important;margin-bottom:10px!important}
  .v31-subcategory-head strong{font-size:8px!important;line-height:1.35!important;text-align:right!important}
  .v31-subcategory-rail{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important;
  }
  .v31-subcat-btn{
    width:100%!important;min-width:0!important;min-height:44px!important;padding:9px 7px!important;
    white-space:normal!important;line-height:1.25!important;font-size:9px!important;text-align:center!important;
  }
  .cards{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;min-width:0!important}
  .article-card,.article-card:first-child{
    grid-column:1!important;width:100%!important;min-width:0!important;
    min-height:0!important;border-radius:16px!important;scroll-margin-top:calc(var(--header-h) + 12px)!important;
  }
  .article-card .card-art,.article-card:first-child .card-art,
  .article-card .card-art.real-photo,.article-card:first-child .card-art.real-photo{
    min-height:clamp(210px,61vw,290px)!important;
  }
  .article-card .card-body,
  #contentHub[data-simple-editorial="true"] .article-card.simple-post>.card-body{
    min-width:0!important;padding:22px 19px 24px!important;
  }
  .article-card .card-title,
  #contentHub[data-simple-editorial="true"] .article-card.simple-post .card-title{
    margin:10px 0 12px!important;font-size:clamp(26px,8.5vw,37px)!important;
    line-height:1.04!important;overflow-wrap:anywhere!important;text-wrap:balance;
  }
  .article-card .card-summary{font-size:15px!important;line-height:1.58!important}
  .article-card .card-actions{gap:8px!important;margin-top:22px!important;padding-top:0!important;flex-wrap:wrap!important}
  .article-card .read-btn,.article-card .source-btn,
  #contentHub[data-simple-editorial="true"] .article-card.simple-post .read-btn,
  #contentHub[data-simple-editorial="true"] .article-card.simple-post .source-btn{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:44px!important;padding:11px 13px!important;font-size:9px!important;
  }

  /* Reading/search overlays use the complete phone viewport and safe areas. */
  dialog#articleDialog,dialog#searchDialog{
    inset:0!important;width:100dvw!important;max-width:none!important;height:100dvh!important;max-height:none!important;
    margin:0!important;border-radius:0!important;
  }
  dialog#articleDialog .dialog-shell,dialog#searchDialog .dialog-shell{
    width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important;
    padding-bottom:env(safe-area-inset-bottom,0px)!important;
  }
  dialog#articleDialog .dialog-head,dialog#searchDialog .dialog-head{
    min-height:86px!important;padding:calc(13px + env(safe-area-inset-top,0px)) 14px 13px!important;
  }
  dialog#articleDialog .dialog-title,dialog#searchDialog .dialog-title{
    font-size:clamp(27px,8.8vw,40px)!important;line-height:1!important;overflow-wrap:anywhere!important;
  }
  dialog#articleDialog .close-btn,dialog#searchDialog .close-btn{width:44px!important;height:44px!important;min-width:44px!important}
  dialog#articleDialog .dialog-body{padding:0 0 calc(28px + env(safe-area-inset-bottom,0px))!important}
  dialog#articleDialog .dialog-media{height:36svh!important;min-height:220px!important;margin-bottom:26px!important}
  dialog#articleDialog .dialog-meta,dialog#articleDialog .dialog-summary,
  dialog#articleDialog .dialog-copy,dialog#articleDialog .dialog-actions{width:calc(100% - 30px)!important}
  dialog#articleDialog .dialog-summary{font-size:20px!important;line-height:1.5!important}
  dialog#articleDialog .dialog-copy{font-size:16px!important;line-height:1.72!important}
  .dialog-actions a,.dialog-actions button{display:inline-flex!important;align-items:center!important;min-height:44px!important}
  .search-shell{padding:18px 14px calc(24px + env(safe-area-inset-bottom,0px))!important}
  .search-input{min-height:48px!important;font-size:16px!important}
  .search-result{min-height:56px!important;padding:14px!important}

  /* Arcade remains completely playable by touch at every phone width. */
  .arcade-select-overlay,.arcade-name-overlay,.arcade-overlay{
    padding:max(9px,env(safe-area-inset-top,0px)) 9px max(9px,env(safe-area-inset-bottom,0px))!important;
  }
  .arcade-select-card,.arcade-name-card{max-height:calc(100dvh - 18px)!important;padding:17px 14px!important;border-radius:15px!important}
  .arcade-select-card h2{font-size:clamp(28px,9vw,38px)!important;line-height:1!important}
  .arcade-select-copy,.arcade-name-copy{font-size:12px!important;line-height:1.5!important}
  .arcade-game-grid{gap:9px!important}
  .arcade-game-choice{min-height:128px!important;padding:10px!important}
  .game-choice-copy strong{font-size:clamp(17px,5.5vw,22px)!important;line-height:1.05!important}
  .game-choice-copy span{font-size:10px!important;line-height:1.4!important}
  .arcade-select-cancel,.arcade-name-cancel,.arcade-name-start,.arcade-exit,.arcade-action{min-height:44px!important}
  #arcadeUsername{min-height:48px!important;font-size:16px!important}
  .arcade-frame{max-width:min(100%,480px)!important}
  .footer{padding-bottom:env(safe-area-inset-bottom,0px)!important}
  .footer-inner{padding-left:16px!important;padding-right:16px!important}
  .footer-legal button,.footer-social .social-link{min-height:44px!important;min-width:44px!important}
  .consent-banner{bottom:max(8px,env(safe-area-inset-bottom,0px))!important}
  .consent-btn{min-height:44px!important}
}

@media (max-width:360px){
  :root{--header-h:calc(114px + env(safe-area-inset-top,0px))}
  .site-header{grid-template-rows:56px 52px!important;padding-left:8px!important;padding-right:8px!important}
  .logo-btn img{width:140px!important}
  .header-actions{gap:5px!important}
  .header-actions .icon-btn{width:42px!important;height:42px!important;min-width:42px!important}
  #mainNav{width:auto!important;margin-left:-8px!important;margin-right:-8px!important;padding-left:8px!important;padding-right:8px!important}
  #mainNav{gap:2px!important}
  .main-nav .nav-btn{padding-inline:4px!important;font-size:8.75px!important;letter-spacing:.02em!important}
  .room-stage{height:650px!important;background-position:center,center 50px!important}
  .room-heading{left:8px!important;right:8px!important}
  .room-heading h1{font-size:18px!important}
  .room-stage #arcadeCta{top:calc(50px + 14vw)!important;left:53%!important;font-size:8px!important;min-height:40px!important;padding-inline:8px!important}
  .mobile-active-card{left:10px!important;right:10px!important;top:274px!important;padding:16px!important}
  .mobile-active-card h2{font-size:25px!important}
  .mobile-active-card p{font-size:12px!important}
  .mobile-category-dock{left:8px!important;right:8px!important;gap:5px!important;padding:7px!important}
  .mobile-category-dock .mobile-cat{font-size:8px!important;min-height:46px!important}
  .v31-subcat-btn{font-size:8px!important}
  .article-card .card-body,#contentHub[data-simple-editorial="true"] .article-card.simple-post>.card-body{padding-left:17px!important;padding-right:17px!important}
  .article-card .card-title,#contentHub[data-simple-editorial="true"] .article-card.simple-post .card-title{font-size:26px!important}
  .arcade-game-choice{grid-template-columns:58px minmax(0,1fr)!important}
  .game-choice-art{width:56px!important;height:80px!important}
  .game-choice-copy span{font-size:9px!important}
}

/* Phone landscape: retain full navigation and touch controls without a tall masthead. */
@media (orientation:landscape) and (max-height:520px) and (max-width:960px){
  :root{--header-h:calc(66px + env(safe-area-inset-top,0px))}
  .site-header{
    display:grid!important;grid-template-columns:132px minmax(0,1fr) 92px!important;grid-template-rows:60px!important;
    height:var(--header-h)!important;padding:env(safe-area-inset-top,0px) 8px 6px!important;gap:8px!important;
  }
  .logo-btn{grid-column:1!important;grid-row:1!important;min-height:44px!important;margin:0!important}
  .logo-btn img{width:128px!important;max-height:48px!important}
  #mainNav{
    grid-column:2!important;grid-row:1!important;position:static!important;display:flex!important;width:100%!important;
    margin:0!important;padding:0!important;gap:3px!important;overflow-x:auto!important;border:0!important;background:transparent!important;
  }
  .main-nav .nav-btn{flex:0 0 auto!important;min-height:44px!important;padding:0 7px!important;font-size:8px!important}
  .header-actions{position:static!important;grid-column:3!important;grid-row:1!important;display:flex!important;gap:4px!important}
  .header-actions .icon-btn{display:grid!important;width:42px!important;height:42px!important;min-width:42px!important}
  .header-actions .social-link,#mobileMenuBtn{display:none!important}
  .hero{padding-top:var(--header-h)!important}
  .room-stage{
    height:520px!important;min-height:0!important;background-image:
      linear-gradient(to bottom,rgba(2,1,6,.04),rgba(3,1,7,.28) 70%,#030106 100%),
      url("/gala-page/wp-content/themes/gamingbroject-newsroom/assets/gamingbroject-room-1280.webp")!important;
    background-size:100% 100%,100% auto!important;background-position:center,center top!important;background-repeat:no-repeat!important;
  }
  .room-piece,.room-void,.scene-zone,.tv-panel,.room-bottom,.room-leaderboard,.room-heading,
  .room-stage>.hotspot:not(#arcadeCta){display:none!important}
  .room-stage #arcadeCta{display:flex!important;position:absolute!important;left:53%!important;top:22%!important;translate:-50% -50%!important;min-height:40px!important;font-size:8px!important}
  .mobile-active-card,.mobile-category-dock{display:none!important}
}


/* GamingBroject V34 — the real desktop room on phones and small tablets.
   The panorama scrolls locally, so no room object, label or interaction is
   replaced by a simplified mobile-only card. */
.mobile-room-hint{display:none}
@media (max-width:900px){
	:root{--room-hero-v28-8k:url("/gala-page/wp-content/themes/gamingbroject-newsroom/assets/gamingbroject-room-1280.webp")}
  :root{--header-h:calc(116px + env(safe-area-inset-top,0px))}
  html{scroll-padding-top:var(--header-h)}
  body{min-width:0!important;overflow-x:hidden!important}

  .site-header{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:58px 52px!important;align-items:center!important;gap:0 8px!important;
    width:100%!important;height:var(--header-h)!important;
    padding:env(safe-area-inset-top,0px) 10px 6px!important;overflow:hidden!important;
    background:linear-gradient(180deg,rgba(2,1,6,.995),rgba(3,1,8,.965))!important;
  }
  .logo-btn{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0!important}
  .logo-btn img{width:clamp(146px,45vw,178px)!important;max-width:100%!important;max-height:52px!important;object-fit:contain!important}
  .header-actions{position:static!important;grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;display:flex!important;gap:6px!important}
  .header-actions .icon-btn{display:grid!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:11px!important}
  .header-actions .social-link,#mobileMenuBtn{display:none!important}
  #mainNav{
    position:relative!important;grid-column:1/-1!important;grid-row:2!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:auto!important;min-height:50px!important;margin:0 -10px!important;padding:2px 7px 4px!important;gap:3px!important;
    overflow-x:auto!important;overflow-y:hidden!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;scrollbar-width:none!important;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  }
  #mainNav::-webkit-scrollbar{display:none!important}
  .main-nav .nav-btn{flex:0 0 auto!important;min-width:max-content!important;min-height:44px!important;padding:0 7px!important;text-align:center!important;scroll-snap-align:start;font-size:10px!important;line-height:1!important;letter-spacing:.045em!important}
  .main-nav .nav-btn::after{bottom:2px!important}

  .hero{
    display:block!important;width:100%!important;min-height:0!important;padding-top:var(--header-h)!important;
    overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none!important;
    touch-action:pan-x pan-y;background:#030106!important;
  }
  .hero::-webkit-scrollbar{display:none!important}
  .room-stage{
    position:relative!important;display:block!important;flex:0 0 auto!important;
    width:clamp(820px,230vw,1020px)!important;max-width:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1.85567/1!important;
    margin:0!important;overflow:hidden!important;scroll-snap-align:center;
    background-image:linear-gradient(to bottom,rgba(2,1,6,.045),rgba(2,1,6,.09) 58%,rgba(2,1,6,.38)),var(--room-hero-v28-8k)!important;
    background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
  }
  .room-stage::after{background:radial-gradient(circle at 54% 44%,transparent 25%,rgba(0,0,0,.15) 78%),linear-gradient(90deg,rgba(0,0,0,.13),transparent 23%,transparent 80%,rgba(0,0,0,.16))!important}
  .room-stage .room-piece,.room-stage .room-void{display:none!important}

  /* Restore every desktop object hidden by V33. */
  .room-stage .scene-zone{display:block!important}
  .room-stage .tv-panel{display:block!important}
  .room-stage .room-bottom{display:flex!important}
  .room-stage .room-leaderboard{display:block!important}
  .room-stage>.hotspot,
  .room-stage>.hotspot:not(#arcadeCta){display:block!important}
  .mobile-active-card,.mobile-category-dock{display:none!important}

  .room-heading{
    display:flex!important;align-items:center!important;justify-content:center!important;
    left:50%!important;right:auto!important;top:1.15%!important;translate:-50% 0!important;
    width:auto!important;max-width:min(430px,48%)!important;min-height:0!important;
    padding:7px 16px 8px!important;border:1px solid rgba(255,41,72,.42)!important;
    border-top:2px solid rgba(255,70,96,.90)!important;border-radius:0 0 12px 12px!important;
    background:linear-gradient(180deg,rgba(5,1,9,.74),rgba(5,1,9,.32))!important;
  }
  .room-heading h1{margin:0!important;font-size:clamp(14px,2.15vw,22px)!important;line-height:1!important;letter-spacing:.06em!important;white-space:nowrap!important;text-align:center!important}

  .room-stage .hotspot{min-height:44px!important;padding:9px 13px!important;font-size:10px!important;line-height:1!important}
  .room-stage .hotspot[data-cat]>span{display:block!important;font-size:7px!important}
  .room-stage .hotspot[data-cat="news"]{left:18.7%!important;top:9.3%!important;min-width:146px!important;translate:0 0!important}
  .room-stage .hotspot[data-cat="hardware"]{left:26.4%!important;top:38.2%!important;min-width:132px!important;translate:0 -50%!important}
  .room-stage .hotspot[data-cat="releases"]{left:20%!important;top:64.3%!important;min-width:168px!important;translate:-50% 0!important}
  .room-stage #arcadeCta{
    display:flex!important;align-items:center!important;justify-content:center!important;
    left:52.6%!important;top:31.5%!important;translate:-50% -50%!important;
    width:122px!important;min-width:122px!important;min-height:44px!important;padding:7px 9px 6px!important;
    font-size:11px!important;line-height:1!important;white-space:nowrap!important;
  }
  .room-stage #arcadeCta:hover,.room-stage #arcadeCta:focus-visible{transform:none!important}

  .dnd-case-zone{left:8.8%!important;top:4.8%!important;width:32.5%!important;height:29.2%!important}
  .pc-power-zone{left:15.1%!important;top:30.3%!important;width:25.75%!important;height:29.2%!important}
  .console-power-zone-v14{left:25.2%!important;top:58.2%!important;width:39.2%!important;height:31.5%!important}
  .arcade-power-zone{left:51%!important;top:22.4%!important;width:10%!important;height:25%!important}
  .room-stage .tv-panel{left:63.3%!important;right:auto!important;top:23.8%!important;width:18.2%!important;height:25.2%!important}
  .room-stage .room-leaderboard{
    left:52.3%!important;top:6.5%!important;translate:-50% 0!important;
    width:228px!important;max-height:104px!important;padding:10px 12px!important;
  }
  .room-stage.arcade-hover .room-leaderboard{opacity:1!important;visibility:visible!important}
  .room-leaderboard-head{font-size:8px!important}
  .room-leaderboard .leaderboard-list li{min-height:18px!important;font-size:9px!important}
  .room-bottom{left:50%!important;right:auto!important;bottom:3.3%!important;translate:-50% 0!important;justify-content:center!important;gap:10px!important}
  .room-bottom button{min-height:44px!important;padding:10px 14px!important;font-size:9px!important;white-space:nowrap!important}

  .mobile-room-hint{display:none!important}
}

@media (max-width:360px){
  :root{--header-h:calc(114px + env(safe-area-inset-top,0px))}
  .site-header{grid-template-rows:56px 52px!important;padding-left:8px!important;padding-right:8px!important}
  .logo-btn img{width:140px!important}.header-actions{gap:5px!important}
  .header-actions .icon-btn{width:42px!important;height:42px!important;min-width:42px!important}
  #mainNav{margin-left:-8px!important;margin-right:-8px!important;padding-left:8px!important;padding-right:8px!important;gap:2px!important}
  .main-nav .nav-btn{padding-inline:5px!important;font-size:8.75px!important;letter-spacing:.02em!important}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:960px){
  :root{--header-h:calc(66px + env(safe-area-inset-top,0px))}
  .site-header{
    grid-template-columns:132px minmax(0,1fr) 92px!important;grid-template-rows:60px!important;
    height:var(--header-h)!important;padding:env(safe-area-inset-top,0px) 8px 6px!important;gap:8px!important;
  }
  .logo-btn{grid-column:1!important;grid-row:1!important}.logo-btn img{width:128px!important;max-height:48px!important}
  #mainNav{grid-column:2!important;grid-row:1!important;width:100%!important;margin:0!important;padding:0!important;gap:3px!important}
  .main-nav .nav-btn{min-height:44px!important;padding:0 7px!important;font-size:8px!important}
  .header-actions{grid-column:3!important;grid-row:1!important;gap:4px!important}
  .header-actions .icon-btn{width:42px!important;height:42px!important;min-width:42px!important}
  .room-stage{width:max(820px,105vw)!important;height:auto!important;min-height:0!important;aspect-ratio:1.85567/1!important}
  .room-heading{display:flex!important}
}

@media (prefers-reduced-motion:reduce){
  .mobile-room-hint{transition:none!important}
}


/* V37 — a purpose-built portrait room. Desktop and tablet geometry stay untouched. */
.mobile-tv-label{display:none}

@keyframes v38SwipeHintPulse{
  0%,100%{opacity:.46;transform:translateX(-50%) translateY(4px) scale(.98)}
  50%{opacity:1;transform:translateX(-50%) translateY(-3px) scale(1)}
}

@media (max-width:760px) and (orientation:portrait){
  .hero{padding-top:var(--header-h)!important;background:#030106!important}
  .room-stage{
    width:100vw!important;height:auto!important;min-height:0!important;max-height:none!important;
    aspect-ratio:941/1672!important;margin:0!important;overflow:hidden!important;
    background-image:
      linear-gradient(to bottom,rgba(2,1,6,.06),rgba(2,1,6,.02) 58%,rgba(2,1,6,.18)),
      url("/gala-page/wp-content/themes/gamingbroject-newsroom/assets/GamingBroject_Mobile_Room_V37_9x16.webp?v=38")!important;
    background-size:100% 100%,cover!important;background-position:center,center!important;background-repeat:no-repeat!important;
  }
  .room-stage::after{
    background:linear-gradient(to bottom,rgba(0,0,0,.24) 0,transparent 10%,transparent 89%,rgba(0,0,0,.28) 100%),linear-gradient(90deg,rgba(0,0,0,.16),transparent 16%,transparent 84%,rgba(0,0,0,.14))!important;
  }
  .room-piece,.room-void,.scene-zone,.room-bottom,.room-leaderboard{display:none!important}
  .mobile-active-card,.mobile-category-dock{display:none!important}
  .room-heading{
    display:flex!important;align-items:center!important;justify-content:center!important;
    left:7%!important;right:7%!important;top:2.3%!important;width:auto!important;min-height:40px!important;
    padding:7px 10px!important;translate:0 0!important;border-radius:8px!important;
    border:1px solid rgba(255,46,78,.34)!important;background:rgba(3,1,7,.52)!important;
    backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
  }
  .room-heading h1{margin:0!important;font-size:clamp(16px,4.5vw,19px)!important;line-height:1!important;white-space:nowrap!important;letter-spacing:0!important;text-align:center!important}
  #roomStage>.hotspot[data-cat],.room-stage>#arcadeCta{
    display:flex!important;position:absolute!important;align-items:center!important;justify-content:center!important;
    z-index:48!important;min-width:0!important;min-height:40px!important;margin:0!important;
    padding:8px 11px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;
    color:rgba(255,255,255,.82)!important;background:rgba(3,1,7,.72)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.40)!important;text-shadow:none!important;
    font-size:clamp(8px,2.5vw,10px)!important;line-height:1!important;letter-spacing:.09em!important;
    translate:-50% -50%!important;transform:none!important;white-space:nowrap!important;
    backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
  }
  #roomStage>.hotspot[data-cat]::before,.room-stage>#arcadeCta::before,#roomStage>.hotspot[data-cat] .v13-retro-grid,.room-stage>#arcadeCta .v13-retro-grid{display:none!important}
  #roomStage>.hotspot[data-cat]>span{display:none!important}
  #roomStage>.hotspot[data-cat].active,#roomStage>.hotspot[data-cat]:focus-visible,.room-stage>#arcadeCta:focus-visible{
    color:var(--sign-color,var(--hot,#fff))!important;border-color:color-mix(in srgb,var(--sign-color,var(--hot,#fff)) 72%,white 10%)!important;
    box-shadow:0 0 18px color-mix(in srgb,var(--sign-color,var(--hot,#fff)) 30%,transparent),0 8px 20px rgba(0,0,0,.46)!important;
  }
  .room-stage .hotspot[data-cat="news"]{left:17.5%!important;top:22.8%!important;width:94px!important}
  .room-stage .hotspot[data-cat="hardware"]{left:21.5%!important;top:43.4%!important;width:72px!important}
  .room-stage #arcadeCta{
    left:50.2%!important;top:32.2%!important;width:116px!important;min-height:42px!important;padding:8px 10px!important;
    color:#ffd35a!important;border-color:rgba(255,211,90,.58)!important;background:rgba(14,7,2,.76)!important;
    text-shadow:0 0 6px rgba(255,201,58,.34)!important;
  }
  .room-stage .hotspot[data-cat="releases"]{left:59%!important;top:70.2%!important;width:108px!important}
  .room-stage #tvPanel{
    display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;
    z-index:47!important;left:64.5%!important;top:26.2%!important;width:32.5%!important;height:12.3%!important;
    margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:7px!important;
    opacity:.86!important;filter:none!important;transform:none!important;background:rgba(0,0,0,.04)!important;
    box-shadow:none!important;overflow:hidden!important;-webkit-tap-highlight-color:transparent;
  }
  .room-stage #tvPanel::before,.room-stage #tvPanel::after{display:none!important;content:none!important}
  .room-stage #tvPanel .tv-inner,.room-stage #tvPanel .crt-tv,.room-stage #tvPanel .tv-floating-label{display:none!important}
  .room-stage #tvPanel .mobile-tv-label{
    display:flex!important;align-items:center!important;justify-content:center!important;width:82%!important;min-height:42px!important;
    padding:7px 6px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:7px!important;
    color:rgba(255,255,255,.78)!important;background:rgba(3,1,7,.70)!important;
    font-family:var(--brand-font)!important;font-size:clamp(8px,2.45vw,10px)!important;font-weight:900!important;
    line-height:1!important;letter-spacing:.07em!important;text-transform:uppercase!important;text-align:center!important;
    box-shadow:0 8px 18px rgba(0,0,0,.42)!important;
  }
  .room-stage #tvPanel.active .mobile-tv-label,.room-stage #tvPanel:focus-visible .mobile-tv-label{
    color:#21eaff!important;border-color:rgba(33,234,255,.62)!important;box-shadow:0 0 18px rgba(33,234,255,.24),0 8px 18px rgba(0,0,0,.46)!important;
  }
  .mobile-room-hint{
    display:flex!important;position:absolute;z-index:92;left:50%;bottom:max(15px,env(safe-area-inset-bottom,0px));
    align-items:center;justify-content:center;gap:8px;min-height:39px;padding:8px 13px;
    border:1px solid rgba(33,234,255,.48);border-radius:999px;
    background:linear-gradient(180deg,rgba(3,1,7,.90),rgba(3,1,7,.72));
    color:#f4f0f7;font:900 clamp(8px,2.45vw,10px)/1 "Courier New",monospace;
    letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;
    box-shadow:0 10px 25px rgba(0,0,0,.48),0 0 18px rgba(33,234,255,.18);
    opacity:0;pointer-events:none;transform:translateX(-50%) translateY(6px);
    transition:opacity .22s ease,transform .22s ease;
  }
  .mobile-room-hint b{color:#21eaff;font-size:17px;line-height:.8;text-shadow:0 0 10px rgba(33,234,255,.78)}
  .mobile-room-hint.is-visible{animation:v38SwipeHintPulse 1.05s ease-in-out infinite}
  .mobile-room-hint.is-dismissed{animation:none!important;opacity:0!important;transform:translateX(-50%) translateY(9px)!important}
  .scanlines{opacity:.075!important}
}

@media (max-width:370px) and (orientation:portrait){
  .room-heading{left:5%!important;right:5%!important}.room-heading h1{font-size:18px!important}
  #roomStage>.hotspot[data-cat],.room-stage>#arcadeCta{min-height:38px!important;padding:7px 8px!important;font-size:8px!important}
  .room-stage .hotspot[data-cat="news"]{width:82px!important}.room-stage #arcadeCta{width:104px!important}
  .room-stage .hotspot[data-cat="releases"]{width:98px!important}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:960px){
  .room-stage{
    width:100vw!important;height:520px!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;
    background-image:linear-gradient(to bottom,rgba(2,1,6,.04),rgba(3,1,7,.28) 70%,#030106 100%),url("/gala-page/wp-content/themes/gamingbroject-newsroom/assets/gamingbroject-room-1920.webp")!important;
    background-size:100% 100%,cover!important;background-position:center,center!important;
  }
  .mobile-tv-label{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .mobile-room-hint.is-visible{animation:none!important;opacity:.94!important;transform:translateX(-50%)!important}
}


/* V40 — phone-only polish with a visible cue even when iOS Reduce Motion is enabled. */
@keyframes v39SwipeRoomBeacon{
  0%,100%{opacity:.52;transform:translateX(-50%) translateY(3px) scale(.965);border-color:rgba(33,234,255,.48);box-shadow:0 10px 24px rgba(0,0,0,.55),0 0 10px rgba(33,234,255,.16)}
  22%{opacity:1;transform:translateX(-50%) translateY(-2px) scale(1.045);border-color:rgba(33,234,255,.96);box-shadow:0 12px 30px rgba(0,0,0,.62),0 0 24px rgba(33,234,255,.58),0 0 42px rgba(255,49,88,.20)}
  48%{opacity:.74;transform:translateX(-50%) translateY(0) scale(1);border-color:rgba(255,49,88,.70);box-shadow:0 10px 26px rgba(0,0,0,.58),0 0 18px rgba(255,49,88,.34)}
  70%{opacity:1;transform:translateX(-50%) translateY(-2px) scale(1.035);border-color:rgba(33,234,255,.92);box-shadow:0 12px 30px rgba(0,0,0,.62),0 0 25px rgba(33,234,255,.52)}
}
@keyframes v39SwipeArrow{
  0%,100%{transform:translateY(2px);opacity:.58}
  50%{transform:translateY(-2px);opacity:1}
}
@keyframes v40SwipeRoomFlash{
  0%,44%,100%{opacity:.58;border-color:rgba(33,234,255,.50);box-shadow:0 10px 24px rgba(0,0,0,.58),0 0 8px rgba(33,234,255,.12)}
  45%,84%{opacity:1;border-color:#21eaff;box-shadow:0 12px 30px rgba(0,0,0,.64),0 0 26px rgba(33,234,255,.78),0 0 48px rgba(255,49,88,.30)}
  85%,96%{opacity:.68;border-color:#ff3158;box-shadow:0 10px 26px rgba(0,0,0,.60),0 0 20px rgba(255,49,88,.52)}
}
@keyframes v40SwipeTextFlash{
  0%,44%,100%{opacity:.30;filter:brightness(.58) saturate(.75)}
  45%,84%{opacity:1;filter:brightness(1.85) saturate(1.45) drop-shadow(0 0 7px rgba(33,234,255,.95))}
  85%,96%{opacity:.48;filter:brightness(.90) saturate(1.15) drop-shadow(0 0 5px rgba(255,49,88,.82))}
}

@media (max-width:760px){
  :root{--header-h:calc(118px + env(safe-area-inset-top,0px))}
  html,body{max-width:100%;overflow-x:hidden}
  .site-header{
    grid-template-columns:minmax(58px,1fr) auto minmax(94px,1fr)!important;
    grid-template-rows:60px 52px!important;
    height:var(--header-h)!important;
    padding:env(safe-area-inset-top,0px) 9px 6px!important;
    gap:0 4px!important;
  }
  .logo-btn{
    grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;
    justify-content:center!important;width:auto!important;min-width:0!important;margin:0!important;
  }
  .logo-btn img{width:clamp(138px,43vw,184px)!important;max-height:54px!important;object-fit:contain!important}
  .header-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;gap:6px!important}
  #mainNav{grid-column:1/-1!important;grid-row:2!important;overscroll-behavior-x:contain!important}
  .main-nav .nav-btn{min-height:44px!important}
  .scanlines{display:none!important}
  .article-card{content-visibility:auto;contain-intrinsic-size:680px}
}

@media (max-width:760px) and (orientation:portrait){
  .room-stage{isolation:isolate!important}
  .room-heading,#roomStage>.hotspot[data-cat],.room-stage>#arcadeCta,.room-stage #tvPanel .mobile-tv-label,.mobile-room-hint{
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .room-heading{left:7%!important;right:7%!important;width:auto!important;max-width:none!important;background:rgba(3,1,7,.73)!important;border-color:rgba(255,49,88,.50)!important}
  #roomStage>.hotspot[data-cat],.room-stage>#arcadeCta{background:rgba(3,1,7,.84)!important}
  .room-stage #tvPanel .mobile-tv-label{background:rgba(3,1,7,.84)!important}
  .room-bottom{
    display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,.88fr)!important;
    z-index:92!important;left:5%!important;right:5%!important;bottom:max(80px,calc(env(safe-area-inset-bottom,0px) + 72px))!important;
    translate:0 0!important;gap:7px!important;width:auto!important;
  }
  .room-bottom button{
    width:100%!important;min-width:0!important;min-height:46px!important;padding:9px 7px!important;
    border-radius:999px!important;font-size:clamp(7.2px,2.2vw,9px)!important;letter-spacing:.12em!important;white-space:nowrap!important;
  }
  .mobile-room-hint{
    display:flex!important;z-index:120!important;left:50%!important;bottom:max(142px,calc(env(safe-area-inset-bottom,0px) + 134px))!important;
    min-height:44px!important;padding:9px 15px!important;gap:9px!important;
    border:2px solid rgba(33,234,255,.72)!important;border-radius:999px!important;
    background:linear-gradient(180deg,rgba(8,4,13,.98),rgba(3,1,7,.94))!important;
    color:#fff!important;font:900 clamp(9px,2.65vw,11px)/1 "Courier New",monospace!important;
    letter-spacing:.14em!important;text-shadow:0 0 9px rgba(255,255,255,.28)!important;
    opacity:0;transform:translateX(-50%) translateY(7px);pointer-events:none!important;white-space:nowrap!important;
  }
  .mobile-room-hint b{font-size:18px!important;color:#21eaff!important;animation:v39SwipeArrow .62s ease-in-out infinite!important}
  .mobile-room-hint.is-visible{animation:v39SwipeRoomBeacon 1.18s ease-in-out infinite!important}
  .mobile-room-hint.is-dismissed{animation:none!important;opacity:0!important;transform:translateX(-50%) translateY(10px)!important}
}

@media (max-width:360px){
  .site-header{grid-template-columns:minmax(54px,1fr) auto minmax(90px,1fr)!important;padding-left:7px!important;padding-right:7px!important}
  .logo-btn img{width:clamp(132px,41vw,148px)!important}
  .header-actions{gap:4px!important}
  .header-actions .icon-btn{width:42px!important;height:42px!important;min-width:42px!important}
  .room-bottom{left:3.5%!important;right:3.5%!important;gap:5px!important}
  .room-bottom button{font-size:7px!important;letter-spacing:.09em!important;padding-inline:5px!important}
}

@media (prefers-reduced-motion:reduce) and (max-width:760px){
  .mobile-room-hint.is-visible{animation:v40SwipeRoomFlash 1.15s steps(2,end) infinite!important;transform:translateX(-50%)!important}
  .mobile-room-hint.is-visible span,.mobile-room-hint.is-visible b{animation:v40SwipeTextFlash 1.15s steps(2,end) infinite!important}
}


/* V2.22 — approved Reviews magazine rack and the same 16:9 room on phones.
   Desktop geometry is unchanged; phones explore the complete room horizontally. */
.reviews-room-zone{
  position:absolute;z-index:59;left:85.35%;top:28.4%;width:7.55%;height:39.1%;
  margin:0;padding:0;border:0;outline:0;background:transparent;cursor:pointer;
  transform:perspective(700px) rotateY(-2deg);transform-origin:center right;
  -webkit-tap-highlight-color:transparent;
}
.reviews-room-rack{
  position:absolute;inset:0;overflow:hidden;border:1px solid rgba(255,255,255,.02);border-radius:3px;
  background:#040207;opacity:.34;filter:brightness(.14) saturate(.3) contrast(1.12);
  box-shadow:0 18px 34px rgba(0,0,0,.62);transition:opacity .3s ease,filter .3s ease,box-shadow .3s ease,transform .3s ease;
}
.reviews-room-rack img{display:block;width:100%;height:100%;object-fit:cover}
.reviews-room-label{
  position:absolute;z-index:2;left:50%;bottom:6%;translate:-50% 0;min-width:92px;padding:7px 8px;
  border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(2,1,5,.91);
  color:rgba(255,255,255,.25);font:950 clamp(7px,.58vw,10px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:.11em;text-align:center;text-transform:uppercase;transition:.3s ease;
}
.reviews-room-zone:hover .reviews-room-rack,
.reviews-room-zone:focus-visible .reviews-room-rack,
.reviews-room-zone.active .reviews-room-rack,
.room-stage.reviews-hover .reviews-room-rack{
  opacity:.98;filter:brightness(.82) saturate(1.04) contrast(1.04);
  box-shadow:0 0 26px rgba(255,85,232,.45),0 20px 38px rgba(0,0,0,.66);transform:scale(1.02);
}
.reviews-room-zone:hover .reviews-room-label,
.reviews-room-zone:focus-visible .reviews-room-label,
.reviews-room-zone.active .reviews-room-label,
.room-stage.reviews-hover .reviews-room-label{
  border-color:#ff55e8;color:#fff;text-shadow:0 0 9px #ff55e8;box-shadow:0 0 18px rgba(255,85,232,.48);
}
.reviews-room-zone:focus-visible{outline:2px solid #fff;outline-offset:4px}

@keyframes v222SwipeHintPulse{
  0%,100%{opacity:.48;transform:translateX(-50%) translateY(3px) scale(.97);border-color:rgba(33,234,255,.52)}
  50%{opacity:1;transform:translateX(-50%) translateY(-2px) scale(1.035);border-color:#21eaff;box-shadow:0 12px 30px rgba(0,0,0,.64),0 0 27px rgba(33,234,255,.72)}
}
@keyframes v222SwipeArrow{0%,100%{transform:translateX(-3px);opacity:.58}50%{transform:translateX(3px);opacity:1}}

@media (max-width:760px){
  .hero{
    position:relative!important;display:block!important;width:100%!important;min-height:0!important;
    padding-top:var(--header-h)!important;overflow-x:auto!important;overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;scrollbar-width:none!important;touch-action:pan-x pan-y!important;background:#030106!important;
  }
  .hero::-webkit-scrollbar{display:none!important}
  .room-stage{
    position:relative!important;display:block!important;flex:0 0 auto!important;width:960px!important;max-width:none!important;
    height:540px!important;min-height:540px!important;max-height:540px!important;aspect-ratio:16/9!important;
    margin:0!important;overflow:hidden!important;scroll-snap-align:center!important;isolation:isolate!important;
    background-image:linear-gradient(to bottom,rgba(2,1,6,.04),rgba(2,1,6,.10) 58%,rgba(2,1,6,.37)),url("/gala-page/wp-content/themes/gamingbroject-newsroom/assets/gamingbroject-room-1280.webp?v=42")!important;
    background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
  }
  .room-stage::after{
    background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 14%,transparent 86%,rgba(0,0,0,.30)),radial-gradient(circle at 52% 47%,transparent 44%,rgba(0,0,0,.16))!important;
  }
  .room-stage .room-piece,.room-stage .room-void{display:none!important}
  .room-stage .scene-zone,.room-stage .tv-panel,.room-stage .room-bottom,.room-stage .room-leaderboard{display:block!important}
  .room-stage>.hotspot,.room-stage>.hotspot:not(#arcadeCta){display:block!important}
  .mobile-active-card,.mobile-category-dock{display:none!important}

  .room-heading{
    display:flex!important;align-items:center!important;justify-content:center!important;
    left:50%!important;right:auto!important;top:1.4%!important;translate:-50% 0!important;
    width:auto!important;min-width:310px!important;max-width:none!important;min-height:0!important;
    padding:8px 14px 9px!important;border:1px solid rgba(255,49,88,.46)!important;
    border-top:2px solid rgba(255,80,104,.88)!important;border-radius:0 0 12px 12px!important;
    background:linear-gradient(180deg,rgba(5,1,9,.74),rgba(5,1,9,.34))!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .room-heading h1{margin:0!important;font-size:18px!important;line-height:1!important;letter-spacing:.04em!important;white-space:nowrap!important;text-align:center!important}

  #roomStage>.hotspot[data-cat],.room-stage>#arcadeCta{
    position:absolute!important;z-index:60!important;min-width:118px!important;min-height:43px!important;margin:0!important;
    padding:8px 11px!important;border:1px solid color-mix(in srgb,var(--sign-color,var(--hot,#fff)) 44%,transparent)!important;
    border-radius:9px!important;background:rgba(3,1,7,.34)!important;color:rgba(255,255,255,.44)!important;
    box-shadow:0 0 11px color-mix(in srgb,var(--sign-color,var(--hot,#fff)) 15%,transparent),0 8px 20px rgba(0,0,0,.34)!important;
    text-shadow:0 0 8px color-mix(in srgb,var(--sign-color,var(--hot,#fff)) 45%,transparent)!important;
    font:900 10px/1 Georgia,"Times New Roman",serif!important;letter-spacing:.09em!important;text-transform:uppercase!important;
    translate:0 0!important;transform:none!important;white-space:nowrap!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  #roomStage>.hotspot[data-cat]>span{display:block!important;font:800 6px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.08em!important}
  #roomStage>.hotspot[data-cat]:hover,#roomStage>.hotspot[data-cat]:focus-visible,#roomStage>.hotspot[data-cat].active,
  .room-stage>#arcadeCta:hover,.room-stage>#arcadeCta:focus-visible{
    translate:0 -3px!important;transform:none!important;background:rgba(3,1,7,.88)!important;color:#fff!important;
    border-color:var(--sign-color,var(--hot,#fff))!important;
    box-shadow:0 0 22px color-mix(in srgb,var(--sign-color,var(--hot,#fff)) 56%,transparent),0 9px 22px rgba(0,0,0,.42)!important;
  }
  .room-stage .hotspot[data-cat="news"]{left:14.7%!important;top:9.7%!important;min-width:118px!important;translate:0 0!important}
  .room-stage .hotspot[data-cat="hardware"]{left:28.2%!important;top:42.1%!important;min-width:118px!important;translate:0 0!important}
  .room-stage .hotspot[data-cat="releases"]{left:42%!important;top:71.2%!important;min-width:146px!important;translate:0 0!important}
  .room-stage #arcadeCta{
    left:52.4%!important;top:31.4%!important;translate:-50% 0!important;width:126px!important;min-width:126px!important;
    color:rgba(255,216,94,.62)!important;border-color:rgba(255,211,90,.44)!important;
  }
  .room-stage #arcadeCta:hover,.room-stage #arcadeCta:focus-visible{translate:-50% -3px!important}

  .dnd-case-zone{left:8.8%!important;top:4.8%!important;width:32.5%!important;height:29.2%!important}
  .pc-power-zone{left:15.1%!important;top:30.3%!important;width:25.75%!important;height:29.2%!important}
  .console-power-zone-v14{left:25.2%!important;top:58.2%!important;width:39.2%!important;height:31.5%!important}
  .arcade-power-zone{left:51%!important;top:22.4%!important;width:10%!important;height:25%!important}
  .room-stage .tv-panel{
    display:block!important;left:64.65%!important;right:auto!important;top:24.7%!important;width:14.45%!important;height:17.1%!important;
    margin:0!important;padding:0!important;border-radius:8px!important;overflow:hidden!important;
  }
  .room-stage #tvPanel .mobile-tv-label,.room-stage #tvPanel .tv-inner,.room-stage #tvPanel .crt-tv,.room-stage #tvPanel .tv-floating-label{display:none!important}
  .room-stage .room-leaderboard{
    left:52.3%!important;top:6.5%!important;translate:-50% 0!important;width:228px!important;max-height:104px!important;padding:10px 12px!important;
  }
  .room-stage.arcade-hover .room-leaderboard{opacity:1!important;visibility:visible!important}
  .room-stage .room-bottom{
    display:flex!important;left:50%!important;right:auto!important;bottom:8px!important;translate:-50% 0!important;
    justify-content:center!important;gap:10px!important;width:auto!important;z-index:91!important;
  }
  .room-stage .room-bottom button{width:auto!important;min-width:0!important;min-height:42px!important;padding:9px 14px!important;font-size:8px!important;white-space:nowrap!important}
  .mobile-room-hint{
    display:flex!important;position:absolute!important;z-index:120!important;left:50%!important;bottom:65px!important;
    align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:9px 14px!important;
    border:2px solid rgba(33,234,255,.78)!important;border-radius:999px!important;
    background:linear-gradient(180deg,rgba(8,4,13,.98),rgba(3,1,7,.94))!important;color:#fff!important;
    font:950 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.13em!important;text-transform:uppercase!important;
    white-space:nowrap!important;box-shadow:0 12px 28px rgba(0,0,0,.62),0 0 24px rgba(33,234,255,.42)!important;
    opacity:0;pointer-events:none!important;transform:translateX(-50%) translateY(7px);transition:opacity .25s ease,transform .25s ease!important;
  }
  .mobile-room-hint b{color:#21eaff!important;font-size:17px!important;text-shadow:0 0 10px #21eaff!important;animation:v222SwipeArrow .68s ease-in-out infinite!important}
  .mobile-room-hint.is-visible{animation:v222SwipeHintPulse 1.12s ease-in-out infinite!important}
  .mobile-room-hint.is-dismissed{animation:none!important;opacity:0!important;transform:translateX(-50%) translateY(10px)!important}
  .scanlines{display:none!important}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:960px){
  .room-stage{width:960px!important;height:540px!important;min-height:540px!important;max-height:540px!important;aspect-ratio:16/9!important}
}
@media (prefers-reduced-motion:reduce) and (max-width:760px){
  .mobile-room-hint.is-visible{animation:v40SwipeRoomFlash 1.15s steps(2,end) infinite!important;transform:translateX(-50%)!important}
  .mobile-room-hint.is-visible span,.mobile-room-hint.is-visible b{animation:v40SwipeTextFlash 1.15s steps(2,end) infinite!important}
}


/* V2.23 — the photographed FREE GAMES display keeps its original frame, while
   the three rows inside it are supplied by the newest published Free Games
   posts. A soft edge hides the old baked-in rows without creating a second
   rectangular panel over the room photograph. */
.room-stage .gb-tv-live-feed{
  position:absolute;z-index:5;left:5.5%;right:5.5%;top:31%;bottom:27%;
  display:grid;grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch;
  padding:0 4%;overflow:hidden;pointer-events:none;color:rgba(255,220,224,.74);
  font-family:"Courier New",ui-monospace,monospace;text-transform:uppercase;
  background:linear-gradient(180deg,rgba(2,0,4,.985),rgba(5,0,5,.975));
  box-shadow:inset 0 0 15px rgba(255,36,66,.08);
  transition:background .2s ease,box-shadow .2s ease;
}
.room-stage .gb-tv-live-feed::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px);
}
.room-stage .gb-tv-live-row{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(36px,34%);align-items:center;gap:5%;
  position:relative;z-index:1;min-height:0;border-top:1px solid rgba(255,70,94,.24);
  font-size:clamp(5.6px,.5vw,8px);line-height:1;
}
.room-stage .gb-tv-live-title,.room-stage .gb-tv-live-store{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.room-stage .gb-tv-live-title{color:rgba(255,225,228,.88);font-weight:800;letter-spacing:.035em}
.room-stage .gb-tv-live-store{color:rgba(255,107,126,.82);font-weight:700;text-align:right;letter-spacing:.02em}
.room-stage .tv-panel:hover .gb-tv-live-feed,
.room-stage .tv-panel:focus-visible .gb-tv-live-feed,
.room-stage .tv-panel.v14-touch-on .gb-tv-live-feed{
  background:linear-gradient(180deg,rgba(4,0,6,.96),rgba(8,0,7,.955));
  box-shadow:inset 0 0 18px rgba(255,36,66,.2),0 0 8px rgba(255,36,66,.13)
}
.room-stage .tv-panel:hover .gb-tv-live-title,
.room-stage .tv-panel:focus-visible .gb-tv-live-title,
.room-stage .tv-panel.v14-touch-on .gb-tv-live-title{color:#fff;text-shadow:0 0 7px rgba(255,72,98,.68)}
.room-stage .tv-panel:hover .gb-tv-live-store,
.room-stage .tv-panel:focus-visible .gb-tv-live-store,
.room-stage .tv-panel.v14-touch-on .gb-tv-live-store{color:#21eaff;text-shadow:0 0 7px rgba(33,234,255,.55)}

@media (max-width:760px){
  .room-stage .gb-tv-live-feed{left:4%;right:4%;top:31%;bottom:2%;padding-inline:3%}
  .room-stage .gb-tv-live-row{grid-template-columns:minmax(0,1fr) 39px;gap:4px;font-size:5.8px}
}
@media (prefers-reduced-motion:reduce){.room-stage .gb-tv-live-feed{transition:none}}


/* Phase One: editorial modules below the room. The room artwork and its
   physical FREE GAMES screen are intentionally untouched. */
.gb-phase-section{position:relative;isolation:isolate;padding:clamp(64px,8vw,112px) clamp(18px,5vw,84px);overflow:hidden;background:#050208}
.gb-phase-section::before{content:"";position:absolute;z-index:-1;inset:-35%;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(255,41,72,.12),transparent 31%),radial-gradient(circle at 88% 60%,rgba(33,234,255,.09),transparent 30%)}
.gb-phase-section+.gb-phase-section{padding-top:0}
.gb-phase-shell{width:min(1320px,100%);margin:0 auto}
.gb-phase-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:clamp(24px,4vw,42px)}
.gb-phase-kicker{margin:0 0 10px;color:var(--red);font:1000 10px/1.2 "Courier New",monospace;letter-spacing:.22em;text-transform:uppercase}
.gb-phase-title{margin:0;font-size:clamp(42px,6vw,82px);line-height:.88;letter-spacing:-.055em;text-transform:uppercase}
.gb-phase-intro{max-width:560px;margin:0;color:#aaa4b8;font-size:clamp(14px,1.35vw,18px);line-height:1.65}
.gb-latest-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:20px}
.gb-latest-lead,.gb-latest-item,.gb-free-card,.gb-phase-empty{overflow:hidden;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.064),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.gb-latest-lead{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr);min-height:480px;border-radius:24px}
.gb-latest-media{position:relative;display:block;overflow:hidden;min-height:360px;background:radial-gradient(circle at 62% 28%,rgba(255,41,72,.3),transparent 35%),linear-gradient(145deg,#21102b,#07040a)}
.gb-latest-media img,.gb-latest-thumb img,.gb-free-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .32s ease,filter .32s ease}
.gb-latest-media::after,.gb-free-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 54%,rgba(2,1,5,.42))}
.gb-latest-lead:hover .gb-latest-media img,.gb-latest-item:hover img,.gb-free-card:hover img{transform:scale(1.035);filter:saturate(1.06) contrast(1.04)}
.gb-latest-media-placeholder,.gb-free-media-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:inherit;color:rgba(255,255,255,.08);font:1000 clamp(70px,11vw,150px)/1 ui-sans-serif,system-ui;text-transform:uppercase}
.gb-drop-chip{display:inline-flex;align-items:center;min-height:29px;padding:7px 9px;border:1px solid currentColor;border-radius:7px;color:var(--red);font:1000 9px/1 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase;background:rgba(2,1,5,.62)}
.gb-latest-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,54px)}
.gb-latest-copy h3{margin:15px 0 17px;font-size:clamp(34px,4vw,62px);line-height:.94;letter-spacing:-.05em;text-wrap:balance}
.gb-latest-copy h3 a,.gb-latest-item h3 a,.gb-free-card h3 a{color:#fff;text-decoration:none}
.gb-latest-copy h3 a:hover,.gb-latest-item h3 a:hover,.gb-free-card h3 a:hover{color:var(--cyan)}
.gb-latest-copy>p{margin:0;color:#b6afbd;font-size:clamp(15px,1.2vw,18px);line-height:1.65}
.gb-drop-byline{display:flex;align-items:center;gap:11px;margin-top:25px;color:#d9d4de}
.gb-drop-byline img,.gb-drop-initials{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;object-fit:cover;background:#140a19;color:#fff;font:1000 11px/1 "Courier New",monospace}
.gb-drop-byline strong,.gb-drop-byline small{display:block}.gb-drop-byline strong{font-size:12px}.gb-drop-byline small{margin-top:3px;color:#898291;font-size:10px;line-height:1.35}
.gb-latest-list{display:grid;align-content:start;gap:12px}
.gb-latest-item{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:112px;border-radius:16px;transition:transform .2s ease,border-color .2s ease}
.gb-latest-item:hover,.gb-free-card:hover{transform:translateY(-3px);border-color:rgba(33,234,255,.48)}
.gb-latest-thumb{display:block;overflow:hidden;min-height:112px;background:#120918}
.gb-latest-item-copy{display:flex;flex-direction:column;justify-content:center;padding:15px 16px}
.gb-latest-item-copy small{color:var(--cyan);font:900 8px/1.35 "Courier New",monospace;letter-spacing:.11em;text-transform:uppercase}
.gb-latest-item h3{margin:7px 0 8px;font-size:18px;line-height:1.08;letter-spacing:-.025em}
.gb-latest-item-meta{color:#837d8a;font-size:9px;font-weight:800;text-transform:uppercase}
.gb-phase-empty{display:grid;place-items:center;min-height:190px;padding:30px;border-style:dashed;border-radius:18px;text-align:center}
.gb-phase-empty strong{display:block;color:#fff;font-size:20px}.gb-phase-empty span{display:block;max-width:420px;margin-top:7px;color:#8f8998;font-size:13px;line-height:1.55}
.gb-free-radar{border-top:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#050208,#08030b)}
.gb-free-radar .gb-phase-kicker,.gb-free-radar .gb-drop-chip{color:var(--cyan)}
.gb-free-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gb-free-card{display:flex;min-height:430px;flex-direction:column;border-radius:20px;transition:transform .2s ease,border-color .2s ease}
.gb-free-media{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:radial-gradient(circle at 66% 28%,rgba(33,234,255,.26),transparent 35%),linear-gradient(145deg,#0d1c24,#07040b)}
.gb-free-copy{display:flex;flex:1;flex-direction:column;padding:21px}
.gb-free-store{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--cyan);font:950 9px/1.35 "Courier New",monospace;letter-spacing:.09em;text-transform:uppercase}
.gb-free-copy h3{margin:13px 0 10px;font-size:clamp(23px,2.3vw,34px);line-height:1;letter-spacing:-.035em}
.gb-free-copy>p{margin:0;color:#aaa4b2;font-size:14px;line-height:1.55}
.gb-free-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.gb-free-facts span{padding:7px 8px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#cac4cf;font-size:9px;font-weight:850;text-transform:uppercase}
.gb-free-action{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:22px}
.gb-free-action a{padding:11px 13px;border:1px solid var(--cyan);border-radius:9px;color:#fff;font-size:9px;font-weight:1000;letter-spacing:.11em;text-transform:uppercase}.gb-free-action a:hover{background:var(--cyan);color:#020307}
.gb-free-action small{color:#77717e;font-size:9px;text-align:right}
.gb-card-byline{display:flex;align-items:center;gap:10px;margin-top:19px;padding-top:15px;border-top:1px solid rgba(255,255,255,.09)}
.gb-card-byline img,.gb-card-byline .gb-card-initials{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid rgba(255,255,255,.16);border-radius:50%;object-fit:cover;background:#140a19;color:#fff;font:1000 9px/1 "Courier New",monospace}
.gb-card-byline-copy{min-width:0}.gb-card-byline-copy strong,.gb-card-byline-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-card-byline-copy strong{color:#f2eef5;font-size:11px}.gb-card-byline-copy small{margin-top:3px;color:#817a88;font-size:9px;text-transform:uppercase}
/* One visual language for every newsroom category card. */
#contentHub .cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
#contentHub .article-card.gb-unified-card,#contentHub .article-card.gb-unified-card:first-child{display:flex!important;grid-column:auto!important;grid-template-columns:none!important;min-width:0!important;min-height:455px!important;border-radius:20px!important;cursor:default!important;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(6,3,10,.96))!important;scroll-margin-top:100px}
#contentHub .article-card.gb-unified-card>.card-art,#contentHub .article-card.gb-unified-card:first-child>.card-art,#contentHub .article-card.gb-unified-card>.card-art.real-photo,#contentHub .article-card.gb-unified-card:first-child>.card-art.real-photo{display:block!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;min-height:0!important;aspect-ratio:16/9!important}
#contentHub .article-card.gb-unified-card>.card-body{display:flex!important;grid-column:auto!important;grid-row:auto!important;justify-content:flex-start!important;padding:22px!important}
#contentHub .article-card.gb-unified-card .card-title{max-width:none!important;margin:11px 0 11px!important;font-size:clamp(25px,2.15vw,36px)!important;line-height:1!important;letter-spacing:-.035em!important}
#contentHub .article-card.gb-unified-card .card-summary{display:-webkit-box!important;overflow:hidden!important;max-width:none!important;font-size:14px!important;line-height:1.55!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important}
#contentHub .article-card.gb-unified-card .card-actions{margin-top:auto!important;padding-top:20px!important}
#contentHub .article-card.gb-unified-card .read-btn,#contentHub .article-card.gb-unified-card .source-btn{padding:11px 12px!important;font-size:8px!important}
.gb-mobile-bottom-nav{display:none}
.gb-mobile-bottom-nav{display:none}

@media(max-width:1040px){
  .gb-latest-grid{grid-template-columns:1fr}.gb-latest-list{grid-template-columns:repeat(2,minmax(0,1fr))}.gb-free-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#contentHub .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.gamingbroject-app{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  .gb-phase-section{padding:52px 14px}.gb-phase-section+.gb-phase-section{padding-top:0}.gb-phase-head{display:block;margin-bottom:24px}.gb-phase-intro{margin-top:13px}
  .gb-phase-title{font-size:clamp(38px,13vw,58px)}
  .gb-latest-lead{display:flex;min-height:0;flex-direction:column;border-radius:17px}.gb-latest-media{min-height:0;aspect-ratio:16/10}.gb-latest-copy{padding:23px 20px 25px}.gb-latest-copy h3{font-size:clamp(30px,10vw,43px)}
  .gb-latest-list{grid-template-columns:1fr}.gb-latest-item{grid-template-columns:112px minmax(0,1fr);min-height:100px}.gb-latest-thumb{min-height:100px}.gb-latest-item h3{font-size:16px}
  .gb-free-grid{grid-template-columns:1fr}.gb-free-card{min-height:0}.gb-free-copy{padding:19px}
  .gb-card-byline{margin-top:15px}
  #contentHub .cards{grid-template-columns:1fr!important;gap:16px!important}#contentHub .article-card.gb-unified-card,#contentHub .article-card.gb-unified-card:first-child{grid-column:1!important;min-height:0!important;border-radius:16px!important}#contentHub .article-card.gb-unified-card>.card-art,#contentHub .article-card.gb-unified-card:first-child>.card-art{aspect-ratio:16/10!important}#contentHub .article-card.gb-unified-card>.card-body{padding:20px!important}#contentHub .article-card.gb-unified-card .card-title{font-size:clamp(27px,9vw,38px)!important}
  .gb-mobile-bottom-nav{position:fixed;z-index:470;left:9px;right:9px;bottom:max(8px,env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:62px;padding:6px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(5,2,9,.94);box-shadow:0 16px 45px rgba(0,0,0,.68),0 0 20px rgba(33,234,255,.08);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}
  .gb-mobile-bottom-nav a,.gb-mobile-bottom-nav button{appearance:none;display:grid;place-items:center;align-content:center;gap:4px;min-width:0;padding:5px 2px;border:0;border-radius:12px;background:transparent;color:#aaa4b1;font-size:7px;font-weight:1000;letter-spacing:.07em;text-transform:uppercase;text-decoration:none}
  .gb-mobile-bottom-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .gb-mobile-bottom-nav a:hover,.gb-mobile-bottom-nav a:focus-visible,.gb-mobile-bottom-nav button:hover,.gb-mobile-bottom-nav button:focus-visible,.gb-mobile-bottom-nav .is-active{background:rgba(33,234,255,.08);color:var(--cyan)}
}
@media(max-width:360px){.gb-mobile-bottom-nav a,.gb-mobile-bottom-nav button{font-size:6.5px}.gb-mobile-bottom-nav{left:6px;right:6px}}
@media(prefers-reduced-motion:reduce){.gb-latest-media img,.gb-latest-thumb img,.gb-free-media img,.gb-latest-item,.gb-free-card{transition:none!important}}