/* Keep the same masthead treatment on every route. */
.page-splash .nav-in li a.auth-nav-link::before,
.page-interior .site-top-links a.auth-nav-link::before{
  background:linear-gradient(#484848,#393939 45%,#262626);
}
.page-interior .site-top-links a.auth-nav-link{
  background:linear-gradient(#6b6f71,#47494b 55%,#232526);
  border-color:#42616d;
}
.page-splash .nav-in li a.auth-nav-link[aria-current=page]::before,
.page-interior .site-top-links a.auth-nav-link[aria-current=page]::before,
.page-interior .site-top-links a.signup-nav-link[aria-current=page]::before{
  background:linear-gradient(#336c75,#1c4651 55%,#0d2932);
}

/* One restrained panel for sign-in and account creation. */
#signup-page .content,#signin-page .content{
  box-sizing:border-box;min-height:0;padding:34px 28px 40px;
  border:1px solid #34454b;background:#10191d;color:#dce9eb;text-align:left;
}
#signup-page .signup-panel,#signin-page .signup-panel{
  box-sizing:border-box;width:min(100%,460px);margin:auto;padding:0;
  border:0;background:none;box-shadow:none;color:#dce9eb;
}
#signup-page .signup-intro,#signin-page .signup-intro{
  margin:0 0 25px;color:#e0e8e9;font:16px/1.45 Arial,sans-serif;text-align:left;
}
#signup-page .signup-warn{
  margin:0 0 20px;padding:0;border:0;background:transparent;
  box-shadow:none;color:#aebec1;line-height:1.45;
}
#signup-page .signup-form,#signin-page .signup-form{width:100%;margin:0}
#signup-page .signup-field,#signin-page .signup-field{margin:0 0 17px}
#signup-page .signup-field label,#signin-page .signup-field label{
  display:block;margin:0 0 7px;color:#cce2e5;font-size:13px;font-weight:600;
}
#signup-page .signup-field input,#signin-page .signup-field input{
  box-sizing:border-box;width:100%;height:43px;padding:8px 12px;
  border:1px solid #7d8a8d;background:#e5e9e9;color:#0b222b;
}
#signup-page .signup-field input:focus,#signin-page .signup-field input:focus{
  outline:2px solid #67d9dd;outline-offset:1px;
}
#signup-page .signup-hint,#signin-page .signup-hint{
  margin:6px 0 0;color:#9eb9bf;font-size:12px;
}
#signup-page .account-switch,#signin-page .account-switch{
  margin:20px 0 0;color:#a9c3c8;text-align:center;
}
#signup-page .account-switch a,#signin-page .account-switch a{color:#79dce1}
#signup-page .form-result,#signin-page .form-result{color:#bce3e5}
#signup-page .form-result.error,#signin-page .form-result.error{color:#ffaba0}
#signup-page .signup-btn,#signin-page .signup-btn{
  height:44px;border:1px solid #54727a;background:linear-gradient(#36525a,#213a42);
  box-shadow:none;color:#f1f5f5;text-shadow:0 1px #000;
}
#signup-page .signup-btn:hover,#signin-page .signup-btn:hover,
#signup-page .signup-btn:focus-visible,#signin-page .signup-btn:focus-visible{
  border-color:#7fb6bc;background:linear-gradient(#4c737c,#2a515b);color:#fff;
}

/* Player names are route titles, with the same scale as other headings. */
#player-page .current h1{margin:0 0 0 12px;color:#78e6e3;font-size:32px;line-height:1.2}
#player-page .current h1 #player-name{display:inline;color:inherit;font-size:inherit;letter-spacing:normal}

