@media(max-width:900px){
  :root{--mobile-fixed-board:100vw}
  html.mobile-fixed-workspace-active,
  html.mobile-fixed-workspace-active body{
    width:100%!important;height:100%!important;min-height:100%!important;
    overflow:hidden!important;overscroll-behavior:none!important;
  }
  #mobileFixedWorkspace{
    position:fixed!important;z-index:15000!important;inset:0!important;
    width:100%!important;height:100dvh!important;
    padding:env(safe-area-inset-top) 0 max(4px,env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-rows:56px minmax(var(--mobile-fixed-board),1fr) 58px 94px!important;
    gap:2px!important;
    direction:rtl!important;
    overflow:hidden!important;
    font-family:Arial,sans-serif!important;
    background:radial-gradient(circle at 18% 12%,rgba(22,112,118,.22),transparent 29%),linear-gradient(155deg,#022f33,#063a40 58%,#0b4850)!important;
    color:#f4efe6!important;
    box-sizing:border-box!important;
  }
  #mobileFixedWorkspace *{box-sizing:border-box}
  .mfw-header{
    min-width:0;height:56px;padding:3px 8px;
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;
    border:1px solid rgba(224,181,103,.28);border-radius:12px;
    background:linear-gradient(145deg,rgba(7,62,66,.96),rgba(3,44,48,.97));
  }
  .mfw-member{min-width:0;display:flex;align-items:center;gap:8px}
  .mfw-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(239,207,124,.56);background:#0a4a4e;color:#efcf7c;font-size:21px}
  .mfw-member-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
  .mfw-member-copy strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
  .mfw-member-copy small{color:#c7d0cc;font-size:8px}
  .mfw-points{min-width:50px;padding-inline-start:7px;border-inline-start:1px solid rgba(224,181,103,.22);text-align:center}
  .mfw-points small{display:block;color:#bfc9c5;font-size:7px}.mfw-points b{display:block;margin-top:2px;color:#efcf7c;font-size:16px}
  .mfw-board{
    position:relative;width:var(--mobile-fixed-board);height:var(--mobile-fixed-board);
    place-self:center!important;margin:auto!important;padding:0;border:0;border-radius:0;
    background:transparent;box-shadow:none;overflow:hidden;
  }
  .mfw-board-grid{
    width:100%;height:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));
    grid-template-rows:repeat(8,minmax(0,1fr));direction:ltr;overflow:hidden;border:0;
    background:#ad8a65 url('assets/boards/wood4.jpg') center/100% 100% no-repeat;
  }
  .mfw-square{
    position:relative;display:grid;place-items:center;overflow:hidden;
    border-right:1px solid rgba(54,33,25,.17);border-bottom:1px solid rgba(54,33,25,.17);
  }
  .mfw-square.light{background:transparent}
  .mfw-square.dark{background:transparent}
  .mfw-square .mfw-coordinate{position:absolute;z-index:3;pointer-events:none;user-select:none;font:800 clamp(7px,1.8vw,10px)/1 Arial,sans-serif;color:rgba(32,48,42,.75)}
  .mfw-square.dark .mfw-coordinate{color:rgba(255,246,226,.84);text-shadow:0 1px 1px rgba(0,0,0,.21)}
  .mfw-coordinate-rank{left:2px;top:2px}
  .mfw-coordinate-file{bottom:2px;right:3px}
  /* Optical centering compensates for transparent space in the approved
     piece PNGs. Keep mobile sizing isolated from desktop and game engines. */
  .mfw-piece{
    position:absolute;left:50%;top:50%;
    display:block;width:101%;height:101%;max-width:none;max-height:none;
    object-fit:contain;transform:translate(-50%,-50%);
    transform-origin:center;pointer-events:none;user-select:none;
  }
  /* All non-pawns 5% smaller than the approved 101% mobile baseline. */
  .mfw-square > .mfw-piece:not(.inline-spectator-piece):not([src*="/wp.png"]):not([src*="/bp.png"]){
    width:95.95%;height:95.95%;
  }
  /* Pawns stay 10% smaller, identical centering for both colors. */
  .mfw-square > .mfw-piece:not(.inline-spectator-piece):is([src*="/wp.png"],[src*="/bp.png"]){
    width:90.9%;height:90.9%;
  }
  .mfw-board-label{position:absolute;z-index:2;top:9px;right:9px;min-height:27px;padding:0 9px;display:flex;align-items:center;border:1px solid rgba(224,181,103,.45);border-radius:9px;background:rgba(2,47,51,.91);color:#f4efe6;font-size:9px;font-weight:900;pointer-events:none}
  .mfw-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;height:58px;min-height:58px;align-self:stretch}
  .mfw-tab{min-width:0;height:58px;margin:0;padding:3px 1px;border:1px solid rgba(224,181,103,.22);border-radius:10px;background:linear-gradient(180deg,rgba(8,63,68,.97),rgba(4,48,52,.97));color:#d8d2c5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:800 8px/1 Arial,sans-serif}
  .mfw-tab i{font-style:normal;font-size:18px;line-height:1}.mfw-tab.active{background:linear-gradient(145deg,#efca72,#d9aa4f);border-color:#efca72;color:#173536}
  .mfw-panel{height:94px;min-height:94px;max-height:94px;overflow:hidden;border:1px solid rgba(102,172,173,.30);border-radius:12px;background:linear-gradient(145deg,rgba(6,59,63,.96),rgba(3,45,49,.97));box-shadow:0 9px 22px rgba(0,0,0,.16)}
  .mfw-panel-head{height:32px;padding:0 9px;display:flex;align-items:center;border-bottom:1px solid rgba(224,181,103,.19);color:#efcf7c;font-size:11px;font-weight:900}
  .mfw-panel-body{height:100%;min-height:0;padding:6px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .mfw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .mfw-stat{min-height:54px;padding:5px 2px;border:1px solid rgba(224,181,103,.17);border-radius:9px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;align-items:center;justify-content:center}.mfw-stat small{font-size:8px;color:#c8cfcb}.mfw-stat b{margin-top:4px;color:#efcf7c;font-size:18px}
  .mfw-action{height:100%;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;text-align:center;padding:5px}.mfw-action h3{margin:0;color:#efcf7c;font-size:14px}.mfw-action p{margin:0;color:#d4cec2;font-size:9px;line-height:1.55}
  .mfw-primary{min-height:40px;border:1px solid #efca72;border-radius:9px;background:linear-gradient(135deg,#efca72,#d9aa4f);color:#173536;display:flex;align-items:center;justify-content:center;text-decoration:none;font:900 11px Arial,sans-serif}
  .mfw-ranking{display:grid;gap:4px}.mfw-rank-row{min-height:36px;padding:4px 6px;display:grid;grid-template-columns:30px minmax(0,1fr) 56px;align-items:center;gap:5px;border:1px solid rgba(224,181,103,.14);border-radius:8px;background:rgba(255,255,255,.025);font-size:9px}.mfw-rank-row b{color:#efcf7c;text-align:center}.mfw-rank-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfw-rank-row small{color:#c8cfcb;text-align:left;white-space:nowrap}
  .mfw-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mfw-more a{min-height:52px;padding:4px;border:1px solid rgba(224,181,103,.16);border-radius:9px;background:rgba(255,255,255,.025);color:#f4efe6;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;font-weight:800;text-align:center}.mfw-more i{font-style:normal;color:#efcf7c;font-size:17px}
  html.mobile-fixed-workspace-active body>.v2-mobile-nav,
  html.mobile-fixed-workspace-active body>.v2-mobile-more{display:none!important}
  html.mobile-fixed-workspace-active body .home-invite-panel{z-index:20050!important}
}
@media(max-width:430px){
  :root{--mobile-fixed-board:100vw}
  #mobileFixedWorkspace{grid-template-rows:54px minmax(var(--mobile-fixed-board),1fr) 56px 88px!important;gap:2px!important;padding-inline:2px!important}
  .mfw-header{height:54px}.mfw-tabs,.mfw-tab{height:56px;min-height:56px}.mfw-panel{height:88px;min-height:88px;max-height:88px}.mfw-tab{font-size:7px}.mfw-tab i{font-size:17px}
}
@media(min-width:901px){#mobileFixedWorkspace{display:none!important}}

@media(max-width:900px) and (orientation:landscape){
  :root{--mobile-fixed-board:min(100vw,calc(100dvh - 184px))}
}


/* 2026-10-08: mobile viewport / navigation and bottom-panel visibility */
@media (max-width:900px){
  :root{
    --mfw-header-height:56px;
    --mfw-tabs-height:60px;
    --mfw-panel-height:clamp(152px,23dvh,176px);
    /* Reserve room for every navigation button and the complete lower panel. */
    --mobile-fixed-board:min(
      100vw,
      calc(100dvh - var(--mfw-header-height) - var(--mfw-tabs-height) - var(--mfw-panel-height) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))
    );
  }
  #mobileFixedWorkspace{
    grid-template-rows:var(--mfw-header-height) minmax(0,1fr) var(--mfw-tabs-height) var(--mfw-panel-height)!important;
    gap:3px!important;
    padding:env(safe-area-inset-top) 0 max(4px,env(safe-area-inset-bottom))!important;
  }
  #mobileFixedWorkspace .mfw-header{
    height:100%!important;min-height:0!important;margin-inline:3px!important;
  }
  #mobileFixedWorkspace .mfw-tabs,#mobileFixedWorkspace .mfw-panel{margin-inline:3px!important}
  #mobileFixedWorkspace .mfw-board{
    width:var(--mobile-fixed-board)!important;
    height:var(--mobile-fixed-board)!important;
    max-width:100%!important;max-height:100%!important;
    margin:auto!important;padding:0!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;background:transparent!important;aspect-ratio:1/1!important;
  }
  #mobileFixedWorkspace .mfw-tabs{
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
    height:100%!important;min-height:0!important;
    gap:3px!important;align-items:stretch!important;
  }
  #mobileFixedWorkspace .mfw-tab{
    display:flex!important;min-width:0!important;
    width:100%!important;height:100%!important;min-height:0!important;
    padding:4px 1px!important;gap:4px!important;
    font-size:10px!important;line-height:1.15!important;
    align-items:center!important;justify-content:center!important;
    overflow:visible!important;
  }
  #mobileFixedWorkspace .mfw-tab i{
    display:block!important;flex:0 0 auto!important;
    font-size:20px!important;line-height:1.1!important;
  }
  #mobileFixedWorkspace .mfw-tab span{
    display:block!important;white-space:nowrap!important;
    overflow:visible!important;text-align:center!important;
  }
  #mobileFixedWorkspace .mfw-panel{
    height:100%!important;min-height:0!important;max-height:none!important;
    overflow:hidden!important;
  }
  #mobileFixedWorkspace .mfw-panel-body{
    height:100%!important;max-height:100%!important;min-height:0!important;
    padding:6px!important;overflow-y:auto!important;overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
  }
  #mobileFixedWorkspace .mfw-action{
    height:auto!important;min-height:100%!important;
    justify-content:center!important;gap:6px!important;
    padding:3px!important;
  }
  #mobileFixedWorkspace .mfw-action h3{font-size:14px!important;line-height:1.25!important}
  #mobileFixedWorkspace .mfw-action p{font-size:11px!important;line-height:1.4!important}
  #mobileFixedWorkspace .mfw-primary{
    min-height:42px!important;flex-shrink:0!important;
    font-size:12px!important;
  }
  #mobileFixedWorkspace .mfw-more{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  #mobileFixedWorkspace .mfw-more a{
    min-height:44px!important;padding:3px 2px!important;
    gap:2px!important;font-size:9px!important;
  }
  #mobileFixedWorkspace .mfw-more i{font-size:17px!important}
}
@media(max-width:430px){
  :root{--mfw-header-height:54px;--mfw-tabs-height:58px}
}
@media(max-width:900px) and (orientation:landscape){
  :root{
    --mfw-header-height:42px;--mfw-tabs-height:46px;
    --mfw-panel-height:min(138px,34dvh);
  }
  #mobileFixedWorkspace .mfw-tab i{font-size:17px!important}
  #mobileFixedWorkspace .mfw-tab{font-size:9px!important}
}


