.wd-stats-page{max-width:760px;margin:auto}.wd-stats-page .card{margin:16px 0;padding:22px}.wd-stats-page h1,.wd-stats-page h2{color:#fff}.wd-back{color:#ffd15d;font-weight:700}.wd-stats-page li{padding:5px 0}.wd-rating{display:inline-block;margin:6px auto;padding:4px 9px;border-radius:9px;font-size:13px;font-weight:800;border:1px solid currentColor}.wd-rating-blue{color:#77d8ff;background:#123b65}.wd-rating-green{color:#a3f58a;background:#193e30}.wd-rating-purple{color:#e2b0ff;background:#44305f}.wd-rating-gold{color:#ffd764;background:#654814}.wd-stat-button{display:block;margin:5px auto 9px;font-size:12px;padding:5px 9px}.wd-public-stats-overlay:not([hidden]){position:fixed;inset:0;z-index:99999;background:#001126bf;display:flex;align-items:center;justify-content:center;padding:16px}.wd-public-stats-box{width:min(480px,95vw);background:#102b56;color:white;border:2px solid #22c9ff;border-radius:16px;padding:22px;box-shadow:0 12px 45px #0008}.wd-public-stats-box button{float:right}.wd-stats-page .brand img{max-width:100%}#lifetimeStatsLink[hidden]{display:none!important}
/* Compact signed-in account panel; guest registration stays full width. */
#accountBar:has(#accountLogout:not([hidden])){padding:10px 12px!important;min-height:0!important;max-width:320px!important;margin:8px auto 12px!important;box-sizing:border-box}
#accountBar:has(#accountLogout:not([hidden])) #accountStatus{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;line-height:1.2}
#accountBar:has(#accountLogout:not([hidden])) #accountStatus strong{font-size:15px;letter-spacing:.04em}
#accountBar:has(#accountLogout:not([hidden])) #accountStatus .wd-rating{margin:3px 0;padding:3px 8px;font-size:12px}
#accountBar:has(#accountLogout:not([hidden])) #accountActions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
#accountBar:has(#accountLogout:not([hidden])) #lifetimeStatsLink{margin:3px!important;font-size:12px}
#accountBar:has(#accountLogout:not([hidden])) #accountLogout{padding:7px 11px;font-size:12px}
/* Preserve visibility semantics even when a parent layout rule uses display. */
.wd-rating[hidden],.wd-stat-button[hidden]{display:none!important}

/* In-game score cards: name, colored rating, stats control, then score. */
#playerCard,#opponentCard{display:flex;flex-direction:column;align-items:center}
#playerCard .wd-rating,#opponentCard .wd-rating{order:0;margin:5px auto 4px;padding:4px 9px;line-height:1.2;min-height:0;font-size:13px}
#playerCard .wd-stat-button,#opponentCard .wd-stat-button{margin:4px auto 8px}
#playerCard .wd-rating:not([hidden]),#opponentCard .wd-rating:not([hidden]){display:inline-block!important}

/* Five-tier competitive ratings: 1000 green, 1200 blue, 1500 red, 1800 purple, 2000 brilliant gold. */
.wd-rating-red{color:#ff7373;background:#5b1620;border-color:#ff4545;text-shadow:0 0 7px #ff323280}
.wd-rating-purple{color:#e2b0ff;background:#44305f;border-color:#bb7cff;text-shadow:0 0 7px #bb7cff66}
.wd-rating-gold{color:#fff6b0!important;background:linear-gradient(115deg,#a96600 0%,#ffd336 21%,#fff5a1 40%,#ffb400 61%,#fff3a1 79%,#b97700 100%)!important;border:2px solid #ffe987!important;box-shadow:0 0 7px #ffce44,0 0 16px #ffcf657a,inset 0 1px 3px #ffffffbb;text-shadow:0 1px 2px #724000,0 0 7px #fffbd8;position:relative;overflow:hidden;animation:wd-gold-glow 2.8s ease-in-out infinite}
.wd-rating-gold:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#ffffff00 37%,#ffffffa8 49%,#ffffff00 61%,transparent 75%);transform:translateX(-140%);animation:wd-gold-shine 3.5s ease-in-out infinite;pointer-events:none}
@keyframes wd-gold-glow{0%,100%{box-shadow:0 0 7px #ffce44,0 0 16px #ffcf657a,inset 0 1px 3px #ffffffbb}50%{box-shadow:0 0 11px #fff18b,0 0 24px #ffda66,inset 0 1px 4px #fff}}
@keyframes wd-gold-shine{0%,18%{transform:translateX(-140%)}52%,100%{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){.wd-rating-gold,.wd-rating-gold:after{animation:none}}

/* Statistics page: align the main stats card directly under the centered Word Dome logo. */
.wd-stats-page .brand{
 height:125px;
 margin-bottom:0;
}
.wd-stats-page .card{
 margin:8px auto 16px;
}