/* Desktop composition only. Phone layout and game/account behaviour are unchanged. */
@media (min-width: 980px) {
  body {min-height:100vh;}
  body::before {
    position:fixed;
    background:linear-gradient(90deg,#0c15134d 0%,#0d1713a8 44%,#0d1713f5 78%),linear-gradient(0deg,#0d1713e6,transparent 70%),url('/hub/menu-background.jpg') 26% center/cover no-repeat;
  }
  body>header {max-width:1240px;padding:28px 40px 16px;}
  body>header button {font-size:15px;}
  main {display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);column-gap:clamp(48px,6vw,96px);max-width:1240px;padding:32px 40px 36px;align-items:start;}
  .hub-intro {position:sticky;top:40px;padding:34px 0 24px;min-width:0;}
  .hub-intro .logo {width:360px;max-width:100%;margin:0 0 20px;}
  .browser-invite {text-align:left;font-size:27px;line-height:1.5;margin:0 0 42px;}
  .browser-invite span {font-size:14px;margin-top:9px;}
  .hub-intro .register {padding:19px 20px;margin:16px 0;background:#293424e8;border-radius:6px;}
  .register strong {font-size:22px;}
  .register span {font-size:13px;line-height:1.6;margin-top:6px;}
  .quick-settings {padding:14px 18px;background:#111d19c9;}
  .quick-settings small {font-size:12px;}
  .hub-modes {min-width:0;}
  .hub-modes .mode {margin:0 0 16px;border-radius:8px;background:#142019ed;box-shadow:0 12px 40px #0002;}
  .hub-modes .mode summary {padding:20px 24px;}
  .hub-modes .mode summary span {font-size:32px;}
  .hub-modes .mode summary small {font-size:14px;line-height:1.55;}
  .hub-modes .mode summary small.gold {font-size:13px;}
  .hub-modes .mode summary:after {font-size:26px;}
  .hub-modes .content {padding:0 24px 24px;}
  .hub-modes .content:before {margin-bottom:20px;}
  .hub-modes .content h2 {font-size:25px;}
  .hub-modes .content>p,.hub-modes .content h2+p {font-size:13px;}
  .hub-modes .times {gap:9px;margin:18px 0 12px;}
  .hub-modes .times button {min-height:80px;padding:9px 0;}
  .hub-modes .times strong {font-size:27px;}
  .hub-modes .times span {font-size:12px;}
  .hub-modes .times .access {font-size:11px;}
  .hub-modes .content .counts {font-size:13px;margin-bottom:18px;}
  .hub-modes h3 {font-size:12px;margin:14px 0 8px;}
  .hub-modes .chip {font-size:13px;padding:6px 9px;}
  .hub-modes .primary {min-height:52px;margin-top:20px;font-size:23px;}
  .hub-modes .gifts {grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;}
  .hub-modes .gifts button {min-height:44px;}
  .hub-modes #gift-info,.hub-modes #arena-info {font-size:13px;}
  main>footer {grid-column:1/-1;justify-content:flex-end;border-top:1px solid #87927b33;padding-top:16px;margin-top:16px;gap:0 24px;}
  main>footer a,main>footer button {font-size:12px;}
}
@media (min-width:1500px) {
  body>header,main {max-width:1360px;}
  main {padding-top:54px;column-gap:112px;}
  .hub-intro {padding-top:46px;}
  .hub-intro .logo {width:400px;}
}
@media (prefers-reduced-motion:no-preference) and (min-width:980px) {
  .hub-modes .mode {transition:border-color .15s ease,background-color .15s ease;}
  .hub-modes .mode:hover {border-color:#c6b881b3;background:#19261eef;}
}