/* Mobile play choices: visible 2x2 cards (2026-10-08) */
@media(max-width:900px){
  #mobileFixedWorkspace .mfw-play-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    direction:rtl!important;
    box-sizing:border-box!important;
  }
  #mobileFixedWorkspace .mfw-play-tile{
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    padding:5px 4px!important;
    border:1px solid rgba(224,181,103,.38)!important;
    border-radius:10px!important;
    background:linear-gradient(150deg,rgba(9,65,69,.97),rgba(4,47,51,.97))!important;
    color:#f4efe6!important;
    text-decoration:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    text-align:center!important;
    font:800 10px/1.1 Arial,sans-serif!important;
    white-space:normal!important;
    overflow:hidden!important;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  #mobileFixedWorkspace .mfw-play-tile i{
    display:block!important;
    flex:0 0 auto!important;
    color:#efcf7c!important;
    font-style:normal!important;
    font-size:21px!important;
    line-height:1!important;
  }
  #mobileFixedWorkspace .mfw-play-tile span{
    display:block!important;
    color:inherit!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  #mobileFixedWorkspace .mfw-play-tile small{
    display:block!important;
    color:#bfc9c5!important;
    font-size:9px!important;
    font-weight:600!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  #mobileFixedWorkspace .mfw-play-tile-primary{
    background:linear-gradient(135deg,#efca72,#d9aa4f)!important;
    border-color:#efca72!important;
    color:#173536!important;
  }
  #mobileFixedWorkspace .mfw-play-tile-primary i,
  #mobileFixedWorkspace .mfw-play-tile-primary small{
    color:#173536!important;
  }
  #mobileFixedWorkspace .mfw-play-tile:focus-visible{
    outline:2px solid #fff2c2!important;
    outline-offset:-3px!important;
  }
}
@media(max-width:900px) and (max-height:620px){
  #mobileFixedWorkspace .mfw-play-tile{gap:1px!important;padding:3px!important}
  #mobileFixedWorkspace .mfw-play-tile i{font-size:18px!important}
  #mobileFixedWorkspace .mfw-play-tile small{font-size:8px!important}
}


