/* WORLD ORDER v042 · the ten rank seals (the patches in assets/ui/ranks), the rating on the HUD, the intro and the end of a ranked
   match, and the Founder's Card that follows its NFT (0.02 SOL). Loaded after v041.css. */

/* ------------------------------------------------------------ the rank seal: an image (rank_00 grey … rank_10) */
.rank-seal{position:relative;display:block;flex:none;aspect-ratio:192/246;container-type:inline-size;overflow:visible;line-height:0}
.rank-seal > img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
/* UNRANKED: the placement count on the grey seal */
.rank-seal .rks-place{position:absolute;left:0;right:0;top:46%;transform:translateY(-50%);text-align:center;
  font:700 clamp(7px,30cqw,26px)/1 var(--wo-num,var(--wo-title));letter-spacing:.02em;color:#e3e8ec;text-shadow:0 1px 2px #000,0 0 6px #000c}
/* the sizes of v041 (HUD corner, intro, profile, leaderboard), with a little more room on the leaderboard and the end screen */
.lh.cmd .lh-id .portrait-wrap .rank-seal{width:clamp(28px,20cqw,54px);height:auto}
.oi-row .rank-seal{width:38px;height:auto}
.op-rank .rank-seal{width:66px;height:auto}
.op-board-rank .rank-seal{width:26px;height:auto}
.ro-rank{display:grid!important;grid-template-columns:auto 1fr;column-gap:12px;row-gap:4px;align-items:center}
.ro-rank > .rank-seal{grid-row:span 4;width:52px;height:auto;filter:drop-shadow(0 4px 10px #000c)}
.ro-rank > :not(.rank-seal){grid-column:2}
html:not(.wo-reduced-motion) .ro-rank > .rank-seal{animation:rs-in .5s cubic-bezier(.2,.7,.2,1) .2s both}

/* ------------------------------------------------------------ the rating number */
.lh.cmd .lh-online .lh-rating{font:700 1em/1 var(--wo-num,var(--wo-title));letter-spacing:.06em;color:#fff4d6;padding-left:max(4px,1.6cqw);
  border-left:1px solid #d4aa5b55;font-variant-numeric:tabular-nums}
.oi-rating{font:700 15px/1 var(--wo-num,var(--wo-title));letter-spacing:.08em;padding:6px 10px;border:1px solid #d4aa5b55;background:#d4aa5b14;color:#fff4d6;
  font-variant-numeric:tabular-nums}
.ro-rating{display:flex;align-items:baseline;gap:8px;color:#a9bcc4}
.ro-rating b{font:700 16px/1 var(--wo-num,var(--wo-title))!important;color:#fff4d6!important;letter-spacing:.04em!important}
.ro-rating em{font:700 13px/1 var(--wo-num,var(--wo-title));font-style:normal}
.ro-rating em.is-up{color:#6fe39a}
.ro-rating em.is-down{color:#ff8d84}

/* ------------------------------------------------------------ the Founder's Card that left this wallet */
.fc-claim.is-away{border-color:#8b9da466;box-shadow:none;filter:saturate(.55)}
.fc-claim.is-away .fc-label b{color:#c9d3d8}
.op-founder.is-away{border-color:#8b9da444;background:linear-gradient(90deg,#1a1d20cc,#0b1820aa 60%)}
.op-founder.is-away .op-founder-art{filter:grayscale(.75) brightness(.7)}