.hero .rating-badge{position:absolute;z-index:3;right:clamp(18px,5vw,90px);bottom:32px;display:flex;align-items:center;gap:.8rem;color:#ffe5ac;border:1px solid #a17e49;border-radius:12px;background:linear-gradient(120deg,#20151be8,#191016df);padding:.35rem 1.4rem .35rem .55rem;text-align:left;box-shadow:0 8px 26px #0905077a;cursor:pointer}
.rating-badge:hover,.rating-badge:focus-visible{border-color:#ffda91;outline:1px solid #ffda91;outline-offset:3px}
#ratingEmblem{width:96px;height:96px;position:relative;display:grid;place-items:center}#ratingEmblem canvas{width:100%;height:100%}
#ratingEmblem:not(.ready){background:url('assets/metabattle-notes.svg') center/76% no-repeat}#ratingEmblem:not(.ready) canvas{visibility:hidden}
.rating-copy{display:grid;gap:.15rem}.rating-copy strong{font:700 1.35rem Georgia,serif}.rating-copy small{color:#d7c5b1;font-size:.78rem}.rating-cta{color:#ffd284;font-size:.86rem;font-weight:650}#ratingMine:empty{display:none}
#ratingDialog{background:#191216;color:#f5e6d8;border:1px solid #a77a43;width:min(385px,90vw);padding:1.65rem;border-radius:10px}#ratingDialog::backdrop{background:#070609bb}
#ratingDialog h2{font:1.65rem Georgia,serif;color:#f9d791;margin:0 0 .8rem}#ratingDialog p{color:#d8c9bb;font-size:.92rem}
#ratingDialog fieldset{border:0;padding:0;margin:1rem 0}.rating-stars{display:flex;justify-content:center;gap:.45rem}.rating-stars label{cursor:pointer;color:#7c6656;position:relative;font-size:2.3rem}.rating-stars label.filled{color:#ffd27e;text-shadow:0 0 10px #ad763b77}.rating-stars input{position:absolute;opacity:0}.rating-stars label:focus-within{outline:2px solid #ffe5ae;border-radius:.25rem}
.rating-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.hero-bottom{flex-wrap:wrap}
.hero .hero-game-link{background:linear-gradient(155deg,#ffe7a3,#d6ac62);color:#32200d;border:1px solid #ffe1a1;font-weight:700}.hero .hero-game-link:hover,.hero .hero-game-link:focus-visible{outline:2px solid #ffe8ad;outline-offset:3px}
@media(max-width:700px){.hero .rating-badge{position:relative;right:auto;bottom:auto;align-self:flex-start;margin:1rem 5% 1.5rem}.hero:has(.rating-badge){min-height:0;display:flex;flex-direction:column;align-items:stretch}.hero .hero-inner{padding-bottom:0}.hero #ratingEmblem{width:74px;height:74px}}
.rating-remark-label{display:block;margin-top:1rem;color:#f4dfb9}.rating-remark-label small,#ratingDialog #ratingRemarkHint{font-size:.78rem;color:#cebcad}#ratingRemark{width:100%;box-sizing:border-box;margin-top:.4rem;padding:.65rem;background:#110d0f;color:#f6ebdf;border:1px solid #826641;border-radius:.35rem;font:inherit;resize:vertical}