@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;   
  font-display: swap;
  src: url('/fonts/spacegrotesk-lat.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/spacegrotesk-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/plusjakartasans-lat.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/plusjakartasans-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}







body.theme-runic {
  
  --bg:       #0f131d;
  --bg2:      #131b2e;
  --card:     #131b2e;

  

  --stroke:   rgba(6, 182, 212, 0.18);

  --text:     #dfe2f1;
  --muted:    #94a3b8;

  
  --accent:   #4cd7f6;
  
  --green:    #4edea3;
  
  --amber:    #ffb95f;
  --red:      #ffb4ab;

  
  --well:     rgba(10, 14, 24, 0.55);
  --glass:    rgba(10, 14, 24, 0.45);
  --hover:    rgba(76, 215, 246, 0.06);

  --nav-bg:     rgba(19, 27, 46, 0.85);
  --nav-border: rgba(6, 182, 212, 0.28);
  --overlay:    rgba(6, 10, 20, 0.55);

  --input-bg:   #080c14;
  --input-text: #f8fafc;

  --sb-thumb:       #1f3b4d;
  --sb-thumb-hover: #2b5468;
  --sb-track:       rgba(0, 0, 0, 0.3);

  

  --shadow: 0 10px 34px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(6, 182, 212, 0.06);
}












body.theme-runic.light-mode {
  --bg:       #eef2f7;
  --bg2:      #ffffff;
  --card:     #ffffff;

  --stroke:   rgba(8, 145, 178, 0.22);

  --text:     #0f172a;
  --muted:    #475569;

  --accent:   #0e7490;
  --green:    #047857;
  --amber:    #b45309;
  --red:      #b91c1c;

  --well:     rgba(8, 145, 178, 0.06);
  --glass:    rgba(8, 145, 178, 0.05);
  --hover:    rgba(8, 145, 178, 0.07);

  --nav-bg:     rgba(255, 255, 255, 0.9);
  --nav-border: rgba(8, 145, 178, 0.3);
  --overlay:    rgba(15, 23, 42, 0.35);

  --input-bg:   #ffffff;
  --input-text: #0f172a;

  --sb-thumb:       #b6cbd6;
  --sb-thumb-hover: #93b3c2;
  --sb-track:       rgba(8, 145, 178, 0.08);

  --shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
}









body.theme-runic .tone-sky    { --tone: #4cd7f6; --tone-bg: rgba(76, 215, 246, 0.12); --tone-br: rgba(76, 215, 246, 0.32); }
body.theme-runic .tone-violet { --tone: #8ab4ff; --tone-bg: rgba(138, 180, 255, 0.12); --tone-br: rgba(138, 180, 255, 0.32); }
body.theme-runic .tone-green  { --tone: #4edea3; --tone-bg: rgba(78, 222, 163, 0.12); --tone-br: rgba(78, 222, 163, 0.32); }
body.theme-runic .tone-teal   { --tone: #2dd4bf; --tone-bg: rgba(45, 212, 191, 0.12); --tone-br: rgba(45, 212, 191, 0.32); }
body.theme-runic .tone-gold   { --tone: #ffb95f; --tone-bg: rgba(255, 185, 95, 0.12); --tone-br: rgba(255, 185, 95, 0.34); }
body.theme-runic .tone-orange { --tone: #fb923c; --tone-bg: rgba(251, 146, 60, 0.12); --tone-br: rgba(251, 146, 60, 0.32); }
body.theme-runic .tone-pink   { --tone: #f0abfc; --tone-bg: rgba(240, 171, 252, 0.12); --tone-br: rgba(240, 171, 252, 0.32); }
body.theme-runic .tone-purple { --tone: #c4b5fd; --tone-bg: rgba(196, 181, 253, 0.12); --tone-br: rgba(196, 181, 253, 0.32); }
body.theme-runic .tone-red    { --tone: #fb7185; --tone-bg: rgba(251, 113, 133, 0.12); --tone-br: rgba(251, 113, 133, 0.32); }

body.theme-runic.light-mode .tone-sky    { --tone: #0e7490; }
body.theme-runic.light-mode .tone-violet { --tone: #4f46e5; }
body.theme-runic.light-mode .tone-green  { --tone: #047857; }
body.theme-runic.light-mode .tone-teal   { --tone: #0f766e; }
body.theme-runic.light-mode .tone-gold   { --tone: #b45309; }
body.theme-runic.light-mode .tone-orange { --tone: #c2410c; }
body.theme-runic.light-mode .tone-pink   { --tone: #a21caf; }
body.theme-runic.light-mode .tone-purple { --tone: #6d28d9; }
body.theme-runic.light-mode .tone-red    { --tone: #be123c; }














body.theme-runic {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

body.theme-runic h1,
body.theme-runic h2,
body.theme-runic h3,
body.theme-runic h4,
body.theme-runic .home-title,
body.theme-runic .acc-name,
body.theme-runic .pt-name {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  letter-spacing: -0.02em;
}




body.theme-runic .pl-val,
body.theme-runic .home-num-val,
body.theme-runic .home-specs b,
body.theme-runic .acc-total-val,
body.theme-runic .hy-stat-val,
body.theme-runic .top-td-val,
body.theme-runic .home-top-lvl b,
body.theme-runic .pt-lvl b,
body.theme-runic .hy-level-now,
body.theme-runic .pl-avatar-lvl {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}




body.theme-runic .hy-block-title,
body.theme-runic .pl-lbl,
body.theme-runic .home-num-lbl,
body.theme-runic .home-specs span,
body.theme-runic .pt-members-head,
body.theme-runic .nav-btn-txt,
body.theme-runic .kicker,
body.theme-runic .top-table thead th {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}




body.theme-runic .foot-ip code,
body.theme-runic .srv-ip,
body.theme-runic code {
  font-family: 'Space Grotesk', ui-monospace, monospace;
  letter-spacing: 0.02em;
}












body.theme-runic .card {
  position: relative;
}
body.theme-runic .card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  border-radius: var(--r) var(--r) 0 0;
  background: linear-gradient(90deg,
      transparent,
      color-mix(in srgb, var(--accent) 45%, transparent),
      transparent);
  pointer-events: none;
}


body.theme-runic .card[class*="tone-"]::before,
body.theme-runic .hy-group::before {
  background: linear-gradient(90deg,
      transparent,
      color-mix(in srgb, var(--tone, var(--accent)) 55%, transparent),
      transparent);
}



body.theme-runic .card:hover {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--stroke));
}








body.theme-runic .btn.primary,
body.theme-runic .nav-login,
body.theme-runic .dc-join {
  background: linear-gradient(135deg, #06b6d4, #0891b2);
  border-color: rgba(255, 255, 255, 0.18);
  color: #00232b;
  font-weight: 800;
  box-shadow: 0 0 16px rgba(6, 182, 212, 0.28);
}
body.theme-runic .btn.primary:hover,
body.theme-runic .nav-login:hover,
body.theme-runic .dc-join:hover {
  box-shadow: 0 0 26px rgba(6, 182, 212, 0.5);
}
body.theme-runic.light-mode .btn.primary,
body.theme-runic.light-mode .nav-login,
body.theme-runic.light-mode .dc-join {
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(8, 145, 178, 0.28);
}


body.theme-runic .btn {
  border-color: var(--stroke);
}
body.theme-runic .btn:hover {
  border-color: color-mix(in srgb, var(--accent) 55%, transparent);
  color: var(--text);
}



body.theme-runic .pl-dot.on {
  background: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.16), 0 0 10px rgba(16, 185, 129, 0.7);
}
body.theme-runic .pl-avatar-wrap.is-online .acc-avatar,
body.theme-runic .pl-avatar-wrap.is-online .pl-avatar-fallback,
body.theme-runic .pl-avatar-wrap.is-sm.is-online .pl-row-avatar {
  border-color: #10b981;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.14), 0 0 18px rgba(16, 185, 129, 0.28);
}


body.theme-runic .pl-avatar-lvl {
  background: linear-gradient(135deg, #4cd7f6, #06b6d4);
  color: #00232b;
}



body.theme-runic .hy-badge.is-earned {
  border-color: rgba(255, 185, 95, 0.45);
  background: linear-gradient(180deg, rgba(255, 185, 95, 0.10), transparent 70%), var(--well);
  box-shadow: 0 0 0 1px rgba(255, 185, 95, 0.12), 0 0 22px -6px rgba(245, 158, 11, 0.35);
}
body.theme-runic .top-table tbody tr:first-child .top-rank,
body.theme-runic .home-top-list li:first-child .home-top-rank {
  color: #ffb95f;
  border-color: rgba(255, 185, 95, 0.55);
  box-shadow: 0 0 12px -2px rgba(245, 158, 11, 0.5);
}







body.theme-runic .nav-box {
  background: var(--nav-bg);
  backdrop-filter: blur(14px);
  border-color: var(--nav-border);
}
body.theme-runic .nav-btn[aria-current="page"] {
  background: rgba(76, 215, 246, 0.14);
  color: var(--accent);
}







body.theme-runic input[type="text"],
body.theme-runic input[type="search"],
body.theme-runic input[type="number"],
body.theme-runic select,
body.theme-runic textarea,
body.theme-runic .acc-form input,
body.theme-runic .pl-filter input[type="text"] {
  background: var(--input-bg);
  border-color: rgba(148, 163, 184, 0.18);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45);
}
body.theme-runic input:focus,
body.theme-runic select:focus,
body.theme-runic textarea:focus {
  border-color: #06b6d4;
  box-shadow: inset 0 0 0 1px rgba(6, 182, 212, 0.35), 0 0 0 3px rgba(6, 182, 212, 0.12);
}
body.theme-runic.light-mode input[type="text"],
body.theme-runic.light-mode input[type="search"],
body.theme-runic.light-mode select,
body.theme-runic.light-mode textarea,
body.theme-runic.light-mode .acc-form input {
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
}








body.theme-runic .hy-bar.is-graded > span,
body.theme-runic .hy-ach-bar2 > span,
body.theme-runic .hy-badge-bar > span {
  background: hsl(var(--bar-hue, 187) 72% 55%);
}

body.theme-runic .hy-bar > span,
body.theme-runic .pt-bar > span {
  background: linear-gradient(90deg, #06b6d4, #4cd7f6);
}
body.theme-runic .top-val-bar > span {
  background: var(--accent);
}

















.rt-hero {
  position: relative;
  margin: -28px 0 48px;
  padding: 72px 0 56px;
  overflow: hidden;
  border-radius: var(--r);
}
.rt-hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(6, 182, 212, 0.20), transparent 60%),
    linear-gradient(180deg, rgba(15, 19, 29, 0.72), rgba(15, 19, 29, 0.92) 60%, var(--bg));
  pointer-events: none;
}
body.theme-runic.light-mode .rt-hero-bg {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(8, 145, 178, 0.16), transparent 60%),
    linear-gradient(180deg, rgba(238, 242, 247, 0.75), rgba(238, 242, 247, 0.95) 60%, var(--bg));
}
.rt-hero-inner {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  padding: 0 16px;
  text-align: center;
}



.rt-capsule {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 16px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--card) 92%, transparent);
  border: 1px solid var(--stroke);
  backdrop-filter: blur(10px);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 700;
}
.rt-capsule-live { color: var(--green); }
.rt-capsule-p2w  { color: var(--accent); }
.rt-capsule-ip   { color: var(--muted); letter-spacing: .02em; text-transform: none; }
.rt-sep { color: var(--muted); opacity: .5; }



.rt-ping { position: relative; width: 10px; height: 10px; flex: none; }
.rt-ping i {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 10px rgba(16, 185, 129, .8);
}
.rt-ping::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #10b981;
  animation: rt-ping 1.8s cubic-bezier(0, 0, .2, 1) infinite;
}
@keyframes rt-ping {
  0%   { transform: scale(1);   opacity: .7; }
  100% { transform: scale(2.4); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .rt-ping::after { animation: none; }
}

.rt-title {
  margin: 22px 0 0;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: clamp(32px, 5.2vw, 56px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--text);
}


.rt-title-glow {
  background: linear-gradient(90deg, #4cd7f6, #a7f3ff 40%, #4edea3);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.theme-runic.light-mode .rt-title-glow {
  background: linear-gradient(90deg, #0e7490, #0891b2 40%, #047857);
  -webkit-background-clip: text;
  background-clip: text;
}
.rt-lead {
  margin: 16px auto 0;
  max-width: 68ch;
  font-size: 16px;
  line-height: 1.6;
  color: var(--muted);
}


.rt-connect {
  max-width: 760px;
  margin: 32px auto 0;
  padding: 16px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--card) 95%, transparent);
  border: 1px solid var(--stroke);
  box-shadow: 0 12px 40px -12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(6, 182, 212, .06);
  text-align: left;
}
.rt-telemetry {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--stroke);
}
.rt-tel { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rt-tel i { color: var(--accent); font-size: 14px; width: 16px; flex: none; }
.rt-tel-k {
  display: block;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}
.rt-tel-v {
  display: block;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}
.rt-tel-v.rt-ok { color: var(--green); }

.rt-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 26px;
}


.rt-section { margin-bottom: 48px; }
.rt-sec-head { max-width: 720px; margin: 0 0 24px; }
.rt-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--accent);
}
.rt-h2 {
  margin: 10px 0 0;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--text);
}
.rt-sec-sub {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
  max-width: 62ch;
}


.rt-pillars {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 14px;
}
.rt-pillar { padding: 20px; margin: 0; }
.rt-pillar h3 {
  margin: 14px 0 8px;
  font-size: 16px;
  font-family: "Space Grotesk", system-ui, sans-serif;
}
.rt-pillar p { margin: 0; color: var(--muted); font-size: 13.5px; line-height: 1.55; }
.rt-pillar-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  font-size: 17px;
  color: var(--tone, var(--accent));
  background: var(--tone-bg, rgba(76, 215, 246, .12));
  border: 1px solid var(--tone-br, var(--stroke));
}


.rt-pillar-fact {
  display: block;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--stroke);
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--tone, var(--accent));
}


.rt-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}
.rt-metric { padding: 16px 18px; margin: 0; }
.rt-metric-k {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 10.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}
.rt-metric-k i { color: var(--tone, var(--accent)); font-size: 12px; }
.rt-metric-v {
  display: block;
  margin-top: 8px;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}
.rt-metric-sub { display: block; margin-top: 6px; font-size: 12px; color: var(--muted); }


.rt-split {
  display: grid;
  
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 14px;
  align-items: start;
}
.rt-feed, .rt-chart-card { margin: 0; }
.rt-live { color: var(--green) !important; font-size: 10px; letter-spacing: .08em; }

.rt-feed-list { list-style: none; margin: 4px 0 0; padding: 0; }
.rt-ev {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--stroke);
}
.rt-ev:last-child { border-bottom: 0; padding-bottom: 0; }
.rt-ev-ico {
  flex: none;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 12px;
  color: var(--accent);
  background: var(--well);
  border: 1px solid var(--stroke);
}

.rt-ev.is-badge .rt-ev-ico,
.rt-ev.is-prestige .rt-ev-ico {
  color: var(--amber);
  border-color: color-mix(in srgb, var(--amber) 45%, transparent);
}
.rt-ev-body { min-width: 0; flex: 1; }
.rt-ev-what { display: block; font-size: 13.5px; color: var(--text); line-height: 1.4; }
.rt-ev-what a { color: var(--accent); font-weight: 700; }
.rt-ev-what a:hover { text-decoration: underline; }
.rt-ev-detail { display: block; margin-top: 3px; font-size: 12px; color: var(--muted); line-height: 1.45; }
.rt-ev-when {
  flex: none;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 11px;
  color: var(--muted);
  white-space: nowrap;
}
.rt-feed-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--stroke);
  font-size: 12px;
  color: var(--muted);
}
.rt-feed-foot a { color: var(--accent); font-weight: 700; }

.rt-chart { color: var(--accent); margin-top: 6px; }
.rt-chart svg { width: 100%; height: 130px; display: block; }
.rt-chart-grid line { stroke: var(--stroke); stroke-width: .5; vector-effect: non-scaling-stroke; }
.rt-chart-peak { fill: var(--amber); }
.rt-chart-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--stroke);
}
.rt-chart-k {
  display: block;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}
