.rating-wrap{width:max-content;max-width:100%;margin:8px 20px 8px auto;display:flex;justify-content:flex-end}
.game-rating{position:relative;box-sizing:border-box;width:166px;max-width:100%;padding:0;border:0;background:none;box-shadow:none;color:inherit;font:11px/1.3 system-ui,sans-serif;text-align:center}
.game-rating h2{margin:0;font:inherit;color:inherit}
.game-rating .rating-fallback{margin:0;font-size:10px}
.game-rating form{margin:0;padding:0}
.rating-stars{display:flex;justify-content:center;gap:2px;border:0;padding:0;margin:0;min-width:0}
.rating-stars label{display:block;position:relative;width:26px;height:26px;cursor:pointer}
.rating-stars input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.rating-stars svg{display:block;width:26px;height:26px;padding:2px;box-sizing:border-box;fill:transparent;stroke:#c9a94e;stroke-width:2;pointer-events:none;transition:fill .12s,transform .12s}
.rating-stars label.lit svg{fill:#e9be50;stroke:#e9be50}
.rating-stars label:hover svg{transform:translateY(-1px)}
.rating-stars input:focus-visible+svg{outline:2px solid currentColor;outline-offset:0;border-radius:4px}
.rating-caption{display:flex;align-items:center;justify-content:center;gap:4px;min-height:15px;white-space:nowrap}
.game-rating .rating-total{margin:0;font:inherit;color:inherit}
.rating-total strong{font:inherit;font-weight:650}
.game-rating .rating-message{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.game-rating.show-thanks .rating-message,.game-rating.has-error .rating-message{z-index:2;bottom:calc(100% + 7px);left:50%;width:max-content;max-width:200px;height:auto;clip-path:none;white-space:normal;padding:6px 10px;margin:0;transform:translateX(-50%);background:#fff8e8;color:#294b39;border:1px solid #d6bd72;border-radius:7px;font-size:11px;font-weight:700;box-shadow:0 3px 10px #0003}
.game-rating.show-thanks .rating-message::after,.game-rating.has-error .rating-message::after{content:"";position:absolute;top:100%;left:50%;border:5px solid transparent;border-top-color:#fff8e8;transform:translateX(-50%)}
.game-rating.has-error .rating-message{color:#763b25}
.game-rating.is-rated .rating-stars,.game-rating.is-rated .rating-caption{visibility:hidden;pointer-events:none}
.rating-wrap[hidden]{display:none!important}
.game-rating [hidden]{display:none!important}
.play-foot .rating-wrap{flex:0 0 auto;margin:0 0 0 14px;color:#f0e9d1;align-self:center}
.play-foot:has(.rating-wrap){flex-wrap:nowrap}
@media(max-width:700px){
 .play-foot:has(.rating-wrap) .button-wide{display:none}
 .play-foot:has(.rating-wrap) .button-short{display:inline}
 .play-foot:has(.rating-wrap){gap:5px;padding-inline:2px}
 .play-foot:has(.rating-wrap) .play-foot-action{padding-inline:5px;gap:4px;font-size:10px}
 .play-foot:has(.rating-wrap) .daily-entry.todo::after{display:none}
 .play-foot .rating-wrap{margin-left:3px}
 .game-rating{width:142px;font-size:10px}
}
@media(max-width:380px){.play-foot:has(.rating-wrap) .button-label{display:none}}
@media(prefers-reduced-motion:reduce){.rating-stars svg{transition:none}.rating-stars label:hover svg{transform:none}}
