/* WEALTH MU desktop composition — keeps the original proportions at 1370px,
   and scales the design proportionally on wider screens (not a miniaturized page). */
@media (min-width:1121px) {
  body.wealth-compact {
    /* Bigger faithful desktop proportions: 1.22 at 1370px, 1.57 at 1760px. */
    --u: clamp(1.12px, 0.089vw, 1.60px);
    /* Important: the artwork is 2560px wide and must not be shrunk to viewport width. */
    background-size: auto;
    background-position:center top;
  }
  .wealth-compact #wrapper { padding:0; }
  .wealth-compact .top-panel { position:relative; top:auto; left:auto; right:auto; height:calc(50 * var(--u)); z-index:99; }
  .wealth-compact .top-panel .container { width:calc(1020 * var(--u)); max-width:calc(1020 * var(--u)); height:calc(50 * var(--u)); padding:0; flex-wrap:nowrap; }
  .wealth-compact .btn-mobile { display:none; }
  .wealth-compact .top-panel-left { display:flex; flex-shrink:0; align-items:center; height:100%; width:auto; max-width:none; position:static; background:none; transform:none; }
  .wealth-compact .small-logo { width:calc(123 * var(--u)); max-width:calc(123 * var(--u)); padding:0; display:block; flex-shrink:0; }
  .wealth-compact .small-logo img { width:100%; max-width:100%; height:auto; }
  .wealth-compact .menu-scroll { height:100%; overflow:visible; }
  .wealth-compact .menu { display:flex; margin-left:calc(10 * var(--u)); height:100%; }
  .wealth-compact .menu>li { display:flex; align-items:center; height:100%; padding:0; }
  .wealth-compact .menu .menu-item { min-height:100%; height:100%; padding:0 calc(9 * var(--u)) 0 calc(29 * var(--u)); }
  .wealth-compact .menu .menu-item::before,
  .wealth-compact .menu li:nth-child(n) .menu-item::before { display:block; position:absolute; content:""; width:calc(28 * var(--u)); height:calc(20 * var(--u)); left:0; top:calc(15 * var(--u)); background:url(../images/icon-menu.png) center / contain no-repeat; }
  .wealth-compact .menu .menu-item-title { font-size:calc(9 * var(--u)); line-height:1.35; white-space:nowrap; }
  .wealth-compact .menu .menu-item-info { font-size:calc(7 * var(--u)); line-height:1.35; white-space:nowrap; }
  .wealth-compact .lang-block { margin-left:auto; margin-right:calc(14 * var(--u)); font-size:calc(10 * var(--u)); height:auto; padding-top:0; flex-shrink:0; }
  .wealth-compact .main-item { font-size:calc(10 * var(--u)); white-space:nowrap; }
  .wealth-compact .top-panel-right .separator { font-size:calc(10 * var(--u)); margin:0 calc(8 * var(--u)); }
  .wealth-compact .sign-up a { font-size:calc(10 * var(--u)); line-height:1.4; }
  .wealth-compact .sign-up span { font-size:calc(8 * var(--u)); }
  .wealth-compact .login-button { width:calc(98 * var(--u)); min-width:calc(98 * var(--u)); height:calc(30 * var(--u)); padding:0 calc(10 * var(--u)); font-size:calc(10 * var(--u)); border-radius:3px; }
  .wealth-compact .top-panel .profile { height:calc(50 * var(--u)); }
  .wealth-compact .top-panel .profile img { width:calc(36 * var(--u)); height:calc(36 * var(--u)); padding:0; margin-left:calc(8 * var(--u)); }
  .wealth-compact .top-panel .profile .nickname { font-size:calc(11 * var(--u)); max-width:calc(90 * var(--u)); }
  .wealth-compact header > .container { max-width:calc(760 * var(--u)); height:calc(390 * var(--u)); }
  .wealth-compact header .logo { width:calc(300 * var(--u)); margin-left:calc(30 * var(--u)); padding-top:calc(32 * var(--u)); }
  .wealth-compact header .logo img { width:100%; height:auto; }
  .wealth-compact header .bottom-header { bottom:calc(13 * var(--u)); left:0; }
  .wealth-compact header .bottom-header .container { max-width:calc(640 * var(--u)); flex-wrap:nowrap; }
  .wealth-compact .server-info,
  .wealth-compact .download-btn { width:calc(230 * var(--u)); min-width:calc(230 * var(--u)); height:calc(72 * var(--u)); background-size:100% 100%; padding:calc(13 * var(--u)) calc(14 * var(--u)); }
  .wealth-compact .server-info .server-name { font-size:calc(9 * var(--u)); }
  .wealth-compact .server-info .server-status,
  .wealth-compact .server-info .server-online-members,
  .wealth-compact .server-info .server-info-bottom span { font-size:calc(8 * var(--u)); }
  .wealth-compact .server-info .abil { margin:calc(8 * var(--u)) 0 calc(5 * var(--u)); padding:calc(2 * var(--u)) 1px; }
  .wealth-compact .download-btn { padding:calc(10 * var(--u)) calc(6 * var(--u)) calc(10 * var(--u)) calc(90 * var(--u)); }
  .wealth-compact .download-btn h2 { font-size:calc(16 * var(--u)); font-weight:400; line-height:1.3; }
  .wealth-compact .download-btn span { font-size:calc(8 * var(--u)); white-space:nowrap; }
  /* Shift the decorative content upwards to soften the hero-to-content transition. */
  .wealth-compact .main-home .before-character-bg { position:relative; background:none; isolation:isolate; }
  .wealth-compact .main-home .before-character-bg:before { content:""; display:block; position:absolute; inset:0; z-index:-1; pointer-events:none; background:url(../images/before-character-bg.jpg) center top no-repeat; background-size:auto; -webkit-mask-image:linear-gradient(to bottom,transparent 0,black calc(140 * var(--u))); mask-image:linear-gradient(to bottom,transparent 0,black calc(140 * var(--u))); }
  .wealth-compact .main-home .rating-swiper { width:calc(760 * var(--u)); max-width:calc(760 * var(--u)); margin-top:calc(12 * var(--u)); align-items:flex-start; flex-wrap:nowrap; gap:calc(40 * var(--u)); }
  .wealth-compact .main-home .ranking-panel { width:calc(360 * var(--u)); min-width:0; flex:0 0 calc(360 * var(--u)); }
  .wealth-compact .main-home .ranking-title { font-size:calc(14 * var(--u)); font-weight:700; color:white; text-align:center; text-transform:uppercase; margin:0 0 calc(42 * var(--u)); }
  .wealth-compact .main-home .ranking-panel .content { width:100%; height:calc(300 * var(--u)); background:url(../images/top-players-bg.png) center / 100% 100% no-repeat; }
  .wealth-compact .main-home .ranking-guilds .content { background-image:url(../images/top-guilds-bg.png); }
  .wealth-compact .main-home .ranking-panel .rating-tab { display:flex !important; flex-direction:column; align-items:stretch; padding:calc(35 * var(--u)) calc(24 * var(--u)) calc(12 * var(--u)); height:calc(300 * var(--u)); position:relative; }
  .wealth-compact .main-home .ranking-panel .rating-tab::before { width:calc(280 * var(--u)); height:calc(106 * var(--u)); top:calc(-63 * var(--u)); left:calc(50% - 140 * var(--u)); background-size:100% 100% !important; pointer-events:none; }
  .wealth-compact .main-home .ranking-panel #top_players,
  .wealth-compact .main-home .ranking-panel #top_guilds { min-height:0; flex:1; overflow:hidden; }
  .wealth-compact .main-home .ranking-panel .scroll-table { width:100%; overflow:hidden; }
  .wealth-compact .main-home .ranking-panel table { width:100%; font-size:calc(9 * var(--u)); table-layout:fixed; border-collapse:separate; border-spacing:0 calc(2 * var(--u)); font-weight:700; color:white; }
  .wealth-compact .main-home .ranking-panel thead tr { height:calc(34 * var(--u)); }
  .wealth-compact .main-home .ranking-panel tbody tr { height:calc(35 * var(--u)); background:rgba(14,22,29,.37); }
  .wealth-compact .main-home .ranking-panel tbody tr:nth-child(n+5) { display:none; }
  .wealth-compact .main-home .ranking-panel th { font-size:calc(9 * var(--u)); color:#fbc430; }
  .wealth-compact .main-home .ranking-panel th,
  .wealth-compact .main-home .ranking-panel td { padding:0 calc(3 * var(--u)); border:none; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .wealth-compact .main-home .ranking-panel th:first-child,
  .wealth-compact .main-home .ranking-panel td:first-child { padding-left:calc(7 * var(--u)); width:15%; }
  .wealth-compact .main-home .ranking-panel th:nth-child(2),
  .wealth-compact .main-home .ranking-panel td:nth-child(2) { width:41%; }
  .wealth-compact .main-home .ranking-panel td img { max-width:calc(22 * var(--u)); max-height:calc(22 * var(--u)); object-fit:contain; }
  .wealth-compact .main-home .ranking-panel sup { font-size:calc(7 * var(--u)); }
  .wealth-compact .main-home .ranking-panel .ranking-more-btn { margin:calc(8 * var(--u)) auto 0; height:calc(29 * var(--u)); min-width:calc(98 * var(--u)); width:calc(98 * var(--u)); padding:0 calc(10 * var(--u)); font-size:calc(10 * var(--u)); box-shadow:0 4px 14px 1px rgba(198,130,0,.4); flex-shrink:0; }
  .wealth-compact .main-home .ranking-panel .alert { margin-top:calc(9 * var(--u)); padding:calc(8 * var(--u)); font-size:calc(10 * var(--u)); }
  .wealth-compact .main-home .events-block { margin-top:calc(65 * var(--u)); }
}
/* On smaller screens keep the two actual live rankings visible and stack them. */
@media (max-width:1120px) {
  .wealth-compact .main-home .rating-swiper { width:100%; max-width:660px; margin:65px auto 0; display:flex; align-items:center; flex-direction:column; gap:45px; }
  .wealth-compact .main-home .ranking-panel { width:100%; max-width:660px; }
  .wealth-compact .main-home .ranking-panel .content { background:url(../images/top-players-bg.png) center / 100% 100% no-repeat; }
  .wealth-compact .main-home .ranking-guilds .content { background-image:url(../images/top-guilds-bg.png); }
  .wealth-compact .main-home .ranking-title { font-size:21px; color:white; font-weight:700; text-transform:uppercase; text-align:center; margin-bottom:22px; }
  .wealth-compact .main-home .ranking-panel .rating-tab { display:block !important; }
  .wealth-compact .main-home .ranking-panel #top_players,
  .wealth-compact .main-home .ranking-panel #top_guilds { max-height:370px; overflow:hidden; }
  .wealth-compact .main-home .ranking-panel tbody tr:nth-child(n+7) { display:none; }
  .wealth-compact .main-home .ranking-more-btn { display:flex; margin:16px auto 0; }
}
@media (max-width:680px) {
  .wealth-compact .main-home .rating-swiper { margin-top:40px; gap:30px; }
  .wealth-compact .main-home .ranking-panel .content { background-size:100% 100%; }
  .wealth-compact .main-home .ranking-panel .rating-tab { padding:55px 14px 15px; height:auto; min-height:350px; }
  .wealth-compact .main-home .ranking-panel .rating-tab:before { transform:scale(.55); transform-origin:center bottom; top:-90px; }
  .wealth-compact .main-home .ranking-panel table { font-size:10px; }
  .wealth-compact .main-home .ranking-panel th,
  .wealth-compact .main-home .ranking-panel td { padding:5px 2px; font-size:10px; }
  .wealth-compact .main-home .ranking-panel td img { max-width:25px; }
}

/* v4: Legible type and reliable live status; larger proportions on wide screens. */
@media(min-width:1121px) {
 .wealth-compact .server-info {display:flex;flex-direction:column;justify-content:space-between;}
 .wealth-compact .server-info .server-info-top {display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:calc(14 * var(--u));}
 .wealth-compact .server-info .server-name {font-size:calc(11 * var(--u));line-height:1.2;margin:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .wealth-compact .server-info .server-status {font-size:calc(10 * var(--u));white-space:nowrap;margin:0;color:#e4ff00;}
 .wealth-compact .server-info .abil {margin:calc(5 * var(--u)) 0 !important;min-height:calc(3 * var(--u));}
 .wealth-compact .server-info .server-info-bottom {display:flex;justify-content:space-between;align-items:center;min-height:calc(14 * var(--u));}
 .wealth-compact .server-info .server-info-bottom span, .wealth-compact .server-info .server-online-members {font-size:calc(10 * var(--u));line-height:1.2;margin:0;}
 .wealth-compact .main-home .ranking-panel table {font-size:calc(11 * var(--u));}
 .wealth-compact .main-home .ranking-panel th {font-size:calc(10 * var(--u));}
 .wealth-compact .menu .menu-item-title {font-size:calc(10 * var(--u));}
 .wealth-compact .menu .menu-item-info {font-size:calc(8 * var(--u));}
}