/* Mobile home: accessible login and signup modal (2026-10-08) */
@media(max-width:900px){
  #mobileFixedWorkspace .mfw-header{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  #mobileFixedWorkspace .mfw-login-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:38px!important;
    min-width:106px!important;
    max-width:128px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #efca72!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#efca72,#d9aa4f)!important;
    color:#173536!important;
    font:900 12px/1.2 Arial,sans-serif!important;
    white-space:nowrap!important;
    cursor:pointer!important;
  }
  #mobileFixedWorkspace .mfw-login-btn[hidden],
  #mobileFixedWorkspace .mfw-points[hidden],
  #mobileFixedWorkspace .mfw-auth-overlay[hidden],
  #mobileFixedWorkspace #guestAuth[hidden]{
    display:none!important;
  }
  #mobileFixedWorkspace .mfw-auth-overlay{
    position:fixed!important;
    z-index:25000!important;
    inset:0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    height:100dvh!important;
    padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 12px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    background:rgba(0,19,23,.87)!important;
    backdrop-filter:blur(5px);
    direction:rtl!important;
  }
  #mobileFixedWorkspace .mfw-auth-dialog{
    width:min(100%,460px)!important;
    max-height:100%!important;
    min-height:0!important;
    padding:12px!important;
    margin:auto!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
    border:1px solid rgba(224,181,103,.50)!important;
    border-radius:16px!important;
    background:linear-gradient(155deg,#073a40,#022f33)!important;
    color:#f4efe6!important;
    box-shadow:0 20px 55px rgba(0,0,0,.4)!important;
  }
  #mobileFixedWorkspace .mfw-auth-head{
    position:sticky!important;
    top:-12px!important;
    z-index:3!important;
    min-height:48px!important;
    margin:-12px -12px 12px!important;
    padding:8px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    border-bottom:1px solid rgba(224,181,103,.25)!important;
    background:#073a40!important;
  }
  #mobileFixedWorkspace .mfw-auth-head h2{
    margin:0!important;
    font:900 16px/1.2 Arial,sans-serif!important;
  }
  #mobileFixedWorkspace .mfw-auth-head button{
    width:34px!important;height:34px!important;flex:0 0 34px!important;
    border:1px solid rgba(224,181,103,.35)!important;
    border-radius:9px!important;
    background:#052f34!important;
    color:#f4efe6!important;
    font-size:24px!important;
  }
  #mobileFixedWorkspace .mfw-auth-host,
  #mobileFixedWorkspace .mfw-auth-host #guestAuth{
    display:block!important;width:100%!important;min-width:0!important;
    color:#f4efe6!important;
  }
  #mobileFixedWorkspace .mfw-auth-host .auth-tabs{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;margin-bottom:12px!important;
  }
  #mobileFixedWorkspace .mfw-auth-host .auth-tab{
    height:42px!important;
    background:#052f34!important;
    border:1px solid rgba(224,181,103,.32)!important;
    border-radius:10px!important;
    color:#f4efe6!important;
  }
  #mobileFixedWorkspace .mfw-auth-host .auth-tab.active{
    background:#e0b567!important;color:#173536!important;border-color:#efca72!important;
  }
  #mobileFixedWorkspace .mfw-auth-host .auth-form:not([hidden]){
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
  }
  #mobileFixedWorkspace .mfw-auth-host .auth-form label{
    display:block!important;
    min-width:0!important;
    color:#f4efe6!important;
    font-size:12px!important;
  }
  #mobileFixedWorkspace .mfw-auth-host .auth-form input:not([type="checkbox"]){
    width:100%!important;min-width:0!important;
    height:44px!important;
    padding:8px 12px!important;
    border:1px solid rgba(224,181,103,.34)!important;
    border-radius:9px!important;
    background:#052f34!important;
    color:#fff!important;
    font-size:14px!important;
  }
  #mobileFixedWorkspace .mfw-auth-host .password-wrap input{
    padding-left:70px!important;
  }
  #mobileFixedWorkspace .mfw-auth-host .show-pass{
    top:25px!important;left:5px!important;
  }
  #mobileFixedWorkspace .mfw-auth-host #loginBtn,
  #mobileFixedWorkspace .mfw-auth-host #signupBtn,
  #mobileFixedWorkspace .mfw-auth-host #recoveryBtn{
    min-height:43px!important;
    border:1px solid #efca72!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#efca72,#d9aa4f)!important;
    color:#173536!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  #mobileFixedWorkspace .mfw-auth-host .auth-note{
    line-height:1.6!important;
    color:#bfc9c5!important;
  }
}

