.upgrade-rate-page {
  --ug-canvas: #e9edf2;
  --ug-surface: #f8f9fb;
  --ug-surface-2: #eef1f5;
  --ug-border: #d9dee7;
  --ug-text: #172033;
  --ug-muted: #69758a;
  --ug-orange: #ee5519;
  --ug-green: #159447;
  color: var(--ug-text);
  background: var(--ug-canvas);
  font-family: "Outfit", Arial, sans-serif;
}

.upgrade-rate-page .ug-character-tone-breadcrumb {
  padding: 58px 0 48px;
  background:
    radial-gradient(circle at 18% 20%, rgba(238, 85, 25, .13), transparent 28%),
    linear-gradient(135deg, #eef1f5 0%, #e6eaf0 58%, #f3e8e1 100%) !important;
  border-bottom: 1px solid #d7dce4;
}
.upgrade-rate-page .ug-character-tone-breadcrumb::before { display: none; }
.upgrade-rate-page .ug-character-tone-breadcrumb h2 {
  margin: 4px 0 10px;
  color: #182033;
  font: 800 clamp(28px, 4vw, 40px)/1.1 "Outfit", Arial, sans-serif;
  letter-spacing: -.8px;
  text-shadow: none;
}
.upgrade-rate-page .ug-character-tone-breadcrumb h2 span { color: var(--ug-orange); }
.upgrade-rate-page .ug-character-tone-breadcrumb .breadcrumb { justify-content: center; margin: 0; }
.upgrade-rate-page .ug-character-tone-breadcrumb .breadcrumb-item,
.upgrade-rate-page .ug-character-tone-breadcrumb .breadcrumb-item a { color: #667085; }

.upgrade-rate-page .ug-character-tone-surface {
  min-height: 720px;
  padding: 38px 0 76px;
  background: var(--ug-canvas);
}
.upgrade-rate-page .ug-ambient { display: none; }

.ug-overview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
  padding: 22px 24px;
  overflow: hidden;
  background: linear-gradient(120deg, #202938, #2d3748);
  border: 1px solid #303b4d;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(33, 43, 59, .14);
}
.ug-overview__copy { min-width: 0; }
.ug-overview__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: #ffb28e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.ug-overview h1 {
  margin: 0 0 6px;
  color: #fff;
  font-size: clamp(21px, 3vw, 30px);
  font-weight: 800;
  letter-spacing: -.45px;
}
.ug-overview p { margin: 0; color: #bdc6d4; font-size: 13px; line-height: 1.55; }
.ug-overview__legend { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.ug-legend {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  color: #dbe2ec;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.ug-legend::before { width: 7px; height: 7px; border-radius: 50%; background: #22a956; content: ""; }
.ug-legend--mid::before { background: #e9a008; }
.ug-legend--low::before { background: #df4a45; }

.upgrade-rate-page .ug-layout { display: grid; grid-template-columns: 282px minmax(0, 1fr); gap: 20px; align-items: start; }
.upgrade-rate-page .ug-sidebar {
  position: sticky;
  top: 20px;
  width: auto;
  padding: 14px;
  background: var(--ug-surface);
  border: 1px solid var(--ug-border);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(38, 48, 68, .07);
  backdrop-filter: none;
  animation: none;
}
.upgrade-rate-page .ug-sidebar-title {
  margin: 0 4px 10px;
  padding: 5px 6px 12px;
  color: #667085;
  border-bottom: 1px solid #e3e7ed;
  font-size: 10px;
  letter-spacing: 1.4px;
}
.upgrade-rate-page .ug-menu { gap: 6px; }
.upgrade-rate-page .ug-pick-btn {
  min-height: 62px;
  padding: 8px 10px;
  color: var(--ug-text);
  border: 1px solid transparent;
  border-radius: 11px;
  transition: background-color .15s, border-color .15s, box-shadow .15s;
}
.upgrade-rate-page .ug-pick-btn:hover {
  background: #f0f3f6;
  border-color: #e0e4ea;
  transform: none;
}
.upgrade-rate-page .ug-pick-btn.active {
  background: linear-gradient(90deg, var(--ugc-bg), #fff 90%);
  border-color: var(--ugc-light);
  border-left: 3px solid var(--ugc);
  box-shadow: 0 5px 14px rgba(38,48,68,.06);
  transform: none;
}
.upgrade-rate-page .ug-pick-icon-wrap {
  width: 46px;
  height: 46px;
  background: #1c2431;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(31,41,55,.16);
}
.upgrade-rate-page .ug-pick-name { color: #202939; font-size: 13px; }
.upgrade-rate-page .ug-pick-sub { color: #7a8596; font-size: 10px; }
.upgrade-rate-page .ug-pick-btn.active .ug-pick-name { color: #172033; text-shadow: none; }
.upgrade-rate-page .ug-pick-btn.active .ug-pick-sub { color: #667085; }

.upgrade-rate-page .ug-panel { animation: none; }
.upgrade-rate-page .ug-panel-header {
  margin-bottom: 14px;
  padding: 16px 18px;
  background: var(--ug-surface);
  border: 1px solid var(--ug-border);
  border-left: 4px solid var(--ugc);
  border-radius: 15px;
  box-shadow: 0 8px 22px rgba(38,48,68,.06);
  backdrop-filter: none;
}
.upgrade-rate-page .ug-ph-icon {
  width: 58px;
  height: 58px;
  padding: 2px;
  background: #1d2532;
  border: 2px solid var(--ugc);
  border-radius: 12px;
  box-shadow: 0 5px 14px rgba(31,41,55,.16);
}
.upgrade-rate-page .ug-ph-info h3 { margin-bottom: 3px; color: #172033; font: 800 21px/1.2 "Outfit", Arial, sans-serif; text-shadow: none; }
.upgrade-rate-page .ug-ph-info p { color: #748094; font-size: 12px; }
.upgrade-rate-page .ug-list-container { gap: 8px; }
.upgrade-rate-page .ug-list-item {
  gap: 18px;
  min-height: 70px;
  padding: 11px 15px;
  background: var(--ug-surface);
  border: 1px solid var(--ug-border);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(38,48,68,.04);
  backdrop-filter: none;
  transition: border-color .15s, box-shadow .15s;
}
.upgrade-rate-page .ug-list-item::before { width: 3px; opacity: .8; }
.upgrade-rate-page .ug-list-item:hover {
  background: #fff;
  border-color: #cdd3dc;
  box-shadow: 0 8px 20px rgba(38,48,68,.08);
  transform: none;
}
.upgrade-rate-page .ug-li-grade { min-width: 112px; }
.upgrade-rate-page .ug-li-from,
.upgrade-rate-page .ug-li-to {
  padding: 5px 8px;
  color: #4b5565;
  background: #edf0f4;
  border: 1px solid #dde2e9;
  border-radius: 7px;
}
.upgrade-rate-page .ug-li-to { color: var(--ugc); background: #fff; border-color: var(--ugc-light); text-shadow: none; }
.upgrade-rate-page .ug-li-grade i { color: #98a1af; }
.upgrade-rate-page .ug-prog-label { color: #69758a; }
.upgrade-rate-page .ug-prog-label .val { color: #263044; font-size: 14px; }
.upgrade-rate-page .ug-prog-track { height: 7px; background: #e4e8ee; box-shadow: none; }
.upgrade-rate-page .ug-prog-fill { transition: none; }
.upgrade-rate-page .ug-prog-fill::after { display: none; }
.upgrade-rate-page .ug-li-coins {
  min-width: 132px;
  padding: 7px 10px;
  color: #596579;
  background: #f0f2f5;
  border: 1px solid #e0e4ea;
}
.upgrade-rate-page .bar-green { background: #1fa454; box-shadow: none; }
.upgrade-rate-page .bar-blue { background: #337ee8; box-shadow: none; }
.upgrade-rate-page .bar-yellow { background: #d99b0b; box-shadow: none; }
.upgrade-rate-page .bar-orange { background: #e96c24; box-shadow: none; }
.upgrade-rate-page .bar-red { background: #dc4b46; box-shadow: none; }
.upgrade-rate-page .bar-gray { background: #8792a4; }
.upgrade-rate-page .val-high,
.upgrade-rate-page .val-green { color: #15803d; }
.upgrade-rate-page .val-mid,
.upgrade-rate-page .val-yellow,
.upgrade-rate-page .val-orange { color: #b46609; }
.upgrade-rate-page .val-low,
.upgrade-rate-page .val-red { color: #c73532; }
.upgrade-rate-page .val-gray { color: #596579; }
.upgrade-rate-page .ug-guide-block,
.upgrade-rate-page .ug-empty {
  margin-top: 0;
  padding: 22px;
  color: #465166;
  background: var(--ug-surface);
  border: 1px solid var(--ug-border);
  border-radius: 15px;
  box-shadow: 0 8px 22px rgba(38,48,68,.06);
  backdrop-filter: none;
}
.upgrade-rate-page .ug-guide-block h4 { color: #202939; font-family: "Outfit", Arial, sans-serif; }
.upgrade-rate-page .ug-guide-block ul,
.upgrade-rate-page .ug-guide-block p,
.upgrade-rate-page .ug-empty p { color: #596579 !important; }
.upgrade-rate-page .ug-guide-block strong { color: #202939 !important; }

@media (max-width: 991px) {
  .upgrade-rate-page .ug-character-tone-surface { padding-top: 26px; }
  .ug-overview { align-items: flex-start; flex-direction: column; }
  .ug-overview__legend { justify-content: flex-start; }
  .upgrade-rate-page .ug-layout { display: block; }
  .upgrade-rate-page .ug-sidebar { position: static; margin-bottom: 16px; padding: 10px; overflow: hidden; }
  .upgrade-rate-page .ug-sidebar-title { margin-bottom: 8px; }
  .upgrade-rate-page .ug-menu { display: flex; flex-direction: row; grid-template-columns: none; gap: 8px; overflow-x: auto; padding: 2px 2px 8px; scrollbar-width: thin; }
  .upgrade-rate-page .ug-pick-btn { flex: 0 0 205px; }
}

@media (max-width: 620px) {
  .upgrade-rate-page .ug-character-tone-breadcrumb { padding: 46px 12px 38px; }
  .upgrade-rate-page .ug-character-tone-surface { padding-bottom: 54px; }
  .ug-overview { padding: 18px; }
  .upgrade-rate-page .ug-panel-header { padding: 13px; }
  .upgrade-rate-page .ug-ph-icon { width: 50px; height: 50px; }
  .upgrade-rate-page .ug-ph-info h3 { font-size: 17px; overflow-wrap: anywhere; }
  .upgrade-rate-page .ug-list-item { align-items: stretch; gap: 11px; }
  .upgrade-rate-page .ug-li-grade { min-width: 0; }
  .upgrade-rate-page .ug-li-coins { min-width: 0; align-self: stretch; justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .upgrade-rate-page *, .upgrade-rate-page *::before, .upgrade-rate-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* Public paid-restore prices; keep long exact Noah amounts visible on mobile. */
.upgrade-rate-page .ug-restore-notice { margin:0 0 22px; padding:16px 20px; border:1px solid #35574e; border-radius:12px; background:#172923; color:#d5e9df; }
.upgrade-rate-page .ug-restore-notice strong { color:#9ce4c7; }
.upgrade-rate-page .ug-restore-notice p { margin:8px 0; color:#b6cec3; font-size:13px; line-height:1.7; }
.upgrade-rate-page .ug-restore-notice small { color:#9ab4a8; }
.upgrade-rate-page .ug-li-costs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; min-width:0; }
.upgrade-rate-page .ug-li-costs .ug-li-coins { width:100%; box-sizing:border-box; }
.upgrade-rate-page .ug-li-costs .ug-li-restore { color:#92dcc0; background:#142c25; border-color:#345f50; }
.upgrade-rate-page .ug-li-costs .ug-li-restore > i { color:#92dcc0; }
.upgrade-rate-page .ug-li-costs .ug-li-restore small { color:#9abfaf; letter-spacing:.3px; }
.upgrade-rate-page .ug-li-costs .ug-li-restore strong { color:#c6f2e1; }
.upgrade-rate-page .ug-li-costs .ug-li-coins { min-height:68px; align-items:flex-start; }
.upgrade-rate-page .ug-li-costs .ug-li-coins > i { margin-top:4px; }
.upgrade-rate-page .ug-li-costs .ug-li-coins__copy small i { margin-right:3px; }
.upgrade-rate-page .ug-li-costs .ug-li-coins__copy strong { white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip; }

/* Koyu, yuksek okunabilirlikli upgrade tablosu */
.upgrade-rate-page {
  --ug-canvas:#0d1116;
  --ug-surface:#171d24;
  --ug-surface-2:#202730;
  --ug-border:#303946;
  --ug-text:#e8edf2;
  --ug-muted:#929dab;
  color:var(--ug-text);
  background:#0d1116 !important;
}
.upgrade-rate-page .ug-character-tone-breadcrumb {
  background:radial-gradient(circle at 18% 12%,rgba(138,35,25,.42),transparent 34%),radial-gradient(circle at 82% 0,rgba(191,118,39,.16),transparent 30%),linear-gradient(135deg,#151a20,#0d1116 66%,#171117) !important;
  border-bottom-color:#303946 !important;
}
.upgrade-rate-page .ug-character-tone-breadcrumb h2 { color:#f3f5f7 !important; }
.upgrade-rate-page .ug-character-tone-breadcrumb .breadcrumb-item,
.upgrade-rate-page .ug-character-tone-breadcrumb .breadcrumb-item a { color:#9ea8b5 !important; }
.upgrade-rate-page .ug-character-tone-surface {
  background:radial-gradient(circle at 50% 0,rgba(72,84,99,.18),transparent 38%),linear-gradient(180deg,#14191f,#0d1116 58%,#10141a) !important;
}
.upgrade-rate-page .ug-overview { background:linear-gradient(115deg,#2b2023,#202730 48%,#171d24); border-color:#3a4552; box-shadow:0 16px 38px rgba(0,0,0,.28); }
.upgrade-rate-page .ug-sidebar { background:#171d24; border-color:#303946; box-shadow:0 16px 38px rgba(0,0,0,.28); }
.upgrade-rate-page .ug-sidebar-title { color:#aab4c0; border-bottom-color:#303946; }
.upgrade-rate-page .ug-pick-btn:hover { background:#202730; border-color:#36414e; }
.upgrade-rate-page .ug-pick-btn.active { background:linear-gradient(90deg,var(--ugc-bg),#202730 88%); border-color:var(--ugc-light); box-shadow:none; }
.upgrade-rate-page .ug-pick-icon-wrap { background:#0f141a; border-color:#3a4552; box-shadow:none; }
.upgrade-rate-page .ug-pick-name,
.upgrade-rate-page .ug-pick-btn.active .ug-pick-name { color:#e8edf2; }
.upgrade-rate-page .ug-pick-sub,
.upgrade-rate-page .ug-pick-btn.active .ug-pick-sub { color:#929dab; }
.upgrade-rate-page .ug-pick-id { display:block; margin-top:2px; color:#657180; font-family:monospace; font-size:9px; }
.upgrade-rate-page .ug-panel-header { background:linear-gradient(100deg,#202730,#171d24); border-color:#303946; border-left-color:var(--ugc); box-shadow:0 12px 28px rgba(0,0,0,.22); }
.upgrade-rate-page .ug-ph-info h3 { color:#f0f3f6; }
.upgrade-rate-page .ug-ph-info p { color:#9da8b5; }
.upgrade-rate-page .ug-list-container { gap:9px; }
.upgrade-rate-page .ug-list-item {
  display:grid;
  grid-template-columns:120px minmax(220px,1fr) minmax(320px,360px);
  gap:18px;
  min-height:82px;
  padding:13px 15px;
  background:#171d24;
  border-color:#303946;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.upgrade-rate-page .ug-list-item:hover { background:#1b222a; border-color:#475361; box-shadow:0 10px 24px rgba(0,0,0,.25); }
.upgrade-rate-page .ug-list-item.is-disabled { opacity:.68; border-style:dashed; }
.upgrade-rate-page .ug-row-meta { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
.upgrade-rate-page .ug-meta-badge { padding:3px 7px; border:1px solid #394552; border-radius:999px; background:#111820; color:#aab5c1; font-size:9px; }
.upgrade-rate-page .ug-meta-badge.is-on { border-color:#28664e; color:#8de0bc; background:#132820; }
.upgrade-rate-page .ug-meta-badge.is-off { border-color:#71393d; color:#f2a1a8; background:#2b171a; }
.upgrade-rate-page .ug-meta-note { flex-basis:100%; color:#91a0ae; font-size:10px; line-height:1.4; }
.upgrade-rate-page .ug-li-grade { min-width:0; }
.upgrade-rate-page .ug-li-from,
.upgrade-rate-page .ug-li-to { color:#c3ccd6; background:#10161c; border-color:#36414e; }
.upgrade-rate-page .ug-li-to { color:var(--ugc); background:#131920; border-color:var(--ugc-light); }
.upgrade-rate-page .ug-prog-label { color:#a8b2be; font-size:11px; }
.upgrade-rate-page .ug-prog-label .val { color:#f1f4f7; font-size:17px; font-weight:900; }
.upgrade-rate-page .ug-prog-track { height:8px; background:#0e1319; border:1px solid #28313b; }
.upgrade-rate-page .ug-li-coins {
  min-width:0;
  min-height:54px;
  padding:9px 12px;
  justify-content:flex-start;
  color:#f4c75b;
  background:linear-gradient(135deg,#302a1a,#211e18);
  border-color:#665329;
  border-radius:10px;
  text-align:left;
}
.upgrade-rate-page .ug-li-coins > i { color:#f2bd45; font-size:17px; }
.upgrade-rate-page .ug-li-coins__copy { display:flex; min-width:0; flex-direction:column; gap:2px; }
.upgrade-rate-page .ug-li-coins__copy small { color:#a99768; font-size:8px; font-weight:900; letter-spacing:.8px; }
.upgrade-rate-page .ug-li-coins__copy strong { overflow:hidden; color:#ffe08a; font-size:14px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.upgrade-rate-page .ug-li-costs .ug-li-coins__copy small {
  white-space:normal;
  overflow:visible;
  overflow-wrap:anywhere;
  line-height:1.25;
}
.upgrade-rate-page .ug-li-costs .ug-li-coins__copy strong {
  white-space:normal;
  overflow:visible;
  overflow-wrap:anywhere;
  text-overflow:clip;
}
.upgrade-rate-page .ug-guide-block,
.upgrade-rate-page .ug-empty { color:#c2cbd5; background:#171d24; border-color:#303946; box-shadow:0 12px 28px rgba(0,0,0,.22); }
.upgrade-rate-page .ug-guide-block h4 { color:#e8edf2; }
.upgrade-rate-page .ug-guide-block ul,
.upgrade-rate-page .ug-guide-block p,
.upgrade-rate-page .ug-empty p { color:#abb5c1 !important; }
.upgrade-rate-page .ug-guide-block strong { color:#f0f3f6 !important; }
@media (max-width: 1180px) {
  .upgrade-rate-page .ug-list-item { grid-template-columns:110px minmax(190px,1fr) minmax(280px,320px); gap:12px; }
}
@media (max-width: 767px) {
  .upgrade-rate-page .ug-list-item { display:flex; align-items:stretch; }
  .upgrade-rate-page .ug-li-costs { grid-template-columns:1fr; width:100%; }
  .upgrade-rate-page .ug-li-coins { width:100%; align-self:stretch; }
}

/* 2026 professional read-only upgrade catalogue */
.upgrade-rate-page {
  --ug-bg:#080d13;
  --ug-card:#111923;
  --ug-card-2:#151f2b;
  --ug-line:rgba(148,163,184,.16);
  --ug-copy:#f3f6fa;
  --ug-dim:#91a0b2;
  background:
    radial-gradient(circle at 8% 8%,rgba(238,85,25,.08),transparent 25rem),
    radial-gradient(circle at 92% 18%,rgba(37,99,235,.08),transparent 28rem),
    var(--ug-bg)!important;
}
.upgrade-rate-page .ug-character-tone-surface {
  padding:34px 0 64px;
  background:transparent!important;
}
.upgrade-rate-page .ug-overview {
  position:relative;
  overflow:hidden;
  margin-bottom:18px;
  padding:24px 28px;
  border:1px solid var(--ug-line);
  border-radius:18px;
  background:linear-gradient(120deg,rgba(25,35,48,.96),rgba(14,21,30,.96));
  box-shadow:0 22px 60px rgba(0,0,0,.25);
}
.upgrade-rate-page .ug-overview::after {
  position:absolute; top:-90px; right:-45px; width:260px; height:260px;
  border-radius:50%; background:radial-gradient(circle,rgba(238,85,25,.16),transparent 68%);
  content:""; pointer-events:none;
}
.upgrade-rate-page .ug-overview__copy { position:relative; z-index:1; }
.upgrade-rate-page .ug-overview__copy h1 { margin:5px 0 7px; color:#fff; font-size:clamp(22px,2.2vw,32px); line-height:1.18; letter-spacing:-.55px; }
.upgrade-rate-page .ug-overview__copy p { max-width:720px; margin:0; color:#9dabbc; font-size:13px; }
.upgrade-rate-page .ug-overview__eyebrow { color:#ff986f; font-size:10px; letter-spacing:1.35px; }
.upgrade-rate-page .ug-overview__legend { position:relative; z-index:1; gap:7px; }
.upgrade-rate-page .ug-legend,
.upgrade-rate-page .ug-legend--mid,
.upgrade-rate-page .ug-legend--low {
  gap:6px; padding:7px 10px; border:1px solid rgba(148,163,184,.17);
  border-radius:999px; color:#aab6c5; background:rgba(7,12,18,.4); font-size:9px;
}
.upgrade-rate-page .ug-restore-notice {
  display:grid; grid-template-columns:auto 1fr; gap:3px 18px;
  margin-bottom:18px; padding:14px 18px;
  border:1px solid rgba(52,211,153,.22); border-radius:14px;
  background:linear-gradient(100deg,rgba(16,50,40,.65),rgba(14,25,31,.84));
  box-shadow:none;
}
.upgrade-rate-page .ug-restore-notice strong { grid-row:1 / span 3; align-self:center; padding:9px 12px; border-radius:9px; color:#8ce1be; background:rgba(34,197,94,.08); white-space:nowrap; }
.upgrade-rate-page .ug-restore-notice p { margin:0; font-size:11px; line-height:1.55; }
.upgrade-rate-page .ug-restore-notice small { font-size:9px; }
.upgrade-rate-page .ug-layout { display:grid; grid-template-columns:286px minmax(0,1fr); gap:18px; align-items:start; }
.upgrade-rate-page .ug-sidebar {
  position:sticky; top:18px; width:auto; max-height:calc(100vh - 36px);
  overflow:hidden; border:1px solid var(--ug-line); border-radius:16px;
  background:rgba(15,23,32,.94); box-shadow:0 20px 48px rgba(0,0,0,.22);
}
.upgrade-rate-page .ug-sidebar-title {
  display:flex; align-items:center; justify-content:space-between;
  padding:15px 16px 10px; border:0; color:#dce4ee; font-size:10px; letter-spacing:1px;
}
.upgrade-rate-page .ug-sidebar-title small { color:#667487; font-size:9px; letter-spacing:0; text-transform:none; }
.upgrade-rate-page .ug-search {
  display:flex; align-items:center; gap:8px; margin:0 11px 9px; padding:8px 10px;
  border:1px solid rgba(148,163,184,.14); border-radius:9px; color:#64748b; background:#0b121a;
}
.upgrade-rate-page .ug-search:focus-within { border-color:rgba(238,85,25,.48); box-shadow:0 0 0 3px rgba(238,85,25,.07); }
.upgrade-rate-page .ug-search input { width:100%; border:0; outline:0; color:#dce4ee; background:transparent; font:500 11px "Outfit",sans-serif; }
.upgrade-rate-page .ug-search input::placeholder { color:#5f6c7c; }
.upgrade-rate-page .ug-menu { max-height:calc(100vh - 132px); overflow:auto; padding:0 8px 10px; scrollbar-width:thin; scrollbar-color:#34404e transparent; }
.upgrade-rate-page .ug-pick-btn {
  position:relative; min-height:61px; margin:3px 0; padding:8px 9px;
  border:1px solid transparent; border-radius:11px; background:transparent;
}
.upgrade-rate-page .ug-pick-btn:hover { border-color:rgba(148,163,184,.13); background:#141d27; transform:none; }
.upgrade-rate-page .ug-pick-btn.active {
  border-color:color-mix(in srgb,var(--ugc) 40%,transparent);
  background:linear-gradient(90deg,color-mix(in srgb,var(--ugc) 13%,#111923),#151e29);
  box-shadow:inset 3px 0 0 var(--ugc);
}
.upgrade-rate-page .ug-pick-icon-wrap { width:40px; height:40px; border-radius:9px; background:#090f16; }
.upgrade-rate-page .ug-pick-icon-wrap img { width:36px; height:36px; }
.upgrade-rate-page .ug-pick-name { font-size:11px; line-height:1.2; }
.upgrade-rate-page .ug-pick-sub { margin-top:2px; font-size:9px; }
.upgrade-rate-page .ug-pick-id { color:#556273; font-size:8px; }
.upgrade-rate-page .ug-content { min-width:0; }
.upgrade-rate-page .ug-panel-header {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px;
  margin-bottom:12px; padding:17px 19px; border:1px solid var(--ug-line);
  border-left:3px solid var(--ugc); border-radius:15px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--ugc) 7%,#17212c),#111923 60%);
  box-shadow:0 14px 35px rgba(0,0,0,.18);
}
.upgrade-rate-page .ug-ph-icon { width:48px; height:48px; border:1px solid rgba(148,163,184,.18); border-radius:11px; background:#0a1118; }
.upgrade-rate-page .ug-ph-icon img { width:43px; height:43px; }
.upgrade-rate-page .ug-ph-info h3 { margin:1px 0 4px; color:#f4f7fa; font-size:17px; letter-spacing:-.2px; }
.upgrade-rate-page .ug-ph-info p { margin:0; color:#7f8c9c; font:500 9px/1.5 monospace; overflow-wrap:anywhere; }
.upgrade-rate-page .ug-panel-stats { display:flex; gap:7px; align-self:center; }
.upgrade-rate-page .ug-panel-stats span { min-width:64px; padding:7px 9px; border:1px solid rgba(148,163,184,.14); border-radius:9px; color:#7f8c9c; background:#0c131b; text-align:center; font-size:8px; text-transform:uppercase; }
.upgrade-rate-page .ug-panel-stats strong { display:block; margin-bottom:1px; color:#e8edf4; font-size:15px; line-height:1; }
.upgrade-rate-page .ug-column-head {
  display:grid; grid-template-columns:110px minmax(220px,1fr) minmax(320px,360px);
  gap:16px; padding:0 16px 7px; color:#5f6d7d; font-size:8px; font-weight:800; letter-spacing:.85px;
}
.upgrade-rate-page .ug-list-container { gap:7px; }
.upgrade-rate-page .ug-list-item {
  grid-template-columns:110px minmax(220px,1fr) minmax(320px,360px);
  gap:16px; min-height:88px; padding:13px 14px;
  border:1px solid rgba(148,163,184,.13); border-radius:13px;
  background:linear-gradient(110deg,#121b25,#101821);
  box-shadow:none;
}
.upgrade-rate-page .ug-list-item::before { width:2px; border-radius:13px 0 0 13px; }
.upgrade-rate-page .ug-list-item:hover { border-color:rgba(148,163,184,.25); background:linear-gradient(110deg,#16212c,#121b25); transform:translateY(-1px); }
.upgrade-rate-page .ug-li-grade { gap:6px; justify-content:flex-start; }
.upgrade-rate-page .ug-li-from,.upgrade-rate-page .ug-li-to { min-width:39px; height:31px; padding:0 7px; border-radius:8px; font-size:12px; }
.upgrade-rate-page .ug-li-grade > i { color:#526071; font-size:9px; }
.upgrade-rate-page .ug-prog-label { margin-bottom:5px; font-size:9px; }
.upgrade-rate-page .ug-prog-label .val { font-size:16px; }
.upgrade-rate-page .ug-prog-track { height:6px; }
.upgrade-rate-page .ug-row-meta { margin-top:8px; }
.upgrade-rate-page .ug-meta-badge { padding:2px 6px; font-size:8px; }
.upgrade-rate-page .ug-meta-note { font-size:9px; }
.upgrade-rate-page .ug-li-costs { gap:7px; }
.upgrade-rate-page .ug-li-costs .ug-li-coins {
  min-height:61px; padding:9px 10px; border-radius:10px;
  background:linear-gradient(145deg,#282313,#1d1b16); border-color:rgba(245,190,63,.24);
}
.upgrade-rate-page .ug-li-costs .ug-li-restore { background:linear-gradient(145deg,#11271f,#101e1a); border-color:rgba(52,211,153,.25); }
.upgrade-rate-page .ug-li-costs .ug-li-coins > i { width:20px; margin-top:3px; font-size:14px; text-align:center; }
.upgrade-rate-page .ug-li-costs .ug-li-coins__copy small { color:#948563; font-size:7px; line-height:1.25; letter-spacing:.45px; }
.upgrade-rate-page .ug-li-costs .ug-li-restore small { color:#719f8b; }
.upgrade-rate-page .ug-li-costs .ug-li-coins__copy strong { margin-top:2px; color:#ffe39b; font-size:12px; line-height:1.2; }
.upgrade-rate-page .ug-li-costs .ug-li-restore strong { color:#a9e8cf; }
.upgrade-rate-page .ug-list-item.is-disabled { opacity:.54; filter:saturate(.7); }
.upgrade-rate-page .ug-empty { padding:54px 20px; border-radius:14px; }
@media (max-width:1100px) {
  .upgrade-rate-page .ug-layout { grid-template-columns:240px minmax(0,1fr); }
  .upgrade-rate-page .ug-column-head,.upgrade-rate-page .ug-list-item { grid-template-columns:92px minmax(180px,1fr) minmax(250px,290px); gap:10px; }
  .upgrade-rate-page .ug-li-costs .ug-li-coins__copy strong { font-size:11px; }
}
@media (max-width:900px) {
  .upgrade-rate-page .ug-layout { display:block; }
  .upgrade-rate-page .ug-sidebar { position:static; max-height:none; margin-bottom:14px; }
  .upgrade-rate-page .ug-menu { display:flex; max-height:none; overflow-x:auto; padding:0 8px 10px; }
  .upgrade-rate-page .ug-pick-btn { min-width:210px; }
  .upgrade-rate-page .ug-search { max-width:420px; }
}
@media (max-width:767px) {
  .upgrade-rate-page .ug-character-tone-surface { padding-top:20px; }
  .upgrade-rate-page .ug-overview { padding:19px; }
  .upgrade-rate-page .ug-overview__legend { margin-top:14px; }
  .upgrade-rate-page .ug-restore-notice { display:block; padding:14px; }
  .upgrade-rate-page .ug-restore-notice strong { display:inline-block; margin-bottom:8px; white-space:normal; }
  .upgrade-rate-page .ug-panel-header { grid-template-columns:auto minmax(0,1fr); padding:14px; }
  .upgrade-rate-page .ug-panel-stats { grid-column:1 / -1; width:100%; }
  .upgrade-rate-page .ug-panel-stats span { flex:1; }
  .upgrade-rate-page .ug-column-head { display:none; }
  .upgrade-rate-page .ug-list-item { display:grid; grid-template-columns:1fr; gap:12px; padding:14px; }
  .upgrade-rate-page .ug-li-grade { justify-content:flex-start; }
  .upgrade-rate-page .ug-li-costs { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:430px) {
  .upgrade-rate-page .ug-li-costs { grid-template-columns:1fr; }
  .upgrade-rate-page .ug-pick-btn { min-width:190px; }
}

/* V3 — editorial data table, intentionally different from the old card layout */
.upgrade-rate-page .ug-rate-table {
  overflow:hidden;
  border:1px solid rgba(148,163,184,.15);
  border-radius:15px;
  background:#0d141c;
  box-shadow:0 18px 50px rgba(0,0,0,.2);
}
.upgrade-rate-page .ug-rate-table-head,
.upgrade-rate-page .ug-rate-row {
  display:grid;
  grid-template-columns:120px 116px minmax(260px,1fr) 174px 194px;
  align-items:center;
}
.upgrade-rate-page .ug-rate-table-head {
  min-height:38px;
  padding:0 16px;
  border-bottom:1px solid rgba(148,163,184,.14);
  color:#667487;
  background:#0a1017;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}
.upgrade-rate-page .ug-rate-table-head span:nth-last-child(-n+2) { text-align:right; }
.upgrade-rate-page .ug-rate-row {
  position:relative;
  min-height:112px;
  padding:13px 16px;
  border-bottom:1px solid rgba(148,163,184,.105);
  background:#111923;
  transition:background .18s ease;
}
.upgrade-rate-page .ug-rate-row:last-child { border-bottom:0; }
.upgrade-rate-page .ug-rate-row:hover { background:#151f2a; }
.upgrade-rate-page .ug-rate-row::before {
  position:absolute; inset:0 auto 0 0; width:2px; background:var(--ugc); opacity:.55; content:"";
}
.upgrade-rate-page .ug-rate-row.is-disabled { opacity:.55; }
.upgrade-rate-page .ug-v2-grade {
  display:flex;
  align-items:center;
  gap:7px;
}
.upgrade-rate-page .ug-v2-from,
.upgrade-rate-page .ug-v2-to {
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border:1px solid #354252;
  border-radius:10px;
  color:#9ca9b8;
  background:#0b1219;
  font-size:13px;
  font-weight:900;
}
.upgrade-rate-page .ug-v2-to {
  border-color:color-mix(in srgb,var(--ugc) 55%,#354252);
  color:var(--ugc);
  background:color-mix(in srgb,var(--ugc) 7%,#0b1219);
}
.upgrade-rate-page .ug-v2-arrow { color:#4c5968; font-size:8px; }
.upgrade-rate-page .ug-v2-chance { display:flex; justify-content:center; }
.upgrade-rate-page .ug-v2-ring {
  display:grid;
  width:72px;
  height:72px;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(#ef4444 calc(var(--rate)*1%),#25313e 0);
  box-shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.24);
}
.upgrade-rate-page .ug-v2-ring.mid { background:conic-gradient(#f59e0b calc(var(--rate)*1%),#25313e 0); }
.upgrade-rate-page .ug-v2-ring.high { background:conic-gradient(#22c55e calc(var(--rate)*1%),#25313e 0); }
.upgrade-rate-page .ug-v2-ring > span {
  display:flex;
  width:58px;
  height:58px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  border-radius:50%;
  background:#0e161f;
}
.upgrade-rate-page .ug-v2-ring strong { color:#f7f9fb; font-size:16px; line-height:1; }
.upgrade-rate-page .ug-v2-ring small { margin-top:3px; color:#617083; font-size:6px; font-weight:900; letter-spacing:1px; }
.upgrade-rate-page .ug-v2-rule {
  min-width:0;
  padding:0 20px;
}
.upgrade-rate-page .ug-v2-rule-top { display:flex; align-items:center; gap:7px; margin-bottom:8px; }
.upgrade-rate-page .ug-v2-state,
.upgrade-rate-page .ug-v2-rate {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:3px 7px;
  border:1px solid #344151;
  border-radius:999px;
  color:#8997a8;
  background:#0c141c;
  font-size:8px;
  font-weight:700;
}
.upgrade-rate-page .ug-v2-state i { font-size:5px; }
.upgrade-rate-page .ug-v2-state.on { border-color:rgba(34,197,94,.25); color:#75d5ab; }
.upgrade-rate-page .ug-v2-state.on i { color:#22c55e; }
.upgrade-rate-page .ug-v2-state.off { border-color:rgba(239,68,68,.25); color:#dd858b; }
.upgrade-rate-page .ug-v2-state.off i { color:#ef4444; }
.upgrade-rate-page .ug-v2-materials {
  display:flex;
  min-width:0;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  color:#d2dae4;
  font-size:10px;
  font-weight:650;
}
.upgrade-rate-page .ug-v2-materials span {
  display:inline-flex;
  min-width:0;
  align-items:center;
  gap:5px;
}
.upgrade-rate-page .ug-v2-materials span i { color:var(--ugc); font-size:8px; }
.upgrade-rate-page .ug-v2-plus { color:#4f5d6e; font-size:7px; }
.upgrade-rate-page .ug-v2-note {
  margin-top:6px;
  overflow:hidden;
  color:#6f7d8d;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.upgrade-rate-page .ug-v2-price {
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  padding-left:12px;
  text-align:right;
}
.upgrade-rate-page .ug-v2-price + .ug-v2-price { border-left:1px solid rgba(148,163,184,.12); }
.upgrade-rate-page .ug-v2-price-icon {
  display:grid;
  width:32px;
  height:32px;
  flex:0 0 32px;
  place-items:center;
  border:1px solid rgba(245,190,63,.22);
  border-radius:9px;
  color:#eebd54;
  background:rgba(245,158,11,.07);
  font-size:12px;
}
.upgrade-rate-page .ug-v2-price.restore .ug-v2-price-icon {
  border-color:rgba(52,211,153,.22);
  color:#67d6aa;
  background:rgba(16,185,129,.07);
}
.upgrade-rate-page .ug-v2-price > span:last-child { display:flex; min-width:0; flex-direction:column; }
.upgrade-rate-page .ug-v2-price small {
  margin-bottom:3px;
  color:#756b54;
  font-size:6px;
  font-weight:900;
  letter-spacing:.8px;
}
.upgrade-rate-page .ug-v2-price.restore small { color:#588571; }
.upgrade-rate-page .ug-v2-price strong {
  overflow-wrap:anywhere;
  color:#ffe09a;
  font-size:12px;
  font-weight:900;
  line-height:1.12;
}
.upgrade-rate-page .ug-v2-price.restore strong { color:#a6ead0; }
.upgrade-rate-page .ug-v2-price em {
  margin-top:2px;
  color:#675f4c;
  font-size:6px;
  font-style:normal;
  font-weight:800;
  letter-spacing:1.2px;
}
.upgrade-rate-page .ug-v2-price.restore em { color:#517665; }
@media (max-width:1180px) {
  .upgrade-rate-page .ug-rate-table-head,
  .upgrade-rate-page .ug-rate-row { grid-template-columns:105px 94px minmax(210px,1fr) 145px 165px; padding-left:12px; padding-right:12px; }
  .upgrade-rate-page .ug-v2-rule { padding:0 12px; }
  .upgrade-rate-page .ug-v2-price { padding-left:8px; }
  .upgrade-rate-page .ug-v2-price-icon { display:none; }
}
@media (max-width:900px) {
  .upgrade-rate-page .ug-rate-table-head,
  .upgrade-rate-page .ug-rate-row { grid-template-columns:110px 94px minmax(200px,1fr) 150px 170px; }
  .upgrade-rate-page .ug-rate-table { overflow-x:auto; }
  .upgrade-rate-page .ug-rate-table-head,
  .upgrade-rate-page .ug-rate-row { min-width:820px; }
}
@media (max-width:767px) {
  .upgrade-rate-page .ug-rate-table { overflow:visible; border:0; background:transparent; box-shadow:none; }
  .upgrade-rate-page .ug-rate-table-head { display:none; }
  .upgrade-rate-page .ug-rate-row {
    display:grid;
    min-width:0;
    grid-template-columns:1fr 88px;
    gap:14px;
    margin-bottom:10px;
    padding:15px;
    border:1px solid rgba(148,163,184,.14);
    border-radius:14px;
  }
  .upgrade-rate-page .ug-v2-grade { grid-column:1; }
  .upgrade-rate-page .ug-v2-chance { grid-column:2; grid-row:1 / span 2; justify-content:flex-end; }
  .upgrade-rate-page .ug-v2-rule { grid-column:1; padding:0; }
  .upgrade-rate-page .ug-v2-price { grid-column:1 / -1; justify-content:space-between; padding:11px 0 0; border-top:1px solid rgba(148,163,184,.1); text-align:right; }
  .upgrade-rate-page .ug-v2-price + .ug-v2-price { border-left:0; }
  .upgrade-rate-page .ug-v2-price::before { color:#687689; font-size:8px; font-weight:800; letter-spacing:.6px; content:attr(data-label); }
  .upgrade-rate-page .ug-v2-price-icon { display:none; }
  .upgrade-rate-page .ug-v2-note { white-space:normal; }
}