.game-hub-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.game-hub-main,.game-hub-events{min-width:0}.game-leaderboard{padding:24px;background:#253229;color:#eef3e9;border:1px solid #667461;box-shadow:inset 0 1px #ffffff20,0 5px #132016,0 6px #5a6858}
.game-leaderboard .panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.game-leaderboard h1{font-size:25px;margin:0}.game-leaderboard .panel-head>span{color:#bdcbb7;font-size:12px}
.token-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:26px 0 10px;align-items:end}
.token-winner{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:22px 10px 18px;border:1px solid #55644f;border-radius:10px;background:linear-gradient(#3c4b38,#202d24);box-shadow:inset 0 1px #ffffff15,0 5px #101b14;min-width:0}.token-winner.rank-1{padding-top:34px;border-color:#d0a54d;background:linear-gradient(#665333,#2b3023)}
.token-rank{position:absolute;top:-13px;background:#ff6b00;color:#fff;border:2px solid #ffc477;border-radius:20px;padding:3px 13px;font-weight:900}.token-head{display:grid;place-items:center;width:86px;height:86px;background:#152119;border:3px solid #8b9d7d;border-radius:50%;box-shadow:0 4px #101910;color:#fff;font-size:30px}.token-head img{width:76px;height:76px;object-fit:contain;image-rendering:pixelated}.rank-1 .token-head{border-color:#ffcc68}.token-username{font-weight:800;color:#fff;overflow-wrap:anywhere}.token-habbo{font-size:11px;color:#c8d6c1;overflow-wrap:anywhere}.token-winner>strong{color:#ffd07b;font-size:19px}.token-winner small{display:block;color:#b6c7ac;font-size:10px;margin-top:3px}
.game-room-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:27px}.game-room-button{display:flex;flex-direction:column;justify-content:center;gap:13px;min-height:116px;padding:18px 10px;border-radius:8px;background:linear-gradient(#00000032,#00000065),var(--room-color);border:1px solid var(--room-color);box-shadow:inset 0 1px #ffffff45,0 5px #17221b;color:white;text-align:center;text-shadow:0 1px 2px #000;transition:transform .15s,filter .15s}.game-room-button strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.game-room-button span{font-size:11px}.game-room-button:hover{transform:translateY(-3px);filter:brightness(1.18)}.game-room-button:focus-visible{outline:3px solid #ffb86b;outline-offset:4px}
@media(max-width:950px){.game-hub-layout{grid-template-columns:minmax(0,1fr) 260px}.game-room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.game-hub-layout{grid-template-columns:1fr}.game-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.token-podium{gap:8px}.game-leaderboard{padding:18px 12px}.token-head{width:66px;height:66px}.token-head img{width:60px;height:60px}.token-username{font-size:13px}.token-winner{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.game-room-button{transition:none}}

/* Individual podium cards float directly on the page. */
.token-shop-header { margin-bottom: 24px; }
.token-shop-header h1 { margin: 12px 0; font-size: clamp(24px, 3vw, 36px); }
.token-shop-preview { display: inline-block; padding: 5px 10px; border-radius: 6px; background: #182526; color: #ffd071; font-size: 12px; font-weight: 800; }
.token-shop-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.token-shop-item { padding: 28px 20px; text-align: center; border: 1px solid #58645b; border-radius: 12px; color: #fff; background: #24302c; box-shadow: inset 0 1px #ffffff26, 0 6px #111e19, 0 12px 20px #0002; }
.shop-coin { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 50%; border: 4px solid #f8d77c; background: #e4aa30; color: #49330d; font-size: 26px; font-weight: 900; box-shadow: inset 0 0 0 3px #a8741c, 0 5px #86611e; }
.token-shop-item h2 { font-size: 20px; }
.token-shop-item p { color: #ffd071; font-weight: 800; }
.token-shop button { min-height: 42px; padding: 10px 20px; border-radius: 8px; background: #48534d; color: #d3dcd5; opacity: 1; cursor: not-allowed; font-weight: 700; }
.token-shop-discord { display: flex; gap: 24px; align-items: center; justify-content: space-between; margin-top: 30px; padding: 28px; background: #343052; border: 1px solid #7668a2; color: #fff; border-radius: 12px; box-shadow: inset 0 1px #ffffff26, 0 6px #211c37; }
.token-shop-discord p { max-width: 600px; line-height: 1.6; }
.token-shop-note { text-align: center; margin-top: 26px; font-size: 13px; }
@media (max-width: 800px) { .token-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .token-shop-grid { gap: 14px; } .token-shop-item { padding: 22px 10px; } .token-shop-item h2 { font-size: 16px; } .token-shop-discord { flex-direction: column; align-items: start; } }
.game-leaderboard.panel{padding:0;background:none;border:0;box-shadow:none;overflow:visible;color:#263027}
.game-leaderboard .panel-head>span{color:#485443}
.token-winner,.token-winner.rank-1{background:#c9ced4;border-color:#87919b;color:#202720;box-shadow:inset 0 1px #ffffff8a,0 5px #6b747d,0 12px 18px #17201b22}
.token-winner.rank-1{background:#e8b63e;border-color:#c08a1e;box-shadow:inset 0 1px #ffffff8a,0 5px #966b19,0 12px 18px #17201b22}
.token-winner.rank-3{background:#ce8b50;border-color:#a16a39;box-shadow:inset 0 1px #ffffff70,0 5px #80512a,0 12px 18px #17201b22}
.token-winner .token-username,.token-winner .token-habbo,.token-winner>strong,.token-winner small{color:#202720}
.token-nav-button{display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap;background:#d5a537!important;color:#202720!important;border-color:#eecb73!important}
.token-nav-button[hidden]{display:none!important}
.token-nav-coin{display:grid;place-items:center;width:23px;height:23px;border:2px solid #73500f;border-radius:50%;background:#ffdb72;font-weight:900;font-size:12px;box-shadow:inset 0 0 0 2px #e0ac39}

/* Icons and text share the same navigation button height. */
#navigation .nav-top {
  height: 48px;
}
#navigation .token-nav-button,
#navigation .staff-nav-button {
  min-height: 0;
  padding: 0 19px;
  justify-content: center;
}
#navigation .staff-nav-button {
  flex: 0 0 auto;
  width: auto;
}
@media (max-width: 1100px) {
  #navigation .token-nav-button,
  #navigation .staff-nav-button {
    padding-inline: 14px;
  }
}
@media (max-width: 900px) {
  #navigation .nav-top {
    height: 44px;
  }
  #navigation .staff-nav-button {
    width: 100%;
  }
}
@media (max-width: 550px) {
  #navigation .nav-top {
    height: 41px;
  }
}