/* v2.3.52: phone portrait toolbar + right-side compact landscape panel. Tablets remain unchanged. */
#spider-mobile-toolbar{display:none}

@media (max-width:820px){
  body.spider-phone-ui-active{
    --spider-phone-bg:#263d52;
    --spider-phone-bg-2:#20374b;
    --spider-phone-border:rgba(167,207,224,.22);
    --spider-phone-text:#f6fbfd;
    --spider-phone-muted:#bed0d9;
    --spider-phone-accent:#10a875;
  }

  html[data-table-theme="emerald"] body.spider-phone-ui-active{
    --spider-phone-bg:#073f48;
    --spider-phone-bg-2:#073541;
    --spider-phone-border:rgba(91,196,190,.25);
    --spider-phone-accent:#0db37d;
  }
  html[data-table-theme="midnight"] body.spider-phone-ui-active{
    --spider-phone-bg:#173d57;
    --spider-phone-bg-2:#12334b;
    --spider-phone-border:rgba(99,169,212,.28);
    --spider-phone-accent:#2d8ec5;
  }
  html[data-table-theme="classic"] body.spider-phone-ui-active{
    --spider-phone-bg:#34485e;
    --spider-phone-bg-2:#2b3f53;
    --spider-phone-border:rgba(157,196,223,.24);
    --spider-phone-accent:#168f69;
  }

  body.spider-phone-ui-active #navport{
    box-sizing:border-box!important;
    position:relative!important;
    z-index:210!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    color:var(--spider-phone-text)!important;
    background:linear-gradient(180deg,var(--spider-phone-bg) 0%,var(--spider-phone-bg-2) 100%)!important;
    line-height:normal!important;
    box-shadow:0 2px 7px rgba(0,0,0,.2)!important;
  }


  body.spider-phone-ui-active #navport > .nav-wrapper{display:none!important}
  body.spider-phone-ui-active #spider-meta-mobile-slot{display:none!important}
  body.spider-phone-ui-active #slide-out .spider-mobile-menu-duplicate{display:none!important}

  /* 7-inch portrait tablets: remove the desktop sidebar reservation once the
     top mobile toolbar is active. This restores the full table width and card size. */
  body.spider-phone-ui-active #navport{display:block!important}
  body.spider-phone-ui-active #navland{display:none!important}
  body.spider-phone-ui-active #sol{
    box-sizing:border-box!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  #spider-mobile-toolbar{
    box-sizing:border-box;
    position:relative;
    display:block;
    width:100%;
    padding:max(5px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) 6px max(6px,env(safe-area-inset-left));
  }

  .spider-mobile-toolbar-row{
    display:grid;
    width:100%;
    gap:5px;
  }
  .spider-mobile-toolbar-primary{
    grid-template-columns:42px minmax(64px,.78fr) minmax(91px,1.18fr) minmax(76px,.96fr);
  }
  .spider-mobile-toolbar-secondary{
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-top:5px;
  }

  #spider-mobile-toolbar .spider-mobile-action{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:100%;
    min-width:0;
    height:42px;
    margin:0;
    padding:0 7px;
    color:var(--spider-phone-text);
    border:1px solid var(--spider-phone-border);
    border-radius:9px;
    outline:0;
    background:rgba(255,255,255,.025);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    font:inherit;
    font-size:13px;
    font-weight:650;
    line-height:1;
    text-align:center;
    text-transform:none;
    white-space:nowrap;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  #spider-mobile-toolbar .spider-mobile-action:active{background:rgba(255,255,255,.09)}
  #spider-mobile-toolbar .spider-mobile-action .ui-icon{
    flex:0 0 20px;
    width:20px;
    height:20px;
    margin:0;
    color:#eef8fa;
  }
  #spider-mobile-toolbar .spider-mobile-action-label{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  #spider-mobile-toolbar .spider-mobile-icon-only{
    padding:0;
  }
  #spider-mobile-toolbar .spider-mobile-icon-only .spider-mobile-action-label{display:none}
  #spider-mobile-toolbar .spider-mobile-icon-only .ui-icon{width:24px;height:24px}

  #spider-mobile-toolbar .spider-mobile-difficulty{
    gap:5px;
    padding:0 6px;
  }
  .spider-mobile-suit-symbol{
    flex:0 0 auto;
    color:#d9f4ff;
    font-family:Georgia,serif;
    font-size:21px;
    line-height:1;
  }
  .spider-mobile-chevron{
    flex:0 0 auto;
    margin-left:auto;
    color:var(--spider-phone-muted);
    font-size:16px;
  }

  #spider-mobile-toolbar .spider-mobile-new{
    color:#fff;
    border-color:rgba(45,229,164,.55);
    background:linear-gradient(180deg,#11af79 0%,#0b9366 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 2px 5px rgba(0,0,0,.12);
  }
  #spider-mobile-toolbar .spider-mobile-new:active{background:#087e59}
  #spider-mobile-toolbar .spider-mobile-hint .ui-icon{color:#ffd24f}

  body.spider-phone-ui-active #spider-mobile-stats{
    z-index:205!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 max(5px,env(safe-area-inset-left)) 0 max(5px,env(safe-area-inset-right))!important;
    background:var(--spider-phone-bg-2,#2b3f53)!important;
    box-shadow:0 2px 5px rgba(0,0,0,.13)!important;
  }
  body.spider-phone-ui-active #spider-mobile-stats .gscore,
  body.spider-phone-ui-active #spider-mobile-stats #gmove,
  body.spider-phone-ui-active #spider-mobile-stats .gtime{
    width:33.333%!important;
    height:29px!important;
    padding:0 3px!important;
    font-size:11px!important;
    font-weight:650!important;
    line-height:29px!important;
    letter-spacing:0!important;
  }
  body.spider-phone-ui-active #spider-mobile-stats .gscore{order:1!important;border-left:0!important;border-right:1px solid rgba(255,255,255,.12)!important}
  body.spider-phone-ui-active #spider-mobile-stats #gmove{order:2!important;border-right:1px solid rgba(255,255,255,.12)!important}
  body.spider-phone-ui-active #spider-mobile-stats .gtime{order:3!important}

  #spider-mobile-options-panel{
    box-sizing:border-box;
    position:absolute;
    z-index:230;
    top:calc(100% - 1px);
    right:max(7px,env(safe-area-inset-right));
    width:min(292px,calc(100vw - 14px));
    padding:7px;
    color:var(--spider-phone-text);
    border:1px solid var(--spider-phone-border);
    border-radius:0 0 13px 13px;
    background:linear-gradient(180deg,var(--spider-phone-bg-2) 0%,rgba(16,48,64,.99) 100%);
    box-shadow:0 13px 30px rgba(0,0,0,.34);
  }
  #spider-mobile-options-panel[hidden]{display:none!important}
  .spider-mobile-options-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:34px;
    padding:0 5px 4px 8px;
    color:#fff;
    font-size:14px;
  }
  #spider-mobile-options-close{
    width:30px;
    height:30px;
    padding:0;
    color:#eaf5f7;
    border:0;
    background:transparent;
    font-size:24px;
    line-height:28px;
    cursor:pointer;
  }
  .spider-mobile-option-info,
  .spider-mobile-option-row{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    width:100%;
    min-height:42px;
    margin:0 0 5px;
    padding:0 10px;
    color:#f4fbfc;
    border:1px solid rgba(255,255,255,.09);
    border-radius:9px;
    background:rgba(255,255,255,.035);
    font:inherit;
    font-size:13px;
    text-align:left;
    text-transform:none;
  }
  .spider-mobile-option-info{justify-content:space-between;color:var(--spider-phone-muted)}
  .spider-mobile-option-info strong{color:#fff}
  .spider-mobile-option-row{cursor:pointer}
  .spider-mobile-option-row:active{background:rgba(255,255,255,.1)}
  .spider-mobile-option-row .ui-icon,
  .spider-mobile-option-row .spider-mobile-check,
  .spider-mobile-option-row .spider-mobile-web{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 22px;
    width:22px;
    height:22px;
    margin-right:10px;
    color:#d9f0f4;
  }
  .spider-mobile-option-row .spider-mobile-check{color:#7be0bd;font-weight:900}
  .spider-mobile-option-row b{margin-left:auto;color:#c8dce3;font-size:20px;font-weight:300}

  body.spider-phone-ui-active #game.spider-mobile-stats-active #sol{
    height:calc(100% - var(--spider-mobile-nav-height,95px) - 30px)!important;
  }
}

@media (max-width:350px){
  #spider-mobile-toolbar{padding-left:4px;padding-right:4px}
  .spider-mobile-toolbar-row{gap:4px}
  .spider-mobile-toolbar-primary{grid-template-columns:40px minmax(60px,.72fr) minmax(84px,1.12fr) minmax(70px,.9fr)}
  #spider-mobile-toolbar .spider-mobile-action{height:40px;padding:0 5px;font-size:11.5px;gap:5px}
  #spider-mobile-toolbar .spider-mobile-action .ui-icon{width:18px;height:18px;flex-basis:18px}
  .spider-mobile-suit-symbol{font-size:19px}
  body.spider-phone-ui-active #spider-mobile-stats .gscore,
  body.spider-phone-ui-active #spider-mobile-stats #gmove,
  body.spider-phone-ui-active #spider-mobile-stats .gtime{font-size:10.2px!important;padding:0 1px!important}
}

@media (max-width:350px){
  #spider-mobile-toolbar .spider-mobile-chevron{display:none}
}

/* v2.3.58: compact phone landscape follows Game.resize()/game.isLandskape. */
  body.spider-phone-landscape-active{
    --spider-phone-bg:#263d52;
    --spider-phone-bg-2:#20374b;
    --spider-phone-border:rgba(167,207,224,.22);
    --spider-phone-text:#f6fbfd;
    --spider-phone-muted:#bed0d9;
    --spider-phone-accent:#10a875;
    --spider-landscape-sidebar-width:164px;
    overflow:hidden;
  }
  html[data-table-theme="emerald"] body.spider-phone-landscape-active{
    --spider-phone-bg:#073f48;
    --spider-phone-bg-2:#073541;
    --spider-phone-border:rgba(91,196,190,.25);
    --spider-phone-accent:#0db37d;
  }
  html[data-table-theme="midnight"] body.spider-phone-landscape-active{
    --spider-phone-bg:#173d57;
    --spider-phone-bg-2:#12334b;
    --spider-phone-border:rgba(99,169,212,.28);
    --spider-phone-accent:#2d8ec5;
  }
  html[data-table-theme="classic"] body.spider-phone-landscape-active{
    --spider-phone-bg:#34485e;
    --spider-phone-bg-2:#2b3f53;
    --spider-phone-border:rgba(157,196,223,.24);
    --spider-phone-accent:#168f69;
  }

  body.spider-phone-landscape-active #adl,
  body.spider-phone-landscape-active .side-ad-left,
  body.spider-phone-landscape-active .side-ad-right{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  body.spider-phone-landscape-active #game{
    left:0!important;
    width:100%!important;
    height:100%!important;
  }

  body.spider-phone-landscape-active #navland{
    box-sizing:border-box!important;
    position:absolute!important;
    /* Keep the sidebar background behind the real game cards. The toolbar itself
       is raised below, so foundation/stock can live visually inside this panel. */
    z-index:auto!important;
    top:0!important;
    right:0!important;
    display:block!important;
    width:var(--spider-landscape-sidebar-width)!important;
    min-width:var(--spider-landscape-sidebar-width)!important;
    max-width:var(--spider-landscape-sidebar-width)!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    color:var(--spider-phone-text)!important;
    border:0!important;
    border-left:1px solid var(--spider-phone-border)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,var(--spider-phone-bg) 0%,var(--spider-phone-bg-2) 100%)!important;
    box-shadow:-2px 0 8px rgba(0,0,0,.20)!important;
    line-height:normal!important;
  }
  body.spider-phone-landscape-active #navland > .desktop-sidebar-full,
  body.spider-phone-landscape-active #navland > .desktop-sidebar-legacy,
  body.spider-phone-landscape-active #spider-navland-tools{
    display:none!important;
  }

  #spider-landscape-toolbar{
    box-sizing:border-box;
    position:relative;
    display:none;
    width:100%;
    height:100%;
    padding:max(5px,env(safe-area-inset-top)) max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) 5px;
  }
  body.spider-phone-landscape-active #spider-landscape-toolbar{
    display:flex;
    flex-direction:column;
    z-index:240;
    pointer-events:none;
  }

  .spider-landscape-controls{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:34px;
    gap:4px;
    width:100%;
    pointer-events:auto;
  }
  #spider-landscape-toolbar.fullscreen-unavailable .spider-landscape-controls{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #spider-landscape-toolbar .spider-mobile-action{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:100%;
    min-width:0;
    height:34px;
    margin:0;
    padding:0 4px;
    color:var(--spider-phone-text);
    border:1px solid var(--spider-phone-border);
    border-radius:8px;
    outline:0;
    background:rgba(255,255,255,.025);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    font:inherit;
    font-size:10.5px;
    font-weight:650;
    line-height:1;
    text-align:center;
    text-transform:none;
    white-space:nowrap;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  #spider-landscape-toolbar .spider-mobile-action:active{background:rgba(255,255,255,.09)}
  #spider-landscape-toolbar .spider-mobile-action .ui-icon{
    flex:0 0 16px;
    width:16px;
    height:16px;
    margin:0;
    color:#eef8fa;
  }
  #spider-landscape-toolbar .spider-mobile-action-label{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  #spider-landscape-toolbar .spider-mobile-new{
    color:#fff;
    border-color:rgba(45,229,164,.55);
    background:linear-gradient(180deg,#11af79 0%,#0b9366 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 2px 5px rgba(0,0,0,.12);
  }
  #spider-landscape-toolbar .spider-mobile-hint .ui-icon{color:#ffd24f}
  #spider-landscape-toolbar .spider-landscape-difficulty{gap:4px;padding:0 3px}
  #spider-landscape-toolbar .spider-mobile-suit-symbol{font-size:17px}
  #spider-landscape-toolbar .spider-mobile-chevron{display:none}
  .spider-landscape-fullscreen-symbol{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 18px;
    width:18px;
    height:18px;
    color:#edf8fb;
    font-size:19px;
    font-weight:400;
    line-height:1;
  }

  .spider-landscape-stats{
    box-sizing:border-box;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:center;
    width:100%;
    margin-top:5px;
    padding-top:4px;
    color:#fff;
    border-top:1px solid rgba(255,255,255,.10);
    font-size:8px;
    font-weight:650;
    line-height:1;
    text-shadow:0 1px 2px rgba(0,0,0,.55);
    pointer-events:none;
  }
  .spider-landscape-stats span{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    height:20px;
    padding:0 1px;
    overflow:hidden;
    text-overflow:clip;
    white-space:nowrap;
  }
  .spider-landscape-stats span + span{
    border-top:0;
    border-left:1px solid rgba(255,255,255,.07);
  }

  body.spider-phone-landscape-active #sol{
    box-sizing:border-box!important;
    width:calc(100% - var(--spider-landscape-sidebar-width))!important;
    height:100%!important;
    margin:0 var(--spider-landscape-sidebar-width) 0 0!important;
    overflow:visible!important;
  }
  body.spider-phone-landscape-active #sol > .gtime,
  body.spider-phone-landscape-active #sol > .gscore,
  body.spider-phone-landscape-active #sol > #gmove{
    visibility:hidden!important;
  }

  #spider-landscape-options-panel{
    box-sizing:border-box;
    pointer-events:auto;
    position:absolute;
    z-index:240;
    top:5px;
    right:calc(100% + 5px);
    width:min(270px,calc(100vw - var(--spider-landscape-sidebar-width) - 12px));
    max-height:calc(100vh - 10px);
    padding:7px;
    overflow:auto;
    color:var(--spider-phone-text);
    border:1px solid var(--spider-phone-border);
    border-radius:12px;
    background:linear-gradient(180deg,var(--spider-phone-bg-2) 0%,rgba(16,48,64,.99) 100%);
    box-shadow:0 13px 30px rgba(0,0,0,.34);
  }
  #spider-landscape-options-panel[hidden]{display:none!important}
  #spider-landscape-options-panel .spider-mobile-options-head,
  #spider-landscape-options-panel .spider-mobile-option-info,
  #spider-landscape-options-panel .spider-mobile-option-row{font-size:12px}
  #spider-landscape-options-panel .spider-mobile-options-head{
    display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:0 4px 4px 7px;color:#fff;
  }
  #spider-landscape-options-panel .spider-mobile-options-head button{
    width:28px;height:28px;padding:0;color:#eaf5f7;border:0;background:transparent;font-size:22px;line-height:26px;
  }
  #spider-landscape-options-panel .spider-mobile-option-info,
  #spider-landscape-options-panel .spider-mobile-option-row{
    box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:36px;margin:0 0 4px;padding:0 9px;
    color:#f4fbfc;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.035);
    font:inherit;text-align:left;text-transform:none;
  }
  #spider-landscape-options-panel .spider-mobile-option-info{justify-content:space-between;color:var(--spider-phone-muted)}
  #spider-landscape-options-panel .spider-mobile-option-info strong{color:#fff}
  #spider-landscape-options-panel .spider-mobile-option-row .ui-icon,
  #spider-landscape-options-panel .spider-mobile-option-row .spider-mobile-check,
  #spider-landscape-options-panel .spider-mobile-option-row .spider-mobile-web{
    display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin-right:8px;color:#d9f0f4;
  }
  #spider-landscape-options-panel .spider-mobile-option-row .spider-mobile-check{color:#7be0bd;font-weight:900}
  #spider-landscape-options-panel .spider-mobile-option-row b{margin-left:auto;color:#c8dce3;font-size:18px;font-weight:300}


