/* Rating dialog (the dialog frame comes from mylist.css). */
.mg-rate.is-on{color:#E3A93B; background:color-mix(in srgb, #E3A93B 14%, transparent);}
.ar-hint{margin:-6px 0 0; color:var(--navy-soft); font:500 13px/1.45 'Inter',sans-serif;}
.ar-g{display:grid; gap:6px;}
.ar-row{display:grid; grid-template-columns:repeat(10, minmax(0, 1fr)); gap:3px;}
.ar-n{padding:0; height:34px; border-radius:8px; border:1px solid color-mix(in srgb, var(--navy) 14%, transparent); background:transparent; color:var(--navy-soft); font:700 13px/1 'Inter',sans-serif; cursor:pointer; transition:background .12s, color .12s, border-color .12s;}
.ar-n:hover{color:var(--navy); border-color:var(--blue);}
.ar-n.is-fill{background:color-mix(in srgb, #E3A93B 22%, transparent); border-color:color-mix(in srgb, #E3A93B 50%, transparent); color:var(--navy);}
.ar-n.is-on{background:#E3A93B; border-color:#E3A93B; color:#1a1405;}
.ar-n:focus-visible{outline:2px solid var(--blue); outline-offset:1px;}
.ar-total{display:flex; align-items:baseline; justify-content:space-between; padding:12px 14px; border-radius:12px; background:color-mix(in srgb, var(--navy) 5%, transparent); font:600 13px/1.2 'Inter',sans-serif; color:var(--navy-soft);}
.ar-total b{font:800 22px/1 'Sora','Inter',sans-serif; color:var(--navy);}
html[lang="ar"] .ar-total *,html[lang="ja"] .ar-total *,html[lang="ar"] .ar-hint,html[lang="ja"] .ar-hint{font-family:inherit;}
@media (max-width:380px){ .ar-n{height:32px; font-size:12px;} .ar-row{gap:2px;} }