@media(min-width:901px){
  :root{
    --desktop-board-sidebar:clamp(200px,12.8vw,220px);
    --desktop-dashboard-width:clamp(282px,18.5vw,320px);
    --desktop-workspace-gap:10px;
    --shell-width:var(--desktop-board-sidebar);
  }

  html,body{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}
  body.v2-shell-active.desktop-board-workspace{
    padding-right:var(--desktop-board-sidebar)!important;
    background:
      linear-gradient(rgba(1,26,29,.50),rgba(1,22,25,.62)),
      url('../../assets/civilization-chess-bg.webp?v=20261007-bg14') center center / cover no-repeat fixed!important;
  }

  body.desktop-board-workspace .home-header,
  body.desktop-board-workspace #welcomeTicker,
  body.desktop-board-workspace #tournamentResultsTicker,
  body.desktop-board-workspace .home-features,
  body.desktop-board-workspace #register,
  body.desktop-board-workspace footer{display:none!important}
  body.desktop-board-workspace > #ranking{display:none!important}

  /* Right fixed sidebar */
  body.desktop-board-workspace .v2-global-sidebar{
    width:var(--desktop-board-sidebar)!important;
    padding:10px 10px 9px!important;
    gap:8px!important;
    background:linear-gradient(180deg,#033f43 0%,#023438 42%,#022f33 100%)!important;
    border-left:1px solid rgba(224,181,103,.38)!important;
    box-shadow:-10px 0 30px rgba(0,0,0,.16)!important;
    overflow:hidden!important;
  }
  body.desktop-board-workspace .v2-global-brand{
    min-height:58px!important;
    padding:7px 5px 9px!important;
    margin:0!important;
    border-bottom:1px solid rgba(224,181,103,.38)!important;
    gap:9px!important;
  }
  body.desktop-board-workspace .v2-global-brand-mark{
    width:42px!important;height:42px!important;border-radius:12px!important;
    background:linear-gradient(135deg,#efca72,#d9a94d)!important;color:#123a3c!important;font-size:23px!important;
    box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
  }
  body.desktop-board-workspace .v2-global-brand-copy{font-size:17px!important;line-height:1.2!important;color:#f4efe6!important}
  body.desktop-board-workspace .v2-global-note{display:none!important}
  body.desktop-board-workspace [data-v2-admin-link]{display:none!important}

  .desktop-member-card{
    flex:0 0 auto;
    min-height:112px;
    padding:10px 9px;
    display:grid;
    grid-template-columns:18px minmax(0,1fr) 62px;
    align-items:center;
    gap:7px;
    border:1px solid rgba(224,181,103,.5);
    border-radius:15px;
    background:linear-gradient(145deg,rgba(7,65,69,.94),rgba(4,47,51,.94));
    color:#f4efe6;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.035);
  }
  .desktop-member-card:hover{border-color:rgba(239,207,124,.82);background:linear-gradient(145deg,rgba(8,73,77,.96),rgba(5,53,57,.96))}
  .desktop-member-chevron{color:#d9c997;font-size:29px;line-height:1;text-align:center}
  .desktop-member-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.15}
  .desktop-member-copy>strong{width:100%;font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f4efe6}
  .desktop-member-city,.desktop-member-rating,.desktop-member-status{display:flex;align-items:center;gap:5px;color:#d8d2c5;font-size:10px;font-weight:700}
  .desktop-member-rating b{color:#f4efe6;font-size:14px;font-weight:900}
  .desktop-member-status{margin-top:2px;color:#43db7a}
  .desktop-member-status i{width:8px;height:8px;border-radius:50%;background:#43db7a;box-shadow:0 0 0 3px rgba(67,219,122,.09)}
  .desktop-member-card.is-guest .desktop-member-status{color:#c9c1b4}.desktop-member-card.is-guest .desktop-member-status i{background:#8f9995;box-shadow:none}
  .desktop-member-avatar-wrap{position:relative;width:58px;height:58px;border:1px solid rgba(224,181,103,.5);border-radius:50%;background:rgba(2,38,42,.72);display:grid;place-items:center;overflow:visible}
  .desktop-member-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
  .desktop-member-avatar[hidden]{display:none!important}
  .desktop-member-fallback{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;color:#f4efe6;font-size:31px;background:radial-gradient(circle at 38% 30%,#0d6064,#06393d 65%,#042b2f)}
  .desktop-member-fallback[hidden]{display:none!important}
  .desktop-member-online-dot{position:absolute;right:1px;bottom:2px;width:11px;height:11px;border-radius:50%;background:#43db7a;border:2px solid #063a40}

  body.desktop-board-workspace .v2-global-nav{
    min-height:0!important;
    flex:1 1 auto!important;
    display:grid!important;
    align-content:start!important;
    gap:5px!important;
    padding:4px 0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  body.desktop-board-workspace .desktop-home-nav-link{
    min-height:44px!important;
    padding:0 12px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    direction:rtl!important;
    border:1px solid rgba(216,182,101,.15)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.025)!important;
    color:#f4efe6!important;
    font-size:16px!important;
    font-weight:900!important;
    text-decoration:none!important;
  }
  body.desktop-board-workspace .desktop-home-nav-link:hover{background:rgba(255,255,255,.055)!important;border-color:rgba(216,182,101,.34)!important}
  body.desktop-board-workspace .desktop-home-nav-link.active{
    background:linear-gradient(145deg,rgba(7,65,69,.98),rgba(3,49,53,.98))!important;
    border-color:rgba(239,202,114,.88)!important;
    color:#efcf7c!important;
    box-shadow:0 0 0 1px rgba(239,202,114,.08),0 6px 16px rgba(0,0,0,.12)!important;
  }
  body.desktop-board-workspace .desktop-home-nav-link.active .v2-global-icon,
  body.desktop-board-workspace .desktop-home-nav-link.active .desktop-home-nav-label{
    color:#efcf7c!important;
  }
  .desktop-home-nav-chevron{font-size:24px;line-height:1;color:inherit;opacity:.86}
  .desktop-home-nav-label{flex:1 1 auto;min-width:0;text-align:right;white-space:nowrap;overflow:visible;text-overflow:clip}
  body.desktop-board-workspace .desktop-home-nav-link .v2-global-icon{flex:0 0 34px;width:34px!important;text-align:center!important;font-size:26px!important;line-height:1!important;color:inherit!important}
  .desktop-sidebar-footer{flex:0 0 auto;min-height:33px;padding:7px 4px 0;border-top:1px solid rgba(224,181,103,.34);display:flex;align-items:center;justify-content:center;gap:6px;color:#b9c7c2;font-size:9px;font-weight:700;text-align:center}
  .desktop-sidebar-footer>span:first-child{color:#d7c78f;font-size:13px}

  /* Hide the legacy homepage body while keeping its live data sources in the DOM. */
  body.desktop-board-workspace #homeHero{
    position:fixed!important;
    inset:0 var(--desktop-board-sidebar) 0 0!important;
    width:auto!important;height:100dvh!important;min-height:0!important;
    padding:0!important;margin:0!important;overflow:hidden!important;background:transparent!important;
  }
  body.desktop-board-workspace #homeHero>.wrap{width:100%!important;max-width:none!important;height:100%!important;margin:0!important}
  body.desktop-board-workspace .home-hero-grid{position:relative!important;width:100%!important;height:100%!important;display:block!important}
  body.desktop-board-workspace .home-hero-copy{display:none!important}

  /* Large board: fills the whole left zone, with no middle dead space. */
  .desktop-board-stage{
    position:fixed;
    z-index:30;
    left:10px;
    top:10px;
    bottom:10px;
    right:calc(var(--desktop-board-sidebar) + var(--desktop-dashboard-width) + (var(--desktop-workspace-gap) * 2));
    display:grid;
    place-items:center start;
    pointer-events:none;
    overflow:hidden;
  }
  body.desktop-board-workspace #homeBoardPreview.desktop-board-preview{
    display:block!important;
    position:relative!important;
    width:min(calc(100vw - var(--desktop-board-sidebar) - var(--desktop-dashboard-width) - 40px),calc(100dvh - 20px))!important;
    height:min(calc(100vw - var(--desktop-board-sidebar) - var(--desktop-dashboard-width) - 40px),calc(100dvh - 20px))!important;
    max-width:none!important;max-height:none!important;aspect-ratio:1/1!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;
    box-shadow:0 14px 34px rgba(0,0,0,.26)!important;
    pointer-events:auto;overflow:hidden;
  }
  .desktop-board-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:0;overflow:hidden;background:#ad8a65 url('../../assets/boards/wood4.jpg') center/100% 100% no-repeat}
  .desktop-board-square{position:relative;border:.5px solid rgba(54,33,25,.16);user-select:none}
  /* Original PNG artwork for the idle homepage board, no legacy CSS sprites. */
  .desktop-board-square > .desktop-board-preview-piece{
    position:absolute;left:50%;top:50%;display:block;
    width:100%;height:100%;object-fit:contain;
    transform:translate(-50%,-50%);transform-origin:center center;
    pointer-events:none;user-select:none;-webkit-user-drag:none;
  }
  /* All major pieces: a uniform 5% optical reduction; pawns remain at 90%. */
  .desktop-board-square > .desktop-board-preview-piece:not([src*="/wp.png"]):not([src*="/bp.png"]){
    transform:translate(-50%,-50%) scale(.95)!important;
  }
  .desktop-board-square > .desktop-board-preview-piece:is([src*="/wp.png"],[src*="/bp.png"]){
    transform:translate(-50%,-50%) scale(.90)!important;
  }
  .desktop-board-square.light{background:rgba(255,247,224,.43)!important}
  .desktop-board-square.dark{background:rgba(49,24,11,.36)!important}
  /* Prevent historical CSS sprite pseudo-layers from painting on top of current images.
     Restrict to the idle preview; legal move markers in active boards stay untouched. */
  body.desktop-board-workspace #homeBoardPreview.desktop-board-preview:not(.inline-play-active):not(.inline-computer-active):not(.inline-puzzle-active):not(.inline-learn-active):not(.inline-tournament-spectator) .desktop-board-square::after,
  body.desktop-board-workspace #homeBoardPreview.desktop-board-preview:not(.inline-play-active):not(.inline-computer-active):not(.inline-puzzle-active):not(.inline-learn-active):not(.inline-tournament-spectator) .desktop-board-square::before{
    content:none!important;display:none!important;background-image:none!important;
  }

  /* Center dashboard: occupies the former empty area and stays visible beside the board. */
  .desktop-dashboard-column{
    position:fixed;
    z-index:45;
    top:10px;
    bottom:10px;
    right:calc(var(--desktop-board-sidebar) + var(--desktop-workspace-gap));
    width:var(--desktop-dashboard-width);
    overflow:hidden;
    color:#f4efe6;
    direction:rtl;
  }
  .desktop-dashboard-home{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:9px}
  .desktop-dashboard-home[hidden]{display:none!important}

  .desktop-welcome-card,.desktop-live-stat,.desktop-dashboard-view{
    border:1px solid rgba(102,172,173,.34);
    background:linear-gradient(145deg,rgba(6,59,63,.94),rgba(3,45,49,.94));
    box-shadow:0 12px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.03);
  }
  .desktop-welcome-card{position:relative;overflow:hidden;border-radius:15px;display:grid;grid-template-columns:minmax(0,1fr) 42%;min-height:0}
  .desktop-welcome-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,35,39,.12),transparent 55%,rgba(0,0,0,.13));pointer-events:none}
  .desktop-welcome-copy{position:relative;z-index:2;padding:18px 8px 14px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0}
  .desktop-welcome-copy small{font-size:16px;font-weight:800;color:#f4efe6;line-height:1.15}
  .desktop-welcome-copy h2{margin:4px 0 5px;color:#efcb76;font-size:24px;line-height:1.12;font-weight:900;white-space:nowrap}
  .desktop-welcome-copy p{margin:0;color:#eee6d8;font-size:13px;font-weight:700}
  .desktop-welcome-rule{width:38px;height:3px;margin:11px 0 8px;border-radius:999px;background:#e0b567}
  .desktop-welcome-copy blockquote{margin:0;color:#d7d2c7;font-size:12px;font-weight:700;white-space:nowrap}
  .desktop-welcome-art{position:relative;z-index:1;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 42% 42%,rgba(30,117,121,.34),transparent 48%),linear-gradient(145deg,rgba(2,43,47,.12),rgba(0,22,25,.42))}
  .desktop-welcome-art span{position:relative;z-index:3;color:#071e21;font-family:"Times New Roman",serif;font-size:clamp(78px,7vw,120px);line-height:1;filter:drop-shadow(0 8px 10px rgba(0,0,0,.48));text-shadow:0 1px 0 rgba(255,255,255,.08)}
  .desktop-welcome-art i,.desktop-welcome-art b{position:absolute;color:rgba(0,20,23,.48);font-family:"Times New Roman",serif;font-style:normal;font-weight:400;filter:blur(1.6px)}
  .desktop-welcome-art i{right:4%;top:16%;font-size:66px}.desktop-welcome-art b{left:2%;bottom:10%;font-size:62px}

  /* Champion strips: a single balanced line, with the name in the center. */
  .desktop-champions-grid{
    min-height:0;display:grid;
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:7px;overflow:hidden;
  }
  .desktop-champion-card{
    --champion-accent:#dbc393;
    position:relative;min-width:0;min-height:0;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.42fr) minmax(0,1fr);
    align-items:center;column-gap:2px;
    padding:5px 9px;box-sizing:border-box;
    border:1px solid rgba(199,183,140,.24);border-radius:8px;
    background:rgba(5,51,55,.84);
    color:#f5efe6;text-decoration:none;direction:rtl;overflow:hidden;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    transition:background-color .16s ease,border-color .16s ease;
  }
  .desktop-champion-card[data-champion="week"]{--champion-accent:#d6bb8a}
  .desktop-champion-card[data-champion="month"]{--champion-accent:#c9d4d6}
  .desktop-champion-card[data-champion="site"]{
    --champion-accent:#f1cf83;
    border-color:rgba(224,191,120,.35);
    background:rgba(7,58,62,.90);
  }
  .desktop-champion-card::before{
    content:"";position:absolute;right:0;top:11px;bottom:11px;width:3px;
    border-radius:0 3px 3px 0;background:var(--champion-accent);
    opacity:.87;pointer-events:none;
  }
  .desktop-champion-card:hover,.desktop-champion-card:focus-visible{
    border-color:var(--champion-accent);
    background:rgba(12,72,76,.94);
    outline:none;
  }
  .desktop-champion-title,.desktop-champion-result{
    min-width:0;width:100%;box-sizing:border-box;
    display:flex;flex-direction:row;align-items:center;justify-content:center;
    white-space:nowrap;
  }
  .desktop-champion-title{
    gap:4px;color:var(--champion-accent);
    overflow:hidden;
  }
  .desktop-champion-title strong{
    font-size:clamp(10px,.72vw,11.5px);
    line-height:1.15;font-weight:900;white-space:nowrap;
  }
  .desktop-champion-icon{
    flex:0 0 21px;width:21px;height:21px;min-width:21px;
    display:grid;place-items:center;
    color:var(--champion-accent);
  }
  .desktop-champion-icon svg{width:20px;height:20px;display:block}
  .desktop-champion-name{
    min-width:0;width:100%;display:block;box-sizing:border-box;
    padding:0 3px;margin:0;
    color:#fffaf1;font-size:clamp(16px,1.33vw,20px);
    line-height:1.16;font-weight:900;
    text-align:center;white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;
  }
  .desktop-champion-result{gap:4px;text-align:center}
  .desktop-champion-count{
    flex:0 1 auto;min-width:0;
    font-size:clamp(16px,1.32vw,19px);line-height:1.12;
    font-weight:900;color:#f2d79f;direction:ltr;
    white-space:nowrap;font-variant-numeric:tabular-nums;
  }
  .desktop-champion-meta{
    flex:0 0 auto;font-size:11px;line-height:1.1;
    font-weight:700;color:#c7d8d4;white-space:nowrap;
  }
  .desktop-champion-card:not(.has-champion) .desktop-champion-name{
    color:#cbd8d5;font-size:clamp(12px,1vw,14px);
  }
  @media(max-height:720px) and (min-width:901px){
    .desktop-champions-grid{gap:5px}
    .desktop-champion-card{padding:3px 7px;column-gap:2px}
    .desktop-champion-icon{width:18px;height:18px;min-width:18px;flex-basis:18px}
    .desktop-champion-icon svg{width:17px;height:17px}
    .desktop-champion-title{gap:3px}
    .desktop-champion-title strong{font-size:10px}
    .desktop-champion-name{font-size:clamp(15px,1.24vw,18px)}
    .desktop-champion-count{font-size:16px}
    .desktop-champion-meta{font-size:10px}
  }

  .desktop-live-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-height:0}
  .desktop-live-stat{border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:6px 4px;text-align:center}
  .desktop-stat-icon{font-size:17px;line-height:1;font-weight:900;letter-spacing:-3px}.desktop-stat-icon.gold{color:#f0bd50}.desktop-stat-icon.green{color:#45d778}.desktop-stat-icon.cyan{color:#45bff0}
  .desktop-live-stat strong{margin-top:5px;color:#f4efe6;font-size:22px;line-height:1;font-weight:900;direction:ltr}
  .desktop-live-stat small{margin-top:5px;color:#d8d1c5;font-size:12px;font-weight:700;white-space:nowrap}

  /* The center panel changes while the board stays fixed. */
  .desktop-dashboard-view{height:100%;border-radius:15px;overflow:hidden;display:flex;flex-direction:column}
  .desktop-dashboard-view[hidden]{display:none!important}
  .desktop-dashboard-view-head{height:52px;flex:0 0 52px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(224,181,103,.25);background:rgba(4,49,53,.96)}
  .desktop-dashboard-view-head>strong{font-size:15px;color:#efcf7c;font-weight:900}.desktop-dashboard-view-head>button{height:32px;padding:0 10px;border:1px solid rgba(224,181,103,.36);border-radius:9px;background:transparent;color:#f4efe6;font:800 10px Arial,sans-serif;cursor:pointer}
  .desktop-dashboard-view.ranking-view .desktop-dashboard-view-head{display:none!important}
  .desktop-dashboard-view.embedded-view .desktop-dashboard-view-head{display:none!important}
  .desktop-dashboard-view.puzzle-view .desktop-dashboard-view-head{display:none!important}
  .desktop-dashboard-view.learn-view .desktop-dashboard-view-head{display:none!important}
  .desktop-dashboard-view.computer-view .desktop-dashboard-view-head{display:none!important}
  .desktop-dashboard-view-body{flex:1;min-height:0;overflow:auto;padding:9px}
  .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body{padding:8px 9px 9px!important;overflow:hidden!important}
  .desktop-dashboard-view.embedded-view .desktop-dashboard-view-body{padding:0!important;overflow:hidden!important;background:#043135!important}
  .desktop-dashboard-view.puzzle-view .desktop-dashboard-view-body{padding:9px!important;overflow:hidden!important;background:transparent!important}
  .desktop-dashboard-view.learn-view .desktop-dashboard-view-body{padding:9px!important;overflow:hidden!important;background:transparent!important}
  .desktop-dashboard-view.computer-view .desktop-dashboard-view-body{padding:9px!important;overflow:hidden!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .desktop-dashboard-view.profile-view .desktop-dashboard-view-head{display:none!important}
  .desktop-dashboard-view.profile-view .desktop-dashboard-view-body{padding:0!important;overflow:hidden!important;background:#043135!important}
  .desktop-dashboard-embed{display:block;width:100%;height:100%;min-height:0;border:0;background:#043135}

  /* Simple ranking view: title, independent filters, normal table flow. */
  body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking>.wrap{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking .head{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 7px!important;
    padding:2px 0 0!important;
    display:block!important;
    position:static!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking .head>div:first-child{
    width:100%!important;
    text-align:center!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking #rankingTitle{
    margin:0!important;
    padding:0 0 8px!important;
    text-align:center!important;
    color:#efcf7c!important;
    -webkit-text-fill-color:#efcf7c!important;
    font-size:22px!important;
    line-height:1.15!important;
    font-weight:900!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking .ranking-filters{
    width:100%!important;
    max-width:none!important;
    margin:0 0 8px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    direction:rtl!important;
    transform:none!important;
    position:static!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking .ranking-filter-control{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    width:100%!important;
    height:40px!important;
    margin:0!important;
    border:1px solid rgba(239,202,114,.62)!important;
    border-radius:13px!important;
    background:rgba(4,53,56,.28)!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking .ranking-filter-icon{
    position:absolute!important;
    right:11px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#efc45f!important;
    font-size:16px!important;
    line-height:1!important;
    pointer-events:none!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking .ranking-filters select{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 40px 0 24px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#f4efe6!important;
    -webkit-text-fill-color:#f4efe6!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:800!important;
    text-align:center!important;
    text-align-last:center!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking .ranking-filters select:disabled{
    background:transparent!important;
    color:#aab9b4!important;
    -webkit-text-fill-color:#aab9b4!important;
    opacity:.62!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking .table-card{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(224,181,103,.38)!important;
    border-radius:14px!important;
    background:rgba(3,49,52,.22)!important;
    box-shadow:none!important;
    display:block!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking .table-head{
    display:none!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking .table-wrap{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:table!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
    direction:rtl!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking thead{
    display:table-header-group!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody{
    display:table-row-group!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking thead tr,
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr{
    display:table-row!important;
    height:auto!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking th,
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking td{
    display:table-cell!important;
    height:32px!important;
    padding:2px 7px!important;
    border:0!important;
    border-bottom:1px solid rgba(133,171,164,.20)!important;
    background:transparent!important;
    color:#f4efe6!important;
    font-size:12.5px!important;
    text-align:center!important;
    vertical-align:middle!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking th{
    height:30px!important;
    color:#dfcfaa!important;
    background:rgba(20,103,102,.10)!important;
    font-weight:900!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking tbody tr:last-child td{
    border-bottom:0!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking th:nth-child(1),
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking td:nth-child(1){
    width:16%!important;
    min-width:0!important;
    max-width:none!important;
    padding-inline:8px!important;
    text-align:center!important;
    direction:ltr!important;
    overflow:hidden!important;
    font-size:14px!important;
    font-weight:900!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking th:nth-child(2),
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking td:nth-child(2){
    width:48%!important;
    text-align:center!important;
    font-size:14px!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking th:nth-child(3),
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking td:nth-child(3){
    width:36%!important;
    text-align:center!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking th:nth-child(4),
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking td:nth-child(4),
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking th:nth-child(5),
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking td:nth-child(5){
    display:none!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking .rank-number{
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    text-align:center!important;
    direction:ltr!important;
    overflow:hidden!important;
    padding-inline:8px!important;
    box-shadow:none!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking .rank-badge{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:inline!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#efc45f!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view-body #ranking tbody tr:nth-child(1) .rank-badge::before{
    content:""!important;
  }

  .desktop-dashboard-view-body .home-invite-wrap{display:block!important;width:100%!important;height:auto!important;position:relative!important;margin:0!important}
  .desktop-dashboard-view-body .home-invite-wrap>.btn{width:100%!important;height:46px!important;min-height:46px!important;margin-bottom:8px!important;border-radius:11px!important;font-size:12px!important}
  .desktop-dashboard-view-body .home-invite-panel{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;transform:none!important;margin:0!important;border-radius:12px!important;box-shadow:none!important}
  .desktop-dashboard-view-body .home-invite-search{height:39px!important;font-size:11px!important}

  .desktop-dashboard-message-card{padding:14px;border:1px solid rgba(224,181,103,.32);border-radius:13px;background:rgba(255,255,255,.035)}
  .desktop-dashboard-message-card h3{margin:0 0 8px;color:#efcf7c;font-size:15px}.desktop-dashboard-message-card p{margin:0;color:#d8d1c5;font-size:11px;line-height:1.7}.desktop-dashboard-primary-link{height:42px;margin-top:13px;border-radius:10px;background:linear-gradient(135deg,#efca72,#d9aa4f);color:#173536;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;text-decoration:none}
}

@media(min-width:901px) and (max-height:720px){
  .desktop-dashboard-home{grid-template-rows:minmax(0,1fr) auto;gap:7px}
  .desktop-welcome-copy{padding:11px 6px 10px 12px}.desktop-welcome-copy small{font-size:13px}.desktop-welcome-copy h2{font-size:23px}.desktop-welcome-copy p{font-size:9px}.desktop-welcome-rule{margin:7px 0 6px}.desktop-welcome-copy blockquote{font-size:8px}
  .desktop-live-stat small{font-size:8px}.desktop-live-stat strong{font-size:18px}
  .desktop-member-card{min-height:94px;padding:7px}.desktop-member-avatar-wrap{width:50px;height:50px}.desktop-member-copy>strong{font-size:13px}
  body.desktop-board-workspace .desktop-home-nav-link{min-height:39px!important}
}

@media(max-width:900px){
  .desktop-board-stage,.desktop-dashboard-column,.desktop-member-card,.desktop-sidebar-footer{display:none!important}


  /* Computer workspace header: centered title, no top home/back button. */
  .desktop-dashboard-view.computer-view .desktop-dashboard-view-head{
    position:relative;
    justify-content:center!important;
    padding-inline:12px!important;
  }
  .desktop-dashboard-view.computer-view .desktop-dashboard-view-head>strong{
    width:100%;
    text-align:center!important;
    font-size:17px!important;
  }
  .desktop-dashboard-view.computer-view #desktopDashboardBack{
    display:none!important;
  }
  .desktop-dashboard-view.computer-view .desktop-dashboard-view-body{
    overflow:visible!important;
  }
}


/* Desktop leaderboard — single canonical override. No overlay elements or pseudo-lines. */
@media (min-width:901px){
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body{
    display:block!important;
    overflow:hidden!important;
    padding:8px 0 0!important;
    box-sizing:border-box!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking>.wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:max-content max-content minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking .head{
    grid-row:1!important;
    width:calc(100% - 18px)!important;
    margin:0 9px 7px!important;
    flex:none!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking .ranking-filters{
    grid-row:2!important;
    width:calc(100% - 18px)!important;
    margin:0 9px 8px!important;
    flex:none!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking .table-card{
    grid-row:3!important;
    display:block!important;
    position:static!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking .table-wrap{
    display:block!important;
    position:static!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    border-bottom:1px solid rgba(154,190,184,.22)!important;
    border-radius:0!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
    box-sizing:border-box!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking .table-wrap::-webkit-scrollbar{
    display:none!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table{
    display:table!important;
    width:100%!important;
    height:var(--ranking-table-height,100%)!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
    border-spacing:0!important;
    direction:rtl!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking thead{display:table-header-group!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody{display:table-row-group!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table tr{
    display:table-row!important;
    height:var(--ranking-row-height,34px)!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table tr > :is(th,td){
    display:table-cell!important;
    height:var(--ranking-row-height,34px)!important;
    min-width:0!important;
    max-width:none!important;
    padding:2px 4px!important;
    line-height:1.16!important;
    font-size:12px!important;
    text-align:center!important;
    vertical-align:middle!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    border:0!important;
    border-left:1px solid rgba(154,190,184,.32)!important;
    border-bottom:1px solid rgba(154,190,184,.22)!important;
    background:transparent!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table tr > :first-child{
    width:12%!important;
    direction:ltr!important;
    border-left:1px solid rgba(171,200,194,.46)!important;
    font-size:13px!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table tr > :nth-child(2){width:37%!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table tr > :nth-child(3){width:25%!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table tr > :nth-child(4){
    display:table-cell!important;
    width:26%!important;
    font-variant-numeric:tabular-nums!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table tr > :last-child{border-left:0!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table thead tr > th{
    color:#edd6a8!important;
    background:rgba(18,91,93,.67)!important;
    font-size:12px!important;
    font-weight:900!important;
    border-top:1px solid rgba(218,181,104,.52)!important;
    border-bottom:1px solid rgba(218,181,104,.59)!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking table thead tr > th:not(:last-child){border-left-color:rgba(218,181,104,.34)!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking .player-name{
    font-size:12px!important;
    font-weight:800!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking .rank-badge{
    display:inline!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    font-size:15px!important;
  }
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr:not(.ranking-placeholder):nth-child(1){background:rgba(255,184,120,.145)!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr:not(.ranking-placeholder):nth-child(2){background:rgba(255,184,120,.085)!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr:not(.ranking-placeholder):nth-child(3){background:rgba(255,184,120,.045)!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr:nth-child(1) .rank-badge{color:#e2c47f!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr:nth-child(2) .rank-badge{color:#c8d0d0!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr:nth-child(3) .rank-badge{color:#cba187!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr:not(.ranking-placeholder):nth-child(1) .rating{color:#e2c47f!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr:not(.ranking-placeholder):nth-child(2) .rating{color:#c8d0d0!important}
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr:not(.ranking-placeholder):nth-child(3) .rating{color:#cba187!important}
  /* The only lower boundary is the wrapper's 1px border, matching every grid row. */
  html body.desktop-board-workspace .desktop-dashboard-view.ranking-view .desktop-dashboard-view-body #ranking tbody tr:last-child > td{
    border-bottom:0!important;
    box-shadow:none!important;
    background-image:none!important;
  }
}

/* The administrator works in the existing centre workspace; the main navigation remains unique. */
@media(min-width:901px){
  body.desktop-board-workspace .v2-global-nav > [data-v2-admin-link]{display:none!important}
  body.desktop-board-workspace .desktop-dashboard-view.admin-view,
  body.desktop-board-workspace .desktop-dashboard-view.admin-view .desktop-dashboard-view-body{border-radius:0!important}
  body.desktop-board-workspace .desktop-dashboard-view.admin-view .desktop-dashboard-embed{background:#052e33!important}
}