.toolbar{display:grid;grid-template-columns:minmax(130px,1fr) repeat(2,minmax(0,auto));gap:20px 28px;align-items:center}
.toolbar .game-overview{grid-column:1/-1;width:100%;margin:0;display:flex;justify-content:flex-end;align-items:center;gap:32px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.toolbar .level-stat{min-width:0}
.toolbar .stat{min-width:0;text-align:center}
.toolbar .stat b{white-space:nowrap;font-variant-numeric:tabular-nums}
.toolbar .stat small{display:block;white-space:nowrap}
#openGameRating{padding:0;border:0;background:transparent;min-height:44px;display:flex;align-items:center;gap:5px;margin:auto;font-size:inherit;color:inherit}
#openGameRating:hover{background:#ffffff08}
#openGameRating .rating-star{font-size:22px;color:#ffd16d}
#gameParticipants{color:#acbaff}
#gameRatingStars{display:flex;justify-content:center;gap:8px;border:0;padding:16px 0;margin:0}
#gameRatingStars button{font-size:32px;line-height:1;padding:8px;color:#6d7594;min-width:42px;background:#181e34}
#gameRatingStars button.rated{color:#ffd16d;border-color:#e8b75788;background:#57442455}
#gameRatingDialog #saveGameRating,#gameRatingLogin{width:100%;margin-top:10px}
#gameRatingStatus{color:#d7c8ff}
@media(max-width:760px){
 .toolbar{grid-template-columns:minmax(112px,1.2fr) repeat(2,minmax(0,1fr));gap:14px 8px;padding:16px 12px}
 .toolbar .game-overview{justify-content:center;gap:40px;padding-bottom:12px}
 .toolbar .level-stat h2{font-size:clamp(17px,4.7vw,22px)}
 .toolbar .level-stat>small{font-size:7px;letter-spacing:.3px}
 .toolbar .stat b{font-size:20px}
 .toolbar .stat small{font-size:7px;letter-spacing:0}
 #openGameRating .rating-star{font-size:18px}
 #openGameRating{min-height:30px;gap:3px}
}

.rating-participation{display:block;margin-top:6px;color:#a9bbd8;font-size:9px;line-height:1.5;max-width:170px}#gameRatingAdmin{margin-top:26px;padding-top:14px;border-top:1px solid var(--line)}#gameRatingList{list-style:none;padding:0;margin:12px 0}#gameRatingList li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:14px 0;border-bottom:1px solid #ffffff16}#gameRatingList strong{font-size:12px;overflow-wrap:anywhere}#gameRatingList small{grid-column:1/-1;letter-spacing:0;font-size:10px}.rating-list-stars{font-size:12px;color:#ffd16d}#gameRatingCoverage{font-size:12px;line-height:1.6}@media(max-width:760px){.toolbar .game-overview{gap:24px}.rating-participation{font-size:8px;max-width:145px}}
/* Compact dashboard: level and progress first, community figures in a slim footer. */
.game .toolbar{grid-template-columns:minmax(120px,1.45fr) repeat(2,minmax(0,1fr));gap:12px 0;padding:18px 22px 0;background:linear-gradient(120deg,#b692ff08,transparent)}
.game .toolbar .level-stat{grid-column:1;grid-row:1;margin:0;padding-right:12px}
.game .toolbar .level-stat>small{display:block;color:#aaa3c5;font-size:8px;letter-spacing:1px}
.game .toolbar .level-stat h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 5px;font-size:23px;line-height:1.35;margin:7px 0 0;overflow-wrap:anywhere}
.game .toolbar .level-stat .infinity{margin-left:0;font-size:18px;color:#847c9e}
.game .toolbar>.stat{grid-row:1;margin:0;padding:5px 8px;border-left:1px solid #c3b3eb1c;align-self:center}
.game .toolbar>.stat:nth-last-child(2){grid-column:2}
.game .toolbar>.stat:last-child{grid-column:3}
.game .toolbar>.stat b{font-size:25px;margin:0 0 6px;line-height:1}
.game .toolbar>.stat small{font-size:8px;line-height:1.4;letter-spacing:.35px;white-space:normal;color:#aaa7c3}
.game .toolbar .game-overview{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:18px;width:auto;margin:0 -22px;padding:11px 22px;border-bottom:0;border-top:1px solid #c3b3eb15;background:#11172924}
.game .toolbar .game-overview>.stat:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;text-align:left;align-items:center}
.game .toolbar #openGameRating{grid-column:1;grid-row:1 / 3;min-height:38px;margin:0;gap:4px;padding:0 5px 0 0;border-radius:8px}
.game .toolbar #gameRatingValue{font-size:21px;line-height:1.2;margin:0}
.game .toolbar #openGameRating .rating-star{font-size:17px}
.game .toolbar .game-overview>.stat:first-child>small{grid-column:2;grid-row:1;font-size:7px;letter-spacing:.5px;align-self:end;color:#beb6d0}
.game .toolbar .rating-participation{grid-column:2;grid-row:2;font-size:8px;margin:0;max-width:none;line-height:1.5;align-self:start;color:#9d9bb5;overflow-wrap:anywhere}
.game .toolbar .game-overview>.stat:last-child{display:flex;justify-content:flex-end;align-items:center;gap:9px;text-align:left}
.game .toolbar #gameParticipants{font-size:21px;margin:0;line-height:1.2}
.game .toolbar .game-overview>.stat:last-child>small{font-size:7px;letter-spacing:.4px;white-space:normal;max-width:82px;line-height:1.5;color:#beb6d0}
.game .board-top{margin-top:7px;margin-bottom:0}
@media(max-width:760px){
 .game .toolbar{grid-template-columns:minmax(110px,1.3fr) repeat(2,minmax(0,1fr));padding:14px 14px 0;gap:12px 0}
 .game .toolbar .level-stat{padding-right:7px}
 .game .toolbar .level-stat>small{font-size:7px;letter-spacing:.5px}
 .game .toolbar .level-stat h2{font-size:clamp(17px,4.8vw,21px);margin-top:5px;gap:0 4px}
 .game .toolbar .level-stat .infinity{font-size:16px}
 .game .toolbar>.stat{padding:4px 5px}
 .game .toolbar>.stat b{font-size:23px;margin-bottom:5px}
 .game .toolbar>.stat small{font-size:8px;letter-spacing:0}
 .game .toolbar .game-overview{margin:0 -14px;padding:9px 14px;gap:10px;grid-template-columns:1.5fr 1fr}
 .game .toolbar .game-overview>.stat:first-child{column-gap:7px}
 .game .toolbar #gameRatingValue,.game .toolbar #gameParticipants{font-size:19px}
 .game .toolbar #openGameRating{min-height:34px;gap:3px;padding-right:0}
 .game .toolbar .rating-participation{font-size:8px;line-height:1.4}
 .game .toolbar .game-overview>.stat:last-child{gap:7px}
 .game .toolbar .game-overview>.stat:last-child>small{font-size:8px;letter-spacing:0;max-width:65px}
}