@media (max-width:700px){
  body.spider-phone-landscape-active{--spider-landscape-sidebar-width:150px}
  .spider-landscape-controls{grid-auto-rows:32px;gap:4px}
  #spider-landscape-toolbar .spider-mobile-action{height:32px;font-size:9.5px}
  .spider-landscape-stats{font-size:7.5px}
  .spider-landscape-stats span{height:18px;font-size:7.5px}
}

/* When the browser enters fullscreen, keep only the game surface. */
body.spider-game-fullscreen{
  overflow:hidden!important;
}
body.spider-game-fullscreen #adl,
body.spider-game-fullscreen .art-wrapper{
  display:none!important;
}
body.spider-game-fullscreen #game{
  left:0!important;
  width:100%!important;
  height:100vh!important;
}
#game:fullscreen, #game:-webkit-full-screen{
  width:100%!important;
  height:100%!important;
  background:inherit;
}


/* v2.3.58: one themed dialog system for Difficulty, New Deal, Restart and Fullscreen. */
#spider-game-dialog[hidden]{display:none!important}
#spider-game-dialog-actions[hidden],#spider-game-dialog-choices[hidden]{display:none!important}
#spider-game-dialog{
  --spider-dialog-bg:#203247;
  --spider-dialog-bg-2:#17283a;
  --spider-dialog-accent:#168f69;
  --spider-dialog-border:rgba(174,205,226,.36);
  --spider-dialog-text:#f6fbfd;
  --spider-dialog-muted:#bed0d9;
  position:fixed;
  z-index:10050;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  background:rgba(0,5,8,.78);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  -webkit-tap-highlight-color:transparent;
}
html[data-table-theme="emerald"] #spider-game-dialog{
  --spider-dialog-bg:#03323b;--spider-dialog-bg-2:#02262e;--spider-dialog-accent:#0db37d;--spider-dialog-border:rgba(91,196,190,.40);--spider-dialog-muted:#b8d9d8;
}
html[data-table-theme="midnight"] #spider-game-dialog{
  --spider-dialog-bg:#102c40;--spider-dialog-bg-2:#0a2233;--spider-dialog-accent:#2d8ec5;--spider-dialog-border:rgba(99,169,212,.42);--spider-dialog-muted:#c1d8e7;
}
html[data-table-theme="classic"] #spider-game-dialog{
  --spider-dialog-bg:#203247;--spider-dialog-bg-2:#17283a;--spider-dialog-accent:#168f69;--spider-dialog-border:rgba(174,205,226,.36);--spider-dialog-muted:#bed0d9;
}
.spider-game-dialog-card{
  box-sizing:border-box;
  width:min(390px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  overflow:auto;
  padding:16px 16px 18px;
  color:var(--spider-dialog-text);
  border:1px solid var(--spider-dialog-border);
  border-radius:15px;
  background:linear-gradient(180deg,var(--spider-dialog-bg) 0%,var(--spider-dialog-bg-2) 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.68),0 0 0 1px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
  font-family:inherit;
  text-align:left;
}
.spider-game-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}
.spider-game-dialog-kicker{display:block;margin-bottom:4px;color:var(--spider-dialog-muted);font-size:10px;font-weight:800;line-height:1;letter-spacing:.14em}
.spider-game-dialog-head strong{display:block;color:var(--spider-dialog-text);font-size:19px;font-weight:750;line-height:1.18}
#spider-game-dialog-close{
  flex:0 0 32px;width:32px;height:32px;margin:-3px -3px 0 0;padding:0;color:var(--spider-dialog-muted);border:1px solid transparent;border-radius:8px;background:transparent;font:inherit;font-size:24px;line-height:28px;cursor:pointer;
}
#spider-game-dialog-close:active{background:rgba(255,255,255,.08)}
#spider-game-dialog-message{margin:0 0 15px;color:var(--spider-dialog-muted);font-size:13px;line-height:1.45}
#spider-game-dialog-choices{display:grid;gap:7px}
.spider-difficulty-choice{
  box-sizing:border-box;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;margin:0;padding:7px 11px;color:var(--spider-dialog-text);border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.035);font:inherit;text-align:left;cursor:pointer;
}
.spider-difficulty-choice:active{background:rgba(255,255,255,.09)}
.spider-difficulty-choice.active{border-color:var(--spider-dialog-accent);background:rgba(255,255,255,.065);box-shadow:inset 3px 0 0 var(--spider-dialog-accent)}
.spider-difficulty-symbol{display:flex;align-items:center;justify-content:center;min-width:48px;height:40px;color:#f5fbfd;font-family:Georgia,serif;font-size:18px;letter-spacing:-2px;white-space:nowrap}
.spider-difficulty-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.spider-difficulty-copy strong{color:var(--spider-dialog-text);font-size:14px;font-weight:750;line-height:1.1}
.spider-difficulty-copy small{color:var(--spider-dialog-muted);font-size:11px;font-weight:600;line-height:1.1}
.spider-difficulty-current{padding:5px 7px;color:#fff;border-radius:999px;background:var(--spider-dialog-accent);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.spider-difficulty-arrow{color:var(--spider-dialog-muted);font-size:22px;font-weight:300}
.spider-game-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.spider-game-dialog-actions button{
  box-sizing:border-box;height:40px;margin:0;padding:0 12px;color:var(--spider-dialog-text);border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.055);font:inherit;font-size:13px;font-weight:700;text-transform:none;cursor:pointer;
}
.spider-game-dialog-actions button:active{background:rgba(255,255,255,.11)}
.spider-game-dialog-actions button.primary{border-color:var(--spider-dialog-accent);background:var(--spider-dialog-accent);color:#fff}
.spider-game-dialog-actions button.danger{border-color:rgba(226,101,101,.5);background:#a74343}

/* Keep the legacy Materialize dialogs visually consistent on desktop/older entry points. */
#m-areyousure,#m-selectgame{
  --spider-dialog-bg:#203247;--spider-dialog-bg-2:#17283a;--spider-dialog-accent:#168f69;--spider-dialog-border:rgba(174,205,226,.36);--spider-dialog-text:#f6fbfd;--spider-dialog-muted:#bed0d9;
  color:var(--spider-dialog-text)!important;border:1px solid var(--spider-dialog-border)!important;border-radius:14px!important;background:linear-gradient(180deg,var(--spider-dialog-bg),var(--spider-dialog-bg-2))!important;box-shadow:0 24px 70px rgba(0,0,0,.68),0 0 0 1px rgba(0,0,0,.28)!important;overflow:hidden!important;
}
html[data-table-theme="emerald"] #m-areyousure,html[data-table-theme="emerald"] #m-selectgame{--spider-dialog-bg:#03323b;--spider-dialog-bg-2:#02262e;--spider-dialog-accent:#0db37d;--spider-dialog-border:rgba(91,196,190,.40);--spider-dialog-muted:#b8d9d8}
html[data-table-theme="midnight"] #m-areyousure,html[data-table-theme="midnight"] #m-selectgame{--spider-dialog-bg:#102c40;--spider-dialog-bg-2:#0a2233;--spider-dialog-accent:#2d8ec5;--spider-dialog-border:rgba(99,169,212,.42);--spider-dialog-muted:#c1d8e7}
#m-areyousure .modal-content,#m-selectgame .modal-content{padding:18px!important;background:transparent!important}
#m-areyousure .modal-content p,#m-selectgame .modal-content p{margin:0!important;color:var(--spider-dialog-text)!important;font-size:18px!important;font-weight:700!important;line-height:1.25!important}
#m-areyousure .modal-footer,#m-selectgame .modal-footer{box-sizing:border-box!important;height:auto!important;min-height:64px!important;padding:10px 10px 12px!important;background:rgba(0,0,0,.18)!important}
#m-areyousure .modal-footer{display:flex!important;align-items:center!important;gap:10px!important}
#m-areyousure .m-buttonsure,#m-selectgame .m-buttonsure{box-sizing:border-box!important;color:var(--spider-dialog-text)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:9px!important;background:rgba(255,255,255,.06)!important;text-transform:none!important}
#m-areyousure .m-buttonsure{float:none!important;flex:1 1 0!important;width:auto!important;height:42px!important;line-height:42px!important}
.modal-overlay{background-color:#02080c!important}
#m-areyousure #m-buttonyes{background:var(--spider-dialog-accent)!important}
#m-selectgame #m-button1,#m-selectgame #m-button2,#m-selectgame #m-button4{background:rgba(255,255,255,.055)!important}

@media(max-width:520px){
  .spider-game-dialog-card{width:calc(100vw - 24px);padding:14px 14px 16px}
  .spider-game-dialog-head strong{font-size:18px}
  .spider-difficulty-choice{min-height:54px;grid-template-columns:48px minmax(0,1fr) auto;padding:6px 9px}
}
@media(max-height:390px) and (orientation:landscape){
  #spider-game-dialog{align-items:center;padding:8px}
  .spider-game-dialog-card{width:min(520px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:11px 13px}
  .spider-game-dialog-head{margin-bottom:5px}.spider-game-dialog-kicker{font-size:9px}.spider-game-dialog-head strong{font-size:16px}
  #spider-game-dialog-message{margin-bottom:9px;font-size:11px}
  #spider-game-dialog-choices{grid-template-columns:repeat(3,1fr);gap:6px}
  .spider-difficulty-choice{grid-template-columns:1fr;justify-items:center;gap:3px;min-height:74px;padding:6px;text-align:center}
  .spider-difficulty-symbol{height:24px;font-size:15px}.spider-difficulty-copy{align-items:center}.spider-difficulty-copy strong{font-size:12px}.spider-difficulty-copy small{font-size:10px}
  .spider-difficulty-current{font-size:8px;padding:3px 5px}.spider-difficulty-arrow{display:none}
  .spider-game-dialog-actions{max-width:330px;margin:10px 0 0 auto}
}

/* v2.3.58: stronger modal separation + real bottom spacing. */
#spider-game-dialog{
  background:rgba(0,3,6,.86)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.spider-game-dialog-card{
  border-width:2px!important;
  padding:18px 18px 24px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.82),0 0 0 1px rgba(255,255,255,.035),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.spider-game-dialog-actions{
  margin-top:18px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
}
html[data-table-theme="classic"] #spider-game-dialog{--spider-dialog-bg:#14283a;--spider-dialog-bg-2:#0b1b29;--spider-dialog-border:rgba(145,194,220,.56)}
html[data-table-theme="emerald"] #spider-game-dialog{--spider-dialog-bg:#08262c;--spider-dialog-bg-2:#04191e;--spider-dialog-border:rgba(78,199,171,.54)}
html[data-table-theme="midnight"] #spider-game-dialog{--spider-dialog-bg:#0b2131;--spider-dialog-bg-2:#061521;--spider-dialog-border:rgba(89,164,211,.56)}

#m-areyousure,#m-selectgame{
  border-width:2px!important;
  background:linear-gradient(180deg,#14283a 0%,#0b1b29 100%)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.84),0 0 0 1px rgba(255,255,255,.04)!important;
}
html[data-table-theme="emerald"] #m-areyousure,html[data-table-theme="emerald"] #m-selectgame{--spider-dialog-bg:#08262c;--spider-dialog-bg-2:#04191e;--spider-dialog-border:rgba(78,199,171,.54);background:linear-gradient(180deg,var(--spider-dialog-bg),var(--spider-dialog-bg-2))!important}
html[data-table-theme="midnight"] #m-areyousure,html[data-table-theme="midnight"] #m-selectgame{--spider-dialog-bg:#0b2131;--spider-dialog-bg-2:#061521;--spider-dialog-border:rgba(89,164,211,.56);background:linear-gradient(180deg,var(--spider-dialog-bg),var(--spider-dialog-bg-2))!important}
#m-areyousure .modal-content,#m-selectgame .modal-content{
  padding:20px 18px 14px!important;
}
#m-areyousure .modal-footer,#m-selectgame .modal-footer{
  min-height:76px!important;
  padding:12px 12px 18px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  background:rgba(0,0,0,.30)!important;
}
#m-areyousure .modal-footer{display:flex!important;align-items:center!important;gap:10px!important}
#m-areyousure .m-buttonsure{
  height:44px!important;
  line-height:44px!important;
}
#m-areyousure #m-buttonno{order:1!important;background:rgba(255,255,255,.055)!important}
#m-areyousure #m-buttonyes{order:2!important;background:var(--spider-dialog-accent)!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important}
#m-selectgame .modal-footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
#m-selectgame .m-buttonsure{float:none!important;width:auto!important;min-width:0!important;height:44px!important;line-height:44px!important;margin:0!important;text-align:center!important}
.modal-overlay{background:#010407!important;opacity:.82!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}

@media(max-width:520px){
  .spider-game-dialog-card{padding:16px 16px 22px!important}
  #m-areyousure .modal-footer,#m-selectgame .modal-footer{padding-bottom:16px!important}
  #m-selectgame .modal-footer{grid-template-columns:1fr!important}
}

/* v2.3.58 — visibly redesigned legacy game dialogs. */
#m-areyousure,
#m-selectgame{
  box-sizing:border-box!important;
  width:min(460px,calc(100vw - 32px))!important;
  max-width:460px!important;
  padding:0!important;
  border:2px solid var(--spider-dialog-accent)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,var(--spider-dialog-bg) 0%,var(--spider-dialog-bg-2) 100%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.82),0 0 0 5px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}
