.rank-ui { --rk-bg: #0a131b; --rk-panel: #111f2a; --rk-border: #283d48; --rk-text: #eff7f9; --rk-muted: #9bafb9; --rk-accent: #42ddc7; color: var(--rk-text); font: 14px / 1.6 system-ui, -apple-system, "Segoe UI", sans-serif; min-width: 0px; }
.rank-ui * { box-sizing: border-box; }
.rank-ui h1, .rank-ui h2, .rank-ui h3, .rank-ui p { margin: 0px; }
.rank-ui h1 { font-size: clamp(27px, 3vw, 39px); line-height: 1.18; letter-spacing: -1.4px; color: var(--rk-text); }
.rank-ui h2 { font-size: 25px; line-height: 1.25; letter-spacing: -0.7px; color: var(--rk-text); }
.rank-ui h3 { font-size: 22px; line-height: 1.3; color: var(--rk-text); }
.rank-ui p, .rank-ui small { color: var(--rk-muted); }
.rank-ui button, .rank-ui input { font: inherit; }
.rank-ui input { color: var(--rk-text); background: rgb(11, 23, 33); border: 1px solid rgb(54, 81, 95); border-radius: 8px; padding: 11px 13px; min-width: 0px; width: 100%; height: auto; }
.rank-ui label { display: block; font-size: 12px; font-weight: 550; color: var(--rk-muted); }
.rank-ui label input { display: block; margin: 7px 0px 0px; }
.rank-ui a, .rank-ui button { touch-action: manipulation; }
.rank-ui :focus-visible { outline: rgb(125, 241, 219) solid 3px; outline-offset: 4px; }
.rank-ui button { cursor: pointer; }
.rank-ui button:disabled { opacity: 0.5; cursor: default; }
.rank-ui .rk-eyebrow { font-size: 10px; letter-spacing: 2px; font-weight: 750; color: var(--rk-accent); }
.rk-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 27px; }
.rk-intro h1 { margin: 10px 0px; }
.rk-pill { white-space: nowrap; padding: 7px 12px; border: 1px solid var(--rk-border); border-radius: 30px; color: var(--rk-muted); font-size: 11px; }
.rk-hero { border: 1px solid rgb(60, 89, 100); border-radius: 20px; overflow: hidden; background: linear-gradient(112deg, rgb(24, 44, 55), rgb(16, 34, 43) 60%, rgb(18, 45, 45)); display: grid; grid-template-columns: 30% 70%; position: relative; }
.rk-hero-art { padding: 36px 22px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-right: 1px solid rgb(55, 80, 92); background: radial-gradient(rgb(44, 68, 85) 0px, transparent 68%); text-align: center; }
.rk-hero-art > strong { font-size: 35px; font-weight: 700; letter-spacing: -1px; margin-top: 5px; }
.rk-hero-art .rk-eyebrow { color: rgb(187, 203, 211); }
.rk-art-caption { font-size: 11px; color: var(--rk-muted); margin-top: 8px; max-width: 180px; }
.rk-emblem { --gem: #c4d8e8; width: 152px; height: 154px; position: relative; display: grid; place-items: center; margin: 15px auto 7px; }
.rk-emblem::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(94, 124, 136, 0.25); border-radius: 50%; transform: rotate(-25deg) scaleX(1.18); }
.rk-emblem::after { content: ""; position: absolute; inset: 0px; border: 1px dashed rgba(94, 124, 136, 0.208); border-radius: 50%; transform: rotate(25deg) scaleX(1.05); }
.rk-gem { width: 104px; height: 120px; clip-path: polygon(50% 0px, 94% 24%, 94% 75%, 50% 100%, 6% 75%, 6% 24%); background: linear-gradient(135deg,#fff,var(--gem) 38%,#253d50 90%); display: grid; place-items: center; filter: drop-shadow(rgba(0, 0, 0, 0.533) 0px 8px 20px); }
.rk-gem svg { width: 91px; height: 105px; fill: none; stroke: rgb(16, 43, 59); stroke-width: 1.15; stroke-linejoin: round; }
.rk-gem .rk-core { fill: rgba(238, 250, 255, 0.2); stroke: rgba(255, 255, 255, 0.533); stroke-width: 0.8; }
.rk-gold { --gem: #e8bd68; }
.rk-platinum { --gem: #a8badb; }
.rk-diamond { --gem: #7adee8; }
.rk-black { --gem: #a6acb9; }
.rk-gold .rk-gem { background: linear-gradient(130deg, rgb(255, 240, 193), rgb(223, 177, 87) 47%, rgb(101, 80, 36)); }
.rk-platinum .rk-gem { background: linear-gradient(130deg, rgb(228, 235, 255), rgb(159, 173, 213) 47%, rgb(62, 80, 122)); }
.rk-diamond .rk-gem { background: linear-gradient(130deg, rgb(209, 255, 255), rgb(117, 213, 224) 47%, rgb(34, 95, 122)); }
.rk-black .rk-gem { background: linear-gradient(130deg, rgb(189, 199, 213), rgb(75, 85, 103) 47%, rgb(27, 32, 43)); }
.rk-black svg { stroke: rgb(225, 232, 243); }
.rk-hero-content { padding: 38px 40px; }
.rk-hero-content h2 { font-size: clamp(27px, 2.8vw, 38px); max-width: 590px; margin: 11px 0px 14px; line-height: 1.17; }
.rk-hero-content h2 em { font-style: normal; color: rgb(103, 236, 212); }
.rk-hero-content > p { max-width: 590px; font-size: 13px; }
.rk-progress-block { margin-top: 24px; }
.rk-progress-label { display: flex; justify-content: space-between; gap: 16px; font-size: 11px; margin-bottom: 9px; }
.rk-progress-label span { color: var(--rk-muted); }
.rank-ui progress { width: 100%; height: 7px; display: block; border: 0px; border-radius: 6px; overflow: hidden; background: rgb(48, 68, 78); accent-color: rgb(71, 223, 199); }
.rank-ui progress::-webkit-progress-bar { background: rgb(48, 68, 78); }
.rank-ui progress::-webkit-progress-value { background: linear-gradient(90deg, rgb(47, 188, 170), rgb(141, 245, 223)); border-radius: 6px; }
.rk-hero-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 25px 0px; }
.rk-metric { display: flex; flex-direction: column; gap: 3px; min-width: 0px; }
.rk-metric > span { font-size: 11px; color: var(--rk-muted); }
.rk-metric strong { font-size: 28px; line-height: 1.3; letter-spacing: -0.7px; font-variant-numeric: tabular-nums; }
.rk-metric small { font-size: 10px; }
.rk-hero-metrics .rk-metric + .rk-metric { border-left: 1px solid rgb(58, 81, 91); padding-left: 25px; }
.rk-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rank-ui .rk-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; padding: 12px 18px; border: 1px solid rgb(53, 81, 95); border-radius: 8px; color: var(--rk-text); font-size: 12px; font-weight: 650; text-decoration: none; background: rgb(21, 44, 55); line-height: 1.5; white-space: normal; min-height: 44px; }
.rank-ui .rk-button:hover { filter: brightness(1.1); }
.rank-ui .rk-primary { background: rgb(67, 220, 198); border-color: rgb(67, 220, 198); color: rgb(3, 43, 44); }
.rk-actions .rk-button:not(.rk-primary) { background: transparent; border-color: transparent; color: rgb(187, 205, 212); }
.rk-section-head { margin: 40px 0px 21px; display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.rk-section-head h2 { margin-top: 7px; }
.rk-section-head > p { max-width: 220px; font-size: 12px; text-align: right; }
.rk-tiers { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }
.rk-tier { padding: 22px; border: 1px solid var(--rk-border); border-radius: 14px; background: linear-gradient(135deg, rgb(19, 37, 48), rgb(14, 27, 37)); position: relative; min-width: 0px; }
.rk-tier.rk-current { border-color: rgb(102, 129, 146); }
.rk-tier.rk-next { border-color: rgb(211, 175, 102); background: linear-gradient(135deg, rgb(42, 42, 33), rgb(20, 32, 41) 65%); box-shadow: rgba(232, 198, 125, 0.2) 0px 1px inset; }
.rk-tier-state { font-size: 10px; color: var(--rk-muted); border: 1px solid rgb(59, 80, 90); padding: 4px 8px; border-radius: 5px; display: inline-block; }
.rk-next .rk-tier-state { color: rgb(236, 212, 147); border-color: rgba(180, 149, 82, 0.333); background: rgba(195, 164, 82, 0.082); }
.rk-current .rk-tier-state { color: rgb(140, 231, 213); }
.rk-small { width: 65px; height: 65px; margin: 15px 0px; }
.rk-small .rk-gem { width: 46px; height: 54px; }
.rk-small svg { width: 41px; height: 48px; }
.rk-small::before, .rk-small::after { inset: 4px; }
.rk-tier .rk-small { position: absolute; right: 20px; top: 30px; }
.rk-tier h3 { margin-top: 28px; }
.rk-tier-description { font-size: 11px; min-height: 35px; max-width: 80%; overflow-wrap: anywhere; margin: 6px 0px 23px !important; }
.rk-tier-discount { display: flex; align-items: baseline; gap: 7px; }
.rk-tier-discount strong { font-size: 33px; line-height: 1.2; letter-spacing: -1px; }
.rk-tier-discount span { font-size: 10px; color: var(--rk-muted); }
.rk-tier-goal { font-size: 11px; margin-top: 7px !important; }
.rk-distance { display: block; border-top: 1px solid rgb(48, 65, 74); margin-top: 19px; padding-top: 12px; font-size: 10px; color: rgb(182, 200, 209); }
.rk-next .rk-distance { color: rgb(239, 214, 150); }
.rk-bottom { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.rk-box { border: 1px solid var(--rk-border); border-radius: 14px; background: var(--rk-panel); padding: 28px; }
.rk-box h2 { font-size: 23px; margin: 8px 0px 20px; }
.rk-calculator label { max-width: 260px; }
.rk-calc-result { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 25px 0px 20px; }
.rk-calc-result .rk-metric strong { font-size: 25px; }
.rk-calculator > small { display: block; font-size: 10px; line-height: 1.7; }
.rk-how h2 { max-width: 360px; }
.rk-step { display: flex; gap: 14px; margin-top: 19px; }
.rk-step > span { font-size: 11px; color: rgb(106, 231, 209); border: 1px solid rgb(48, 86, 80); border-radius: 50%; width: 29px; height: 29px; display: grid; place-items: center; flex-shrink: 0; }
.rk-step strong { font-size: 12px; }
.rk-step p { font-size: 11px; margin-top: 4px; }
.rk-rules { margin-top: 24px; border-block: 1px solid var(--rk-border); padding: 19px 0px; color: var(--rk-muted); font-size: 12px; }
.rk-rules summary { cursor: pointer; color: rgb(192, 210, 219); min-height: 24px; }
.rk-rules ul { padding: 0px 0px 0px 20px; max-width: 900px; }
.rk-rules li { margin: 12px 0px; }
.rk-editor-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
.rank-ui .rk-switch { display: flex; gap: 9px; align-items: center; }
.rank-ui .rk-switch input { margin: 0px; width: 18px; height: 18px; accent-color: rgb(67, 220, 198); }
.rk-edit-rows { display: grid; gap: 15px; }
.rk-edit-row { display: grid; grid-template-columns: 1fr 1fr 0.8fr 1.8fr auto; gap: 14px; border: 1px solid rgb(44, 66, 78); border-radius: 10px; padding: 15px; min-width: 0px; margin: 0px; }
.rk-edit-row legend { font-size: 10px; letter-spacing: 1px; color: rgb(118, 207, 197); padding: 0px 6px; }
.rk-edit-row label { min-width: 0px; font-size: 10px; }
.rk-edit-row input { font-size: 12px; }
.rk-remove { background: transparent; color: rgb(224, 165, 174); border: 0px; align-self: end; padding: 11px 0px; min-height: 44px; font-size: 10px !important; }
.rk-editor > .rk-button { margin-top: 16px; }
.rk-admin-note { margin-top: 20px !important; font-size: 12px; }
.rk-editor-footer { margin-top: 25px; border-top: 1px solid var(--rk-border); padding-top: 24px; display: flex; align-items: end; gap: 16px; flex-wrap: wrap; }
.rk-editor-footer label { flex: 1 1 0%; min-width: 200px; }
.rk-form-status { font-size: 12px; min-height: 24px; margin-top: 12px !important; color: rgb(128, 232, 211) !important; }
.rk-admin-rules { margin-top: 20px; }
.rk-admin-rules p { font-size: 12px; margin: 10px 0px; }
.rk-paused { padding: 42px; }
.rk-paused p { max-width: 650px; margin: 15px 0px 25px; }
.rk-overview { display: flex; align-items: center; gap: 20px; background: rgb(18, 43, 50); border: 1px solid rgb(48, 96, 94); border-radius: 12px; padding: 14px 22px; margin-bottom: 24px; }
.rk-overview .rk-small { margin: 0px; }
.rk-overview > div:not(.rk-emblem) { flex: 1 1 0%; display: flex; flex-direction: column; }
.rk-overview > div > span { font-size: 12px; color: var(--rk-muted); }
@media (min-width: 1600px) {
  .rk-tiers { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
  .rk-tier { padding: 18px; }
  .rk-tier .rk-small { position: relative; right: auto; top: auto; margin-top: 18px; }
  .rk-tier h3 { margin-top: 12px; }
  .rk-tier-description { max-width: 100%; }
}
@media (max-width: 1100px) {
  .rk-intro .rk-pill { display: none; }
  .rk-hero-content { padding: 30px; }
  .rk-edit-row { grid-template-columns: 1fr 1fr 1fr; }
  .rk-edit-row label:nth-of-type(4) { grid-column: 1 / 3; }
  .rk-section-head > p { display: none; }
  .rk-tiers { gap: 12px; }
  .rk-tier { padding: 18px; }
  .rk-tier .rk-small { right: 12px; }
  .rk-bottom { gap: 16px; }
  .rk-box { padding: 22px; }
}
@media (max-width: 700px) {
  .rk-hero { grid-template-columns: 1fr; }
  .rk-hero-art { padding: 20px; border-right: 0px; border-bottom: 1px solid rgb(55, 80, 92); display: grid; grid-template-columns: 65px 1fr; text-align: left; column-gap: 20px; }
  .rk-hero-art > .rk-emblem { grid-area: 1 / 1 / 4; width: 65px; height: 78px; margin: 0px; }
  .rk-hero-art .rk-gem { width: 55px; height: 66px; }
  .rk-hero-art svg { width: 49px; height: 60px; }
  .rk-hero-art .rk-eyebrow { grid-column: 2; font-size: 9px; }
  .rk-hero-art > strong { font-size: 27px; margin: 0px; grid-column: 2; }
  .rk-hero-art .rk-art-caption { max-width: none; margin: 0px; font-size: 9px; }
  .rk-hero-content { padding: 25px 22px; }
  .rk-hero-content h2 { font-size: 28px; }
  .rk-hero-content > .rk-eyebrow { font-size: 8px; letter-spacing: 1.3px; }
  .rk-hero-metrics { gap: 12px; }
  .rk-hero-metrics .rk-metric + .rk-metric { padding-left: 16px; }
  .rk-progress-label { font-size: 10px; }
  .rk-tiers { grid-template-columns: 1fr 1fr; }
  .rk-tier { padding: 16px; }
  .rk-tier .rk-small { position: relative; right: auto; top: auto; margin: 12px 0px 8px; }
  .rk-tier h3 { font-size: 21px; margin: 0px; }
  .rk-tier-description { max-width: 100%; min-height: 44px; margin-bottom: 15px !important; }
  .rk-tier-state { font-size: 9px; }
  .rk-tier-discount { flex-wrap: wrap; gap: 2px 5px; }
  .rk-tier-discount strong { font-size: 28px; }
  .rk-tier-goal, .rk-distance { font-size: 10px; }
  .rk-bottom { grid-template-columns: 1fr; }
  .rk-section-head { margin-top: 30px; }
  .rk-section-head .rk-eyebrow { font-size: 8px; }
  .rk-section-head h2 { font-size: 24px; }
  .rk-edit-row { grid-template-columns: 1fr 1fr; gap: 12px; }
  .rk-edit-row label:first-of-type { grid-column: 1 / -1; }
  .rk-edit-row label:nth-of-type(4) { grid-column: 1 / -1; }
  .rk-editor-top { align-items: start; flex-direction: column; }
  .rk-editor-footer { align-items: stretch; }
  .rk-editor-footer label, .rk-editor-footer button { width: 100%; min-width: 0px; flex: 1 1 auto; }
  .rk-overview { flex-wrap: wrap; gap: 12px; }
  .rk-overview .rk-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .rank-ui * { scroll-behavior: auto !important; }
}
.rk-emblem { --gem: #bfe2ee; width: 224px; height: 207px; isolation: isolate; perspective: 700px; margin: 12px auto; flex-shrink: 0; }
.rk-emblem::before, .rk-emblem::after { display: none; }
.rk-emblem.rk-essential { --gem: #83baab; }
.rk-emblem.rk-gold { --gem: #f5c575; }
.rk-emblem.rk-platinum { --gem: #c1a8f1; }
.rk-emblem.rk-diamond { --gem: #77e4ff; }
.rk-emblem.rk-black { --gem: #a194d6; }
.rk-emblem.rk-meta { --gem: #9bffe1; }
.rk-halo { position: absolute; inset: 16%; border-radius: 50%; background: conic-gradient(from 10deg, rgba(165, 255, 243, 0.17), rgba(169, 161, 255, 0.267), rgba(255, 192, 238, 0.133), rgba(245, 214, 152, 0.133), rgba(136, 255, 232, 0.263), rgba(155, 134, 239, 0.23), rgba(165, 255, 243, 0.17)); filter: blur(17px); opacity: 0.65; z-index: -1; }
.rk-insignia { overflow: visible; filter: drop-shadow(rgba(3, 9, 17, 0.565) 0px 10px 9px); transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.55s; transform-origin: 50% 60%; width: 100% !important; height: 100% !important; }
.rk-insignia .rk-cut { fill: none; stroke: rgba(255, 255, 255, 0.55); stroke-width: 1.3; }
.rk-insignia .rk-monogram { fill: rgb(19, 29, 51); stroke: rgb(228, 222, 241); stroke-width: 0.7; }
.rk-light-pass { opacity: 0.35; transform: translateX(-95%); }
.rk-hero-art .rk-light-pass, .rk-member .rk-light-pass { animation: 8s ease-in-out 0s infinite normal none running rk-foil-pass; }
.rk-hero-art .rk-emblem:hover .rk-insignia, .rk-member-crest:hover .rk-insignia, .rk-tier:hover .rk-insignia { transform: rotateY(-12deg) rotateX(6deg) translateY(-4px); filter: drop-shadow(0 15px 16px #05080baa) drop-shadow(0 0 8px color-mix(in srgb,var(--gem) 25%,transparent)); }
.rk-tier:hover .rk-light-pass { animation: 3s ease-in-out 0s infinite normal none running rk-foil-pass; }
.rk-meta .rk-halo { opacity: 1; inset: 8%; background: conic-gradient(from 25deg, rgba(129, 255, 229, 0.325), rgba(142, 184, 255, 0.4), rgba(206, 138, 245, 0.384), rgba(254, 192, 223, 0.267), rgba(238, 236, 176, 0.286), rgba(130, 255, 229, 0.39)); }
.rk-meta .rk-stars { filter: drop-shadow(rgb(212, 255, 233) 0px 0px 3px); }
.rk-hero-art { background: radial-gradient(at 50% 45%, rgba(114, 150, 166, 0.106), transparent 66%), linear-gradient(150deg, rgb(16, 30, 42), rgb(10, 21, 32)); padding: 28px 18px; overflow: hidden; }
.rk-hero-art > .rk-emblem { margin: 13px auto 2px; }
.rk-hero-art > strong { font-size: 37px; letter-spacing: -0.8px; }
.rk-hero.rk-meta { border-color: rgba(135, 156, 198, 0.48); background: radial-gradient(at 0% 60%, rgba(152, 184, 181, 0.125), transparent 47%), linear-gradient(120deg, rgb(24, 31, 49), rgb(18, 43, 49)); }
.rk-hero.rk-meta .rk-hero-art > strong { background: linear-gradient(105deg, rgb(186, 255, 237), rgb(204, 188, 255), rgb(255, 238, 225), rgb(173, 255, 231)) text; color: transparent; }
.rk-tiers { gap: 18px; }
.rk-tier { overflow: hidden; text-align: center; transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s; background: radial-gradient(at 50% 33%, rgba(117, 143, 176, 0.086), transparent 55%), linear-gradient(150deg, rgb(20, 35, 47), rgb(11, 24, 34)); padding: 22px 20px; }
.rk-tier:hover { transform: translateY(-3px); border-color: rgb(113, 155, 171); box-shadow: rgba(0, 0, 0, 0.133) 0px 15px 26px; }
.rk-tier-state { position: relative; z-index: 1; }
.rk-tier .rk-small { width: 146px; height: 134px; position: relative; right: auto; top: auto; margin: 8px auto 0px; }
.rk-tier .rk-small .rk-halo { filter: blur(13px); }
.rk-tier h3 { margin: 2px 0px 0px; font-size: 24px; letter-spacing: -0.6px; }
.rk-tier-description { max-width: 100%; min-height: 34px; margin: 7px 0px 20px !important; }
.rk-tier-discount { justify-content: center; }
.rk-tier.rk-meta { border-color: rgba(121, 150, 178, 0.45); background: radial-gradient(at 50% 27%, rgba(149, 232, 218, 0.114), transparent 61%), linear-gradient(140deg, rgb(31, 36, 57), rgb(13, 25, 38) 60%, rgb(21, 49, 46)); }
.rk-tier.rk-meta h3 { color: rgb(208, 255, 242); }
.rk-tier.rk-next { background: radial-gradient(at 50% 30%, rgba(232, 185, 91, 0.125), transparent 65%), linear-gradient(145deg, rgb(40, 39, 33), rgb(19, 32, 42)); }
.rk-overview .rk-small { width: 74px; height: 68px; margin: 0px; }
.rk-overview .rk-halo { filter: blur(9px); }
.rk-progress-note { font-size: 10px; margin-top: 7px !important; color: rgb(127, 157, 167) !important; }
.sidebar > .brand { padding-bottom: 0px !important; }
.sidebar > .rk-member { flex-shrink: 0; margin: 0px 0px 8px; }
.rk-member { display: flex; flex-direction: column; align-items: center; position: relative; isolation: isolate; padding: 8px 13px 18px; border: 1px solid rgba(71, 99, 113, 0.396); border-radius: 13px; background: radial-gradient(at 50% 8%, rgba(105, 220, 219, 0.08), transparent 70%), linear-gradient(155deg, rgb(20, 35, 48), rgb(11, 23, 35)); text-align: center; min-width: 0px; }
.rk-member-crest { display: block; text-decoration: none; width: 142px; height: 124px; outline-offset: 0px !important; }
.rk-member .rk-emblem { width: 142px; height: 130px; margin: 0px auto; }
.rk-member .rk-halo { filter: blur(11px); }
.rk-member-identity { width: 100%; min-width: 0px; }
.rk-member-name-row { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0px; }
.rk-member-name { font-size: 14px; line-height: 1.4; font-weight: 650; color: rgb(231, 243, 247); overflow-wrap: anywhere; min-width: 0px; }
.rank-ui .rk-edit-alias { display: grid; place-items: center; width: 30px; height: 30px; min-width: 30px; padding: 5px; background: transparent; border: 0px; border-radius: 6px; color: rgb(134, 166, 181); }
.rk-edit-alias:hover { background: rgba(181, 232, 240, 0.098); color: rgb(216, 255, 250); }
.rk-edit-alias svg { width: 15px; height: 15px; fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.rk-member-level { display: inline-block; font-size: 12px; letter-spacing: 1.6px; font-weight: 750; margin-top: 3px; text-transform: uppercase; text-decoration: none; color: rgb(179, 235, 223); }
.rk-member-next { display: block; font-size: 7px; letter-spacing: 1px; line-height: 1.7; color: rgb(121, 154, 169); margin-top: 7px; }
.rank-ui.rk-alias-dialog { width: calc(100% - 32px); max-width: 450px; padding: 28px; border: 1px solid rgb(85, 116, 135); border-radius: 17px; background: rgb(17, 31, 43); color: rgb(236, 248, 250); box-shadow: rgba(0, 0, 0, 0.6) 0px 25px 100px; text-align: left; max-height: 90dvh; overflow: auto; }
.rk-alias-dialog::backdrop { background: rgba(2, 12, 21, 0.79); backdrop-filter: blur(5px); }
.rk-alias-head h2 { font-size: 25px; line-height: 1.2; margin: 12px 0px !important; }
.rk-alias-head p:last-child { font-size: 12px; margin-bottom: 24px !important; }
.rk-alias-dialog input { font-size: 16px; }
.rk-alias-status { font-size: 11px; min-height: 19px; margin: 10px 0px !important; }
.rank-ui .rk-reset-alias { background: transparent; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(70, 93, 108); border-image: none; color: rgb(151, 180, 192); font-size: 11px; padding: 6px 0px; margin-top: 20px; }
@keyframes rk-foil-pass { 
  0%, 18% { transform: translateX(-95%); opacity: 0; }
  27% { opacity: 0.65; }
  48%, 100% { transform: translateX(95%); opacity: 0; }
}
@media (min-width: 1600px) {
  .rk-tier .rk-small { width: 132px; height: 125px; margin: 10px auto 0px; }
  .rk-tier h3 { margin-top: 0px; font-size: 22px; }
  .rk-tier { padding: 20px 14px; }
}
@media (max-width: 1100px) {
  .rk-hero > .rk-hero-art > .rk-emblem { width: 183px; height: 176px; }
  .rk-tier .rk-small { right: auto; width: 133px; height: 126px; }
  .rk-member-crest, .rk-member .rk-emblem { width: 125px; height: 116px; }
  .rk-member { padding-inline: 8px; }
  .rk-member-name { font-size: 12px; }
  .rk-member-next { font-size: 6px; }
}
@media (max-width: 700px) {
  .rk-hero-art { grid-template-columns: 108px 1fr; column-gap: 15px; padding: 20px 16px; overflow: visible; }
  .rk-hero > .rk-hero-art > .rk-emblem { width: 108px; height: 112px; margin: 0px; grid-row: 1 / 4; }
  .rk-hero-art > strong { font-size: 29px; }
  .rk-hero-art .rk-art-caption { font-size: 10px; line-height: 1.4; }
  .rk-hero-art .rk-eyebrow { font-size: 8px; letter-spacing: 1.2px; }
  .rk-tier { padding: 16px 11px; }
  .rk-tier .rk-small { width: 100%; max-width: 130px; height: 121px; margin: 7px auto 0px; }
  .rk-tier h3 { font-size: 21px; margin-top: 0px; }
  .rk-tier-description { font-size: 10px; min-height: 45px; margin-bottom: 16px !important; }
  .rk-tier-state { font-size: 8px; padding: 4px 6px; }
  .rk-tier-discount strong { font-size: 29px; }
  .rk-tier-goal { font-size: 9px; }
  .rk-tiers { gap: 10px; }
  .rk-distance { font-size: 9px; }
  .rk-alias-dialog .rk-actions { gap: 7px; }
  .rk-alias-dialog .rk-button { padding: 11px 13px; }
  .rk-member-crest, .rk-member .rk-emblem { width: 142px; height: 130px; }
  .rk-member-name { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .rk-emblem *, .rk-tier { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
  .rk-emblem .rk-insignia { transform: none !important; }
  .rk-light-pass { transform: translateX(0px); opacity: 0.12; }
}
.rk-recharge { border: 1px solid rgb(58, 94, 102); border-radius: 15px; padding: 23px; margin-bottom: 24px; background: radial-gradient(at 0% 30%, rgba(102, 217, 208, 0.047), transparent 53%), linear-gradient(140deg, rgb(18, 38, 50), rgb(16, 29, 42)); overflow: hidden; min-width: 0px; }
.rk-recharge-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.rk-recharge-head .rk-eyebrow { font-size: 8px; letter-spacing: 1.5px; }
.rk-recharge-head .rk-button { background: none; border: 0px; padding: 0px; font-size: 11px; color: rgb(154, 238, 221); min-height: 32px; flex-shrink: 0; }
.rk-recharge-body { display: flex; gap: 16px; align-items: center; }
.rk-recharge-art { flex-shrink: 0; }
.rk-recharge-art .rk-small { width: 96px; height: 93px; margin: 0px; }
.rk-recharge-art .rk-light-pass { animation: auto ease 0s 1 normal none running none; transform: translateX(0px); opacity: 0.16; }
.rk-recharge-copy { flex: 1 1 0%; min-width: 0px; }
.rk-recharge-current { font-size: 10px; color: rgb(151, 185, 194); }
.rk-recharge-live h2 { font-size: 21px; line-height: 1.3; letter-spacing: -0.5px; margin: 6px 0px; color: rgb(236, 251, 247); }
.rk-recharge-live p { font-size: 11px; line-height: 1.6; }
.rk-recharge-progress { margin-top: 15px; }
.rk-recharge-progress .rk-progress-label { font-size: 9px; flex-wrap: wrap; gap: 3px 10px; }
.rk-recharge-bars { position: relative; height: 6px; }
.rk-recharge-bars progress { height: 6px; position: absolute; inset: 0px; }
.rk-recharge-earned { background: transparent !important; }
.rk-recharge-earned::-webkit-progress-bar { background: transparent !important; }
.rk-recharge-forecast::-webkit-progress-value { background: rgb(89, 118, 132) !important; }
.rk-recharge-earned::-webkit-progress-value { background: linear-gradient(90deg, rgb(41, 186, 169), rgb(152, 249, 223)) !important; }
.rk-recharge-ladder { display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 5px; margin: 22px 0px 15px; padding: 17px 0px 0px; border-top: 1px solid rgb(43, 70, 80); list-style: none; }
.rk-recharge-step { display: flex; align-items: center; flex-direction: column; padding: 7px 2px; border: 1px solid transparent; border-radius: 8px; min-width: 0px; position: relative; }
.rk-recharge-step .rk-small { width: 53px; height: 49px; margin: 0px; }
.rk-recharge-step .rk-halo { filter: blur(6px); }
.rk-recharge-step strong { font-size: 10px; overflow-wrap: anywhere; text-align: center; }
.rk-recharge-step > span { font-size: 11px; color: rgb(229, 245, 245); margin-top: 3px; font-weight: 650; }
.rk-recharge-step small { font-size: 8px; white-space: normal; text-align: center; }
.rk-recharge-step em { font-size: 7px; font-style: normal; color: rgb(185, 235, 213); margin-top: 3px; text-align: center; }
.rk-step-current { background: rgba(80, 191, 162, 0.047); border-color: rgba(60, 137, 121, 0.333); }
.rk-step-current strong { color: rgb(128, 237, 207); }
.rk-step-projected { border-color: rgba(153, 134, 82, 0.533); background: rgba(191, 168, 99, 0.04); }
.rk-recharge-note { font-size: 9px; line-height: 1.7; max-width: 650px; }
@media (max-width: 1200px) {
  .rk-recharge-ladder { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 7px; }
  .rk-recharge { padding: 19px; }
  .rk-recharge-live h2 { font-size: 20px; }
  .rk-recharge-body { gap: 10px; }
  .rk-recharge-art .rk-small { width: 80px; height: 78px; }
}
@media (max-width: 700px) {
  .rk-recharge { padding: 17px; }
  .rk-recharge-head { gap: 9px; margin-bottom: 12px; }
  .rk-recharge-head .rk-eyebrow { font-size: 7px; letter-spacing: 1px; max-width: 155px; }
  .rk-recharge-head .rk-button { font-size: 10px; }
  .rk-recharge-body { align-items: flex-start; gap: 8px; }
  .rk-recharge-art .rk-small { width: 63px; height: 62px; }
  .rk-recharge-current { font-size: 9px; }
  .rk-recharge-live h2 { font-size: 18px; }
  .rk-recharge-live p { font-size: 10px; }
  .rk-recharge-progress { margin-left: -71px; margin-top: 18px; }
  .rk-recharge-ladder { margin-top: 17px; }
  .rk-recharge-step { padding: 6px 0px; }
  .rk-recharge-step strong { font-size: 9px; }
  .rk-recharge-step .rk-small { width: 49px; height: 46px; }
  .rk-recharge-step small { font-size: 7px; }
  .rk-recharge-note { font-size: 9px; }
}
.rk-member-name-row { position: relative; display: grid; grid-template-columns: 28px minmax(0px, 1fr) 28px; align-items: center; gap: 0px; width: 100%; text-align: center; }
.rank-ui .rk-member-name { grid-column: 2; justify-self: center; display: block; max-width: 100%; margin: 0px; padding: 5px 0px; border: 0px; border-radius: 5px; background: transparent; color: rgb(231, 243, 247); font-family: inherit; font-size: 14px; font-weight: 650; line-height: 1.4; text-align: center; overflow-wrap: anywhere; }
.rank-ui button.rk-member-name { cursor: text; }
.rank-ui button.rk-member-name:hover { color: rgb(213, 255, 240); background: transparent; }
.rank-ui button.rk-member-name:focus-visible { outline: rgb(141, 220, 200) solid 2px; outline-offset: 3px; }
.rank-ui .rk-edit-alias { grid-column: 3; width: 28px; min-width: 28px; opacity: 0.16; transition: opacity 0.18s; background: transparent; }
.rk-member-name-row:hover .rk-edit-alias { opacity: 0.5; }
.rank-ui .rk-edit-alias:hover, .rank-ui .rk-edit-alias:focus-visible { opacity: 1; }
@media (max-width: 1100px) {
  .rank-ui .rk-member-name { font-size: 12px; }
  .rk-member-name-row { grid-template-columns: 24px minmax(0px, 1fr) 24px; }
  .rank-ui .rk-edit-alias { width: 24px; min-width: 24px; }
}
@media (max-width: 700px) {
  .rank-ui .rk-member-name { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .rank-ui .rk-edit-alias { transition: none; }
}