/* Inline tournament browsing alongside the persistent mobile board. */
@media(max-width:900px){
  #mobileFixedWorkspace.mfw-tournament-mode{--mfw-panel-height:clamp(196px,32dvh,284px);}
  #mobileFixedWorkspace.mfw-tournament-mode .mfw-panel-body{padding:0!important;overflow:hidden!important;}
  #mobileFixedWorkspace .mfw-tournament-embed{display:block;width:100%;height:100%;min-height:0;border:0;background:#043135;}
}


/* Classic mobile ranking table — subtle podium, actual points, 20261009 */
@media(max-width:900px){
  #mobileFixedWorkspace .mfw-ranking-grid{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
    border-spacing:0;
    direction:rtl;
    background:rgba(4,48,51,.12);
    border:1px solid rgba(156,190,181,.24);
    border-radius:7px;
    overflow:hidden;
    font-family:Arial,sans-serif;
  }
  #mobileFixedWorkspace .mfw-ranking-grid :is(th,td){
    box-sizing:border-box;
    min-width:0;
    height:31px;
    padding:5px 3px;
    border:0;
    border-bottom:1px solid rgba(156,190,181,.19);
    border-inline-start:1px solid rgba(156,190,181,.19);
    background:transparent;
    color:#eeeae0;
    text-align:center;
    font-size:11px;
    font-weight:750;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  #mobileFixedWorkspace .mfw-ranking-grid tr>:first-child{border-inline-start:0}
  #mobileFixedWorkspace .mfw-ranking-grid thead th{
    height:33px;
    color:#decba0;
    background:rgba(28,90,88,.24);
    font-size:11px;
    font-weight:900;
  }
  #mobileFixedWorkspace .mfw-ranking-grid tr:last-child td{border-bottom:0}
  #mobileFixedWorkspace .mfw-ranking-grid :is(th,td):nth-child(1){width:12%;font-variant-numeric:tabular-nums}
  #mobileFixedWorkspace .mfw-ranking-grid :is(th,td):nth-child(2){width:36%}
  #mobileFixedWorkspace .mfw-ranking-grid :is(th,td):nth-child(3){width:27%}
  #mobileFixedWorkspace .mfw-ranking-grid :is(th,td):nth-child(4){width:25%;direction:ltr;font-variant-numeric:tabular-nums}
  #mobileFixedWorkspace .mfw-ranking-grid .mfw-ranking-place{font-size:13px;font-weight:900;color:#e4c274}
  #mobileFixedWorkspace .mfw-ranking-grid .mfw-ranking-points{font-size:11px;font-weight:900}
  #mobileFixedWorkspace .mfw-ranking-grid .mfw-ranking-player{
    text-decoration:none;
    display:block;
    color:inherit;
    font-weight:850;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #mobileFixedWorkspace .mfw-ranking-grid tbody tr.podium-1{background:rgba(218,179,95,.075)}
  #mobileFixedWorkspace .mfw-ranking-grid tbody tr.podium-2{background:rgba(180,194,202,.055)}
  #mobileFixedWorkspace .mfw-ranking-grid tbody tr.podium-3{background:rgba(185,130,90,.05)}
  #mobileFixedWorkspace .mfw-ranking-grid tbody tr.podium-1 :is(.mfw-ranking-place,.mfw-ranking-points){color:#e3c784}
  #mobileFixedWorkspace .mfw-ranking-grid tbody tr.podium-2 :is(.mfw-ranking-place,.mfw-ranking-points){color:#c5d1d1}
  #mobileFixedWorkspace .mfw-ranking-grid tbody tr.podium-3 :is(.mfw-ranking-place,.mfw-ranking-points){color:#caa48c}
}