#m-selectgame{width:min(520px,calc(100vw - 32px))!important;max-width:520px!important}
#m-areyousure .modal-content,
#m-selectgame .modal-content{
  box-sizing:border-box!important;
  padding:20px 22px 17px!important;
  border:0!important;
  background:rgba(255,255,255,.018)!important;
}
#m-areyousure .modal-content p,
#m-selectgame .modal-content p{
  margin:0!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.01em!important;
}
#m-areyousure .modal-footer,
#m-selectgame .modal-footer{
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:14px 16px 19px!important;
  border-top:1px solid var(--spider-dialog-border)!important;
  background:rgba(0,0,0,.30)!important;
  overflow:visible!important;
}
#m-areyousure .modal-footer{
  display:flex!important;
  align-items:stretch!important;
  gap:12px!important;
}
#m-areyousure .m-buttonsure,
#m-selectgame .m-buttonsure{
  box-sizing:border-box!important;
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 14px!important;
  min-height:46px!important;
  height:46px!important;
  line-height:1!important;
  color:#f7fbfd!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-size:14px!important;
  font-weight:750!important;
  text-transform:none!important;
  text-decoration:none!important;
}
#m-areyousure .m-buttonsure{flex:1 1 0!important;width:auto!important}
#m-areyousure #m-buttonno{color:#e5eef2!important;background:rgba(255,255,255,.055)!important}
#m-areyousure #m-buttonyes{
  color:#fff!important;
  border-color:var(--spider-dialog-accent)!important;
  background:var(--spider-dialog-accent)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.24)!important;
}
#m-selectgame .modal-footer{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
#m-selectgame .m-buttonsure{
  width:100%!important;
  min-height:52px!important;
  height:52px!important;
  position:relative!important;
  justify-content:flex-start!important;
  padding-left:18px!important;
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.055)!important;
}
#m-selectgame .m-buttonsure::after{
  content:'›';
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-52%);
  color:var(--spider-dialog-muted);
  font-size:24px;
  font-weight:300;
}
#m-selectgame .m-buttonsure:hover,
#m-areyousure #m-buttonno:hover{background:rgba(255,255,255,.10)!important}
#m-selectgame .m-buttonsure:active{transform:translateY(1px)}
.modal-overlay{
  background:#000!important;
  opacity:.72!important;
}
@media(max-width:599px){
  #m-areyousure,#m-selectgame{width:calc(100vw - 24px)!important;max-width:none!important;border-radius:14px!important}
  #m-areyousure .modal-content,#m-selectgame .modal-content{padding:17px 17px 14px!important}
  #m-areyousure .modal-footer,#m-selectgame .modal-footer{padding:12px 12px 17px!important}
}


