/* mcrating-four-card-annotations-20260915-v1
 * Measured source and responsive acceptance: docs/CARD_DESIGN_ANNOTATIONS_20260915.md.
 * This sheet owns the shared listing card and the four annotated surfaces.
 */
@font-face{font-family:'MR Roboto Flex';src:url('fonts/mr-roboto-flex.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:'MR Unbounded';src:url('fonts/mr-unbounded.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
.mr-reference-card,.mr-people-rating-page{--mr-ref-body:'MR Roboto Flex',Roboto,Arial,sans-serif;--mr-ref-display:'MR Unbounded',Arial,sans-serif;--mr-ref-border:#e6e7ea;--mr-ref-muted:#f1f2f4;--mr-ref-secondary:#62666d;--mr-ref-blue:#007bd5;--mr-ref-blue-bg:#f0f9ff;--mr-ref-blue-border:#99d6ff;--mr-ref-green:#11843c;font-family:var(--mr-ref-body);font-size:13px;line-height:1.42}
html[data-bs-theme=dark] :is(.mr-reference-card,.mr-people-rating-page){--mr-ref-border:#393a3d;--mr-ref-muted:#292a2e;--mr-ref-secondary:#a6a6a6;--mr-ref-blue:#69c1ff;--mr-ref-blue-bg:#162c3c;--mr-ref-blue-border:#316587;--mr-ref-green:#6cdd8e}
:is(.mr-index-page,.mr-people-rating-page)>.container{width:100%;max-width:1300px;padding-inline:20px}
html:has(:is(.mr-index-page,.mr-people-rating-page))::-webkit-scrollbar{width:10px}
:is(.mr-index-page,.mr-people-rating-page)>.container>.row.align-items-start{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px!important;margin:0}
:is(.mr-index-page,.mr-people-rating-page)>.container>.row.align-items-start>:is(aside,section){width:auto;min-width:0;max-width:none;padding:0}
body .mr-reference-card{position:relative;display:block;width:100%;margin:16px 0 0;padding:16px;overflow:visible;border:1px solid var(--mr-ref-border);border-radius:20px;background:var(--mr-visual-panel-bg);box-shadow:none;font-family:var(--mr-ref-body)}
body .mr-reference-card:hover{background:var(--mr-visual-panel-bg)!important;transform:none}
body .mr-reference-card{min-height:0;max-height:none;height:auto}
body .mr-reference-card .mr-server-card-grid{display:grid;grid-template-columns:minmax(305px,395px) minmax(16px,1fr) minmax(195px,325px) minmax(16px,1fr) minmax(160px,200px);grid-template-areas:'header . media . copy';gap:12px 0;align-items:start;padding:0;min-width:0;height:auto!important;max-height:none!important;overflow:visible!important}
body .mr-reference-card .mr-server-card-header{grid-area:header;display:flex;align-items:flex-start;gap:16px;min-width:0}
body .mr-reference-card .mr-server-card-vote-column{display:flex;flex-direction:column;flex:0 0 64px;align-items:center;align-self:start;gap:16px;width:64px;min-width:0}
body .mr-reference-card .mr-server-card-icon-link{display:block;width:64px;height:64px;align-self:start}
body .mr-reference-card .mr-server-card-icon-link .mr-lazy-media-icon{width:64px;height:64px;min-width:64px;min-height:64px;flex-basis:64px;border:0;border-radius:16px;aspect-ratio:1}
body .mr-reference-card .mr-server-card-icon-link img{width:64px;height:64px;object-fit:cover;border-radius:16px}
body .mr-reference-card .mr-server-card-rank{position:absolute;inset:-4px auto auto -4px;z-index:2;display:flex;align-items:center;justify-content:center;width:auto;min-width:24px;height:24px;min-height:24px;padding:0 6px;border:1px solid var(--mr-ref-border);border-radius:999px;background:var(--bs-body-bg);color:var(--mr-ref-secondary);box-shadow:none;font:500 12px/1 var(--mr-ref-body)}
body .mr-reference-card .mr-server-card-rank:is(.is-gold,.is-silver,.is-platinum){border-color:var(--mr-ref-blue);color:var(--mr-ref-blue);background:var(--bs-body-bg)}
body .mr-reference-card .mr-server-card-rank-number{display:block;font:inherit;white-space:nowrap}
body .mr-reference-card .mr-server-card-rank-value{display:block;font:inherit;white-space:nowrap;overflow-wrap:normal}
body .mr-reference-card :is(.mr-server-card-rank-prefix,.mr-server-card-rank-label,.mr-server-card-added){display:none}
body .mr-reference-card .mr-server-card-summary{display:block;flex:1;min-width:0;width:auto}
body .mr-reference-card .mr-server-card-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;min-height:0}
body .mr-reference-card .mr-server-card-title{display:block!important;flex:0 1 auto;width:auto;max-width:100%;min-height:0;max-height:none!important;margin:0;overflow-wrap:anywhere;font:600 13px/18.2px var(--mr-ref-display);color:var(--bs-body-color);text-decoration:none}
body .mr-reference-card .mr-server-card-description{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3!important;line-clamp:3;min-height:0;max-height:58.5px!important;margin:0;overflow:hidden;overflow-wrap:anywhere;white-space:normal;color:var(--bs-body-color);font:400 13px/19.5px var(--mr-ref-body);text-decoration:none}
body .mr-reference-card :is(.mr-server-card-score-pill,.mr-server-card-leader-pill,.mr-server-card-winner-badge){display:inline-flex;align-items:center;flex:0 0 auto;gap:4px;min-height:21px;padding:2px 8px;border:0;border-radius:8px;background:#eaf8ed;color:var(--mr-ref-green);font:500 12px/17.14px var(--mr-ref-body);white-space:nowrap}
body .mr-reference-card :is(.mr-server-card-score-pill i,.mr-server-card-score-value){font:inherit;color:inherit}
body .mr-reference-card .mr-server-card-winner-badge{max-width:100%;white-space:normal;color:var(--mr-ref-blue);background:var(--mr-ref-blue-bg)}
html[data-bs-theme=dark] .mr-reference-card :is(.mr-server-card-score-pill,.mr-server-card-leader-pill){background:#163321}
body .mr-reference-card .mr-server-card-online-pill{border:0!important;background:var(--mr-ref-muted)!important}
body .mr-reference-card .mr-server-card-vote-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:64px;min-width:0;min-height:31.5px;height:auto;margin:0;padding:5px 7px;border:1px solid var(--mr-ref-blue-border);border-radius:12px;color:var(--mr-ref-blue);background:var(--mr-ref-blue-bg);font:400 13px/19.5px var(--mr-ref-body);box-shadow:none;white-space:nowrap}
body .mr-reference-card .mr-server-card-vote-button:hover{background:var(--mr-ref-blue-border)}
body .mr-reference-card .mr-server-card-summary-footer{display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-height:none;overflow:visible;margin:12px 0 0;padding:0}
body .mr-reference-card .mr-server-card-favorite{position:absolute;top:4px;right:4px;z-index:3;opacity:0}
body .mr-reference-card:is(:hover,:focus-within) .mr-server-card-favorite{opacity:1}
body .mr-reference-card .mr-server-card-favorite-button{width:24px;height:24px;min-width:24px;min-height:24px;padding:0;font-size:12px;border-radius:50%;background:var(--bs-body-bg)}
@media(hover:none){body .mr-reference-card .mr-server-card-favorite{opacity:1}}
body .mr-reference-card :is(.mr-server-card-online-pill,.mr-server-card-version-pill,.mr-server-card-mini-badge,.mr-server-card-today-votes,.mr-server-card-latency-pill){display:inline-flex;align-items:center;gap:4px;flex:0 1 auto;max-width:100%;min-height:23.6px;height:auto;margin:0;padding:4px 8px;border:0;border-radius:8px;color:var(--bs-body-color);background:var(--mr-ref-muted);font:500 12px/15.6px var(--mr-ref-body);text-decoration:none;white-space:nowrap}
body .mr-reference-card :is(.mr-server-card-mini-badge-name,.mr-server-card-mini-badge strong){font:inherit}
body .mr-reference-card .mr-server-card-mini-badge-name{display:none}
body .mr-reference-card .mr-server-card-mini-badge:not(:has(strong)) .mr-server-card-mini-badge-name{display:inline}
body .mr-reference-card .mr-server-card-online-pill strong,body .mr-reference-card .mr-server-card-today-votes strong{font-weight:700;color:var(--mr-ref-green)}
body .mr-reference-card .mr-server-card-status-dot{width:8px;height:8px;flex:0 0 8px;margin-right:4px}
body .mr-reference-card .mr-server-card-media{grid-area:media;display:flex;flex-direction:column;gap:12px;width:auto!important;min-width:0;max-width:100%!important}
body .mr-reference-card .mr-server-card-banner-shell{grid-area:motd;width:100%!important;min-width:0;max-width:100%!important;margin:0}
body .mr-reference-card .mr-server-card-banner-link{display:block;width:100%;border-radius:12px}
body .mr-reference-card .mr-server-card-banner-link .mr-lazy-media-banner{width:100%!important;min-height:56px!important;height:56px!important;max-height:56px!important;aspect-ratio:auto;border:0!important;border-radius:12px}
body .mr-reference-card .mr-minecraft-motd{padding:8px 12px;gap:0;background:#33221a url('../img/mr-card-motd-bg.png') repeat 0 0/96px 96px;font:500 13px/20px var(--mr-ref-body);text-shadow:none;image-rendering:auto}
body .mr-reference-card :is(.mr-minecraft-motd-line,.mr-minecraft-motd-token){font-size:inherit;line-height:20px}
body .mr-reference-card .mr-server-card-banner-toggle{width:24px;min-width:24px;height:24px;min-height:24px;top:auto;bottom:3px;right:3px;padding:0;opacity:0}
body .mr-reference-card .mr-server-card-banner-shell:is(:hover,:focus-within) .mr-server-card-banner-toggle{opacity:1}
body .mr-reference-card .mr-server-card-tag-list{grid-area:tags;display:flex;flex-wrap:wrap;align-content:start;gap:6px 4px;width:100%;max-width:100%;height:auto;min-height:0;max-height:56px;padding:0;margin:0;overflow:hidden}
body .mr-reference-card :is(.mr-server-card-tag-vote,.mr-server-card-tag-more){display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;min-width:0;max-width:100%;height:25px;min-height:25px;padding:0 10px;border:1px solid var(--mr-ref-border);border-radius:999px;color:var(--bs-body-color);background:var(--mr-visual-panel-bg);font:400 12px/17.14px var(--mr-ref-body);white-space:nowrap}
body .mr-reference-card :is(.mr-server-card-tag-icon,.mr-server-card-tag-vote>span:last-child){color:var(--mr-ref-secondary)}
body .mr-reference-card .mr-server-card-copy-panel{grid-area:copy;display:flex;align-self:stretch;flex-direction:column;gap:12px;width:auto;min-width:0;margin:0;padding:0;border:0;background:transparent}
body .mr-reference-card .mr-server-card-copy-stack{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}
body .mr-reference-card .mr-server-card-copy-line{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:37.5px;height:auto;padding:8px 12px;border:1px solid var(--mr-ref-border);border-radius:8px;background:transparent;color:var(--bs-body-color);font:400 13px/19.5px var(--mr-ref-body)}
body .mr-reference-card .mr-server-card-copy-address{flex:1;min-width:0;font:inherit}
body .mr-reference-card .mr-server-card-copy-type{flex:0 0 auto;width:14px;max-width:14px;overflow:hidden;font-size:0;white-space:nowrap}
body .mr-reference-card .mr-server-card-copy-type i{font-size:14px}
body .mr-reference-card .mr-server-card-copy-icon{font-size:14px;color:var(--mr-ref-secondary)}
body .mr-reference-card .mr-server-card-copy-stats[data-mr-copy-stats]{display:flex!important;justify-content:center;gap:3px 6px;width:100%;text-align:center;font:400 12px/17.14px var(--mr-ref-body)}
body .mr-reference-card .mr-server-card-copy-stat-prefix{flex:0 0 100%;font:inherit}
body .mr-reference-card :is(.mr-server-card-copy-stat,.mr-server-card-copy-stat>span,.mr-server-card-copy-stat>strong){font:inherit;color:var(--mr-ref-secondary)!important}
body .mr-reference-card .mr-server-card-expand-button{align-self:center;width:auto;min-height:0;margin:auto 0 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--mr-ref-secondary);font:400 12px/17.14px var(--mr-ref-body)}
body .mr-reference-card .mr-server-card-expand-button::after{content:'';display:inline-block;width:6px;height:6px;margin:0 0 2px 8px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg)}
body .mr-reference-card .mr-server-card-expanded{margin-top:16px;padding:16px 0 0;border-top:1px solid var(--mr-ref-border)}
body .mr-reference-card[data-mr-server-card-variant=people-rating] .mr-server-card-grid{grid-template-columns:minmax(305px,395px) minmax(16px,1fr) minmax(195px,325px) minmax(16px,1fr) minmax(180px,220px);grid-template-areas:'header . media . voters'}
body .mr-reference-card[data-mr-server-card-variant=people-rating] .mr-server-card-description{-webkit-line-clamp:2!important;line-clamp:2;max-height:39px!important;color:var(--mr-ref-secondary)}
body .mr-reference-card[data-mr-server-card-variant=people-rating] :is(.mr-server-card-copy-panel,.mr-server-card-social-badge,.mr-server-card-mtock-badge,.mr-server-card-wipe-badge){display:none}
body .mr-reference-card .mr-server-card-recent-votes{grid-area:voters;display:flex!important;flex-direction:column;gap:8px;max-height:none;min-width:0;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent}
body .mr-reference-card .mr-server-card-recent-votes-head{display:block;color:var(--mr-ref-secondary);font:500 11px/15.7px var(--mr-ref-body)}
body .mr-reference-card .mr-server-card-recent-votes-head i{display:none}
body .mr-reference-card .mr-server-card-recent-vote-list{display:flex;flex-direction:column;gap:4px}
body .mr-reference-card .mr-server-card-recent-vote{display:flex;align-items:center;gap:8px;min-width:0;margin:0;padding:0;border:0;background:transparent}
body .mr-reference-card .mr-server-card-recent-vote-person{display:flex;flex:1;align-items:center;gap:8px;min-width:0;max-width:100%;font:400 12px/17.14px var(--mr-ref-body)}
body .mr-reference-card .mr-server-card-recent-vote-person>.mr-voter-chip{width:100%;min-width:0;gap:8px}
body .mr-reference-card .mr-server-card-recent-vote em{flex:0 0 auto;font:400 11px/15.7px var(--mr-ref-body);color:var(--mr-ref-secondary)}
body .mr-reference-card .mr-voter-avatar{width:20px;min-width:20px;height:20px;flex:0 0 20px;font-size:9px}
body .mr-reference-card .mr-voter-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}
body .mr-reference-card .mr-voter-guest-code{display:none}
body .mr-reference-card .mr-server-card-vote-average{padding-top:8px;border-top:1px solid var(--mr-ref-border);font:400 11px/15.7px var(--mr-ref-body);color:var(--mr-ref-secondary)}
.mr-people-rating-page .mr-people-rating-hero{margin:0 0 20px;padding:0;border:0;background:transparent;box-shadow:none}
.mr-people-rating-page .mr-people-rating-hero h1{margin:0;color:var(--bs-body-color);font:700 25px/31.25px var(--mr-ref-display);letter-spacing:0}
.mr-people-rating-page :is(.mr-people-rating-overview,.mr-people-rating-block[data-mr-people-rating-history]){display:block;margin:0 0 20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.mr-people-rating-page .mr-people-rating-block-head{display:flex;margin:0 0 12px;padding:0}
.mr-people-rating-page .mr-people-rating-block-head h2{margin:0;font:600 13px/18.5px var(--mr-ref-body)}
.mr-people-rating-page .mr-people-rating-block-head h2 i{margin-right:6px;color:#dcaa43}
.mr-people-rating-page .mr-people-rating-crown{width:14px;height:14px;margin-right:6px;vertical-align:-2px;fill:none;stroke:#dcaa43;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mr-people-rating-page .mr-people-rating-history-shell{position:relative;min-width:0}
.mr-people-rating-page .mr-people-rating-history{display:flex;gap:12px;max-width:100%;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x}
.mr-people-rating-page .mr-people-rating-history::-webkit-scrollbar{display:none}
.mr-people-rating-page .mr-people-rating-history-card{display:flex;flex:0 0 auto;flex-direction:column;gap:8px;width:auto;min-width:0;max-width:260px;margin:0;padding:10px 12px;border:1px solid var(--mr-ref-border);border-radius:16px;background:var(--mr-visual-panel-bg);color:var(--bs-body-color);text-decoration:none;box-shadow:none}
.mr-people-rating-page .mr-people-rating-history-card>span{font:400 11px/14.3px var(--mr-ref-body);color:var(--mr-ref-secondary);text-transform:capitalize;white-space:nowrap}
.mr-people-rating-page .mr-people-rating-history-server{display:flex;align-items:center;gap:8px;min-width:0}
.mr-people-rating-page .mr-people-rating-history-server img{width:30px;height:30px;flex:0 0 30px;border-radius:8px;object-fit:cover}
.mr-people-rating-page .mr-people-rating-history-server>div{min-width:0}
.mr-people-rating-page .mr-people-rating-history-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11px/13.75px var(--mr-ref-body)}
.mr-people-rating-page .mr-people-rating-history-card em{display:block;margin-top:2px;color:var(--mr-ref-secondary);font:400 11px/15.6px var(--mr-ref-body)}
.mr-people-rating-page .mr-people-rating-history-next{position:absolute;right:-4px;top:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;transform:translateY(-50%);border:1px solid var(--mr-ref-border);border-radius:50%;background:var(--bs-body-bg);color:var(--bs-body-color);box-shadow:0 2px 5px #0001}
.mr-people-rating-page .mr-people-rating-voting-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font:600 13px/19.5px var(--mr-ref-body)}
.mr-people-rating-page .mr-people-rating-voting-title span{font-weight:400;color:var(--mr-ref-secondary)}
.mr-people-rating-page .mr-people-rating-live-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:0;margin:0;padding:10px 16px;border:0;border-radius:20px;background:var(--mr-visual-panel-bg);font:400 12px/17.14px var(--mr-ref-body)}
.mr-people-rating-page .mr-people-rating-live-badge{display:flex;flex:0 0 auto;align-items:center;gap:6px;margin:0;padding:0;border:0;background:transparent;color:var(--mr-ref-green);font:600 12px/17.14px var(--mr-ref-body)}
.mr-people-rating-page .mr-people-rating-live-badge>span{width:8px;height:8px;border-radius:50%;background:#1ebe50;box-shadow:none}
.mr-people-rating-page .mr-people-rating-live-main{display:block;flex:1;min-width:0;overflow:hidden}
.mr-people-rating-page .mr-people-rating-live-main>span{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;font:inherit}
.mr-people-rating-page .mr-people-rating-live-voter{display:inline-flex;min-width:0;max-width:100%}
.mr-people-rating-page .mr-people-rating-live-voter .mr-voter-chip{gap:8px;font:500 12px/17.14px var(--mr-ref-body)}
.mr-people-rating-page .mr-people-rating-live-voter .mr-voter-avatar{width:22px;min-width:22px;height:22px;flex:0 0 22px;font-size:10px}
.mr-people-rating-page .mr-people-rating-live-voter .mr-voter-guest-code{display:none}
.mr-people-rating-page .mr-people-rating-live-server{display:inline-flex;align-items:center;gap:8px;max-width:100%;color:var(--bs-body-color);text-decoration:none}
.mr-people-rating-page .mr-people-rating-live-server img{width:20px;height:20px;flex:0 0 20px;border-radius:6px}
.mr-people-rating-page .mr-people-rating-live-server strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mr-people-rating-page :is(.mr-people-rating-live-verb,.mr-people-rating-live-age,.mr-people-rating-live-total){color:var(--mr-ref-secondary);font:inherit}
.mr-people-rating-page .mr-people-rating-live-age{white-space:nowrap}
.mr-people-rating-page .mr-people-rating-live-total{flex:0 0 auto;margin:0;padding:0;border:0;background:transparent;white-space:nowrap}
.mr-people-rating-page .mr-people-rating-live-total strong{color:var(--bs-body-color);font-weight:500}
.mr-people-rating-page .mr-people-rating-finder-layout{display:block!important;margin-top:0!important}
.mr-people-rating-page .mr-people-rating-finder{width:100%;min-width:0;padding:0;border:0;background:transparent}
.mr-people-rating-page .mr-people-rating-side-panel{display:none}
:is(.mr-reference-card,.mr-people-rating-page) :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--mr-ref-blue);outline-offset:3px}
@media(min-width:1024px){body:has(.mr-index-page) .mr-topbar>.container,body:has(.mr-people-rating-page) .mr-topbar>.container{max-width:1300px;padding-inline:20px}}
@media(max-width:1023.98px){
  body .mr-reference-card .mr-server-card-expanded-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}
  body .mr-reference-card .mr-server-card-description-full{min-width:0;width:100%;overflow-wrap:anywhere}
  :is(.mr-index-page,.mr-people-rating-page)>.container>.row.align-items-start{display:block}
  :is(.mr-index-page,.mr-people-rating-page)>.container>.row.align-items-start>aside{display:none!important}
  body .mr-reference-card{padding:16px}
  body .mr-reference-card .mr-server-card-grid,body .mr-reference-card[data-mr-server-card-variant=people-rating] .mr-server-card-grid{grid-template-columns:64px minmax(0,1fr);grid-template-areas:'icon text' 'badges badges' 'motd motd' 'tags tags' 'connect connect' 'vote actions';gap:16px}
  body .mr-reference-card[data-mr-server-card-variant=people-rating] .mr-server-card-grid{grid-template-areas:'icon text' 'badges badges' 'motd motd' 'tags tags' 'vote vote' 'voters voters'}
  body .mr-reference-card :is(.mr-server-card-header,.mr-server-card-vote-column,.mr-server-card-summary,.mr-server-card-media,.mr-server-card-copy-panel){display:contents}
  body .mr-reference-card .mr-server-card-icon-link{grid-area:icon}
  body .mr-reference-card .mr-server-card-text{grid-area:text;min-width:0}
  body .mr-reference-card .mr-server-card-summary-footer{grid-area:badges;margin:0}
  body .mr-reference-card .mr-server-card-vote-button{grid-area:vote;width:64px;justify-self:start;min-width:0}
  body .mr-reference-card[data-mr-server-card-variant=people-rating] .mr-server-card-vote-button{width:100%;justify-self:stretch}
  body .mr-reference-card .mr-server-card-copy-stack{grid-area:connect}
  body .mr-reference-card .mr-server-card-expand-button{grid-area:actions;justify-self:start;align-self:center;margin:0;padding:0 12px}
  body .mr-reference-card .mr-server-card-copy-stat-prefix{flex-basis:auto}
  body .mr-reference-card .mr-server-card-copy-stats[data-mr-copy-stats]{justify-content:flex-start}
  body .mr-reference-card .mr-server-card-recent-vote-list{flex-direction:row;gap:12px;margin-inline:-16px;padding-inline:16px;overflow-x:auto;scrollbar-width:thin}
  body .mr-reference-card .mr-server-card-recent-vote{position:relative;display:flex;flex:0 0 140px;flex-direction:column;align-items:stretch;gap:0;min-height:30px}
  body .mr-reference-card .mr-server-card-recent-vote em{padding-left:36px;font-size:11px}
  body .mr-reference-card .mr-server-card-recent-vote-person{font-size:11px;line-height:14px}
  body .mr-reference-card .mr-server-card-recent-vote .mr-voter-avatar{width:28px;min-width:28px;height:28px;flex-basis:28px;margin-bottom:-14px;font-size:12.6px}
}
@media(max-width:767.98px){
  :is(.mr-index-page,.mr-people-rating-page)>.container{padding-inline:16px}
  body .mr-reference-card{padding:12px}
  body .mr-reference-card[data-mr-server-card-variant=people-rating] .mr-server-card-grid{gap:12px}
  body .mr-reference-card .mr-server-card-recent-vote-list{margin-inline:-12px;padding-inline:12px}
  body .mr-reference-card .mr-server-card-banner-toggle{opacity:1}
}
@media(max-width:639.98px){.mr-people-rating-page .mr-people-rating-live-total{width:100%}}
@media(prefers-reduced-motion:reduce){.mr-people-rating-page .mr-people-rating-history{scroll-behavior:auto}}