.ranking-position-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.ranking-position-change{font:700 10px/1.2 sans-serif;white-space:nowrap}
.ranking-position-change.is-up{color:#37c877}
.ranking-position-change.is-down{color:#ff737e}
#ranking-body .ranking-position-change.is-up{color:#168447}
#ranking-body .ranking-position-change.is-down{color:#c52d40}
.public-table-card td.ranking-live-position::before{content:none}
.public-table-card td.ranking-live-position{padding-left:8px;padding-right:8px;min-width:65px}
.rankings-section .public-table-card td.ranking-live-position>span.ranking-position-value{display:inline-flex!important;width:auto;height:auto;background:transparent;box-shadow:none}
.public-ranking-round-heading{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(18,189,211,.25)}
.public-ranking-round-heading h4{margin:0;color:#7bdc45}
.ranking-snapshot-preview{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;padding:4px;border:1px solid #558884;border-radius:7px;background:linear-gradient(145deg,#0c3038,#174c50);cursor:pointer;box-shadow:0 2px 6px #09292f26;transition:transform .16s,box-shadow .16s,border-color .16s}
.ranking-snapshot-preview:hover,.ranking-snapshot-preview:focus-visible{transform:translateY(-2px) scale(1.06);border-color:#79e0b4;box-shadow:0 4px 12px #0b52534d;outline:2px solid #79e0b4;outline-offset:2px}
.ranking-snapshot-mini{width:100%;overflow:hidden;pointer-events:none}
.ranking-snapshot-mini>i{display:block;height:3px;margin-bottom:3px;background:#80d5bf;border-radius:1px}
.ranking-snapshot-mini>span{display:flex;gap:2px;margin-top:2px;padding:1px;background:#ffffff12;color:#d9eee9;font:3px/1.1 sans-serif}
.ranking-snapshot-mini em{flex:1;overflow:hidden;white-space:nowrap;font-style:normal;text-align:left}
dialog.ranking-snapshot-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-width:none;max-height:85dvh;padding:0;border:1px solid #497d7a;border-radius:16px;color:#e4f4ef;background:linear-gradient(145deg,#0c3038,#123f46);box-shadow:0 30px 100px #001c2c66;font-family:inherit}
.ranking-snapshot-dialog::backdrop{background:#031522b3;backdrop-filter:blur(4px)}
.ranking-snapshot-content{padding:18px}
.ranking-snapshot-content header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ranking-snapshot-content header p{margin:0 0 5px;color:#8ec9bd;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.ranking-snapshot-content h2{margin:0;color:#f0fff8;font-size:19px;line-height:1.3}
.ranking-snapshot-content header button{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ffffff30;border-radius:8px;background:#ffffff0d;color:#e4f4ef;font:24px/1 sans-serif;cursor:pointer}
.ranking-snapshot-note{margin:12px 0;color:#aecbc6;font-size:11px;line-height:1.5}
.ranking-snapshot-scroll{max-height:60dvh;overflow:auto}
.ranking-snapshot-dialog table{width:100%;min-width:0;border-collapse:separate;border-spacing:0 4px;table-layout:auto}
.ranking-snapshot-dialog th{padding:6px 9px;color:#92bdb5;background:transparent;font-size:10px;text-align:left}
.ranking-snapshot-dialog td{height:auto;padding:8px 9px;border:0;background:#ffffff09;color:#e4f4ef;font-size:12px;line-height:1.35}
.ranking-snapshot-dialog th:first-child,.ranking-snapshot-dialog td:first-child{width:66px;text-align:right}
.ranking-snapshot-dialog td:first-child{border-radius:7px 0 0 7px;color:#8de4bd}
.ranking-snapshot-dialog th:last-child,.ranking-snapshot-dialog td:last-child{text-align:right;white-space:nowrap}
.ranking-snapshot-dialog td:last-child{border-radius:0 7px 7px 0;color:#8de4bd;font-weight:700}
.ranking-snapshot-dialog td:last-child small{font-size:9px;font-weight:400;color:#aecbc6}
.ranking-snapshot-dialog .ranking-position-value{font-size:13px}
@media(max-width:500px){.ranking-snapshot-content{padding:12px}.ranking-snapshot-content h2{font-size:16px}.ranking-snapshot-preview{width:36px;height:36px}.ranking-round-heading{gap:8px}.ranking-round-heading h4{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ranking-snapshot-preview{transition:none}}