.rt-chart-v {
  display: block;
  margin-top: 4px;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}


.rt-roster {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.rt-card { padding: 18px; margin: 0; }


.rt-card.is-first { border-color: color-mix(in srgb, var(--amber) 45%, transparent); }
.rt-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.rt-rank {
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--muted);
}
.rt-card.is-first .rt-rank { color: var(--amber); }
.rt-card-gain {
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: var(--green);
  letter-spacing: .04em;
}
.rt-card-who { display: flex; align-items: center; gap: 10px; margin: 14px 0; min-width: 0; }
.rt-card-name { display: block; font-size: 15px; font-weight: 800; }
.rt-card-name a { color: var(--accent); }
.rt-card-sub { display: block; font-size: 11.5px; color: var(--muted); }
.rt-card-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--stroke);
}
.rt-card-k {
  display: block;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}
.rt-card-v {
  display: block;
  margin-top: 3px;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

.rt-registry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 13.5px;
  text-decoration: none;
}
.rt-registry i { color: var(--accent); }
.rt-registry-go { color: var(--accent); font-weight: 700; white-space: nowrap; }
.rt-registry:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--stroke)); }


.rt-party-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 380px);
  gap: 14px;
  align-items: start;
}
.rt-party-notes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
}
.rt-note { margin: 0; padding: 16px; }
.rt-note i { color: var(--accent); font-size: 15px; }
.rt-note h4 { margin: 10px 0 6px; font-size: 14px; font-family: "Space Grotesk", system-ui, sans-serif; }
.rt-note p { margin: 0; font-size: 12.5px; color: var(--muted); line-height: 1.5; }
.rt-party { margin: 0; }
.rt-party-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.rt-party-name { margin: 6px 0 0; font-size: 20px; font-family: "Space Grotesk", system-ui, sans-serif; }
.rt-party-list { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.rt-party-list li { display: flex; align-items: center; gap: 9px; font-size: 13.5px; }
.rt-party-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--stroke);
  font-size: 12.5px;
  color: var(--muted);
}
.rt-party-facts b { color: var(--text); font-family: "Space Grotesk", system-ui, sans-serif; }
.rt-party-all { margin-top: 16px; }


.rt-closing {
  padding: 40px;
  margin: 0;
  text-align: center;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(6, 182, 212, .10), transparent 65%),
    var(--card);
}
.rt-quote {
  margin: 16px auto 0;
  max-width: 34ch;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: clamp(20px, 3vw, 28px);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--text);
}
.rt-closing-sub { margin: 16px auto 0; max-width: 56ch; color: var(--muted); font-size: 14px; }


@media (max-width: 900px) {
  
  .rt-split { grid-template-columns: 1fr; }
  .rt-party-wrap { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .rt-hero { padding: 48px 0 40px; }
  .rt-capsule { gap: 8px; padding: 6px 12px; font-size: 10px; }
  .rt-hide-sm { display: none; }
  .rt-closing { padding: 28px 20px; }
  .rt-card-stats { gap: 6px; }
}




.rt-chart-plot { position: relative; }
.rt-chart-plot.has-chart .rt-chart-svg { display: none; }
.rt-chart-plot canvas { width: 100%; height: 150px; display: block; }