/* Preserve the Download layout while matching the dark interior pages. */
.page-download .con-left{background:#111a1e;color:#d9e6e8}
.page-download .down-info .client h3{color:#f0f5f5}
.page-download .client li,.page-download .download-caveat{color:#b5c6c9}
.page-download .download-help{
  border-left:3px solid #6d979d;background:#202e33;color:#d9e6e8;
}
.page-download .download-help h3{color:#edf4f4}
.page-download .download-help li{color:#c1d0d2}
.page-download .download-help a{color:#95c9ce}
.page-download .down-info .dl-locked-note{color:#c5a68a}
.page-download .down-info .download-caveat{border-top-color:#35464b}
.page-download #download-action[aria-disabled=true]{
  border:1px solid #5c6c70;background:linear-gradient(#68767a,#47565a);color:#e0e8e8;
}

#leaderboards-page .data-table th:nth-child(n+3),
#leaderboards-page .data-table td:nth-child(n+3){text-align:right}

.ribbon-stat-block{display:grid;justify-items:center;gap:9px;min-width:300px}
.ribbon-stats{justify-content:center;min-height:43px}
.ribbon-stats .ribbon-stat{min-width:76px;text-align:center}
.ribbon-pages{display:flex;justify-content:center;align-items:center;gap:9px;min-height:10px}
.ribbon-pages button{width:9px;height:9px;padding:0;border:1px solid #749098;border-radius:50%;background:#596b70;cursor:pointer}
.ribbon-pages button.is-active{border-color:#7bd4d6;background:#69cdd0}
.ribbon-pages button:focus-visible{outline:2px solid #a5eff0;outline-offset:3px}

@media(max-width:700px){
  .community-ribbon .ribbon-inner{width:100%;grid-template-columns:minmax(0,1fr)}
  .community-ribbon .ribbon-stat-block{box-sizing:border-box;width:min(100%,460px);min-width:0}
  .community-ribbon .ribbon-stats{box-sizing:border-box;width:100%;gap:12px}
  .community-ribbon .ribbon-stats .ribbon-stat{flex:1 1 0;min-width:0}
  .community-ribbon .ribbon-link{justify-self:center}
}

@media(max-width:760px){
  #signup-page .content,#signin-page .content{padding:16px}
  #signup-page .signup-panel,#signin-page .signup-panel{padding:20px}
  #player-page .current h1{font-size:24px}
}

@media(max-width:600px){
  #leaderboards-page #leaderboard-result .data-table tbody{gap:8px}
  #leaderboards-page #leaderboard-result .data-table tr{
    grid-template-columns:minmax(0,.7fr) minmax(0,1.35fr) minmax(0,.75fr) minmax(0,1fr);
    column-gap:8px;row-gap:0;padding:11px 12px 12px;
  }
  #leaderboards-page #leaderboard-result .data-table td{
    min-width:0;text-align:left;line-height:1.3;
  }
  #leaderboards-page #leaderboard-result .data-table td:first-child{
    grid-column:span 1;align-self:center;color:#9bb8be;font-size:16px;font-weight:700;
  }
  #leaderboards-page #leaderboard-result .data-table td:first-child::before{
    display:inline;margin:0;content:'#';color:inherit;font-size:inherit;letter-spacing:0;
  }
  #leaderboards-page #leaderboard-result .data-table td:nth-child(2){
    grid-column:span 3;align-self:center;overflow-wrap:anywhere;
  }
  #leaderboards-page #leaderboard-result .data-table td:nth-child(2)::before{display:none}
  #leaderboards-page #leaderboard-result .data-table td:nth-child(2) a{font-size:16px}
  #leaderboards-page #leaderboard-result .data-table td:nth-child(n+3){
    grid-column:span 1;margin-top:10px;padding-top:9px;border-top:1px solid #31515a;
    font-size:14px;font-variant-numeric:tabular-nums;
  }
  #leaderboards-page #leaderboard-result .data-table td:nth-child(n+3)::before{
    margin-bottom:4px;font-size:10px;line-height:1.2;
  }
  #leaderboards-page.mode-zm #leaderboard-result .data-table tr{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  #leaderboards-page.mode-zm #leaderboard-result .data-table td:nth-child(2){grid-column:span 5}
  #leaderboards-page.mode-zm #leaderboard-result .data-table td:nth-child(n+3){
    grid-column:span 2;border-top-color:#674044;
  }
  #leaderboards-page.mode-zm #leaderboard-result .data-table td:nth-child(n+6){
    grid-column:span 3;margin-top:8px;padding-top:4px;border-top:0;
  }
}