/* v2.3.59 — unified, clearer Difficulty dialog. */
.spider-game-dialog-card{width:min(430px,calc(100vw - 32px))}
#spider-game-dialog-choices{gap:9px}
.spider-difficulty-choice{
  position:relative;
  min-height:68px;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:12px;
  padding:9px 12px;
  border-color:rgba(255,255,255,.11);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.spider-difficulty-choice:hover{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.07)}
.spider-difficulty-choice.active{
  border-color:var(--spider-dialog-accent);
  background:linear-gradient(90deg,color-mix(in srgb,var(--spider-dialog-accent) 22%,transparent),rgba(255,255,255,.055));
  box-shadow:inset 4px 0 0 var(--spider-dialog-accent),0 0 0 1px color-mix(in srgb,var(--spider-dialog-accent) 28%,transparent),0 8px 22px rgba(0,0,0,.16);
}
.spider-difficulty-choice.active::before{
  content:'';position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--spider-dialog-accent) 30%,transparent);border-radius:7px;pointer-events:none;
}
.spider-difficulty-symbol{min-width:54px;height:46px;border-radius:9px;background:rgba(0,0,0,.15);font-size:19px;letter-spacing:-1px}
.spider-difficulty-choice.active .spider-difficulty-symbol{background:color-mix(in srgb,var(--spider-dialog-accent) 22%,rgba(0,0,0,.20));color:#fff}
.spider-difficulty-copy{gap:5px}
.spider-difficulty-title-row{display:flex;align-items:baseline;gap:8px;min-width:0}
.spider-difficulty-title-row strong{font-size:15px!important}
.spider-difficulty-title-row em{color:var(--spider-dialog-muted);font-size:10px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.spider-difficulty-copy small{font-size:11px!important;font-weight:500!important;line-height:1.25!important}
.spider-difficulty-current{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset}
.spider-difficulty-arrow{padding-right:2px}
#m-selectgame .spider-legacy-difficulty-current{border-color:var(--spider-modal-accent)!important;background:color-mix(in srgb,var(--spider-modal-accent) 18%,rgba(255,255,255,.06))!important;box-shadow:inset 4px 0 0 var(--spider-modal-accent)!important}
@media(max-width:520px){
  .spider-difficulty-choice{min-height:64px;grid-template-columns:50px minmax(0,1fr) auto;gap:9px;padding:8px 9px}
  .spider-difficulty-symbol{min-width:46px;height:42px;font-size:17px}
  .spider-difficulty-current{font-size:8px;padding:5px 6px}
}
@media(max-height:390px) and (orientation:landscape){
  .spider-game-dialog-card{width:min(610px,calc(100vw - 16px))}
  #spider-game-dialog-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .spider-difficulty-choice{grid-template-columns:1fr;justify-items:center;min-height:98px;padding:7px;text-align:center}
  .spider-difficulty-title-row{justify-content:center;flex-wrap:wrap;gap:4px 7px}.spider-difficulty-copy{align-items:center}.spider-difficulty-copy small{max-width:160px}.spider-difficulty-current{margin-top:2px}
}


/* v2.3.62: Daily Deal/Progress menu entry + live Deals rank badge. */
#slide-out .spider-progress-menu-link{display:flex!important;align-items:center;gap:0;}
#slide-out .spider-progress-menu-web{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0 32px 0 0;color:currentColor;}
#slide-out .spider-progress-menu-web .spider-web-icon{width:22px;height:22px;}
@media (min-width:600px){
  #navland .desktop-deals-line{align-items:center!important;}
  #navland .desktop-deals-rank-btn{flex:0 0 30px;width:30px;height:34px;margin:0 8px 0 0;padding:0;border:0;background:transparent;cursor:pointer;line-height:1;}
  #navland .desktop-deals-rank-btn .desktop-deals-rank.player-rank{width:25px;height:34px;line-height:34px;font-size:10px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28));transition:transform .14s ease,filter .14s ease;}
  #navland .desktop-deals-rank-btn:hover .desktop-deals-rank.player-rank,#navland .desktop-deals-rank-btn:focus-visible .desktop-deals-rank.player-rank{transform:translateY(-1px) scale(1.04);filter:drop-shadow(0 3px 5px rgba(0,0,0,.36));}
  #navland .desktop-deals-progress{flex:1 1 auto;}
}
@media (min-width:600px) and (max-width:1250px){
  #navland .desktop-deals-rank-btn{flex-basis:25px;width:25px;height:30px;margin-right:5px;}
  #navland .desktop-deals-rank-btn .desktop-deals-rank.player-rank{width:22px;height:30px;line-height:30px;font-size:9px;}
}


/* v2.3.63: DEALS uses the existing local player statistics + existing rank system. */
@media (min-width:600px){
  #navland .desktop-deals-line{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;}
  #navland .desktop-deals-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1 1 auto;min-width:0;}
  #navland .desktop-deals-stat{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:0 8px;border-left:1px solid var(--sidebar-separator);line-height:1.05;}
  #navland .desktop-deals-stat small{color:var(--sidebar-muted);font-size:8.5px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;}
  #navland .desktop-deals-stat strong{margin-top:3px;color:#fff;font-size:12.5px;font-weight:760;font-variant-numeric:tabular-nums;}
  #navland .desktop-deals-percent{flex:0 0 auto;min-width:42px;margin-left:6px;text-align:right;font-size:11.5px!important;}
}
@media (min-width:600px) and (max-width:1250px){
  #navland .desktop-deals-stat{padding:0 5px;}
  #navland .desktop-deals-stat small{font-size:7.5px;}
  #navland .desktop-deals-stat strong{font-size:11px;}
  #navland .desktop-deals-percent{min-width:35px;margin-left:4px;font-size:11px!important;}
}

/* v2.3.66: compact PLAYER card, slightly larger for readability. */
#navland .desktop-player-label{margin-top:6px!important;margin-bottom:3px!important;}
#navland .desktop-player-card{
  --player-accent:#56d3ad;
  box-sizing:border-box!important;width:calc(100% - 12px)!important;
  height:64px!important;min-height:64px!important;max-height:64px!important;
  margin:0 6px 5px!important;padding:4px 6px 4px 4px!important;
  display:grid!important;grid-template-columns:46px minmax(0,1fr) 8px!important;align-items:center!important;gap:5px!important;
  overflow:hidden!important;border:1px solid rgba(86,211,173,.48)!important;border-radius:10px!important;
  background:linear-gradient(180deg,rgba(8,58,65,.96),rgba(4,43,51,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 12px rgba(0,0,0,.12)!important;
  color:#f7fcfd!important;font:inherit!important;line-height:1!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important;
  cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;outline:none!important;
}
html[data-table-theme="midnight"] #navland .desktop-player-card{--player-accent:#70b9e6;border-color:rgba(112,185,230,.48)!important;background:linear-gradient(180deg,rgba(14,53,77,.97),rgba(8,40,61,.96))!important;}
html[data-table-theme="classic"] #navland .desktop-player-card{--player-accent:#b9d5e8;border-color:rgba(185,213,232,.42)!important;background:linear-gradient(180deg,rgba(57,78,98,.97),rgba(43,63,81,.96))!important;}
#navland .desktop-player-card:hover,#navland .desktop-player-card:focus-visible{border-color:var(--player-accent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px color-mix(in srgb,var(--player-accent) 28%,transparent),0 4px 12px rgba(0,0,0,.16)!important;}
#navland .desktop-player-rank-icon{display:block!important;width:44px!important;height:54px!important;max-width:44px!important;max-height:54px!important;object-fit:contain!important;justify-self:center!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.34));pointer-events:none!important;}
#navland .desktop-player-main{min-width:0!important;width:100%!important;display:grid!important;grid-template-rows:15px 4px 16px!important;align-content:center!important;gap:3px!important;overflow:hidden!important;}
#navland .desktop-player-topline{min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;color:var(--sidebar-muted,#9fc3c8)!important;font-size:9px!important;font-weight:650!important;line-height:15px!important;white-space:nowrap!important;}
#navland .desktop-player-topline>span>strong{margin-left:2px!important;color:#fff!important;font-size:12px!important;font-weight:800!important;}
#navland .desktop-player-winrate{color:var(--player-accent)!important;font-size:9.5px!important;font-weight:800!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;}
#navland .desktop-player-progress{position:relative!important;display:block!important;width:100%!important;height:4px!important;margin:0!important;overflow:hidden!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.2)!important;}
#navland .desktop-player-progress>span{display:block!important;width:0;height:100%!important;border-radius:inherit!important;background:var(--player-accent)!important;box-shadow:0 0 6px color-mix(in srgb,var(--player-accent) 50%,transparent)!important;transition:width .25s ease;}
#navland .desktop-player-bottomline{min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;overflow:hidden!important;white-space:nowrap!important;}
#navland .desktop-player-progress-text{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#dcebec!important;font-size:8.2px!important;font-weight:650!important;line-height:16px!important;white-space:nowrap!important;}
#navland .desktop-player-stats{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:5px!important;color:var(--sidebar-muted,#9fc3c8)!important;font-size:7.8px!important;font-weight:600!important;line-height:16px!important;white-space:nowrap!important;}
#navland .desktop-player-stats strong{color:#fff!important;font-size:8.4px!important;font-weight:780!important;font-variant-numeric:tabular-nums!important;}
#navland .desktop-player-chevron{align-self:center!important;color:var(--player-accent)!important;font-size:15px!important;font-weight:400!important;line-height:1!important;pointer-events:none!important;}
#navland .desktop-player-card *{box-sizing:border-box;}
@media (orientation:landscape) and (max-height:749px){
  #navland .desktop-player-label{margin-top:4px!important;margin-bottom:2px!important;}
  #navland .desktop-player-card{height:60px!important;min-height:60px!important;max-height:60px!important;margin-bottom:4px!important;padding-top:3px!important;padding-bottom:3px!important;grid-template-columns:42px minmax(0,1fr) 7px!important;}
  #navland .desktop-player-rank-icon{width:40px!important;height:49px!important;max-width:40px!important;max-height:49px!important;}
  #navland .desktop-player-main{grid-template-rows:14px 4px 15px!important;gap:3px!important;}
  #navland .desktop-player-topline{font-size:8.4px!important;line-height:14px!important;}
  #navland .desktop-player-topline>span>strong{font-size:11px!important;}
  #navland .desktop-player-winrate{font-size:9px!important;}
  #navland .desktop-player-progress{height:4px!important;}
  #navland .desktop-player-progress-text{font-size:7.8px!important;line-height:15px!important;}
  #navland .desktop-player-stats{font-size:7.3px!important;line-height:15px!important;gap:5px!important;}
  #navland .desktop-player-stats strong{font-size:8px!important;}
  #navland .desktop-player-chevron{font-size:14px!important;}
}

/* v2.3.67: Save/Load player progress links reuse the existing PLAYER heading row. */
#navland .desktop-player-label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;}
#navland .desktop-progress-links{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;min-width:0!important;margin-left:auto!important;text-transform:none!important;letter-spacing:normal!important;}
#navland .desktop-progress-link{display:inline!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 1px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--sidebar-muted,#9fc3c8)!important;font:inherit!important;font-size:8.5px!important;font-weight:750!important;line-height:1.1!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;}
#navland .desktop-progress-link:hover,#navland .desktop-progress-link:focus-visible{color:#fff!important;text-decoration:underline!important;outline:none!important;}
#navland .desktop-progress-link.is-synced{color:var(--player-accent,#56d3ad)!important;}
html[data-table-theme="midnight"] #navland .desktop-progress-link.is-synced{color:#70b9e6!important;}
html[data-table-theme="classic"] #navland .desktop-progress-link.is-synced{color:#b9d5e8!important;}
#navland .desktop-progress-separator{color:rgba(255,255,255,.28)!important;font-size:8px!important;line-height:1!important;}
@media (orientation:landscape) and (max-height:749px){#navland .desktop-progress-link{font-size:8px!important;}#navland .desktop-progress-links{gap:2px!important;}}

/* v2.3.75 Guaranteed Solvable + Recent Deals */
#navland #desktop-guaranteed-btn .desktop-toggle span{
  transition:left .16s ease, background .16s ease;
}
#navland #desktop-guaranteed-btn.is-on .desktop-toggle{
  background:#18c987;
  border-color:rgba(117,255,205,.55);
}
#navland #desktop-guaranteed-btn.is-on .desktop-toggle span{
  left:21px;
}
@media (max-width:1399px){
  #navland #desktop-guaranteed-btn.is-on .desktop-toggle span{left:19px;}
}
@media (max-width:1180px){
  #navland #desktop-guaranteed-btn.is-on .desktop-toggle span{left:16px;}
}

.spider-mobile-guaranteed-row .spider-mobile-mini-toggle{
  position:relative;
  flex:0 0 38px;
  width:38px;
  height:22px;
  margin-left:auto;
  border:1px solid rgba(255,255,255,.16);
  border-radius:13px;
  background:rgba(255,255,255,.14);
}
.spider-mobile-guaranteed-row .spider-mobile-mini-toggle i{
  position:absolute;
  left:3px;
  top:3px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  transition:left .16s ease;
}
.spider-mobile-guaranteed-row.is-on .spider-mobile-mini-toggle{background:#18c987;border-color:rgba(117,255,205,.55)}
.spider-mobile-guaranteed-row.is-on .spider-mobile-mini-toggle i{left:19px}
.spider-mobile-guaranteed-row .spider-mobile-toggle-state{
  flex:0 0 25px;
  margin-left:6px!important;
  font-size:11px!important;
  text-align:right;
  color:#b9ced5!important;
}
.spider-mobile-guaranteed-row.is-on .spider-mobile-toggle-state{color:#8ff0c9!important}

html.spider-recent-open{overflow:hidden}
#spider-recent-deals-overlay{
  position:fixed;
  inset:0;
  z-index:22000;
  font-family:inherit;
}
#spider-recent-deals-overlay[hidden]{display:none!important}
.spider-recent-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,12,16,.28);
}
.spider-recent-dialog{
  position:absolute;
  top:50%;
  right:220px;
  transform:translateY(-50%);
  box-sizing:border-box;
  width:min(492px,calc(100vw - 260px));
  max-height:calc(100% - 36px);
  overflow:auto;
  padding:18px 20px 20px;
  border:1px solid rgba(53,206,183,.55);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(3,62,69,.98),rgba(2,41,52,.98));
  color:#f4fbfc;
  box-shadow:0 18px 50px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.04);
}
.spider-recent-dialog header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:42px;
  padding-bottom:9px;
  border-bottom:1px solid rgba(208,239,243,.16);
}
.spider-recent-dialog h2{margin:0;font-size:22px;line-height:1.15;font-weight:650;color:#fff}
.spider-recent-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  background:transparent;
  color:#eef8fa;
  font-size:30px;
  font-weight:300;
  cursor:pointer;
}
.spider-recent-table{width:100%;padding-top:4px}
.spider-recent-row{
  display:grid;
  grid-template-columns:minmax(88px,1fr) minmax(106px,1fr) 62px 88px;
  align-items:center;
  min-height:47px;
  gap:10px;
  border-bottom:1px solid rgba(210,239,243,.10);
  font-size:14px;
}
.spider-recent-head{min-height:38px;color:#d9e9ec;font-size:13px}
.spider-recent-head span:nth-child(3),.spider-recent-head span:nth-child(4){text-align:center}
.spider-recent-seed{font-weight:550;color:#f4fbfc}
.spider-recent-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:start;
  min-width:70px;
  min-height:28px;
  padding:0 10px;
  box-sizing:border-box;
  border:1px solid currentColor;
  border-radius:15px;
  font-size:13px;
  line-height:1;
}
.spider-recent-status.is-won{color:#15dd7a}
.spider-recent-status.is-lost{color:#ff4d4d}
.spider-recent-status.is-progress{color:#58cfff}
.spider-recent-replay{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#dbe7ff;
  font-size:32px;
  line-height:1;
  cursor:pointer;
}
.spider-recent-replay:hover,.spider-recent-replay:focus-visible{background:rgba(255,255,255,.08);outline:1px solid rgba(112,210,255,.7)}
.spider-recent-solvable{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
  gap:7px;
  font-size:13px;
}
.spider-recent-solvable b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:#20cc72;
  color:#fff;
  font-size:13px;
}
.spider-recent-solvable.is-unknown{color:#8faab0;font-size:20px}
.spider-recent-empty{padding:32px 4px 18px;text-align:center;color:#c7dde1}

@media (max-width:1023px){
  .spider-recent-backdrop{background:rgba(0,12,16,.52)}
  .spider-recent-dialog{
    top:50%;
    left:50%;
    right:auto;
    transform:translate(-50%,-50%);
    width:min(520px,calc(100vw - 24px));
    max-height:calc(100% - 24px);
    border-radius:16px;
  }
}
@media (max-width:540px){
  .spider-recent-dialog{padding:14px 13px 16px}
  .spider-recent-dialog h2{font-size:19px}
  .spider-recent-row{
    grid-template-columns:minmax(72px,1fr) minmax(82px,1fr) 50px 66px;
    gap:6px;
    min-height:45px;
    font-size:12px;
  }
  .spider-recent-head{font-size:11px}
  .spider-recent-status{min-width:62px;min-height:25px;padding:0 6px;font-size:11px}
  .spider-recent-replay{width:36px;height:36px;font-size:28px}
  .spider-recent-solvable span{display:none}
}