:root{
  --void:#0a0712;
  --void2:#0f0a1a;
  --panel:#160f24;
  --panel2:#1b1330;
  --line:#382753;
  --line-soft:#241a38;
  --text:#f3edff;
  --text-dim:#b9abd8;
  --text-mute:#8577a3;
  --gold:#f0b93a;
  --violet:#a970ff;
  --violet-deep:#8250e6;
  --crimson:#ff5470;
  --teal:#3fe0c8;
  --blue:#5b8def;
  --amber:#f59e0b;
  --max-dps:6300;
}

*{box-sizing:border-box;}
html{-webkit-font-smoothing:antialiased;font-synthesis:style;text-rendering:optimizeLegibility;}
body{
  margin:0;
  background:
    radial-gradient(ellipse 900px 500px at 15% -5%, rgba(169,112,255,0.14), transparent 60%),
    radial-gradient(ellipse 700px 500px at 100% 10%, rgba(240,185,58,0.08), transparent 55%),
    var(--void);
  color:var(--text);
  font-family:"Segoe UI",Arial,sans-serif;
  padding:0 0 80px;
}

button,input,select{font:inherit;}
button{cursor:pointer;}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{
  outline:2px solid var(--violet);
  outline-offset:2px;
}

.page{ max-width:1180px; margin:0 auto; padding:0 24px; }
.skip-link{position:absolute;left:12px;top:10px;z-index:9999;transform:translateY(-160%);padding:10px 14px;border:1px solid var(--violet);border-radius:8px;background:var(--panel);color:var(--text);font-weight:800;text-decoration:none;}
.skip-link:focus{transform:none;}
.topbar-links{position:relative;}
@media(max-width:760px){.topbar-links::after{content:"→";position:sticky;right:0;display:inline-grid;place-items:center;min-width:28px;height:28px;margin-left:4px;border-radius:999px;background:linear-gradient(90deg,rgba(15,10,26,0),var(--void2) 35%);color:var(--text-dim);pointer-events:none;}}


::selection{ background:var(--violet-deep); color:#fff; }

.ranking-methodology-note{margin:10px 0 18px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(169,112,255,.055);color:var(--text-dim);font-size:12px;line-height:1.55}.ranking-methodology-note strong{color:var(--text)}

/* ---------- HERO ---------- */
.hero{
  position:relative;
  padding:64px 20px 40px;
  text-align:center;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  top:-160px; left:50%;
  width:640px; height:640px;
  transform:translateX(-50%);
  background:
    repeating-radial-gradient(circle, transparent 0 38px, rgba(169,112,255,0.05) 39px 40px);
  border-radius:50%;
  animation:spin 90s linear infinite;
  pointer-events:none;
}
@media (prefers-reduced-motion: reduce){ .hero::before{ animation:none; } }
@keyframes spin{ to{ transform:translateX(-50%) rotate(360deg); } }

.eyebrow{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:12.5px;
  letter-spacing:.35em;
  text-transform:uppercase;
  color:var(--violet);
  margin-bottom:18px;
}
.eyebrow::before,.eyebrow::after{
  content:"";
  width:28px; height:1px;
  background:linear-gradient(90deg,transparent,var(--violet));
}
.eyebrow::after{ background:linear-gradient(90deg,var(--violet),transparent); }

h1.title{
  position:relative;
  font-family:"Segoe UI",Arial,sans-serif;
  font-weight:800;
  font-size:clamp(34px,6vw,58px);
  letter-spacing:.04em;
  margin:0;
  line-height:1.05;
  background:linear-gradient(180deg,#fff 10%, #cbb9ff 55%, #7c5ac9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 60px rgba(169,112,255,.35);
}
.title small{
  display:block;
  font-family:"Segoe UI",Arial,sans-serif;
  font-weight:800;
  font-size:clamp(15px,2.4vw,20px);
  letter-spacing:.3em;
  margin-top:10px;
  background:linear-gradient(90deg,var(--gold),#ffe1a0,var(--gold));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.formula{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  margin-top:26px;
  padding:12px 28px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,0.02);
}
.formula .f1{
  font-family:"Segoe UI",Arial,sans-serif;
  font-weight:700;
  font-size:15px;
  letter-spacing:.08em;
  color:var(--text);
}
.formula .f1 span{ color:var(--gold); }
.formula .f2{
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--text-mute);
}

/* ---------- SNAPSHOT ---------- */
.snapshot{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:-6px 0 20px;
}
.snapshot-card{
  position:relative;
  overflow:hidden;
  min-height:112px;
  padding:17px 18px;
  border:1px solid var(--line-soft);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(27,19,48,.95),rgba(15,10,26,.95));
}
.snapshot-card::after{
  content:"";
  position:absolute;
  width:90px;height:90px;
  right:-35px;top:-35px;
  border-radius:50%;
  background:var(--accent,var(--violet));
  opacity:.09;
  filter:blur(4px);
}
.snapshot-label{
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--text-mute);
}
.snapshot-value{
  margin-top:9px;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:21px;
  font-weight:700;
  color:var(--accent,var(--text));
}
.snapshot-meta{margin-top:3px;font-size:12.5px;color:var(--text-mute);}

/* ---------- CONTROLS ---------- */
.ranking-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-top:42px;
  margin-bottom:12px;
}
.ranking-head .section-label{flex:1;margin-bottom:9px;}
.ranking-title-wrap{flex:1;}
.ranking-title-wrap .section-label{margin-bottom:8px;}
.ranking-title{
  margin:0;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:clamp(20px,2.7vw,29px);
  letter-spacing:.025em;
  color:var(--text);
}
.ranking-title span{color:var(--amber);}
.ranking-disclaimer{
  margin:6px 0 0;
  color:var(--text-mute);
  font-size:11.5px;
  line-height:1.45;
  letter-spacing:.02em;
}
.controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.control{
  height:40px;
  color:var(--text-dim);
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(22,15,36,.92);
  transition:border-color .15s ease,background .15s ease;
}
.control:hover{border-color:rgba(169,112,255,.65);background:var(--panel2);}
.search-wrap{position:relative;}
.search-wrap svg{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;color:var(--text-mute);pointer-events:none;
}
.search-input{width:220px;padding:0 12px 0 36px;}
.filter-select{padding:0 34px 0 12px;}
.result-count{
  min-height:24px;
  padding:2px 3px 0;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  color:var(--text-mute);
}
.empty-state{padding:42px 20px!important;text-align:center;color:var(--text-mute);}

/* ---------- LEGEND ---------- */
.legend{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
  border-radius:14px;
  overflow:hidden;
  margin:36px 0 44px;
}
.legend-item{
  background:var(--panel);
  padding:16px 16px;
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.legend-icon{
  flex:none;
  width:34px; height:34px;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--line);
}
.legend-icon svg{ width:18px; height:18px; }
.legend-text .lt{
  font-weight:700;
  font-size:12.5px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:2px;
}
.legend-text .ld{
  font-size:12.5px;
  color:var(--text-mute);
  line-height:1.4;
}

/* ---------- OVERALL TIER LIST ---------- */
.tierlist-section{margin:48px 0 10px;}
.tierlist-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:16px;
}
.tierlist-intro h2{
  margin:0;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:clamp(22px,3vw,32px);
  letter-spacing:.03em;
}
.tierlist-intro h2 span{color:var(--gold);}
.tierlist-click-hint{
  margin:7px 0 0;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  letter-spacing:.035em;
  color:var(--text-mute);
}
.tier-feedback-side{flex:0 1 350px;display:grid;gap:10px;min-width:300px;}
.tier-feedback-cta{
  width:100%;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-width:280px;
  padding:13px 15px;
  border:1px solid rgba(169,112,255,.38);
  border-radius:14px;
  color:#f8f2ff;
  background:radial-gradient(circle at 88% 10%,rgba(240,185,58,.12),transparent 35%),linear-gradient(145deg,rgba(39,23,64,.9),rgba(17,11,28,.94));
  box-shadow:0 12px 34px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035);
  font-family:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.tier-feedback-cta:hover{transform:translateY(-2px);border-color:rgba(240,185,58,.65);box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 24px rgba(169,112,255,.09);}
.tier-feedback-cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.tier-feedback-cta-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(240,185,58,.38);border-radius:12px;color:var(--gold);background:rgba(240,185,58,.075);font-size:19px;}
.tier-feedback-cta-copy strong{display:block;font-size:13.5px;line-height:1.3;}
.tier-feedback-cta-copy small{display:block;margin-top:4px;color:var(--text-mute);font-size:10.5px;line-height:1.4;}
.tier-feedback-cta-arrow{color:var(--violet);font-size:18px;font-weight:700;}
.tier-feedback-public-trigger{
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border:1px solid rgba(169,112,255,.22);
  border-radius:12px;
  color:#e9ddf6;
  background:linear-gradient(150deg,rgba(26,17,42,.78),rgba(12,8,20,.88));
  box-shadow:0 9px 24px rgba(0,0,0,.13);
  font-family:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.tier-feedback-public-trigger:hover{transform:translateY(-1px);border-color:rgba(169,112,255,.48);background:linear-gradient(150deg,rgba(38,23,60,.9),rgba(15,9,24,.94));}
.tier-feedback-public-trigger:focus-visible{outline:2px solid var(--violet);outline-offset:3px;}
.tier-feedback-public-trigger-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(169,112,255,.28);border-radius:10px;color:var(--violet);background:rgba(169,112,255,.07);font-size:14px;}
.tier-feedback-public-trigger-copy{min-width:0;}.tier-feedback-public-trigger-copy strong{display:block;font-size:11.5px;line-height:1.3;}.tier-feedback-public-trigger-copy small{display:block;margin-top:3px;color:var(--text-mute);font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tier-feedback-public-trigger-arrow{color:var(--violet);font-size:16px;font-weight:700;}
.tier-feedback-public-refresh{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--violet);background:rgba(255,255,255,.035);font-size:14px;cursor:pointer;}
.tier-feedback-public-refresh:disabled{opacity:.45;cursor:wait;}
.tier-feedback-decisions-dialog{width:min(720px,100%);overflow:hidden;}
.tier-feedback-decisions-actions{display:flex;align-items:center;gap:8px;}
.tier-feedback-decisions-intro{margin:0;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.065);color:var(--text-dim);font-size:11.5px;line-height:1.65;}
.tier-feedback-public-list{display:grid;max-height:min(560px,62vh);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(169,112,255,.38) transparent;}
.tier-feedback-public-empty{padding:13px;color:var(--text-mute);font-size:10.5px;line-height:1.55;text-align:center;}
.tier-feedback-public-item{display:grid;gap:8px;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.065);}
.tier-feedback-public-item:last-child{border-bottom:0;}
.tier-feedback-public-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.tier-feedback-public-unit{min-width:0;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tier-feedback-public-decision{flex:0 0 auto;padding:4px 6px;border:1px solid currentColor;border-radius:999px;font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;}
.tier-feedback-public-item.agreed .tier-feedback-public-decision{color:#67ffbf;background:rgba(103,255,191,.07);}.tier-feedback-public-item.disagreed .tier-feedback-public-decision{color:#ff9aa7;background:rgba(255,137,148,.07);}
.tier-feedback-public-request{color:#b5a7c2;font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;}
.tier-feedback-public-context{display:flex;align-items:center;flex-wrap:wrap;gap:7px;}.tier-feedback-public-tierlist{display:inline-flex;padding:5px 7px;border:1px solid rgba(63,224,200,.38);border-radius:999px;color:#8fffee;background:rgba(63,224,200,.07);font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;}
.tier-feedback-public-reason{margin:0;color:#d7cde0;font-size:10.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;}
.tier-feedback-public-date{color:#756a80;font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.tier-feedback-public-owner-actions{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid rgba(255,255,255,.065);}
.tier-feedback-public-remove{min-height:32px;padding:0 10px;border:1px solid rgba(255,91,108,.4);border-radius:9px;color:#ff9aa7;background:rgba(255,91,108,.075);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;cursor:pointer;}
.tier-feedback-public-remove:hover{border-color:#ff8994;background:rgba(255,91,108,.13);}.tier-feedback-public-remove:disabled{opacity:.48;cursor:wait;}
.tier-feedback-public-status{min-height:0;margin:0;padding:0 22px;color:#67ffbf;font-size:10.5px;line-height:1.5;}
.tier-feedback-public-status:not(:empty){padding-top:11px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.065);}.tier-feedback-public-status.error{color:#ff9aa7;}
.tier-feedback-modal{position:fixed;inset:0;z-index:9500;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(3,2,9,.86);backdrop-filter:blur(12px);}
.tier-feedback-modal.open{display:flex;}
.tier-feedback-decisions-modal{z-index:10100;}
.tier-feedback-dialog{width:min(620px,100%);max-height:min(760px,94vh);overflow:auto;border:1px solid rgba(169,112,255,.48);border-radius:22px;background:radial-gradient(circle at 95% 0,rgba(169,112,255,.12),transparent 32%),#0d0916;box-shadow:0 30px 90px rgba(0,0,0,.68),0 0 48px rgba(118,62,210,.12);}
.tier-feedback-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 22px;border-bottom:1px solid rgba(255,255,255,.08);}
.tier-feedback-kicker{color:var(--gold);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;}
.tier-feedback-head h2{margin:5px 0 0;font-family:"Segoe UI",Arial,sans-serif;font-size:24px;}
.tier-feedback-close{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:var(--text);background:rgba(255,255,255,.04);font-size:22px;cursor:pointer;}
.tier-feedback-form{display:grid;gap:16px;padding:22px;}
.tier-feedback-intro{margin:0;color:var(--text-dim);font-size:13.5px;line-height:1.65;}
.tier-feedback-field{display:grid;gap:7px;color:var(--text-mute);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;}
.tier-feedback-field select,.tier-feedback-field textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--text);background:#120d1d;font:inherit;letter-spacing:0;text-transform:none;outline:none;}
.tier-feedback-field select{min-height:48px;padding:0 13px;}
.tier-feedback-field textarea{min-height:140px;padding:13px 14px;resize:vertical;line-height:1.55;}
.tier-feedback-field select:focus,.tier-feedback-field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(169,112,255,.12);}
.tier-feedback-direction,.tier-feedback-tierlists{display:grid;gap:10px;border:0;padding:0;margin:0;}
.tier-feedback-direction{grid-template-columns:1fr 1fr;}
.tier-feedback-tierlists{grid-template-columns:repeat(3,minmax(0,1fr));}
.tier-feedback-direction legend,.tier-feedback-tierlists legend{grid-column:1/-1;margin:0 0 7px;color:var(--text-mute);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;}
.tier-feedback-choice{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:58px;padding:11px 13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.025);cursor:pointer;}
.tier-feedback-choice:has(input:checked){border-color:var(--choice-color);background:color-mix(in srgb,var(--choice-color) 10%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--choice-color) 9%,transparent);}
.tier-feedback-choice input{width:18px;height:18px;margin:0;accent-color:var(--choice-color);}
.tier-feedback-choice strong{display:block;color:#fff;font-size:13.5px;}.tier-feedback-choice small{display:block;margin-top:3px;color:var(--text-mute);font-size:10.5px;line-height:1.35;}
.tier-feedback-tierlists .tier-feedback-choice{min-height:76px;align-content:center;}
@media(max-width:620px){.tier-feedback-tierlists{grid-template-columns:1fr;}.tier-feedback-tierlists .tier-feedback-choice{min-height:58px;}}
.tier-feedback-privacy{display:grid;grid-template-columns:auto 1fr;gap:11px;margin:0;padding:13px 14px;border:1px solid rgba(76,218,154,.25);border-radius:13px;color:#aab8b1;background:rgba(76,218,154,.055);font-size:11.5px;line-height:1.6;}
.tier-feedback-privacy span{color:#67ffbf;font-size:18px;}.tier-feedback-privacy strong{color:#dfffee;}
.tier-feedback-account-note{margin:-7px 0 0;color:var(--text-mute);font-size:10.5px;line-height:1.5;}
.tier-feedback-submit{min-height:48px;border:1px solid #b783ff;border-radius:12px;color:#fff;background:linear-gradient(135deg,#8247dc,#a970ff);font-family:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 26px rgba(118,62,210,.25);}
.tier-feedback-submit:disabled{opacity:.55;cursor:wait;}
.tier-feedback-status{min-height:19px;margin:-5px 0 0;color:#67ffbf;font-size:12.5px;line-height:1.5;}
.tier-feedback-status.error{color:#ff8994;}
.endless-cards-trigger[hidden]{display:none!important;}
.endless-cards-trigger{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%;margin:14px 0 4px;padding:14px 18px;border:1px solid rgba(63,224,200,.38);border-radius:14px;color:#dffff9;background:linear-gradient(135deg,rgba(23,91,82,.3),rgba(25,15,42,.88));font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.endless-cards-trigger:hover{transform:translateY(-1px);border-color:rgba(63,224,200,.72);box-shadow:0 14px 32px rgba(0,0,0,.25),0 0 24px rgba(63,224,200,.08);}.endless-cards-trigger:focus-visible{outline:2px solid var(--teal);outline-offset:3px;}
.endless-click-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid currentColor;border-radius:999px;color:#081411;background:var(--teal);font:950 10px "Segoe UI",Arial,sans-serif;letter-spacing:.09em;white-space:nowrap;box-shadow:0 0 16px rgba(63,224,200,.28);animation:endlessClickPulse 1.7s ease-in-out infinite;}.endless-priority-toggle .endless-click-badge{margin-left:7px;color:#261b00;background:var(--gold);box-shadow:0 0 14px rgba(240,185,58,.25);}@keyframes endlessClickPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.14)}}
.endless-cards-modal{position:fixed;inset:0;z-index:10200;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(3,2,9,.88);backdrop-filter:blur(12px);}.endless-cards-modal.open{display:flex;}
.endless-cards-dialog{width:min(860px,100%);max-height:min(880px,94vh);overflow:hidden;border:1px solid rgba(63,224,200,.38);border-radius:22px;background:radial-gradient(circle at 8% 0,rgba(63,224,200,.1),transparent 28%),radial-gradient(circle at 96% 0,rgba(169,112,255,.12),transparent 30%),#0d0916;box-shadow:0 32px 95px rgba(0,0,0,.72);}
.endless-cards-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.08);}.endless-cards-kicker{color:var(--teal);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;}.endless-cards-head h2{margin:6px 0 0;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(21px,4vw,30px);}.endless-cards-close{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:var(--text);background:rgba(255,255,255,.04);font-size:22px;cursor:pointer;}
.endless-priority-toggle{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:14px;width:calc(100% - 57px);min-height:70px;padding:15px 17px;border:2px solid rgba(240,185,58,.72);border-radius:15px;color:#fff2c4;background:linear-gradient(135deg,rgba(126,85,12,.34),rgba(51,29,70,.72));box-shadow:0 12px 30px rgba(0,0,0,.26),0 0 28px rgba(240,185,58,.1),inset 0 1px rgba(255,255,255,.06);font:700 13.5px/1.45 "Segoe UI",Arial,sans-serif;letter-spacing:.015em;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}.endless-priority-toggle:hover{transform:translateY(-2px);border-color:#ffd76a;box-shadow:0 16px 36px rgba(0,0,0,.32),0 0 34px rgba(240,185,58,.2);}.endless-priority-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}.endless-cards-title-wrap{grid-column:1;grid-row:2;}.endless-cards-close{grid-column:2;grid-row:1/3;align-self:center;}
.endless-cards-scroll{max-height:calc(min(880px,94vh) - 125px);overflow:auto;padding:22px;scrollbar-width:thin;scrollbar-color:rgba(63,224,200,.38) transparent;}.endless-cards-view[hidden]{display:none!important;}.endless-card-section{margin:0 0 24px;}.endless-card-section:last-child{margin-bottom:0;}.endless-card-section h3{margin:0 0 10px;color:#fff;font-family:"Segoe UI",Arial,sans-serif;font-size:17px;}.endless-card-section-note,.endless-priority-intro,.endless-priority-note{margin:0 0 12px;color:var(--text-mute);font-size:11.5px;line-height:1.6;font-style:italic;}.endless-card-list,.endless-priority-list{display:grid;gap:7px;margin:0;padding:0;list-style:none;}.endless-card-list li,.endless-priority-list li{padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#cfc4da;background:rgba(255,255,255,.022);font-size:11.5px;line-height:1.55;}.endless-card-list strong,.endless-priority-list strong{color:#fff;}.endless-priority-list{counter-reset:endless-priority;}.endless-priority-list li{position:relative;padding-left:45px;counter-increment:endless-priority;}.endless-priority-list li::before{content:counter(endless-priority);position:absolute;left:11px;top:9px;display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(63,224,200,.27);border-radius:7px;color:var(--teal);background:rgba(63,224,200,.06);font:700 10.5px "Segoe UI",Arial,sans-serif;}
@media(max-width:620px){.endless-cards-modal{padding:9px}.endless-cards-dialog{max-height:96vh;border-radius:16px}.endless-cards-head{padding:15px}.endless-cards-scroll{padding:15px;max-height:calc(96vh - 145px)}.endless-priority-toggle{width:calc(100% - 50px);min-height:76px;padding:13px;font-size:10.5px;flex-direction:column;align-items:flex-start}.endless-card-list li,.endless-priority-list li{font-size:10.5px}}
.rarity-key{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px 17px;
  margin-top:11px;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.045em;
  color:var(--text-dim);
  text-transform:uppercase;
}
.rarity-item{display:inline-flex;align-items:center;gap:7px;}
.rarity-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor;}
.rarity-secret{color:#ff4b58;}
.rarity-forbidden{color:#995cff;}
.tierlist-intro p{
  max-width:570px;
  margin:8px 0 0;
  color:var(--text-mute);
  font-size:13.5px;
  line-height:1.6;
}
.method-pill{
  flex:none;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--text-dim);
  background:rgba(255,255,255,.025);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  line-height:1.5;
  text-align:right;
}
.rarity-filter-wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:14px 0;
}
.rarity-filter-label{
  margin-right:7px;
  color:var(--text-dim);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.rarity-filter{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:9px;
  color:var(--text-dim);
  background:rgba(255,255,255,.025);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:opacity .15s ease,border-color .15s ease,background .15s ease;
}
.rarity-filter-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 9px currentColor;}
.rarity-filter[aria-pressed="true"]{border-color:color-mix(in srgb,var(--rarity-color) 58%,var(--line));background:color-mix(in srgb,var(--rarity-color) 10%,transparent);color:#fff;}
.rarity-filter[aria-pressed="false"]{opacity:.42;text-decoration:line-through;}
.rarity-filter:hover{opacity:1;border-color:var(--rarity-color);}
.rarity-empty{padding:28px;text-align:center;color:var(--text-mute);font-family:"Segoe UI",Arial,sans-serif;font-size:11.5px;letter-spacing:.08em;}
.tier-board{
  overflow:hidden;
  border:1px solid var(--line-soft);
  border-radius:16px;
  background:linear-gradient(180deg,var(--panel),var(--void2));
  box-shadow:0 30px 60px -35px rgba(0,0,0,.8);
}
.tier-line{
  display:grid;
  grid-template-columns:154px 1fr;
  min-height:104px;
  border-bottom:1px solid var(--line-soft);
}
.tier-line:last-child{border-bottom:0;}
.tier-letter{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:var(--tier-color);
  background:color-mix(in srgb,var(--tier-color) 10%,transparent);
  border-right:1px solid color-mix(in srgb,var(--tier-color) 26%,var(--line-soft));
  font-family:"Segoe UI",Arial,sans-serif;
  padding:14px 10px;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  text-align:center;
  text-shadow:0 0 18px color-mix(in srgb,var(--tier-color) 45%,transparent);
}
.tier-letter small{
  margin-top:5px;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:10.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-mute);
  text-shadow:none;
}
.tier-units{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  padding:18px 20px;
}
.tier-unit{
  appearance:none;
  color:inherit;
  font:inherit;
  text-decoration:none;
  text-align:left;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-width:218px;
  padding:10px 14px 10px 10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.tier-unit:hover{transform:translateY(-2px);border-color:rgba(169,112,255,.55);background:rgba(169,112,255,.055);}
.tier-unit:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.tier-unit-avatar{
  width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;
  border-radius:9px;
  color:#0a0712;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:12.5px;font-weight:700;
}
.tier-unit-name{display:block;font-size:13.5px;font-weight:700;line-height:1.25;}
.tier-unit-score{display:block;margin-top:5px;font-family:"Segoe UI",Arial,sans-serif;font-size:11.5px;line-height:1.35;color:var(--text-mute);white-space:nowrap;}
.best-unit{border-color:rgba(240,185,58,.55);box-shadow:0 0 20px rgba(240,185,58,.08);}

/* ---------- UNIT DETAIL MODAL ---------- */
body.modal-open{overflow:hidden;}
.unit-modal{
  position:fixed;
  inset:0;
  z-index:10150;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(5,3,10,.84);
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.unit-modal.open{opacity:1;visibility:visible;}
.unit-dialog{
  position:relative;
  width:min(760px,100%);
  max-height:calc(100vh - 44px);
  overflow:auto;
  border:1px solid rgba(169,112,255,.58);
  border-radius:18px;
  background:linear-gradient(155deg,#1b1230,#09060f 55%);
  box-shadow:0 30px 100px rgba(0,0,0,.78),0 0 42px rgba(169,112,255,.12);
  transform:translateY(10px) scale(.985);
  transition:transform .18s ease;
}
.unit-modal.open .unit-dialog{transform:none;}
.modal-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  background:rgba(15,10,26,.94);
  backdrop-filter:blur(12px);
}
.modal-kicker{font-family:"Segoe UI",Arial,sans-serif;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--violet);}
.modal-title{margin:3px 0 0;font-family:"Segoe UI",Arial,sans-serif;font-size:19px;letter-spacing:.03em;}
.modal-close{
  flex:none;
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--text-dim);
  background:rgba(255,255,255,.04);
  font-size:22px;
  line-height:1;
}
.modal-close:hover{color:#fff;border-color:var(--violet);background:rgba(169,112,255,.12);}
.modal-actions{display:flex;align-items:center;gap:8px;}
.unit-public-page-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:12px;padding:0 12px;border:1px solid rgba(63,224,200,.34);border-radius:10px;color:var(--teal);background:rgba(63,224,200,.06);font-size:11px;font-weight:800;letter-spacing:.04em;text-decoration:none;}
.unit-public-page-link:hover{border-color:var(--teal);background:rgba(63,224,200,.11);}
.shiny-toggle{
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(240,185,58,.48);
  border-radius:10px;
  color:var(--gold);
  background:rgba(240,185,58,.08);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.shiny-toggle:hover{background:rgba(240,185,58,.14);border-color:var(--gold);}
.shiny-toggle[aria-pressed="true"]{color:#291b00;background:linear-gradient(135deg,#fff0a8,var(--gold));box-shadow:0 0 18px rgba(240,185,58,.35);}
.nightmare-toggle{
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(169,75,255,.55);
  border-radius:10px;
  color:#c96dff;
  background:rgba(135,45,220,.1);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.nightmare-toggle:hover{background:rgba(135,45,220,.18);border-color:#b94cff;}
.nightmare-toggle[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#bd4cff,#6e22c9);box-shadow:0 0 20px rgba(169,75,255,.4);}
.unit-dialog.shiny-active{border-color:rgba(240,185,58,.75);box-shadow:0 30px 100px rgba(0,0,0,.78),0 0 52px rgba(240,185,58,.18);}
.unit-dialog.nightmare-active{border-color:rgba(169,75,255,.8);box-shadow:0 30px 100px rgba(0,0,0,.78),0 0 52px rgba(145,54,235,.22);}
.unit-dialog.combined-active{border-color:#e8b6ff;box-shadow:0 30px 100px rgba(0,0,0,.8),-16px 0 45px rgba(240,185,58,.13),16px 0 45px rgba(145,54,235,.2);}
.modal-body{padding:16px;}
.shiny-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:14px;
}
.shiny-stat{
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.shiny-stat-label{font-family:"Segoe UI",Arial,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);}
.shiny-stat-value{margin-top:4px;font-family:"Segoe UI",Arial,sans-serif;font-size:15px;font-weight:700;color:var(--text);}
.shiny-summary.active .shiny-stat{border-color:rgba(240,185,58,.34);background:rgba(240,185,58,.055);}
.shiny-summary.active .shiny-stat-value{color:var(--gold);text-shadow:0 0 10px rgba(240,185,58,.2);}
.shiny-summary.nightmare .shiny-stat{border-color:rgba(169,75,255,.4);background:rgba(135,45,220,.07);}
.shiny-summary.nightmare .shiny-stat-value{color:#cf79ff;text-shadow:0 0 10px rgba(169,75,255,.25);}
.shiny-summary.combined .shiny-stat{border-color:rgba(220,155,255,.52);background:linear-gradient(135deg,rgba(240,185,58,.055),rgba(135,45,220,.08));}
.shiny-summary.combined .shiny-stat-value{color:#f0c8ff;}
.shiny-note{
  grid-column:1/-1;
  margin:5px 2px 0;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:12.5px;
  font-weight:500;
  line-height:1.55;
  letter-spacing:.015em;
  color:var(--text-dim);
}
.modal-special-stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:7px;
  margin:-2px 0 14px;
}
.modal-special-stats[hidden]{display:none!important;}
.modal-special-stat{
  min-width:0;
  padding:9px 11px;
  border:1px solid rgba(99,241,221,.19);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(63,224,200,.06),rgba(255,255,255,.018));
}
.modal-special-stat-label{color:#83cfc4;font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;}
.modal-special-stat-value{margin-top:4px;color:#eafffb;font:700 12.5px "Segoe UI",Arial,sans-serif;line-height:1.35;}
.modal-unit-layout{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  align-items:start;
  gap:16px;
}
.modal-portrait-wrap{
  position:sticky;
  top:76px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.unit-portrait{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1;
  border-radius:10px;
  object-fit:contain;
  background:#09060f;
  background-repeat:no-repeat;
}
.portrait-label{
  margin-top:8px;
  text-align:center;
  color:var(--text-mute);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:10.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.unit-detail-image{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:none;
  margin:0;
  border-radius:12px;
  object-fit:contain;
  background:#050505;
}
.unit-detail-frame{
  position:relative;
  width:fit-content;
  min-width:0;
  max-width:100%;
  margin:0 auto;
  overflow:hidden;
  border-radius:12px;
  background:#050505;
  box-shadow:0 18px 45px rgba(0,0,0,.45);
}
.modal-hint{margin:12px 2px 0;text-align:center;font-size:11.5px;color:var(--text-mute);font-family:"Segoe UI",Arial,sans-serif;}

/* ---------- TABLE ---------- */
.section-label{
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:12.5px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--text-mute);
  margin:0 2px 12px;
  display:flex;
  align-items:center;
  gap:10px;
}
.section-label::after{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg,var(--line),transparent);
}

.table-scroll{
  overflow-x:auto;
  border:1px solid var(--line-soft);
  border-radius:16px;
  background:linear-gradient(180deg,var(--panel),var(--void2));
  box-shadow:0 30px 60px -30px rgba(0,0,0,.7);
}
table{
  border-collapse:collapse;
  width:100%;
  min-width:1320px;
}
thead th{
  position:sticky; top:0; z-index:2;
  background:var(--panel2);
  text-align:left;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--text-mute);
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}
thead th.num, tbody td.num{ text-align:right; }

tbody tr{
  border-bottom:1px solid var(--line-soft);
  transition:background .15s ease;
}
tbody tr[hidden]{display:none;}
tbody tr:hover{ background:rgba(169,112,255,0.05); }
tbody tr:last-child{ border-bottom:none; }
tbody td{
  padding:13px 16px;
  vertical-align:middle;
  font-size:14px;
}

.rank-cell{ display:flex; align-items:center; justify-content:center; }
.rank-badge{
  width:30px; height:30px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:"Segoe UI",Arial,sans-serif;
  font-weight:700;
  font-size:14px;
  border:1px solid var(--line);
  color:var(--text-dim);
  background:rgba(255,255,255,0.03);
}
.rank-badge.r1{ background:linear-gradient(150deg,#ffe9ad,var(--gold)); color:#2b1a00; border:none; box-shadow:0 0 18px rgba(240,185,58,.5); }
.rank-badge.r2{ background:linear-gradient(150deg,#e9e9f4,#b9b9ce); color:#232335; border:none; box-shadow:0 0 14px rgba(200,200,220,.3); }
.rank-badge.r3{ background:linear-gradient(150deg,#e3ab6f,#a8703a); color:#2c1600; border:none; box-shadow:0 0 14px rgba(200,140,80,.3); }

.unit-cell{ display:flex; align-items:center; gap:11px; }
.avatar{
  flex:none;
  width:36px; height:36px;
  border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  font-family:"Segoe UI",Arial,sans-serif;
  font-weight:700;
  font-size:13.5px;
  color:#0a0712;
}
.unit-name{ font-weight:700; font-size:14px; letter-spacing:.01em; }
.unit-sub{ font-size:11.5px; color:var(--text-mute); margin-top:1px; }

.mono{ font-family:"Segoe UI",Arial,sans-serif; color:var(--text-dim); }

.dps-wrap{ display:flex; flex-direction:column; gap:5px; min-width:150px; }
.dps-value{ font-family:"Segoe UI",Arial,sans-serif; font-weight:700; font-size:14px; color:var(--amber); text-align:right; }
.dps-bar-track{ width:100%; height:6px; border-radius:4px; background:var(--line-soft); overflow:hidden; }
.dps-bar-fill{ height:100%; border-radius:4px; background:linear-gradient(90deg,var(--violet-deep),var(--amber)); box-shadow:0 0 10px rgba(245,158,11,.4); }

.total-dps-value{
  font-family:"Segoe UI",Arial,sans-serif;
  font-weight:700;
  font-size:14px;
  color:var(--teal);
  text-shadow:0 0 12px rgba(63,224,200,.35);
}
.placement-tag{
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  letter-spacing:.05em;
  color:var(--text-mute);
  margin-top:2px;
}


.atk-type{ font-weight:700; font-size:12.5px; letter-spacing:.04em; text-transform:uppercase; }
.atk-sub{ font-size:12.5px; color:var(--text-mute); margin-top:1px; }

.notes{ color:var(--text-dim); font-size:13.5px; font-style:italic; max-width:210px; line-height:1.4; }

/* ---------- PODIUMS ---------- */
.bottom-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  max-width:520px;
  margin:52px auto 0;
  align-items:stretch;
}
@media (max-width:860px){ .bottom-grid{ grid-template-columns:1fr; } }

.card{
  background:linear-gradient(180deg,var(--panel),var(--void2));
  border:1px solid var(--line-soft);
  border-radius:16px;
  padding:22px 18px 18px;
}
.card h3{
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:14px;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
  margin:0 0 20px;
  color:var(--text);
}
.card h3 em{ color:var(--violet); font-style:normal; }

.podium{ display:flex; align-items:flex-end; justify-content:center; gap:12px; }
.p-slot{ display:flex; flex-direction:column; align-items:center; width:100px; }
.p-avatar{
  width:52px; height:52px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  font-family:"Segoe UI",Arial,sans-serif; font-weight:700; font-size:17px; color:#0a0712;
  margin-bottom:8px;
  position:relative;
}
.p-slot.first .p-avatar{ width:64px; height:64px; font-size:20px; box-shadow:0 0 26px rgba(240,185,58,.55); }
.crown{ position:absolute; top:-16px; font-size:16px; }
.p-name{ font-weight:700; font-size:13.5px; text-align:center; }
.p-val{ font-family:"Segoe UI",Arial,sans-serif; font-weight:700; font-size:15px; color:var(--amber); margin-top:2px; }
.p-unit{ font-size:11.5px; color:var(--text-mute); letter-spacing:.1em; text-transform:uppercase; }
.p-base{
  width:100%;
  border-radius:8px 8px 0 0;
  background:linear-gradient(180deg,var(--panel2),var(--line-soft));
  border:1px solid var(--line);
  border-bottom:none;
  display:flex; align-items:flex-start; justify-content:center;
  padding-top:6px;
  font-family:"Segoe UI",Arial,sans-serif; font-weight:700; color:var(--text-mute); font-size:14px;
}
.p-slot.first .p-base{ height:78px; border-color:rgba(240,185,58,.4); }
.p-slot.second .p-base{ height:56px; }
.p-slot.third .p-base{ height:40px; }

.tier-legend{ display:flex; flex-direction:column; gap:10px; }
.tier-row{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid var(--line-soft);
  background:rgba(255,255,255,0.02);
}
.tier-row .tl{ display:flex; align-items:center; gap:9px; font-weight:700; font-size:13.5px; }
.tier-row .tl .dot{ width:8px; height:8px; border-radius:50%; }
.tier-row .tr{ font-size:12.5px; color:var(--text-mute); }

footer{
  text-align:center;
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid var(--line-soft);
  color:var(--text-mute);
  font-size:12.5px;
  letter-spacing:.02em;
}
footer b{ color:var(--text-dim); }

@media (max-width:900px){
  .snapshot{grid-template-columns:1fr 1fr;}
  .ranking-head{display:block;}
  .controls{justify-content:flex-start;}
}
@media (max-width:640px){
  .page{padding:0 16px;}
  .hero{padding:48px 4px 30px;}
  .formula{width:100%;padding:12px 10px;}
  .snapshot{gap:8px;}
  .snapshot-card{min-height:98px;padding:14px;}
  .snapshot-value{font-size:17px;}
  .legend{ grid-template-columns:1fr 1fr; }
  .legend-item{padding:13px 11px;gap:9px;}
  .legend-icon{width:30px;height:30px;}
  .tierlist-intro{display:block;}
  .tier-feedback-side{width:100%;min-width:0;margin-top:14px;}
  .method-pill{margin-top:12px;text-align:left;}
  .tier-line{grid-template-columns:112px 1fr;}
  .tier-letter{font-size:11.5px;padding:10px 7px;}
  .tier-letter small{font-size:10px;}
  .tier-units{padding:10px;gap:7px;}
  .tier-unit{min-width:0;width:100%;}
  .unit-modal{padding:10px;}
  .unit-dialog{max-height:calc(100vh - 20px);border-radius:14px;}
  .modal-body{padding:10px;}
  .shiny-toggle{padding:0 9px;font-size:10px;}
  .nightmare-toggle{padding:0 9px;font-size:10px;}
  .modal-actions{gap:5px;}
  .shiny-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:9px;}
  .shiny-stat{padding:8px 7px;}
  .shiny-stat-value{font-size:12.5px;}
  .modal-unit-layout{grid-template-columns:92px minmax(0,1fr);gap:9px;}
  .modal-portrait-wrap{top:68px;padding:5px;border-radius:10px;}
  .unit-portrait{border-radius:7px;}
  .portrait-label{font-size:10px;letter-spacing:.06em;}
  .unit-detail-image{max-height:none;}
  .controls{display:grid;grid-template-columns:1fr 1fr;}
  .search-wrap{grid-column:1/-1;}
  .search-input,.filter-select{width:100%;}
  .table-scroll{
    margin-right:-16px;
    border-radius:14px 0 0 14px;
    border-right:0;
  }
  .bottom-grid{margin-top:36px;}
  .card{padding-left:12px;padding-right:12px;}
  .podium{gap:5px;}
  .p-slot{width:92px;}
}

/* ---------- 2026 VISUAL REFINEMENT ---------- */
:root{
  --void:#07050d;
  --void2:#0c0814;
  --panel:#12101c;
  --panel2:#191427;
  --line:#3d3156;
  --line-soft:#272035;
  --text:#f7f4ff;
  --text-dim:#c7bddb;
  --text-mute:#9488ad;
}
html{scroll-behavior:smooth;}
body{
  min-height:100vh;
  line-height:1.5;
  background:
    radial-gradient(1000px 620px at 12% -12%,rgba(139,92,246,.17),transparent 62%),
    radial-gradient(760px 520px at 96% 5%,rgba(240,185,58,.09),transparent 60%),
    linear-gradient(180deg,#0a0711 0%,#07050d 42%,#090611 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}
.page{max-width:1280px;padding:0 32px;}

.hero{padding:72px 20px 54px;}
.hero::before{opacity:.72;}
.eyebrow{
  margin-bottom:20px;
  padding:8px 13px;
  border:1px solid rgba(169,112,255,.24);
  border-radius:999px;
  background:rgba(169,112,255,.07);
  font-size:11.5px;
  letter-spacing:.3em;
}
.eyebrow::before,.eyebrow::after{display:none;}
h1.title{font-size:clamp(38px,5.4vw,64px);letter-spacing:.025em;line-height:1;}
.title small{margin-top:14px;font-size:clamp(13px,1.8vw,18px);letter-spacing:.25em;}
.formula{
  margin-top:30px;
  padding:13px 24px;
  border-color:rgba(169,112,255,.26);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  box-shadow:0 16px 45px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
}

.snapshot{gap:14px;margin:0 0 36px;}
.snapshot-card{
  min-height:118px;
  padding:20px;
  border-color:rgba(255,255,255,.075);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(27,22,41,.92),rgba(14,10,23,.94));
  box-shadow:0 18px 40px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.snapshot-card::before{
  content:"";
  position:absolute;
  left:18px;right:18px;top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity:.8;
}
.snapshot-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:0 24px 50px rgba(0,0,0,.25);}
.snapshot-label{font-size:11.5px;font-weight:700;color:var(--text-dim);}
.snapshot-value{margin-top:10px;font-size:23px;letter-spacing:-.015em;}
.snapshot-meta{margin-top:4px;font-size:12.5px;color:var(--text-mute);}
.snapshot.is-loading .snapshot-card{pointer-events:none;}
.snapshot.is-loading .snapshot-value,
.snapshot.is-loading .snapshot-meta{
  position:relative;
  overflow:hidden;
  color:transparent!important;
  user-select:none;
}
.snapshot.is-loading .snapshot-value::before,
.snapshot.is-loading .snapshot-meta::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:58%;
  height:.78em;
  border-radius:999px;
  background:linear-gradient(100deg,rgba(255,255,255,.055) 20%,rgba(255,255,255,.15) 42%,rgba(255,255,255,.055) 64%);
  background-size:240% 100%;
  transform:translateY(-50%);
  animation:snapshotShimmer 1.15s linear infinite;
}
.snapshot.is-loading .snapshot-meta::before{width:76%;height:.72em;}
@keyframes snapshotShimmer{from{background-position:110% 0}to{background-position:-110% 0}}

.tierlist-section{
  margin:48px 0 28px;
  padding:28px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  background:linear-gradient(155deg,rgba(21,16,34,.72),rgba(10,7,17,.78));
  box-shadow:0 30px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
}
.tierlist-intro{margin-bottom:18px;}
.tierlist-intro h2{font-size:clamp(24px,3vw,34px);letter-spacing:.015em;}
.tierlist-click-hint{margin-top:8px;font-size:12.5px;color:var(--text-dim);}
.section-label{font-size:11.5px;font-weight:700;color:#a996cc;letter-spacing:.24em;}
.rarity-key{gap:8px 9px;margin-top:14px;}
.rarity-item{
  min-height:28px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  font-size:11.5px;
}
.rarity-filter-wrap{gap:9px;margin:16px 0 20px;}
.rarity-filter-label{font-size:11.5px;}
.rarity-filter{
  min-height:38px;
  padding:0 13px;
  border-radius:10px;
  border-color:rgba(255,255,255,.1);
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.rarity-filter[aria-pressed="true"]{box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 18px color-mix(in srgb,var(--rarity-color) 11%,transparent);}
.rarity-filter[aria-pressed="false"]{opacity:.34;text-decoration:none;filter:saturate(.25);}

.tier-board{
  border-color:rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(7,5,13,.58);
  box-shadow:none;
}
.tier-line{grid-template-columns:190px minmax(0,1fr);min-height:118px;border-color:rgba(255,255,255,.065);}
.tier-letter{
  align-items:flex-start;
  padding:22px 20px;
  font-size:14px;
  text-align:left;
  background:linear-gradient(135deg,color-mix(in srgb,var(--tier-color) 13%,transparent),color-mix(in srgb,var(--tier-color) 4%,transparent));
  border-right-color:color-mix(in srgb,var(--tier-color) 20%,var(--line-soft));
}
.tier-letter small{font-size:10.5px;line-height:1.5;letter-spacing:.095em;}
.tier-units{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:11px;
  align-content:center;
  padding:18px;
}
.tier-unit{
  width:100%;
  min-width:0;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  padding:11px 13px 11px 10px;
  border-color:rgba(255,255,255,.09);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.tier-unit:hover{transform:translateY(-2px);border-color:rgba(169,112,255,.5);background:rgba(169,112,255,.07);box-shadow:0 12px 26px rgba(0,0,0,.2);}
.tier-unit-avatar{width:42px;height:42px;border-radius:10px;box-shadow:inset 0 1px rgba(255,255,255,.22),0 5px 14px rgba(0,0,0,.22);}
.tier-unit-name{font-size:13.5px;}
.tier-unit-score{margin-top:4px;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;}
.best-unit{border-color:rgba(240,185,58,.52);box-shadow:inset 0 1px rgba(255,255,255,.03),0 0 22px rgba(240,185,58,.07);}

.ranking-head{
  align-items:flex-end;
  margin-top:58px;
  margin-bottom:16px;
}
.ranking-title{font-size:clamp(23px,2.8vw,32px);}
.ranking-disclaimer{max-width:660px;font-size:12.5px;color:var(--text-mute);}
.controls{gap:10px;}
.control{
  height:44px;
  border-color:rgba(255,255,255,.11);
  border-radius:11px;
  background:rgba(18,14,29,.88);
  box-shadow:inset 0 1px rgba(255,255,255,.03);
}
.control:hover,.control:focus{border-color:rgba(169,112,255,.68);background:#191329;}
.search-input{width:240px;}
.result-count{padding-left:2px;font-size:12.5px;}

.table-scroll{
  border-color:rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(12,8,20,.82);
  box-shadow:0 30px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025);
  scrollbar-color:var(--violet-deep) var(--panel);
  scrollbar-width:thin;
}
.table-scroll::-webkit-scrollbar{height:10px;}
.table-scroll::-webkit-scrollbar-track{background:var(--panel);}
.table-scroll::-webkit-scrollbar-thumb{background:#5f3ba1;border:2px solid var(--panel);border-radius:99px;}
table{min-width:1240px;}
thead th{
  padding:16px;
  background:rgba(28,22,43,.97);
  color:#a99bbb;
  font-size:11.5px;
  border-color:rgba(255,255,255,.08);
}
tbody tr{border-color:rgba(255,255,255,.055);}
tbody tr:nth-child(even){background:rgba(255,255,255,.012);}
tbody tr:hover{background:rgba(169,112,255,.07);}
tbody td{padding:15px 16px;font-size:14px;}
.rank-badge{width:32px;height:32px;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035);}
.avatar{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--unit-rarity) 55%,rgba(255,255,255,.16));border-radius:11px;background-color:#17101f;background-repeat:no-repeat;box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 14px rgba(0,0,0,.2);overflow:hidden;}
.unit-name{font-size:14px;}
.dps-bar-track{height:5px;background:rgba(255,255,255,.07);}
.notes{width:270px;max-width:270px;font-style:normal;font-size:12.5px;line-height:1.5;color:#a99fbc;}
.bottom-grid{max-width:600px;margin-top:58px;}
.card{
  border-color:rgba(255,255,255,.08);
  border-radius:20px;
  padding:26px 22px 20px;
  background:linear-gradient(155deg,rgba(26,20,40,.9),rgba(10,7,17,.95));
  box-shadow:0 24px 60px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.03);
}
.card h3{font-size:14px;margin-bottom:24px;}
.p-avatar{box-shadow:inset 0 1px rgba(255,255,255,.24),0 7px 18px rgba(0,0,0,.22);}
.p-base{background:linear-gradient(180deg,#211832,#151020);border-color:rgba(255,255,255,.08);}
footer{margin-top:58px;padding:26px 0 0;border-color:rgba(255,255,255,.07);}

.unit-modal{background:rgba(4,3,8,.88);backdrop-filter:blur(16px);}
.unit-dialog{
  width:min(820px,100%);
  border-color:rgba(169,112,255,.44);
  border-radius:22px;
  background:linear-gradient(155deg,#191127,#09060f 62%);
  box-shadow:0 34px 110px rgba(0,0,0,.8),0 0 50px rgba(169,112,255,.11);
}
.modal-head{padding:16px 18px;background:rgba(13,9,21,.94);border-color:rgba(255,255,255,.08);}
.modal-title{font-size:21px;}
.modal-close{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035);}
.shiny-toggle,.nightmare-toggle{min-height:40px;font-size:11.5px;border-radius:11px;}
.modal-body{padding:18px;}
.shiny-stat{padding:12px 13px;border-color:rgba(255,255,255,.085);background:rgba(255,255,255,.025);}
.shiny-stat-label{font-size:10.5px;}
.modal-portrait-wrap{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.025);}

@media (max-width:900px){
  .page{padding:0 22px;}
  .tierlist-section{padding:22px;}
  .tier-line{grid-template-columns:170px minmax(0,1fr);}
  .tier-units{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
  .ranking-head{display:block;}
  .controls{margin-top:18px;justify-content:flex-start;}
}
@media (max-width:640px){
  .page{padding:0 14px;}
  .hero{padding:48px 0 36px;}
  .eyebrow{font-size:10.5px;}
  h1.title{font-size:clamp(32px,12vw,46px);}
  .title small{font-size:12.5px;letter-spacing:.17em;line-height:1.5;}
  .snapshot{grid-template-columns:1fr 1fr;gap:9px;}
  .snapshot-card{min-height:105px;padding:15px;border-radius:14px;}
  .snapshot-value{font-size:17px;}
  .snapshot-meta{font-size:11.5px;}
  .tierlist-section{margin-top:30px;padding:16px 10px 10px;border-radius:18px;}
  .tierlist-intro{padding:0 6px;}
  .rarity-key{gap:6px;}
  .rarity-item{font-size:10.5px;padding:4px 7px;}
  .rarity-filter-wrap{padding:0 6px;gap:6px;}
  .rarity-filter-label{width:100%;margin:0 0 2px;}
  .rarity-filter{min-height:34px;padding:0 9px;font-size:10.5px;}
  .tier-line{display:block;min-height:0;}
  .tier-letter{align-items:flex-start;padding:14px 14px 12px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--tier-color) 20%,var(--line-soft));font-size:13.5px;text-align:left;}
  .tier-letter small{margin-top:3px;font-size:10px;}
  .tier-units{grid-template-columns:1fr;padding:9px;gap:7px;}
  .tier-unit{grid-template-columns:38px minmax(0,1fr);padding:9px;}
  .tier-unit-avatar{width:38px;height:38px;}
  .ranking-head{margin-top:42px;}
  .controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .control{height:42px;}
  .table-scroll{margin-right:-14px;border-radius:14px 0 0 14px;}
  .unit-dialog{border-radius:16px;}
  .modal-head{align-items:flex-start;padding:12px;}
  .modal-actions{flex-wrap:wrap;justify-content:flex-end;}
  .shiny-toggle,.nightmare-toggle{min-height:34px;font-size:10px;padding:0 8px;}
}

/* ---------- FINAL POLISH ---------- */
.topbar{
  position:sticky;
  top:12px;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:58px;
  margin-top:14px;
  padding:8px 10px 8px 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(12,8,20,.78);
  box-shadow:0 16px 45px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(20px) saturate(140%);
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--text);
  text-decoration:none;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:13.5px;
  font-weight:700;
  letter-spacing:.08em;
}
.brand-mark{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(169,112,255,.5);
  border-radius:11px;
  color:#e2d6ff;
  background:linear-gradient(145deg,rgba(169,112,255,.25),rgba(169,112,255,.07));
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 20px rgba(169,112,255,.12);
}
.topbar-links{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none;}
.topbar-links::-webkit-scrollbar{display:none;}
.topbar-link{
  display:inline-flex;
  align-items:center;
  padding:9px 11px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--text-mute);
  text-decoration:none;
  font-family:inherit;
  font-size:12.5px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  transition:color .16s ease,background .16s ease;
}
.topbar-link:hover{color:#fff;background:rgba(255,255,255,.055);}
.topbar-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-left:5px;
  padding:8px 10px;
  border:1px solid rgba(63,224,200,.2);
  border-radius:9px;
  color:#8be9dc;
  background:rgba(63,224,200,.055);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.topbar-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 9px var(--teal);}
.topbar-status.is-loading{color:transparent;min-width:112px;position:relative;}
.topbar-status.is-loading::before{animation:statusPulse .9s ease-in-out infinite alternate;}
.topbar-status.is-loading::after{content:"Syncing rankings";position:absolute;left:24px;color:#8be9dc;font-size:10.5px;white-space:nowrap;}
@keyframes statusPulse{to{opacity:.3;transform:scale(.72)}}

.hero{padding-top:62px;}
.tierlist-section,.ranking-section,.boss-section{scroll-margin-top:88px;}
.ranking-section{
  margin:48px 0 0;
  padding:28px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  background:linear-gradient(155deg,rgba(21,16,34,.72),rgba(10,7,17,.78));
  box-shadow:0 30px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
}
.ranking-section .ranking-head{margin-top:0;}
.ranking-section .table-scroll{margin-top:4px;}
.tierlist-intro{align-items:flex-start;}
.tierlist-click-hint{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:10px;
  padding:7px 10px;
  border:1px solid rgba(169,112,255,.15);
  border-radius:9px;
  background:rgba(169,112,255,.045);
}
.tierlist-click-hint::before{content:"↗";color:var(--violet);font-size:13.5px;}
.rarity-filter-label{display:inline-flex;align-items:center;gap:7px;}
.rarity-filter-label{
  color:#c9b9e7;
  text-decoration-line:underline;
  text-decoration-color:rgba(169,112,255,.72);
  text-decoration-thickness:1.5px;
  text-underline-offset:5px;
}
.rarity-filter-label::before{content:"";width:3px;height:14px;border-radius:99px;background:var(--violet);box-shadow:0 0 8px rgba(169,112,255,.5);}
.tier-unit-copy,.unit-copy{min-width:0;display:block;}
.tier-unit-top{display:flex;align-items:center;gap:7px;min-width:0;}
.tier-unit-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.unit-faction{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-left:10px;
  margin-top:3px;
  color:color-mix(in srgb,var(--faction-color) 78%,#fff);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.unit-faction::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--faction-color);box-shadow:0 0 7px var(--faction-color);}
.tier-unit-rarity{
  flex:none;
  padding:2px 5px;
  border:1px solid color-mix(in srgb,var(--unit-rarity) 30%,transparent);
  border-radius:5px;
  color:color-mix(in srgb,var(--unit-rarity) 72%,#fff);
  background:color-mix(in srgb,var(--unit-rarity) 8%,transparent);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.unit-cell{border-radius:10px;transition:background .15s ease;}
.unit-cell:hover .unit-name{color:#d9c5ff;}
.unit-cell:focus-visible{outline:2px solid var(--violet);outline-offset:4px;}
.ranking-section .rarity-filter-wrap{margin-bottom:18px;}
.faction-filter-wrap{margin-top:-8px!important;}
.faction-filter-label{color:#b7e9e2;text-decoration-color:rgba(63,224,200,.72);}
.faction-filter-label::before{background:var(--teal);box-shadow:0 0 8px rgba(63,224,200,.5);}
.faction-filter-count{
  min-width:17px;
  margin-left:2px;
  padding:2px 5px;
  border:1px solid color-mix(in srgb,var(--rarity-color) 34%,transparent);
  border-radius:999px;
  color:color-mix(in srgb,var(--rarity-color) 72%,#fff);
  background:color-mix(in srgb,var(--rarity-color) 9%,transparent);
  font-size:10px;
  text-align:center;
}
.tier-unit-faction{
  flex:none;
  padding:2px 5px;
  border:1px solid color-mix(in srgb,var(--faction-color) 30%,transparent);
  border-radius:5px;
  color:color-mix(in srgb,var(--faction-color) 75%,#fff);
  background:color-mix(in srgb,var(--faction-color) 8%,transparent);
  font:700 10px "Segoe UI",Arial,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.unit-special-facts{display:flex;flex-wrap:wrap;gap:5px;}
.unit-special-fact{padding:4px 6px;border:1px solid rgba(99,241,221,.16);border-radius:7px;color:#a8e9df;background:rgba(63,224,200,.04);font:700 10px "Segoe UI",Arial,sans-serif;line-height:1.25;white-space:nowrap;}
.unit-special-fact b{color:#e6fffb;font-weight:700;}

/* Keep unit cards compact instead of stretching across an entire tier row. */
.tier-units{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  align-content:center;
  justify-content:flex-start;
}
.tier-unit{
  flex:0 0 auto;
  width:max-content;
  min-width:0;
  max-width:100%;
  grid-template-columns:42px auto;
}
.tier-unit-copy{width:max-content;max-width:230px;}

@keyframes cleanReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.snapshot,.tierlist-section,.ranking-section,.boss-section{animation:cleanReveal .55s ease both;}
.tierlist-section{animation-delay:.08s;}
.ranking-section{animation-delay:.13s;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.snapshot,.tierlist-section,.ranking-section,.boss-section{animation:none}.snapshot-card,.tier-unit{transition:none}.snapshot.is-loading .snapshot-value::before,.snapshot.is-loading .snapshot-meta::before,.topbar-status.is-loading::before,.tier-loading-heading span,.tier-loading-heading small,.tier-loading-card::before,.tier-loading-copy span{animation:none}}

/* Damage, DPS & Multipliers Guide */
.damage-guide-callout{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:0 0 22px;padding:20px 22px;border:1px solid rgba(240,185,58,.3);border-radius:18px;background:linear-gradient(120deg,rgba(240,185,58,.1),rgba(169,112,255,.06) 52%,rgba(9,7,17,.88));box-shadow:0 20px 55px rgba(0,0,0,.2);overflow:hidden}
.damage-guide-callout::after{content:"";position:absolute;inset:auto -35px -55px auto;width:150px;height:150px;border-radius:50%;background:rgba(240,185,58,.1);filter:blur(4px);pointer-events:none}
.damage-guide-callout-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(240,185,58,.42);border-radius:14px;background:rgba(240,185,58,.1);color:var(--gold);font-size:28px;font-weight:800}
.damage-guide-callout .section-label{display:block;margin-bottom:5px;color:var(--gold)}
.damage-guide-callout h2{margin:0;color:var(--text);font-size:21px;letter-spacing:-.02em}
.damage-guide-callout p{max-width:780px;margin:6px 0 0;color:var(--text-dim);font-size:13.5px;line-height:1.55}
.damage-guide-open{position:relative;z-index:1;display:flex;align-items:center;gap:22px;min-height:44px;padding:0 16px;border:1px solid rgba(240,185,58,.4);border-radius:11px;background:rgba(240,185,58,.1);color:var(--text);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.2s ease}
.damage-guide-open span{color:var(--gold);font-size:18px}.damage-guide-open:hover{transform:translateY(-2px);background:rgba(240,185,58,.16)}
.damage-guide-text-link{margin:0 0 0 5px;padding:0;border:0;background:none;color:var(--gold);font:700 inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.damage-guide-modal{position:fixed;inset:0;z-index:9750;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(3,2,9,.9);backdrop-filter:blur(13px)}
.damage-guide-modal.open{display:flex}.damage-guide-dialog{width:min(900px,100%);max-height:min(88vh,900px);overflow:hidden;border:1px solid rgba(240,185,58,.28);border-radius:21px;background:linear-gradient(145deg,#151020,#0b0812);box-shadow:0 32px 90px rgba(0,0,0,.62)}
.damage-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:23px 25px 19px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,rgba(240,185,58,.09),rgba(169,112,255,.05))}
.damage-guide-head .section-label{display:block;margin-bottom:7px;color:var(--gold)}.damage-guide-head h2{margin:0;font-size:25px;color:var(--text)}
.damage-guide-close{flex:none;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);color:var(--text-dim);font-size:26px;cursor:pointer}.damage-guide-close:hover{color:#fff;border-color:rgba(240,185,58,.4)}
.damage-guide-body{max-height:calc(min(88vh,900px) - 91px);overflow:auto;padding:24px 26px 30px;color:var(--text-dim);line-height:1.65;scrollbar-color:rgba(240,185,58,.42) transparent}
.damage-guide-body section+section{margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}.damage-guide-body h3{margin:0 0 10px;color:var(--text);font-size:19px}.damage-guide-body h4{margin:17px 0 7px;color:#e9ddf6;font-size:14px}.damage-guide-body p{margin:8px 0}.damage-guide-body ul{margin:8px 0;padding-left:21px}.damage-guide-body li+li{margin-top:5px}.damage-guide-body strong{color:#f4edf9}
.damage-guide-formula{display:grid;gap:9px;margin:14px 0;padding:14px 16px;border:1px solid rgba(240,185,58,.24);border-radius:12px;background:rgba(240,185,58,.055);color:var(--gold);overflow-wrap:anywhere}.damage-guide-formula strong{color:var(--gold)}
.damage-guide-notes li::marker{color:var(--teal)}
@media(max-width:720px){.damage-guide-callout{grid-template-columns:auto 1fr;padding:17px}.damage-guide-open{grid-column:1/-1;justify-content:space-between;width:100%}.damage-guide-callout-icon{width:42px;height:42px}.damage-guide-callout h2{font-size:18px}.damage-guide-modal{padding:9px}.damage-guide-head{padding:18px}.damage-guide-head h2{font-size:20px}.damage-guide-body{padding:19px 18px 24px}}

@media (max-width:720px){
  .topbar{top:8px;min-height:52px;margin-top:8px;padding:6px 7px 6px 9px;border-radius:13px;}
  .brand{font-size:11.5px;}
  .brand-mark{width:34px;height:34px;border-radius:9px;}
  .topbar-link{padding:8px;font-size:11.5px;}
  .topbar-status{display:none;}
  .hero{padding-top:48px;}
  .ranking-section{margin-top:36px;padding:16px 10px 10px;border-radius:18px;}
  .ranking-section .ranking-head{padding:0 6px;}
  .ranking-section .result-count{padding-left:6px;}
  .tier-unit{width:100%;grid-template-columns:38px minmax(0,1fr);}
  .tier-unit-copy{width:auto;max-width:none;}
}
@media (max-width:430px){
  .brand span:last-child{display:none;}
  .topbar-links{gap:1px;}
  .topbar-link{font-size:10.5px;}
}

/* ---------- SINGLE-LINK VIEW ROUTING ---------- */
.topbar-link[aria-current="page"]{
  color:#fff;
  background:rgba(169,112,255,.12);
  box-shadow:inset 0 0 0 1px rgba(169,112,255,.18);
}
.home-lead{
  position:relative;
  max-width:700px;
  margin:24px auto 0;
  color:var(--text-dim);
  font-size:clamp(14px,1.6vw,17px);
  line-height:1.75;
}
.home-actions{
  position:relative;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.home-action{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-width:250px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  color:var(--text);
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
  text-decoration:none;
  font-family:inherit;
  font-weight:700;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 35px rgba(0,0,0,.18);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.home-action span{color:var(--violet);font-size:19px;}
.home-action:hover{transform:translateY(-3px);border-color:rgba(169,112,255,.55);background:rgba(169,112,255,.08);}
.home-action.primary{border-color:rgba(240,185,58,.35);background:linear-gradient(135deg,rgba(240,185,58,.11),rgba(240,185,58,.025));}
.home-action.primary span{color:var(--gold);}
.home-action.changelog-action{border-color:rgba(63,224,200,.32);background:linear-gradient(135deg,rgba(63,224,200,.09),rgba(169,112,255,.035));}
.home-action.changelog-action span{color:var(--teal);}
.changelog-modal{position:fixed;inset:0;z-index:9700;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(3,2,9,.88);backdrop-filter:blur(13px);}
.changelog-modal.open{display:flex;}
.changelog-dialog{width:min(840px,100%);max-height:min(820px,94vh);overflow:hidden;border:1px solid rgba(63,224,200,.34);border-radius:22px;background:radial-gradient(circle at 92% 0,rgba(63,224,200,.1),transparent 31%),radial-gradient(circle at 8% 100%,rgba(169,112,255,.1),transparent 34%),#0d0916;box-shadow:0 34px 100px rgba(0,0,0,.7),0 0 54px rgba(63,224,200,.08);}
.changelog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.08);}
.changelog-kicker{color:var(--teal);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;}
.changelog-head h2{margin:6px 0 0;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(20px,3vw,28px);line-height:1.25;}
.changelog-head-actions{display:flex;align-items:center;gap:8px;}
.changelog-history-button{min-height:40px;padding:0 13px;border:1px solid rgba(63,224,200,.23);border-radius:11px;color:var(--teal);background:rgba(63,224,200,.055);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.06em;cursor:pointer;white-space:nowrap;}
.changelog-history-button:hover{border-color:rgba(63,224,200,.55);background:rgba(63,224,200,.1);}
.changelog-close{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:var(--text);background:rgba(255,255,255,.04);font-size:22px;cursor:pointer;}
.changelog-content{display:grid;gap:12px;max-height:calc(94vh - 122px);padding:20px 24px 26px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(63,224,200,.35) transparent;}
.changelog-section{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;padding:15px 16px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));}
.changelog-section-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(63,224,200,.25);border-radius:11px;color:var(--teal);background:rgba(63,224,200,.055);font:700 10.5px "Segoe UI",Arial,sans-serif;}
.changelog-section h3{margin:1px 0 9px;color:#f2eafa;font-family:"Segoe UI",Arial,sans-serif;font-size:15px;}
.changelog-section-lines{display:grid;gap:7px;}
.changelog-section-line{margin:0;color:#bdb1c8;font-size:11.5px;line-height:1.55;}
.changelog-section-line.bullet{position:relative;padding-left:15px;}
.changelog-section-line.bullet::before{content:'◆';position:absolute;left:0;top:.12em;color:var(--violet);font-size:10px;}
.changelog-section-line strong{color:#eee7f4;font-weight:700;}
.changelog-history-list{display:grid;gap:10px;}
.changelog-history-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:var(--text);background:rgba(255,255,255,.026);text-align:left;cursor:pointer;}
.changelog-history-card:hover{border-color:rgba(169,112,255,.45);background:rgba(169,112,255,.07);}
.changelog-history-version{display:grid;place-items:center;min-width:42px;height:38px;border:1px solid rgba(169,112,255,.3);border-radius:10px;color:#cda9ff;background:rgba(169,112,255,.08);font:700 11.5px "Segoe UI",Arial,sans-serif;}
.changelog-history-card strong{font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.35;}
.changelog-history-card small{display:block;margin-top:4px;color:var(--text-mute);font-size:10.5px;}
.changelog-history-arrow{color:var(--violet);font-size:17px;}
.changelog-empty{padding:34px;text-align:center;color:var(--text-mute);font-size:12.5px;}
.view-page{display:none;}
body.view-home .home-view,
body.view-overall .overall-view,
body.view-lineups .lineups-view,
body.view-dps .dps-view,
body.view-database .database-view,
body.view-values .values-view,
body.view-curses .curse-view,
body.view-bosses .bosses-view{display:block;animation:cleanReveal .28s ease both;}
body.view-overall .tierlist-section{margin-top:54px;}
body.view-lineups .meta-lineups-section{margin-top:54px;}
body.view-dps .ranking-section{margin-top:54px;}
body.view-database .unit-database-section{margin-top:54px;}
body.view-values .value-list-section{margin-top:54px;}
body.view-curses .curse-section{margin-top:54px;}
body.view-bosses .boss-section{margin-top:54px;}
body:not(.view-home) footer{margin-top:42px;}

/* ---------- FINAL BOSS DIRECTORY ---------- */
.boss-section{
  position:relative;
  overflow:hidden;
  padding:30px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 0,rgba(255,84,112,.12),transparent 34%),
    radial-gradient(circle at 5% 100%,rgba(91,141,239,.1),transparent 32%),
    linear-gradient(155deg,rgba(23,14,34,.98),rgba(8,6,14,.99));
  box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035);
}
.boss-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 54px,rgba(255,255,255,.012) 55px 56px);}
.boss-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;}
.boss-heading h2{margin:0;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(25px,3.2vw,36px);}
.boss-heading h2 span{color:#ff738a;}
.boss-heading p{max-width:650px;margin:9px 0 0;color:var(--text-dim);font-size:13.5px;line-height:1.7;}
.boss-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.boss-summary span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid rgba(255,115,138,.2);border-radius:10px;color:#ffb0bd;background:rgba(255,84,112,.055);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;}
.boss-summary span::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff738a;box-shadow:0 0 8px rgba(255,115,138,.7);}
.boss-floor-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.boss-floor-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--floor-accent) 25%,rgba(255,255,255,.06));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--floor-accent) 6%,rgba(24,16,35,.96)),rgba(10,7,16,.98));box-shadow:inset 0 1px rgba(255,255,255,.025);}
.boss-floor-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid color-mix(in srgb,var(--floor-accent) 18%,rgba(255,255,255,.04));background:linear-gradient(90deg,color-mix(in srgb,var(--floor-accent) 9%,transparent),transparent);}
.boss-floor-number{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--floor-accent) 48%,transparent);border-radius:15px;color:var(--floor-accent);background:color-mix(in srgb,var(--floor-accent) 10%,transparent);font:700 19px "Segoe UI",Arial,sans-serif;box-shadow:0 0 22px color-mix(in srgb,var(--floor-accent) 10%,transparent);}
.boss-floor-title small{display:block;color:var(--floor-accent);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;}
.boss-floor-title h3{margin:5px 0 0;color:#fff;font-family:"Segoe UI",Arial,sans-serif;font-size:17px;}
.boss-floor-count{padding:5px 8px;border:1px solid rgba(255,255,255,.075);border-radius:999px;color:#91839f;background:rgba(255,255,255,.025);font:700 10.5px "Segoe UI",Arial,sans-serif;white-space:nowrap;}
.boss-list{list-style:none;display:grid;margin:0;padding:8px;gap:6px;}
.boss-entry{display:grid;grid-template-columns:50px 30px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:8px 11px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.022);transition:transform .15s ease,border-color .15s ease,background .15s ease;}
.boss-entry:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--floor-accent) 38%,transparent);background:color-mix(in srgb,var(--floor-accent) 6%,rgba(255,255,255,.025));}
.boss-stage{display:grid;place-items:center;min-height:30px;border:1px solid color-mix(in srgb,var(--floor-accent) 34%,transparent);border-radius:8px;color:var(--floor-accent);background:color-mix(in srgb,var(--floor-accent) 7%,transparent);font:700 10.5px "Segoe UI",Arial,sans-serif;}
.boss-order{color:#665a72;font:700 10.5px "Segoe UI",Arial,sans-serif;text-align:center;}
.boss-name{min-width:0;color:#f7f2ff;font-size:13.5px;font-weight:700;letter-spacing:.01em;}
.boss-name small{display:block;margin-top:3px;color:#7f728d;font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;}
@media (max-width:760px){
  .boss-section{padding:17px 12px;border-radius:19px;}
  .boss-heading{align-items:flex-start;flex-direction:column;}
  .boss-summary{justify-content:flex-start;}
  .boss-floor-grid{grid-template-columns:1fr;}
}

/* ---------- CURSE GACHA ---------- */
.curse-section{
  padding:28px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  background:linear-gradient(155deg,rgba(25,13,39,.97),rgba(9,6,16,.98));
  box-shadow:0 26px 80px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035);
}
.curse-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;}
.curse-heading h2{margin:0;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(24px,3vw,34px);}
.curse-heading h2 span{color:#cf72ff;}
.curse-heading p{max-width:580px;margin:8px 0 0;color:var(--text-dim);font-size:13.5px;line-height:1.65;}
.curse-cloud-save-notice{display:flex;align-items:center;gap:11px;margin:-4px 0 16px;padding:11px 13px;border:1px solid rgba(76,218,154,.3);border-radius:13px;color:#d9ffed;background:linear-gradient(135deg,rgba(44,187,128,.13),rgba(32,110,88,.045));box-shadow:inset 0 1px rgba(255,255,255,.035);font-size:11.5px;line-height:1.55;}
.curse-cloud-save-notice span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid rgba(76,218,154,.3);border-radius:9px;color:#7af2bd;background:rgba(76,218,154,.09);font-size:15px;}
.curse-cloud-save-notice p{margin:0;}
.curse-cloud-save-notice strong{color:#7af2bd;letter-spacing:.04em;text-transform:uppercase;}
.curse-shell{
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(184,77,255,.24);
  border-radius:20px;
  background:
    radial-gradient(circle at 50% 0,rgba(159,44,255,.16),transparent 38%),
    repeating-radial-gradient(circle at 50% 40%,transparent 0 56px,rgba(169,112,255,.025) 57px 58px),
    #09070f;
}
.curse-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(112,24,160,.06),transparent 28%,transparent 72%,rgba(112,24,160,.06));}
.curse-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.curse-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.curse-toolbar-options{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap;}
.curse-option{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  color:var(--text-dim);
  background:rgba(255,255,255,.035);
  cursor:pointer;
  user-select:none;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
.curse-option:hover{border-color:rgba(169,112,255,.46);background:rgba(169,112,255,.08);}
.curse-option input{width:20px;height:20px;margin:0;accent-color:#a970ff;cursor:pointer;flex:0 0 auto;}
.curse-option span{display:grid;gap:3px;min-width:0;}
.curse-option b{color:#f8f3ff;font-size:13.5px;font-weight:700;line-height:1.15;}
.curse-option small{color:#b4a5c5;font-family:"Segoe UI",Arial,sans-serif;font-size:10.5px;font-weight:650;line-height:1.25;}
.curse-option-button{font:inherit;text-align:left;}
.curse-option-button.active{border-color:rgba(169,112,255,.58);background:rgba(169,112,255,.12);}
.curse-option .curse-option-icon{display:grid;place-items:center;width:26px;height:26px;color:#e0aeff;font-size:18px;flex:0 0 auto;}
.curse-toolbar-account-option{min-height:40px;padding:6px 11px;border-radius:10px;}
.curse-toolbar-account-option .curse-option-icon{width:21px;height:21px;font-size:14px;}
.curse-toolbar-account-option b{font-size:12.5px;}
.curse-toolbar-account-option small{font-size:10.5px;}
.curse-button{
  min-height:40px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  color:var(--text);
  background:rgba(255,255,255,.045);
  font-weight:700;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.curse-button:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(169,112,255,.55);background:rgba(169,112,255,.1);}
.curse-button:disabled{cursor:not-allowed;opacity:.42;}
.curse-button.primary{border-color:rgba(65,224,123,.4);background:linear-gradient(180deg,#27c955,#119832);color:#fff;box-shadow:0 0 22px rgba(39,201,85,.13);}
.curse-button.roll{min-width:190px;min-height:52px;border-color:rgba(169,112,255,.48);background:linear-gradient(180deg,#4b2d68,#25172f);font-family:"Segoe UI",Arial,sans-serif;font-size:19px;}
.curse-button.lock{border-color:rgba(240,185,58,.45);background:rgba(240,185,58,.1);color:#ffd66f;}
.curse-button.danger{border-color:rgba(255,84,112,.35);background:rgba(255,84,112,.09);color:#ff8da0;}
.curse-token{display:inline-grid;place-items:center;width:22px;height:22px;margin:0 4px;border:1px solid #c45cff;border-radius:7px;color:#f2c4ff;background:#6d18a7;font-family:"Segoe UI",Arial,sans-serif;font-size:11.5px;box-shadow:0 0 12px rgba(189,68,255,.32);}
.curse-balance{display:flex;align-items:center;gap:8px;color:#e6d9ff;font-family:"Segoe UI",Arial,sans-serif;font-weight:700;}
.curse-balance strong{font-size:20px;color:#fff;}
.curse-unit-select{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:150px;
  margin:18px auto 10px;
  padding:10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  color:var(--text-dim);
  background:rgba(255,255,255,.025);
}
.curse-selected-unit-cases{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(128px,150px));
  justify-content:center;
  gap:12px;
  width:min(100%,850px);
  margin:18px auto 10px;
}
.curse-selected-unit-cases .curse-unit-select{width:100%;min-width:0;min-height:190px;margin:0;}
.curse-selected-unit-case{isolation:isolate;overflow:hidden;}
.curse-selected-unit-case::after{content:"";position:absolute;inset:auto 10px 0;height:2px;border-radius:999px;background:var(--case-color,#a970ff);box-shadow:0 0 14px var(--case-color,#a970ff);opacity:.72;}
.curse-selected-unit-case.primary{--case-color:#f0b93a;border-color:rgba(240,185,58,.54);background:linear-gradient(180deg,rgba(240,185,58,.08),rgba(255,255,255,.025));}
.curse-selected-unit-case.parallel{--case-color:#69e0ff;border-color:rgba(105,224,255,.46);background:linear-gradient(180deg,rgba(61,183,220,.09),rgba(255,255,255,.025));}
.curse-selected-unit-case.parallel:hover{border-color:#69e0ff;background:rgba(61,183,220,.13);}
.curse-selected-unit-badge{position:absolute;z-index:2;top:7px;left:7px;padding:3px 6px;border:1px solid color-mix(in srgb,var(--case-color,#a970ff) 52%,transparent);border-radius:999px;color:var(--case-color,#a970ff);background:rgba(8,5,14,.88);font:950 10px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.curse-selected-progress{display:block;max-width:126px;min-height:23px;color:#9184a2;font:700 10.5px/1.45 "Segoe UI",Arial,sans-serif;text-align:center;}
.curse-selected-unit-case.parallel .curse-selected-progress{color:#8bcddd;}
.curse-selected-unit-case.parallel .curse-selected-portrait{border-color:rgba(105,224,255,.46);}
.curse-selected-unit-cases.multi + .curse-message{margin-top:11px;}
.curse-unit-select:hover{border-color:rgba(169,112,255,.6);background:rgba(169,112,255,.06);}
.curse-unit-select:disabled{cursor:not-allowed;opacity:.5;}
.curse-selected-portrait{display:grid;place-items:center;width:112px;aspect-ratio:1;border:2px solid rgba(169,112,255,.36);border-radius:12px;background:#0e0a16;background-repeat:no-repeat;color:#8e80aa;font-size:30px;}
.curse-unit-name{font-size:12.5px;font-weight:700;}
.curse-message{position:relative;min-height:22px;margin:8px auto 15px;text-align:center;color:var(--text-dim);font-family:"Segoe UI",Arial,sans-serif;font-size:12.5px;}
.curse-message.match{color:#ffd45f;}
.curse-batch-results{width:min(100%,850px);margin:0 auto 15px;padding:11px 12px 12px;border:1px solid rgba(169,112,255,.24);border-radius:14px;background:linear-gradient(145deg,rgba(28,18,42,.92),rgba(12,8,19,.94));box-shadow:inset 0 1px rgba(255,255,255,.03);}
.curse-batch-results[hidden]{display:none!important;}
.curse-batch-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:#9e8eaf;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;}
.curse-batch-head strong{color:#d9c7eb;font-size:10.5px;letter-spacing:.06em;}
.curse-batch-groups{display:grid;gap:9px;}
.curse-batch-group{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:9px;}
.curse-batch-unit{overflow:hidden;color:#bca9d0;font:700 10.5px "Segoe UI",Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap;}
.curse-batch-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;}
.curse-batch-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;min-height:48px;padding:7px 8px;border:1px solid color-mix(in srgb,var(--batch-color,#a970ff) 35%,rgba(255,255,255,.07));border-radius:10px;background:color-mix(in srgb,var(--batch-color,#a970ff) 8%,rgba(255,255,255,.025));overflow:hidden;}
.curse-batch-item.match{border-color:#f0b93a;box-shadow:0 0 14px rgba(240,185,58,.12);}
.curse-batch-item.protected{border-color:#69a8ff;box-shadow:0 0 14px rgba(105,168,255,.12);}
.curse-batch-item.leaderboard::after{content:'★';position:absolute;top:3px;right:5px;color:#ffd84d;font-size:10.5px;}
.curse-batch-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--batch-color,#a970ff) 55%,transparent);border-radius:7px;color:#fff;background:color-mix(in srgb,var(--batch-color,#a970ff) 68%,#100817);font-size:13.5px;}
.curse-batch-copy{min-width:0;}
.curse-batch-name{display:block;overflow:hidden;color:var(--batch-color,#f4f7ff);font-size:10.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}
.curse-batch-odds{display:block;margin-top:2px;color:#7f718f;font:700 10px "Segoe UI",Arial,sans-serif;white-space:nowrap;}
@media(max-width:760px){.curse-batch-group{grid-template-columns:1fr}.curse-batch-items{display:flex;overflow-x:auto;padding-bottom:3px}.curse-batch-item{flex:0 0 125px}}
.curse-slots{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:850px;margin:0 auto;}
.curse-slot{
  position:relative;
  display:flex;
  min-height:285px;
  padding:14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(32,22,47,.96),rgba(13,9,20,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 35px rgba(0,0,0,.2);
}
.curse-slot.locked{border-color:rgba(240,185,58,.35);}
.curse-slot.result{border-color:rgba(169,112,255,.5);box-shadow:0 0 28px rgba(154,67,255,.12),inset 0 1px rgba(255,255,255,.04);}
.curse-slot-placeholder{display:grid;place-items:center;width:100%;text-align:center;color:#726582;font-family:"Segoe UI",Arial,sans-serif;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;}
.curse-slot-placeholder .chain{display:block;margin-bottom:12px;font-size:52px;filter:grayscale(1);opacity:.42;}
.curse-card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;animation:curseReveal .35s ease both;}
@keyframes curseReveal{from{opacity:0;transform:rotateY(70deg) scale(.92)}to{opacity:1;transform:none}}
.curse-slot.rolling .curse-card-face{animation:curseRoll .42s linear infinite;}
@keyframes curseRoll{50%{opacity:.35;transform:rotateY(90deg) scale(.94)}}
.curse-icon{display:grid;place-items:center;width:82px;height:82px;border:2px solid color-mix(in srgb,var(--curse-color) 68%,#fff 10%);border-radius:22px;color:#fff;background:color-mix(in srgb,var(--curse-color) 78%,#100817);box-shadow:0 0 28px color-mix(in srgb,var(--curse-color) 28%,transparent);font-size:34px;}
.curse-card-name{margin-top:16px;font-family:"Segoe UI",Arial,sans-serif;font-size:20px;font-weight:700;color:var(--curse-color);}
.curse-card-tier{margin-top:5px;color:#fff;font-family:"Segoe UI",Arial,sans-serif;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;}
.curse-card-effect{max-width:230px;margin-top:11px;color:var(--text-dim);font-size:12.5px;line-height:1.5;}
.curse-card-hint{max-width:230px;margin-top:8px;color:#8fe5b2;font-size:10.5px;line-height:1.5;font-style:italic;}
.curse-card-odds{margin-top:11px;color:#8e80aa;font-family:"Segoe UI",Arial,sans-serif;font-size:10.5px;}
.curse-chain{position:absolute;inset:10px;display:grid;place-items:center;border:2px dashed rgba(240,185,58,.38);border-radius:13px;pointer-events:none;color:rgba(240,185,58,.42);font-size:52px;}
.curse-actions{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:850px;margin:16px auto 0;}
.curse-actions-left{justify-self:end;}.curse-actions-right{justify-self:start;}
.curse-free{display:block;margin-top:4px;color:#8fe5b2;font-family:"Segoe UI",Arial,sans-serif;font-size:10.5px;text-align:center;text-transform:uppercase;letter-spacing:.1em;}
.curse-overlay{
  position:fixed;
  inset:0;
  z-index:110;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(4,2,8,.88);
  backdrop-filter:blur(16px);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.curse-overlay.open{opacity:1;visibility:visible;}
.curse-dialog{width:min(980px,100%);max-height:min(84vh,780px);display:flex;flex-direction:column;border:1px solid rgba(169,112,255,.32);border-radius:20px;background:#100a1b;box-shadow:0 28px 90px rgba(0,0,0,.58);overflow:hidden;}
.curse-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#160d24;}
.curse-dialog-head h3{margin:0;font-family:"Segoe UI",Arial,sans-serif;font-size:20px;}
.curse-dialog-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#cabbe5;background:rgba(255,255,255,.04);font-size:20px;}
.curse-dialog-body{overflow:auto;padding:16px;}
.jimmy-reward-overlay{z-index:145;background:radial-gradient(circle at 50% 42%,rgba(42,194,88,.2),rgba(4,2,8,.94) 62%);}
.jimmy-reward-dialog{position:relative;width:min(920px,100%);max-height:94vh;overflow:auto;border:1px solid rgba(106,255,150,.7);border-radius:24px;background:linear-gradient(160deg,#07150d,#100817 62%,#190b1d);box-shadow:0 0 0 1px rgba(255,255,255,.045),0 0 55px rgba(50,255,112,.2),0 35px 110px rgba(0,0,0,.72);}
.jimmy-reward-dialog::before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 55px rgba(87,255,137,.08);}
.jimmy-reward-close{position:absolute;z-index:6;top:14px;right:14px;background:rgba(5,9,7,.8);border-color:rgba(111,255,157,.34);color:#d9ffe5;backdrop-filter:blur(10px);}
.jimmy-reward-media{position:relative;overflow:hidden;border-bottom:1px solid rgba(111,255,157,.25);background:#020503;aspect-ratio:16/9;}
.jimmy-reward-video{display:block;width:100%;height:100%;object-fit:cover;background:#020503;}
.jimmy-reward-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 64%,rgba(7,21,13,.92));}
.jimmy-reward-copy{position:relative;display:grid;justify-items:center;padding:24px 28px 28px;text-align:center;overflow:hidden;}
.jimmy-reward-copy::before,.jimmy-reward-copy::after{content:"♥";position:absolute;color:rgba(102,255,151,.17);font-size:90px;line-height:1;filter:drop-shadow(0 0 20px rgba(63,255,124,.25));transform:rotate(-13deg);}
.jimmy-reward-copy::before{left:15px;bottom:-12px}.jimmy-reward-copy::after{right:15px;top:-8px;color:rgba(255,101,174,.13);transform:rotate(13deg)}
.jimmy-reward-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 11px;border:1px solid rgba(106,255,150,.45);border-radius:999px;color:#8dffb0;background:rgba(61,255,122,.075);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;}
.jimmy-reward-title{position:relative;z-index:1;margin:12px 0 7px;color:#f7fff9;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(25px,4vw,39px);line-height:1.08;text-shadow:0 0 26px rgba(94,255,143,.25);}
.jimmy-reward-message{position:relative;z-index:1;max-width:730px;margin:0;color:#dfe9e2;font-size:clamp(12px,1.7vw,16px);font-weight:700;line-height:1.55;}
.jimmy-reward-detail{position:relative;z-index:1;margin:10px 0 18px;color:#9cac9f;font:700 10.5px/1.6 "Segoe UI",Arial,sans-serif;}
.jimmy-reward-detail strong{color:#71ffa0;}
.jimmy-reward-action{position:relative;z-index:1;min-width:185px;border-color:rgba(92,255,142,.7);color:#07130b;background:linear-gradient(135deg,#83ffab,#38d66f);box-shadow:0 0 26px rgba(57,255,122,.18);}
.jimmy-reward-action:hover{border-color:#b0ffc8;background:linear-gradient(135deg,#a7ffc2,#52ef85);}
@media(max-width:620px){.jimmy-reward-overlay{padding:10px}.jimmy-reward-dialog{border-radius:18px}.jimmy-reward-copy{padding:19px 16px 22px}.jimmy-reward-message{font-size:13.5px}.jimmy-reward-detail{font-size:10.5px}.jimmy-reward-close{top:9px;right:9px}}
.curse-unit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
.curse-rarity-group{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--group-color);font-family:"Segoe UI",Arial,sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.curse-rarity-group:first-child{margin-top:0;}
.curse-rarity-group::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,color-mix(in srgb,var(--group-color) 55%,transparent),transparent);}
.curse-unit-option{padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text);background:rgba(255,255,255,.025);}
.curse-unit-option:hover{border-color:rgba(169,112,255,.55);background:rgba(169,112,255,.08);}
.curse-mini-portrait{width:100%;aspect-ratio:1;border-radius:9px;background:#09060f;background-repeat:no-repeat;}
.curse-unit-option span{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;color:#ddd2f3;font-size:10.5px;font-weight:700;white-space:nowrap;}
.curse-odds-list{display:grid;gap:8px;}
.curse-odds-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035);}
.curse-odds-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;color:#fff;background:var(--curse-color);font-size:21px;}
.curse-odds-name{font-weight:700;color:var(--curse-color);}.curse-odds-effect{margin-top:3px;color:var(--text-dim);font-size:11.5px;}
.curse-odds-chance{font-family:"Segoe UI",Arial,sans-serif;font-size:17px;font-weight:700;color:#fff;}
.curse-lock-help{margin:0 0 14px;color:var(--text-dim);font-size:12.5px;line-height:1.6;}
.curse-lock-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.curse-lock-choice{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .16s ease,background .16s ease;}
.curse-lock-choice:hover{border-color:color-mix(in srgb,var(--curse-color) 55%,transparent);background:rgba(169,112,255,.07);}
.curse-lock-choice:has(input:checked){border-color:var(--curse-color);background:color-mix(in srgb,var(--curse-color) 11%,#130c1e);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--curse-color) 25%,transparent);}
.curse-lock-choice .curse-odds-icon{width:42px;height:42px;font-size:18px;}
.curse-lock-choice > span:nth-child(2){display:grid;gap:3px;}
.curse-lock-choice input{width:18px;height:18px;margin:0;accent-color:var(--curse-color);cursor:pointer;}
.curse-lock-done{display:block;margin:16px 0 0 auto;min-width:110px;}
.curse-player{max-width:170px;}
.curse-player .curse-option-icon{font-size:14px;}
.curse-player small{max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.curse-account-button.active{border-color:rgba(76,218,154,.58);background:rgba(76,218,154,.1);box-shadow:0 0 18px rgba(76,218,154,.1);}
.curse-account-button.active .curse-option-icon{color:#6ff0b4;}
.curse-account-button.moderation-required{border-color:rgba(255,141,160,.72);background:rgba(255,82,115,.12);box-shadow:0 0 20px rgba(255,82,115,.14);}
.curse-account-button.moderation-required .curse-option-icon{color:#ff8da0;}
.curse-account-dialog{width:min(500px,100%);}
.curse-account-copy{margin:0 0 16px;color:var(--text-dim);font-size:12.5px;line-height:1.7;}
.curse-account-form{display:grid;gap:11px;}
.curse-account-field{display:grid;gap:6px;color:#e9dffd;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.curse-account-field input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(169,112,255,.28);border-radius:11px;outline:none;color:#fff;background:#0a0711;font:700 14px "Segoe UI",Arial,sans-serif;}
.curse-account-field input:focus{border-color:#a970ff;box-shadow:0 0 0 3px rgba(169,112,255,.12);}
.curse-account-rules{padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#9e90ae;background:rgba(255,255,255,.025);font-size:10.5px;line-height:1.55;}
.curse-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.curse-account-actions .curse-button{min-height:46px;}
.curse-account-message{min-height:20px;margin:0;color:#8fe5b2;font-size:11.5px;line-height:1.5;}
.curse-account-message.error{color:#ff8da0;}
.curse-account-signed-in{display:grid;gap:13px;}
.curse-account-profile{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(76,218,154,.28);border-radius:14px;background:rgba(76,218,154,.055);}
.curse-account-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#082117;background:#6ff0b4;font-size:22px;font-weight:950;}
.curse-account-profile strong{display:block;color:#fff;font-size:15px;}.curse-account-profile small{display:block;margin-top:3px;color:#82d9b0;font-size:10.5px;}
.curse-account-signed-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;}
.curse-account-rename-required{display:grid;gap:13px;}
.curse-account-rename-alert{padding:14px;border:1px solid rgba(255,141,160,.38);border-radius:14px;color:#ffd8df;background:linear-gradient(145deg,rgba(89,24,41,.3),rgba(34,14,27,.42));font-size:12.5px;line-height:1.65;}
.curse-account-rename-alert strong{display:block;margin-bottom:5px;color:#ff9eb0;font-family:"Segoe UI",Arial,sans-serif;font-size:16px;}
.curse-account-rename-alert span{color:#bda9b4;font-size:10.5px;}
.curse-achievements-button.active{border-color:rgba(255,216,72,.62);background:rgba(255,216,72,.11);box-shadow:0 0 18px rgba(255,199,45,.12);}
.curse-achievements-button.active .curse-option-icon{color:#ffd84d;}
.curse-achievement-dialog{width:min(600px,100%);}
.curse-achievement-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text-dim);font-size:11.5px;line-height:1.5;}
.curse-achievement-summary strong{color:#fff;font:700 13.5px "Segoe UI",Arial,sans-serif;}
.curse-achievement-list{display:grid;gap:10px;}
.curse-achievement-card{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(145deg,rgba(29,21,40,.96),rgba(12,8,19,.98));}
.curse-achievement-card.unlocked{border-color:var(--achievement-color,#ffd84d);background:linear-gradient(145deg,rgba(91,66,10,.32),rgba(22,14,24,.98));box-shadow:0 0 30px rgba(255,199,45,.09);}
.curse-achievement-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid color-mix(in srgb,var(--achievement-color,#ffd84d) 42%,transparent);border-radius:17px;background:color-mix(in srgb,var(--achievement-color,#ffd84d) 10%,transparent);color:var(--achievement-color,#ffd84d);font-size:30px;filter:grayscale(1);opacity:.46;}
.curse-achievement-card.unlocked .curse-achievement-icon{filter:none;opacity:1;box-shadow:0 0 22px color-mix(in srgb,var(--achievement-color,#ffd84d) 22%,transparent);}
.curse-achievement-name{font-family:"Segoe UI",Arial,sans-serif;font-size:18px;font-weight:700;color:#8e819d;}
.curse-achievement-card.unlocked .curse-achievement-name{color:var(--achievement-color,#ffd84d);}
.curse-achievement-effect{margin-top:5px;color:var(--text-dim);font-size:11.5px;line-height:1.55;}
.curse-achievement-rewards{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;}
.curse-achievement-reward{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--achievement-color,#ffd84d) 35%,transparent);border-radius:999px;color:var(--achievement-color,#ffd84d);background:color-mix(in srgb,var(--achievement-color,#ffd84d) 8%,transparent);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.035em;}
.curse-achievement-curse{display:block;margin-top:6px;color:#82758e;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.curse-achievement-status{padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#857891;background:rgba(255,255,255,.03);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.curse-achievement-card.unlocked .curse-achievement-status{border-color:color-mix(in srgb,var(--achievement-color,#ffd84d) 55%,transparent);color:var(--achievement-color,#ffd84d);background:color-mix(in srgb,var(--achievement-color,#ffd84d) 10%,transparent);}
.curse-trophies-button.active{border-color:rgba(103,255,191,.58);background:rgba(64,210,145,.11);box-shadow:0 0 18px rgba(64,210,145,.11);}
.curse-trophies-button.active .curse-option-icon{color:#67ffbf;}
.curse-trophy-dialog{width:min(660px,100%);}
.curse-trophy-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(103,255,191,.15);border-radius:12px;background:rgba(64,210,145,.035);color:var(--text-dim);font-size:11.5px;line-height:1.5;}
.curse-trophy-summary strong{color:#fff;font:700 13.5px "Segoe UI",Arial,sans-serif;white-space:nowrap;}
.curse-trophy-list{display:grid;gap:11px;}
.curse-trophy-card{width:100%;display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:17px;color:inherit;background:linear-gradient(145deg,rgba(24,19,31,.97),rgba(10,8,15,.99));font:inherit;text-align:left;}
.curse-trophy-card:disabled{cursor:default;}
.curse-trophy-card.unlocked{cursor:pointer;border-color:rgba(103,255,191,.56);background:radial-gradient(circle at 10% 50%,rgba(52,224,145,.14),transparent 38%),linear-gradient(145deg,rgba(19,42,31,.96),rgba(10,10,16,.99));box-shadow:0 0 34px rgba(64,210,145,.1);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.curse-trophy-card.unlocked:hover{transform:translateY(-2px);border-color:#8dffcf;box-shadow:0 8px 34px rgba(64,210,145,.17);}
.curse-trophy-emblem{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(255,255,255,.09);border-radius:20px;color:#766b80;background:rgba(255,255,255,.025);font-size:30px;filter:grayscale(1);opacity:.48;}
.curse-trophy-card.unlocked .curse-trophy-emblem{border-color:rgba(103,255,191,.48);color:#67ffbf;background:rgba(64,210,145,.1);filter:none;opacity:1;box-shadow:0 0 24px rgba(64,210,145,.15);}
.curse-trophy-name{color:#8f839b;font-family:"Segoe UI",Arial,sans-serif;font-size:19px;font-weight:700;}
.curse-trophy-card.unlocked .curse-trophy-name{color:#8dffcf;}
.curse-trophy-description{margin-top:5px;color:var(--text-dim);font-size:11.5px;line-height:1.55;}
.curse-trophy-detail{display:block;margin-top:7px;color:#7c7187;font:700 10.5px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.04em;}
.curse-trophy-card.unlocked .curse-trophy-detail{color:#7bcca7;}
.curse-trophy-status{padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#857891;background:rgba(255,255,255,.03);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
.curse-trophy-card.unlocked .curse-trophy-status{border-color:rgba(103,255,191,.48);color:#8dffcf;background:rgba(64,210,145,.1);}
.curse-reset-dialog{width:min(520px,100%);}
.curse-reset-warning{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:15px;padding:16px;border:1px solid rgba(255,141,160,.25);border-radius:15px;background:linear-gradient(145deg,rgba(93,27,44,.2),rgba(22,12,21,.52));}
.curse-reset-warning-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,141,160,.35);border-radius:16px;color:#ff9caf;background:rgba(255,84,112,.09);font-size:27px;}
.curse-reset-warning strong{display:block;margin-bottom:6px;color:#fff;font-size:14px;}
.curse-reset-warning p{margin:0;color:#c6b7c8;font-size:11.5px;line-height:1.65;}
.curse-reset-kept{margin:12px 0 0;padding:10px 12px;border:1px solid rgba(103,255,191,.17);border-radius:11px;color:#9ed9be;background:rgba(64,210,145,.04);font-size:10.5px;line-height:1.55;}
.curse-reset-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;flex-wrap:wrap;}
.curse-profile-button.active{border-color:rgba(121,182,255,.55);background:rgba(71,134,255,.1);box-shadow:0 0 18px rgba(71,134,255,.1);}
.curse-profile-button.active .curse-option-icon{color:#8fc7ff;}
.curse-profile-dialog{width:min(760px,100%);}
.curse-profile-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(121,182,255,.18);border-radius:13px;background:rgba(71,134,255,.045);}
.curse-profile-intro p{margin:0;color:var(--text-dim);font-size:11.5px;line-height:1.6;}
.curse-profile-intro strong{display:block;color:#f5f1ff;font-size:12.5px;}
.curse-profile-refresh{min-height:36px;flex:0 0 auto;padding:0 12px;font-size:10.5px;}
.curse-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.curse-profile-stat{min-height:118px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:linear-gradient(145deg,rgba(28,19,43,.88),rgba(12,8,20,.96));}
.curse-profile-stat small{display:block;color:#8c7d9f;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;}
.curse-profile-stat strong{display:block;margin-top:10px;color:#fff;font:700 25px "Segoe UI",Arial,sans-serif;line-height:1.1;}
.curse-profile-stat.luck strong{color:#cfa6ff;font:700 21px 'Cinzel',serif;}
.curse-profile-stat span{display:block;margin-top:9px;color:#9d90ad;font-size:10.5px;line-height:1.5;}
.curse-profile-breakdown{margin-top:14px;border:1px solid rgba(255,255,255,.075);border-radius:15px;overflow:hidden;}
.curse-profile-breakdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.022);}
.curse-profile-breakdown-head h4{margin:0;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;}
.curse-profile-breakdown-head span{color:#847691;font-size:10.5px;}
.curse-profile-counts{max-height:300px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px;gap:6px;}
.curse-profile-count{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.025);}
.curse-profile-count-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:var(--curse-color);font-size:15px;}
.curse-profile-count-name{overflow:hidden;text-overflow:ellipsis;color:var(--curse-color);font-size:11.5px;font-weight:700;white-space:nowrap;}
.curse-profile-count-odds{margin-top:2px;color:#776a84;font-size:10.5px;}
.curse-profile-count-value{color:#fff;font:700 13.5px "Segoe UI",Arial,sans-serif;}
.curse-profile-empty{grid-column:1/-1;padding:28px 14px;color:#8d7f9c;font-size:11.5px;text-align:center;}
.curse-luck-banner{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,216,72,.4);border-radius:12px;color:#ffe889;background:rgba(255,216,72,.07);font-size:11.5px;font-weight:700;line-height:1.5;}
.curse-luck-banner span{font-size:19px;}
.curse-reward-summary{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(169,112,255,.18);border-radius:11px;color:#cbbce0;background:rgba(169,112,255,.045);font:700 10.5px "Segoe UI",Arial,sans-serif;}
.curse-parallel-button.active{border-color:rgba(92,222,255,.58);background:rgba(61,183,220,.11);box-shadow:0 0 18px rgba(61,183,220,.1);}
.curse-parallel-button.active .curse-option-icon{color:#69e0ff;}
.curse-parallel-help{margin:0 0 12px;color:var(--text-dim);font-size:11.5px;line-height:1.6;}
.curse-parallel-grid .curse-unit-option{position:relative;}
.curse-parallel-grid .curse-unit-option.selected{border-color:#69e0ff;background:rgba(61,183,220,.1);box-shadow:inset 0 0 0 1px rgba(105,224,255,.28);}
.curse-parallel-grid .curse-unit-option.primary{border-color:#f0b93a;background:rgba(240,185,58,.09);}
.curse-parallel-badge{position:absolute;top:5px;right:5px;padding:3px 5px;border-radius:999px;color:#061217;background:#69e0ff;font:950 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.curse-parallel-grid .curse-unit-option.primary .curse-parallel-badge{color:#1a1000;background:#f0b93a;}
.curse-username-dialog{width:min(450px,100%);}
.curse-username-copy{margin:0 0 16px;color:var(--text-dim);font-size:12.5px;line-height:1.65;}
.curse-username-form{display:grid;gap:10px;}
.curse-username-form label{color:#e9dffd;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.curse-username-form input{width:100%;height:46px;padding:0 14px;border:1px solid rgba(169,112,255,.28);border-radius:11px;outline:none;color:#fff;background:#0a0711;font:700 14px "Segoe UI",Arial,sans-serif;}
.curse-username-form input:focus{border-color:#a970ff;box-shadow:0 0 0 3px rgba(169,112,255,.12);}
.curse-username-rules{color:#847594;font-size:10.5px;line-height:1.5;}
.curse-username-message{min-height:18px;margin:0;color:#8fe5b2;font-size:11.5px;line-height:1.5;}
.curse-username-message.error{color:#ff8da0;}
.curse-username-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.curse-username-submit{min-width:130px;}
.rare-leaderboard{margin-top:18px;border:1px solid rgba(169,112,255,.2);border-radius:18px;background:linear-gradient(145deg,rgba(19,12,31,.96),rgba(10,7,17,.98));overflow:hidden;}
.rare-leaderboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);}
.rare-leaderboard-head h3{margin:0;font-family:"Segoe UI",Arial,sans-serif;font-size:17px;}
.rare-leaderboard-head p{margin:4px 0 0;color:var(--text-dim);font-size:10.5px;line-height:1.5;}
.rare-leaderboard-refresh{min-height:34px;padding:0 11px;font-size:10.5px;}
.rare-leaderboard-list{display:grid;}
.rare-leaderboard-row{display:grid;grid-template-columns:40px minmax(100px,1fr) minmax(135px,1.2fr) minmax(100px,.8fr) 110px;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid rgba(255,255,255,.055);font-size:11.5px;}
.rare-leaderboard-row:first-child{border-top:0;}
.rare-leaderboard-row.header{color:#877998;background:rgba(255,255,255,.018);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.rare-rank{color:#ac9bbc;font-family:"Segoe UI",Arial,sans-serif;font-weight:700;}
.rare-player{overflow:hidden;text-overflow:ellipsis;color:#fff;font-weight:700;white-space:nowrap;}
.rare-curse{display:flex;align-items:center;gap:8px;color:var(--rare-color,#f4f7ff);font-weight:700;}
.rare-curse span{display:grid;place-items:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--rare-color) 55%,transparent);border-radius:7px;background:color-mix(in srgb,var(--rare-color) 12%,#120b1d);}
.rare-unit{overflow:hidden;text-overflow:ellipsis;color:#cfc2df;white-space:nowrap;}
.rare-date{color:#82758e;font-family:"Segoe UI",Arial,sans-serif;font-size:10.5px;text-align:right;}
.rare-leaderboard-status{padding:22px 18px;color:#8e80a0;font-size:11.5px;text-align:center;}
.rare-leaderboard-status.error{color:#ff8da0;}
@media (max-width:760px){
  .curse-section{padding:14px;border-radius:18px;}
  .curse-shell{padding:13px;}
  .curse-heading{display:block;}
  .curse-toolbar{align-items:flex-start;}
  .curse-toolbar-actions{flex-wrap:wrap;}
  .curse-toolbar-options{width:100%;margin-left:0;}
  .curse-option{flex:1 1 150px;}
  .curse-slots{grid-template-columns:1fr;}
  .curse-slot{min-height:235px;}
  .curse-actions{
    position:sticky;
    bottom:8px;
    z-index:20;
    width:100%;
    grid-template-columns:1fr;
    gap:8px;
    padding:10px;
    border:1px solid rgba(169,112,255,.3);
    border-radius:14px;
    background:rgba(12,7,20,.94);
    box-shadow:0 12px 32px rgba(0,0,0,.48),0 0 20px rgba(125,65,205,.12);
    backdrop-filter:blur(14px);
  }
  .curse-actions-left,.curse-actions-right{width:100%;justify-self:stretch;}
  .curse-actions-left{grid-row:2;}
  .curse-actions-right{grid-row:3;}
  .curse-actions-left:has(#curseLockButton[hidden]),.curse-actions-right:has(#curseUnlockButton[hidden]){display:none;}
  .curse-button.roll,#curseLockButton,#curseUnlockButton{width:100%;min-width:0;min-height:54px;}
  .curse-button.roll{grid-row:1;}
  #curseLockButton{
    border:2px solid #ffd45f;
    background:linear-gradient(180deg,#ffd865,#d99718);
    color:#1b1000;
    box-shadow:0 0 24px rgba(240,185,58,.32);
    font-size:15px;
    font-weight:950;
    letter-spacing:.035em;
  }
  #curseLockButton:not([hidden]){display:flex;align-items:center;justify-content:center;}
  .curse-free{margin-top:6px;color:#ffe49a;font-size:11.5px;font-weight:700;}
  .curse-unit-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .curse-lock-list{grid-template-columns:1fr;}
  .curse-achievement-card{grid-template-columns:54px minmax(0,1fr);}
  .curse-achievement-icon{width:52px;height:52px;border-radius:14px;font-size:25px;}
  .curse-achievement-status{grid-column:1/-1;text-align:center;}
  .curse-trophy-card{grid-template-columns:58px minmax(0,1fr);padding:13px;}
  .curse-trophy-emblem{width:56px;height:56px;border-radius:15px;font-size:24px;}
  .curse-trophy-status{grid-column:1/-1;text-align:center;}
  .curse-profile-stats{grid-template-columns:1fr;}
  .curse-profile-stat{min-height:0;}
  .curse-profile-counts{grid-template-columns:1fr;}
  .curse-profile-intro{align-items:flex-start;flex-direction:column;}
  .rare-leaderboard-row{grid-template-columns:30px minmax(80px,1fr) minmax(120px,1.2fr);padding:10px 12px;gap:8px;}
  .rare-leaderboard-row .rare-unit,.rare-leaderboard-row .rare-date{display:none;}
}
@media (max-width:470px){
  .curse-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .curse-account-actions{grid-template-columns:1fr;}
  .curse-balance span:not(.curse-token),.curse-toolbar .secondary-label{display:none;}
  .topbar{gap:4px;}
  .topbar-link{padding:7px 5px;font-size:10.5px;}
}
@media (max-width:640px){
  .home-lead{font-size:14px;line-height:1.65;}
  .home-actions{display:grid;grid-template-columns:1fr;gap:9px;}
  .home-action{width:100%;min-width:0;}
  .changelog-modal{padding:10px;}
  .changelog-dialog{max-height:calc(100vh - 20px);border-radius:16px;}
  .changelog-head{padding:15px;gap:10px;}
  .changelog-head-actions{align-items:flex-end;flex-direction:column-reverse;}
  .changelog-history-button{min-height:34px;padding:0 9px;font-size:10px;}
  .changelog-close{width:34px;height:34px;}
  .changelog-content{max-height:calc(100vh - 105px);padding:13px 14px 18px;}
  .changelog-section{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px;}
  .changelog-section-number{width:30px;height:30px;}
  .changelog-history-card{grid-template-columns:auto minmax(0,1fr);}
  .changelog-history-arrow{display:none;}
  body.view-overall .tierlist-section,body.view-lineups .meta-lineups-section,body.view-dps .ranking-section,body.view-database .unit-database-section,body.view-values .value-list-section,body.view-curses .curse-section,body.view-bosses .boss-section{margin-top:30px;}
}

/* ---------- META LINEUPS ---------- */
.meta-lineups-section{position:relative;margin-top:54px;padding:0;background:none;border:0;box-shadow:none;}
.meta-lineups-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:28px;padding:0 2px;}
.meta-lineups-head h2{margin:4px 0 7px;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.02em;}
.meta-lineups-head h2 span{color:#c9a7ff;}
.meta-lineups-lead{max-width:780px;margin:0;color:var(--text-dim);font-size:13px;line-height:1.7;}
.meta-lineups-grid{display:grid;gap:26px;}
.meta-lineup-featured-stack{display:grid;gap:16px;}
.meta-lineup-group{display:grid;gap:13px;}
.meta-lineup-group-title{display:flex;align-items:center;gap:12px;margin:0;color:#b98cff;font:900 12px "Segoe UI",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;}
.meta-lineup-group-title::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,rgba(169,112,255,.28),rgba(169,112,255,0));}
.meta-lineup-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.meta-lineup-card{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(255,255,255,.105);border-radius:17px;background:linear-gradient(145deg,rgba(19,14,31,.92),rgba(10,8,18,.92));box-shadow:0 16px 36px rgba(0,0,0,.18);}
.meta-lineup-card::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,rgba(169,112,255,.78),rgba(63,224,200,.6),transparent 92%);}
.meta-lineup-card.featured{padding:24px 25px 22px;border-color:rgba(169,112,255,.42);background:radial-gradient(circle at 90% 5%,rgba(169,112,255,.13),transparent 34%),linear-gradient(145deg,rgba(21,14,35,.96),rgba(9,7,17,.95));box-shadow:0 22px 55px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.025);}
.meta-lineup-card.featured::before{height:2px;opacity:1;}
.meta-lineup-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px;}
.meta-lineup-heading{min-width:0;flex:1;}
.meta-lineup-heading h3{margin:0;color:#f5eefb;font-family:"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.3;}
.meta-lineup-card.featured .meta-lineup-heading h3{font-size:clamp(21px,2.5vw,28px);}
.meta-lineup-heading p{max-width:780px;margin:6px 0 0;color:var(--text-mute);font-size:11.5px;line-height:1.58;}
.meta-lineup-card.featured .meta-lineup-heading p{font-size:12.5px;color:var(--text-dim);}
.meta-lineup-tag{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(63,224,200,.22);border-radius:999px;color:var(--teal);background:rgba(63,224,200,.05);font:800 9px "Segoe UI",Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase;}
.meta-lineup-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto;flex-wrap:wrap;}
.meta-lineup-shiny{padding:5px 8px;border:1px solid rgba(240,185,58,.3);border-radius:999px;color:var(--gold);background:rgba(240,185,58,.065);font:800 9px "Segoe UI",Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase;}
.meta-lineup-units{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:start;}
.meta-lineup-unit{min-width:0;padding:7px 4px 5px;border:1px solid transparent;border-radius:12px;color:var(--text);background:transparent;font-family:inherit;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;}
.meta-lineup-unit:hover{transform:translateY(-2px);border-color:rgba(169,112,255,.25);background:rgba(169,112,255,.045);}
.meta-lineup-portrait{display:grid;place-items:center;width:62px;height:62px;max-width:100%;aspect-ratio:1;margin:0 auto 7px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.028);background-size:cover;background-position:center;color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.2);}
.meta-lineup-card.featured .meta-lineup-portrait{width:82px;height:82px;border-radius:14px;}
.meta-lineup-unit-name{display:block;overflow:hidden;color:#eee6f5;font-size:10.5px;font-weight:750;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.meta-lineup-card.featured .meta-lineup-unit-name{font-size:11.5px;}
.meta-lineup-share-link{display:inline-flex;align-items:center;gap:5px;margin-top:14px;color:#c9a7ff;font-size:11px;font-weight:800;text-decoration:none;}
.meta-lineup-share-link:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.meta-lineups-empty{padding:42px 18px;border:1px dashed rgba(169,112,255,.22);border-radius:17px;color:var(--text-mute);background:rgba(255,255,255,.015);text-align:center;font-size:12.5px;line-height:1.6;}
.meta-lineups-loading{opacity:.72;}
.owner-lineup-config{display:grid;gap:13px;margin-bottom:18px;padding:15px;border:1px solid rgba(169,112,255,.15);border-radius:14px;background:rgba(169,112,255,.035);}
.owner-lineup-config-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;}
.owner-lineup-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.45fr);gap:18px;align-items:start;}
.owner-lineup-side{display:grid;gap:10px;}.owner-lineup-list{display:grid;gap:8px;}
.owner-lineup-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text);background:rgba(255,255,255,.025);font-family:inherit;text-align:left;cursor:pointer;}
.owner-lineup-list-item:hover,.owner-lineup-list-item.active{border-color:rgba(169,112,255,.45);background:rgba(169,112,255,.07);}
.owner-lineup-list-item strong{display:block;font-size:12px;}.owner-lineup-list-item small{display:block;margin-top:3px;color:var(--text-mute);font-size:10px;}
.owner-lineup-form{display:grid;gap:14px;}.owner-lineup-units{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;}.owner-lineup-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;}
.owner-lineup-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.owner-lineup-publish{display:flex;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02);text-transform:none;letter-spacing:0;}
.owner-lineup-publish input{width:18px;height:18px;min-height:0;padding:0;}.owner-lineup-publish span{font-size:12px;font-weight:700;line-height:1.35;}
@media(max-width:900px){.meta-lineup-cards-grid{grid-template-columns:1fr}.owner-lineup-layout{grid-template-columns:1fr}.owner-lineup-units{grid-template-columns:repeat(2,minmax(0,1fr));}.owner-lineup-options{grid-template-columns:1fr;}}
@media(max-width:640px){body.view-lineups .meta-lineups-section{margin-top:30px}.meta-lineups-section{padding:0}.meta-lineups-head{align-items:flex-start;flex-direction:column;margin-bottom:20px}.meta-lineup-card,.meta-lineup-card.featured{padding:14px}.meta-lineup-top{display:grid;grid-template-columns:minmax(0,1fr);}.meta-lineup-badges{justify-self:start}.meta-lineup-units{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto;padding-bottom:4px}.meta-lineup-unit{min-width:62px}.meta-lineup-portrait,.meta-lineup-card.featured .meta-lineup-portrait{width:52px;height:52px}.meta-lineup-card.featured .meta-lineup-heading h3{font-size:21px}}

/* Owner-only tier list editor */
.owner-editor-open{position:fixed;right:12px;bottom:12px;z-index:120;width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(169,112,255,.22);background:rgba(12,8,20,.72);color:rgba(195,158,255,.7);font-family:inherit;font-size:12.5px;line-height:1;cursor:pointer;opacity:.3;box-shadow:0 6px 20px rgba(0,0,0,.25);backdrop-filter:blur(8px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease;}
.owner-editor-open:hover,.owner-editor-open:focus-visible{opacity:1;transform:translateY(-2px);border-color:rgba(169,112,255,.65);outline:none;}
.owner-editor-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(3,2,9,.84);backdrop-filter:blur(12px);}
.owner-editor-modal.open{display:flex;}
.owner-editor-dialog{width:min(1180px,100%);max-height:min(900px,94vh);overflow:hidden;display:flex;flex-direction:column;background:#0d0916;border:1px solid rgba(169,112,255,.32);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 50px rgba(118,62,210,.12);}
.owner-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.08);}
.owner-editor-head h2{margin:3px 0 0;font-size:25px;}
.owner-editor-kicker{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--violet);}
.owner-editor-close{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text);font-size:23px;cursor:pointer;}
.owner-editor-body{overflow:auto;padding:24px;}
.owner-login-panel{width:min(470px,100%);margin:10px auto 20px;padding:26px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:18px;}
.owner-login-panel h3{margin:0 0 8px;font-size:20px;}
.owner-login-panel p{margin:0 0 20px;color:var(--text-dim);font-size:14px;line-height:1.6;}
.owner-form{display:grid;gap:12px;}
.owner-field{display:grid;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);}
.owner-field input,.owner-field select,.owner-field textarea,.owner-row-field input{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#120d1d;color:var(--text);font:inherit;outline:none;}
.owner-field input{padding:13px 14px;font-size:14px;letter-spacing:0;text-transform:none;}
.owner-field select{min-height:45px;padding:0 12px;font-size:14px;letter-spacing:0;text-transform:none;}
.owner-field textarea{min-height:84px;padding:12px 14px;resize:vertical;font-size:14px;line-height:1.5;letter-spacing:0;text-transform:none;}
.owner-field input[type="color"]{min-height:45px;padding:5px;cursor:pointer;}
.owner-field input:focus,.owner-field select:focus,.owner-field textarea:focus,.owner-row-field input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(169,112,255,.12);}
.owner-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 15px;border-radius:11px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:700;line-height:1;cursor:pointer;}
.owner-button.primary{background:linear-gradient(135deg,#8247dc,#a970ff);border-color:#b783ff;color:white;box-shadow:0 8px 24px rgba(118,62,210,.25);}
.owner-button.danger{color:#ff8994;border-color:rgba(255,85,105,.25);}
.owner-button:disabled{opacity:.5;cursor:wait;}
.owner-auth-message{min-height:19px;margin-top:12px;font-size:13.5px;color:var(--text-dim);}
.owner-auth-message.error{color:#ff8994;}
.owner-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025);}
.owner-session{font-size:13.5px;color:var(--text-dim);}
.owner-session strong{display:block;margin-bottom:3px;color:var(--text);font-size:14px;}
.owner-toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;}
.owner-save-status{min-height:20px;margin:0 0 12px;font-size:13.5px;color:var(--teal);}
.owner-save-status.error{color:#ff8994;}
.owner-editor-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);}
.owner-editor-tab{flex:1 1 145px;min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--text-dim);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;}
.owner-editor-tab.active{background:linear-gradient(135deg,rgba(130,71,220,.75),rgba(169,112,255,.78));color:#fff;box-shadow:0 8px 22px rgba(118,62,210,.2);}
.owner-tier-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:14px;}
.owner-tier-drag-help{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(63,224,200,.25);border-radius:13px;background:linear-gradient(135deg,rgba(63,224,200,.075),rgba(169,112,255,.045));color:#b9aec7;}
.owner-tier-drag-help-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border:1px solid rgba(63,224,200,.35);border-radius:10px;background:rgba(63,224,200,.08);color:#7af2df;font-size:19px;}
.owner-tier-drag-help strong{display:block;margin-bottom:3px;color:#effffb;font-size:13.5px;}.owner-tier-drag-help p{margin:0;font-size:11.5px;line-height:1.5;}
.owner-homepage-setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:end;gap:18px;margin-bottom:14px;padding:15px 16px;border:1px solid rgba(169,112,255,.22);border-radius:14px;background:rgba(169,112,255,.055);}
.owner-homepage-setting strong{display:block;margin-bottom:5px;color:#f5efff;font-size:14px;}
.owner-homepage-setting p{margin:0;color:#9e8eaf;font-size:12.5px;line-height:1.55;}
@media(max-width:720px){.owner-homepage-setting{grid-template-columns:1fr;}}
.owner-test-luck-card{display:grid;gap:18px;padding:20px;border:1px solid rgba(103,255,191,.3);border-radius:18px;background:radial-gradient(circle at 90% 10%,rgba(103,255,191,.11),transparent 36%),linear-gradient(145deg,rgba(15,38,30,.82),rgba(12,8,20,.96));box-shadow:inset 0 1px rgba(255,255,255,.035);}
.owner-test-luck-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.owner-test-luck-head h3{margin:0;color:#dffff0;font-size:19px;}.owner-test-luck-head p{max-width:720px;margin:6px 0 0;color:#9db5a8;font-size:12.5px;line-height:1.65;}
.owner-test-luck-state{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#8f819e;background:rgba(255,255,255,.035);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;}
.owner-test-luck-state.active{border-color:rgba(103,255,191,.48);color:#78ffb6;background:rgba(103,255,191,.09);box-shadow:0 0 18px rgba(103,255,191,.1);}
.owner-test-luck-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:10px;}
.owner-test-luck-controls .owner-button{min-height:45px;}
.owner-test-luck-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.owner-test-luck-odds{padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.027);}
.owner-test-luck-odds span{display:block;color:#8c7d9a;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;}.owner-test-luck-odds strong{display:block;margin-top:7px;color:#f5f0ff;font-size:14px;}.owner-test-luck-odds.bleezl strong{color:#71ffc0;}
.owner-test-luck-note{margin:0;padding:11px 13px;border-left:3px solid #67ffbf;border-radius:0 10px 10px 0;color:#9ea8a1;background:rgba(103,255,191,.045);font-size:11.5px;line-height:1.65;}
.owner-test-luck-note b{color:#ceffe5;}
@media(max-width:760px){.owner-test-luck-head{display:grid}.owner-test-luck-controls{grid-template-columns:1fr}.owner-test-luck-preview{grid-template-columns:1fr}.owner-test-luck-controls .owner-button{width:100%}}
.owner-rows{display:grid;gap:12px;}
.owner-row{border:1px solid color-mix(in srgb,var(--row-color) 38%,transparent);border-radius:17px;background:rgba(255,255,255,.025);overflow:hidden;}
.owner-row-head{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(220px,1.5fr) 116px auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.07);}
.owner-row-field input{padding:10px 11px;font-size:13.5px;}
.owner-row-title input{font-weight:700;color:var(--row-color);}
.owner-row-color{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 8px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#120d1d;color:var(--text-mute);cursor:pointer;}
.owner-row-color input{flex:0 0 auto;width:31px;height:27px;padding:2px;border:1px solid color-mix(in srgb,var(--row-color) 55%,rgba(255,255,255,.14));border-radius:7px;background:transparent;cursor:pointer;}
.owner-row-color input::-webkit-color-swatch-wrapper{padding:0;}.owner-row-color input::-webkit-color-swatch{border:0;border-radius:4px;}.owner-row-color input::-moz-color-swatch{border:0;border-radius:4px;}
.owner-row-color span{min-width:0;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;}
.owner-row-tools{display:flex;gap:6px;}
.owner-icon-button{width:34px;height:34px;padding:0;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text-dim);cursor:pointer;}
.owner-icon-button:hover{color:white;border-color:rgba(169,112,255,.4);}
.owner-units{position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:12px;min-height:66px;border-radius:0 0 15px 15px;transition:background .15s ease,box-shadow .15s ease;}
.owner-units.is-owner-drop-zone{background:color-mix(in srgb,var(--row-color) 8%,rgba(63,224,200,.035));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--row-color) 52%,#3fe0c8);}
.owner-unit{display:grid;grid-template-columns:34px minmax(115px,1fr) minmax(160px,210px) 92px;align-items:end;gap:9px;width:min(100%,548px);min-height:66px;padding:9px;border-radius:11px;border:1px solid rgba(255,255,255,.095);background:#120d1d;cursor:default;user-select:auto;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;}
.owner-unit:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--unit-color) 48%,rgba(255,255,255,.16));background:color-mix(in srgb,var(--unit-color) 5%,#120d1d);box-shadow:0 7px 18px rgba(0,0,0,.2);}
.owner-unit-position{display:grid;place-items:center;align-self:center;width:34px;height:30px;border:1px solid color-mix(in srgb,var(--unit-color) 38%,rgba(255,255,255,.1));border-radius:8px;color:var(--unit-color);background:color-mix(in srgb,var(--unit-color) 8%,#0b0712);font:700 10.5px/1 "Segoe UI",Arial,sans-serif;}
.owner-unit-info{min-width:0;align-self:center;padding:5px 3px;border:0;border-radius:8px;color:var(--text);background:transparent;text-align:left;cursor:pointer;}
.owner-unit-info:hover{background:rgba(255,255,255,.045);}.owner-unit-info:focus-visible{outline:2px solid var(--unit-color);outline-offset:2px;}
.owner-unit-name{display:block;min-width:0;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.owner-unit-name small{display:block;margin-top:2px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--unit-color);}
.owner-unit-picker{display:grid;min-width:0;gap:4px;color:#8f829f;font:700 10px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;}
.owner-unit-picker select{width:100%;min-width:0;height:36px;padding:0 28px 0 9px;border:1px solid rgba(63,224,200,.26);border-radius:9px;color:#e9fffb;background:#0d1519;font:700 11.5px "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;outline:none;cursor:pointer;}
.owner-unit-picker select:hover{border-color:rgba(63,224,200,.58);}.owner-unit-picker select:focus{border-color:#3fe0c8;box-shadow:0 0 0 3px rgba(63,224,200,.1);}
.owner-unit-position-picker select{border-color:rgba(169,112,255,.28);color:#f2eaff;background:#130e1d;}.owner-unit-position-picker select:hover,.owner-unit-position-picker select:focus{border-color:#a970ff;box-shadow:0 0 0 3px rgba(169,112,255,.1);}
.owner-empty-row{align-self:center;padding:7px 9px;color:#8c7d9a;font-size:11.5px;pointer-events:none;}.owner-units.is-owner-drop-zone .owner-empty-row{display:none;}
.owner-unit-drop-placeholder{display:grid;place-items:center;width:min(100%,400px);min-height:52px;border:2px dashed color-mix(in srgb,var(--row-color) 62%,#3fe0c8);border-radius:11px;background:color-mix(in srgb,var(--row-color) 8%,rgba(63,224,200,.06));color:#bafff5;font:700 10.5px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;box-shadow:inset 0 0 18px rgba(63,224,200,.055);}
.owner-unit-drag-ghost{position:fixed;z-index:20050;margin:0;pointer-events:none;opacity:.94;transform:rotate(1.5deg) scale(1.02);box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 0 1px rgba(63,224,200,.4);cursor:grabbing;}
body.owner-unit-dragging{user-select:none;cursor:grabbing;}body.owner-unit-dragging *{cursor:grabbing!important;}
.owner-add-row{margin-top:14px;width:100%;border-style:dashed;}
.owner-curse-panel{display:grid;gap:18px;}
.owner-editor-dialog [role="tabpanel"][hidden]{display:none!important;}
.owner-curse-intro{margin:0;color:var(--text-dim);font-size:13.5px;line-height:1.65;}
.owner-curse-form{display:grid;gap:16px;padding:18px;border:1px solid rgba(169,112,255,.2);border-radius:18px;background:linear-gradient(145deg,rgba(24,15,39,.88),rgba(12,8,20,.94));}
.owner-curse-grid{display:grid;grid-template-columns:2fr .7fr .7fr 1.15fr 1fr;gap:10px;}
.owner-curse-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.owner-curse-tier{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);}
.owner-curse-tier h4{margin:0 0 11px;color:var(--violet);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;}
.owner-curse-tier-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.owner-achievement-editor{display:grid;gap:12px;padding:14px;border:1px solid rgba(240,185,58,.26);border-radius:14px;background:rgba(240,185,58,.045);}
.owner-achievement-toggle{display:flex;align-items:center;gap:9px;color:#f2dc9b;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
.owner-achievement-toggle input{width:18px;height:18px;margin:0;accent-color:#f0b93a;}
.owner-achievement-grid{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(280px,1.5fr);gap:10px;}
.owner-achievement-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:11px;border-top:1px solid rgba(240,185,58,.14);}
.owner-achievement-note{margin:0;color:var(--text-mute);font-size:11.5px;line-height:1.5;}
.owner-curse-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.owner-curse-help{color:var(--text-mute);font-size:11.5px;line-height:1.5;}
.owner-custom-list{display:grid;gap:9px;}
.owner-custom-empty{padding:18px;border:1px dashed rgba(255,255,255,.11);border-radius:14px;color:var(--text-mute);font-size:12.5px;text-align:center;}
.owner-custom-card{display:grid;grid-template-columns:auto minmax(130px,1fr) minmax(210px,1.6fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--curse-color) 35%,transparent);border-radius:14px;background:rgba(255,255,255,.025);}
.owner-custom-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--curse-color) 60%,transparent);border-radius:11px;background:color-mix(in srgb,var(--curse-color) 13%,#100a19);color:var(--curse-color);font-size:20px;}
.owner-custom-name{font-size:14px;font-weight:700;color:var(--curse-color);}
.owner-custom-name small{display:block;margin-top:3px;color:var(--text-mute);font:700 10.5px "Segoe UI",Arial,sans-serif;}
.owner-custom-tiers{color:var(--text-dim);font-size:10.5px;line-height:1.55;}
.owner-custom-achievement{color:#f2cf72;font-weight:700;}
.owner-custom-actions{display:flex;gap:6px;}
.owner-custom-card.disabled{opacity:.55;}
.owner-custom-kind{display:inline-flex;margin-top:5px;padding:3px 6px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#b9aacb;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.owner-unit-editor-layout{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,2.3fr);gap:16px;align-items:start;}
.owner-unit-sidebar{display:grid;gap:12px;position:sticky;top:0;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025);}
.owner-unit-mode-actions{display:grid;grid-template-columns:1fr auto;gap:8px;}
.owner-unit-mode-actions .owner-button{padding-inline:11px;}
.owner-unit-preview-label{margin-bottom:-7px;color:var(--text-mute);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.owner-unit-preview{display:grid;place-items:center;min-height:190px;overflow:hidden;border:1px solid rgba(169,112,255,.25);border-radius:14px;background:#08050e;}
.owner-unit-preview img{display:block;width:100%;max-height:300px;object-fit:contain;}
.owner-unit-preview-empty{padding:18px;color:var(--text-mute);font-size:11.5px;text-align:center;}
.owner-unit-portrait-preview{display:grid;place-items:center;width:112px;aspect-ratio:1;margin:auto;overflow:hidden;border:1px solid rgba(169,112,255,.25);border-radius:15px;background:#08050e;color:#fff;font-size:24px;font-weight:950;}
.owner-unit-portrait-preview img{display:block;width:100%;height:100%;object-fit:cover;}
.owner-unit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.owner-unit-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.owner-unit-image-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.owner-unit-image-section{display:grid;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.022);}
.owner-unit-image-section h4{margin:0;color:var(--violet);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;}
.owner-image-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;}
.owner-file-note{color:var(--text-mute);font-size:10.5px;line-height:1.5;text-transform:none;letter-spacing:0;}
.owner-leaderboard-list{display:grid;gap:9px;}
.owner-leaderboard-card{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.3fr) minmax(100px,.8fr) minmax(120px,.9fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);}
.owner-leaderboard-card.hidden-entry{border-color:rgba(255,141,160,.25);opacity:.72;}
.owner-leaderboard-card strong{display:block;color:#fff;font-size:13.5px;}
.owner-leaderboard-card small{display:block;margin-top:3px;color:var(--text-mute);font:700 10.5px "Segoe UI",Arial,sans-serif;}
.owner-leaderboard-actions{display:flex;gap:6px;justify-content:flex-end;}
.owner-cloud-users-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px;}
.owner-cloud-users-search{flex:1 1 260px;max-width:460px;}
.owner-achievement-grant{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(240px,1.6fr) auto;align-items:end;gap:10px;margin:0 0 14px;padding:13px 14px;border:1px solid rgba(240,185,58,.25);border-radius:14px;background:linear-gradient(145deg,rgba(79,58,19,.24),rgba(255,255,255,.022));}
.owner-achievement-grant[hidden]{display:none!important;}
.owner-achievement-grant-target{align-self:center;min-width:0;}
.owner-achievement-grant-target strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#f2cf72;font-size:14px;white-space:nowrap;}
.owner-achievement-grant-target small{display:block;margin-top:4px;color:var(--text-mute);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;}
.owner-achievement-grant-actions{display:flex;gap:6px;}
.owner-achievement-grant-status{grid-column:1/-1;margin:0;}
.owner-cloud-users-list{display:grid;gap:9px;}
.owner-cloud-user-card{display:grid;grid-template-columns:minmax(150px,1.15fr) repeat(4,minmax(95px,.8fr)) minmax(230px,1.35fr);align-items:center;gap:10px;padding:13px 14px;border:1px solid rgba(76,218,154,.17);border-radius:14px;background:linear-gradient(145deg,rgba(34,57,49,.19),rgba(255,255,255,.022));}
.owner-cloud-user-card.moderated{border-color:rgba(255,141,160,.3);background:linear-gradient(145deg,rgba(69,27,43,.24),rgba(255,255,255,.022));}
.owner-cloud-user-card strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:13.5px;white-space:nowrap;}
.owner-cloud-user-card small{display:block;margin-top:4px;color:var(--text-mute);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;}
.owner-cloud-user-name strong{color:#7af2bd;font-size:14px;}
.owner-cloud-user-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;}
.owner-cloud-user-badge{padding:4px 6px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#9e91ab;background:rgba(255,255,255,.035);font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;}
.owner-cloud-user-badge.warning{border-color:rgba(255,141,160,.4);color:#ff9eb0;background:rgba(255,82,115,.08);}
.owner-cloud-user-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
.owner-cloud-user-actions .owner-button{min-height:34px;padding:0 9px;font-size:10.5px;}
.owner-cloud-users-count{color:#7af2bd;font:700 12.5px "Segoe UI",Arial,sans-serif;}
.owner-feedback-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.owner-feedback-count{color:#c9a5ff;font:700 12.5px "Segoe UI",Arial,sans-serif;}
.owner-feedback-list{display:grid;gap:10px;}
.owner-feedback-card{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(260px,1.8fr) minmax(140px,.7fr);align-items:start;gap:14px;padding:15px 16px;border:1px solid rgba(169,112,255,.2);border-radius:15px;background:linear-gradient(145deg,rgba(35,22,55,.38),rgba(255,255,255,.02));}
.owner-feedback-card.upgrade{border-left:3px solid #67ffbf;}.owner-feedback-card.downgrade{border-left:3px solid #ff8994;}
.owner-feedback-unit{display:block;color:#fff;font-size:14px;}.owner-feedback-meta{display:block;margin-top:5px;color:var(--text-mute);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;}
.owner-feedback-direction-badge{display:inline-flex;margin-top:9px;padding:5px 8px;border:1px solid currentColor;border-radius:999px;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.owner-feedback-tierlist-badge{display:inline-flex;margin:7px 0 0 6px;padding:5px 8px;border:1px solid rgba(63,224,200,.38);border-radius:999px;color:#8fffee;background:rgba(63,224,200,.07);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;}
.owner-feedback-card.upgrade .owner-feedback-direction-badge{color:#67ffbf;background:rgba(103,255,191,.07);}.owner-feedback-card.downgrade .owner-feedback-direction-badge{color:#ff8994;background:rgba(255,137,148,.07);}
.owner-feedback-reason{margin:0;color:#d8cee2;font-size:12.5px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;}
.owner-feedback-source{text-align:right;}.owner-feedback-source strong{display:block;color:#fff;font-size:12.5px;}.owner-feedback-source small{display:block;margin-top:4px;color:var(--text-mute);font:700 10.5px "Segoe UI",Arial,sans-serif;line-height:1.45;text-transform:uppercase;}
.owner-feedback-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07);}
.owner-feedback-actions .owner-button{min-height:35px;padding:0 12px;font-size:10.5px;}
.owner-tier-history-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px;}
.owner-tier-history-filter{flex:0 1 300px;}
.owner-tier-history-list{display:grid;gap:12px;}
.owner-tier-history-card{overflow:hidden;border:1px solid rgba(63,224,200,.2);border-radius:16px;background:linear-gradient(145deg,rgba(19,45,48,.25),rgba(255,255,255,.02));}
.owner-tier-history-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);}
.owner-tier-history-head strong{display:block;color:#effffb;font-size:13.5px;}
.owner-tier-history-head small{display:block;margin-top:4px;color:var(--text-mute);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;}
.owner-tier-history-count{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(63,224,200,.3);border-radius:999px;color:#80f5e4;background:rgba(63,224,200,.07);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;}
.owner-tier-history-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;}
.owner-tier-history-group{padding:12px 13px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.022);}
.owner-tier-history-group.overall{border-color:rgba(240,185,58,.22);}.owner-tier-history-group.role{border-color:rgba(169,112,255,.23);}.owner-tier-history-group.endless{border-color:rgba(63,224,200,.24);}
.owner-tier-history-group h4{margin:0 0 9px;color:#f0c85e;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;}
.owner-tier-history-group.role h4{color:#c49aff;}.owner-tier-history-group.endless h4{color:#78ebda;}
.owner-tier-history-changes{display:grid;gap:7px;margin:0;padding:0;list-style:none;}
.owner-tier-history-change{position:relative;padding:8px 9px 8px 24px;border-radius:9px;color:#cfc5d7;background:rgba(255,255,255,.025);font-size:11.5px;line-height:1.5;overflow-wrap:anywhere;}
.owner-tier-history-change::before{content:"•";position:absolute;left:10px;top:7px;color:#9f8caf;font-size:14px;}
.owner-tier-history-change.move::before{content:"↗";color:#73eedc;font-size:11.5px;top:9px;}.owner-tier-history-change.add::before{content:"+";color:#67ffbf;font-weight:700;}.owner-tier-history-change.remove::before{content:"−";color:#ff8994;font-weight:700;}.owner-tier-history-change.row::before{content:"◆";color:#c49aff;font-size:10.5px;top:11px;}.owner-tier-history-change.order::before{content:"↕";color:#ffd17c;font-size:11.5px;top:9px;}
.owner-tier-history-empty{padding:22px;border:1px dashed rgba(255,255,255,.11);border-radius:14px;color:var(--text-mute);font-size:12.5px;line-height:1.6;text-align:center;}
.owner-tier-history-more{width:100%;margin-top:12px;border-style:dashed;}
.owner-tier-history-more[hidden]{display:none!important;}
.owner-changelog-body{min-height:360px!important;font-family:"Segoe UI",Arial,sans-serif!important;font-size:12.5px!important;line-height:1.65!important;}
.owner-changelog-help{margin:0;padding:12px 14px;border:1px solid rgba(63,224,200,.2);border-radius:12px;color:var(--text-dim);background:rgba(63,224,200,.045);font-size:11.5px;line-height:1.6;}
.owner-feedback-agree{border-color:rgba(103,255,191,.38);color:#89ffca;background:rgba(103,255,191,.06);}.owner-feedback-disagree{border-color:rgba(255,185,72,.38);color:#ffd17c;background:rgba(255,185,72,.06);}
.owner-feedback-review{display:grid;gap:13px;margin:0 0 14px;padding:16px;border:1px solid rgba(169,112,255,.32);border-radius:16px;background:radial-gradient(circle at 95% 0,rgba(169,112,255,.1),transparent 36%),rgba(20,13,32,.94);}
.owner-feedback-review[hidden]{display:none!important;}
.owner-feedback-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}.owner-feedback-review-head strong{display:block;color:#fff;font-size:14px;}.owner-feedback-review-head small{display:block;margin-top:4px;color:var(--text-mute);font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.owner-feedback-review-badge{padding:6px 9px;border:1px solid currentColor;border-radius:999px;font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}.owner-feedback-review-badge.agreed{color:#67ffbf}.owner-feedback-review-badge.disagreed{color:#ffd17c}.owner-feedback-review-badge.deleted{color:#ff8994}
.owner-feedback-review-actions{display:flex;justify-content:flex-end;gap:7px;}.owner-feedback-review-note{margin:0;color:var(--text-mute);font-size:10.5px;line-height:1.55;}
.owner-form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.owner-form-heading h3{margin:0;font-size:17px;}
.owner-setup-note{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(240,185,58,.08);border:1px solid rgba(240,185,58,.2);font-size:12.5px;line-height:1.55;color:#e8d29b;}
@media(max-width:760px){
  .owner-editor-modal{padding:0;align-items:stretch;}
  .owner-editor-dialog{max-height:none;height:100%;border-radius:0;}
  .owner-editor-body{padding:16px 12px;}
  .owner-editor-toolbar,.owner-row-head{display:grid;grid-template-columns:1fr;}
  .owner-toolbar-actions{justify-content:flex-start;}
  .owner-unit,.owner-unit-drop-placeholder{width:100%;}.owner-unit{grid-template-columns:34px minmax(0,1fr);}.owner-unit-tier-picker,.owner-unit-position-picker{grid-column:1/-1;}
  .owner-row-tools{justify-content:flex-end;}
  .owner-curse-grid,.owner-curse-tier-grid{grid-template-columns:1fr;}
  .owner-curse-tier-fields{grid-template-columns:repeat(3,minmax(0,1fr));}
  .owner-custom-card{grid-template-columns:auto 1fr;}
  .owner-custom-tiers,.owner-custom-actions{grid-column:1/-1;}
  .owner-unit-editor-layout,.owner-unit-grid,.owner-unit-copy-grid,.owner-unit-image-sections,.owner-achievement-grid,.owner-achievement-reward-grid{grid-template-columns:1fr;}
  .owner-unit-sidebar{position:static;}
  .owner-leaderboard-card{grid-template-columns:1fr 1fr;}
  .owner-leaderboard-actions{grid-column:1/-1;justify-content:flex-start;}
  .owner-cloud-users-toolbar{align-items:stretch;flex-direction:column;}
  .owner-cloud-users-search{max-width:none;width:100%;}
  .owner-achievement-grant{grid-template-columns:1fr;}
  .owner-achievement-grant-actions{justify-content:flex-start;}
  .owner-achievement-grant-status{grid-column:auto;}
  .owner-cloud-user-card{grid-template-columns:1fr 1fr;}
  .owner-cloud-user-name{grid-column:1/-1;}
  .owner-cloud-user-actions{grid-column:1/-1;justify-content:flex-start;}
  .owner-feedback-toolbar{align-items:stretch;flex-direction:column;}
  .owner-feedback-card{grid-template-columns:1fr;}
  .owner-feedback-source{text-align:left;}
  .owner-feedback-actions,.owner-feedback-review-actions{justify-content:flex-start;}
  .owner-tier-history-toolbar{align-items:stretch;flex-direction:column;}
  .owner-tier-history-filter{flex-basis:auto;width:100%;}
  .owner-tier-history-head{align-items:flex-start;flex-direction:column;}
  .owner-tier-history-groups{grid-template-columns:1fr;}
  .owner-image-tools{grid-template-columns:1fr;}
  .owner-curse-form-actions{align-items:stretch;flex-direction:column;}
  .owner-editor-open{right:8px;bottom:8px;width:25px;height:25px;font-size:11.5px;}
}

/* ---------- UNIT FACTION BOOST CALCULATOR ---------- */
.faction-boost-control{position:relative;flex:none;}
.faction-boost-toggle{
  min-height:40px;
  padding:0 13px;
  border:1px solid rgba(63,224,200,.48);
  border-radius:11px;
  color:#73f4df;
  background:rgba(63,224,200,.07);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
.faction-boost-toggle:hover,.faction-boost-toggle[aria-expanded="true"]{border-color:#63f1dd;background:rgba(63,224,200,.14);}
.faction-boost-toggle.has-active{color:#071712;background:linear-gradient(135deg,#9fffe9,#3fe0c8);box-shadow:0 0 20px rgba(63,224,200,.28);}
.faction-boost-toggle:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;}
.faction-boost-panel{
  position:absolute;
  z-index:30;
  top:calc(100% + 10px);
  right:0;
  width:min(350px,calc(100vw - 28px));
  max-height:min(480px,calc(100vh - 105px));
  overflow:auto;
  padding:14px;
  border:1px solid rgba(63,224,200,.32);
  border-radius:15px;
  background:linear-gradient(155deg,rgba(26,20,40,.99),rgba(9,7,15,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.72),0 0 34px rgba(63,224,200,.1);
}
.faction-boost-panel[hidden]{display:none!important;}
.faction-boost-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.faction-boost-head strong{font:700 12.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;}
.faction-race-badge{padding:5px 8px;border:1px solid currentColor;border-radius:999px;font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.faction-boost-help{margin:8px 0 11px;color:var(--text-mute);font-size:11.5px;line-height:1.5;}
.faction-boost-options{display:grid;gap:7px;}
.faction-boost-option{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  color:var(--text-dim);
  background:rgba(255,255,255,.025);
  text-align:left;
}
.faction-boost-option:hover{border-color:rgba(63,224,200,.32);background:rgba(63,224,200,.055);}
.faction-boost-option[aria-pressed="true"]{border-color:rgba(63,224,200,.62);color:#fff;background:rgba(63,224,200,.11);box-shadow:inset 0 0 20px rgba(63,224,200,.04);}
.faction-boost-name{display:block;font-size:12.5px;font-weight:700;}
.faction-boost-effect{display:block;margin-top:3px;color:var(--text-mute);font:700 10.5px "Segoe UI",Arial,sans-serif;line-height:1.45;}
.faction-boost-switch{width:31px;height:18px;padding:2px;border-radius:999px;background:rgba(255,255,255,.11);transition:.16s ease;}
.faction-boost-switch::after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#8e849b;transition:.16s ease;}
.faction-boost-option[aria-pressed="true"] .faction-boost-switch{background:#3fe0c8;}
.faction-boost-option[aria-pressed="true"] .faction-boost-switch::after{transform:translateX(13px);background:#061510;}
.faction-boost-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);}
.faction-boost-count{color:var(--text-mute);font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.faction-boost-clear{padding:7px 9px;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:var(--text-dim);background:rgba(255,255,255,.035);font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.faction-boost-clear:hover{color:#fff;border-color:rgba(255,255,255,.25);}
.shiny-summary.faction-active .shiny-stat{border-color:rgba(63,224,200,.34);background:rgba(63,224,200,.045);}
.shiny-summary.faction-active .shiny-stat-value{color:#79f4df;text-shadow:0 0 10px rgba(63,224,200,.18);}
.unit-dialog.faction-active{border-color:rgba(63,224,200,.66);box-shadow:0 30px 100px rgba(0,0,0,.78),0 0 48px rgba(63,224,200,.13);}

/* ---------- GLOBAL DPS STAT PREVIEW ---------- */
.ranking-boost-controls{
  position:relative;
  z-index:12;
  display:grid;
  grid-template-columns:minmax(190px,.72fr) minmax(0,2fr);
  gap:11px 18px;
  align-items:center;
  margin:-2px 0 19px;
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:linear-gradient(125deg,rgba(169,112,255,.065),rgba(63,224,200,.035) 68%,rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.ranking-boost-copy{min-width:0;}
.ranking-boost-title{display:block;color:#fff;font:700 11.5px "Segoe UI",Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;}
.ranking-boost-copy small{display:block;margin-top:5px;color:var(--text-mute);font-size:10.5px;line-height:1.45;}
.ranking-boost-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.ranking-boost-pill,.ranking-boost-reset{
  min-height:36px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  color:var(--text-dim);
  background:rgba(255,255,255,.035);
  font:700 10.5px "Segoe UI",Arial,sans-serif;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:nowrap;
}
.ranking-boost-pill:hover,.ranking-boost-reset:hover:not(:disabled){color:#fff;border-color:rgba(255,255,255,.27);background:rgba(255,255,255,.07);}
.ranking-shiny-pill[aria-pressed="true"]{color:#201400;border-color:#f4c94e;background:linear-gradient(135deg,#ffec91,#e9b72f);box-shadow:0 0 20px rgba(244,201,78,.22);}
.ranking-faction-toggle[aria-expanded="true"],.ranking-faction-toggle.has-active{color:#071712;border-color:#63f1dd;background:linear-gradient(135deg,#9fffe9,#3fe0c8);box-shadow:0 0 20px rgba(63,224,200,.2);}
.ranking-boost-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:3px;padding:0 5px;border-radius:999px;background:rgba(0,0,0,.22);font-size:10.5px;}
.ranking-nightmare-control{display:flex;align-items:center;min-height:36px;padding:3px;border:1px solid rgba(192,91,255,.28);border-radius:10px;background:rgba(192,91,255,.045);}
.ranking-nightmare-control>span{padding:0 8px;color:#d797ff;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;}
.ranking-nightmare-control button{min-width:34px;height:28px;padding:0 7px;border:0;border-radius:7px;color:#8f829f;background:transparent;font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.ranking-nightmare-control button:hover{color:#fff;background:rgba(192,91,255,.1);}
.ranking-nightmare-control button[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#9f3bea,#5d1e9c);box-shadow:0 0 14px rgba(192,91,255,.22);}
.ranking-boost-reset:disabled{opacity:.42;cursor:not-allowed;}
.ranking-boost-status{grid-column:1/-1;padding-top:9px;border-top:1px solid rgba(255,255,255,.06);color:#b9aec7;font:700 10.5px "Segoe UI",Arial,sans-serif;line-height:1.45;letter-spacing:.025em;}
.ranking-boost-controls.has-active .ranking-boost-status{color:#75ead8;}
.ranking-boost-formula-title{display:block;color:#fff;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;}
.ranking-boost-formula-main{display:block;margin-top:4px;color:inherit;font-size:12px;letter-spacing:0;}
.ranking-boost-formula-detail{display:block;margin-top:4px;color:var(--text-mute);font-size:10.5px;font-weight:600;letter-spacing:0;}
.ranking-faction-control{position:relative;}
.ranking-faction-panel{
  position:absolute;
  z-index:40;
  top:calc(100% + 9px);
  right:0;
  width:min(580px,calc(100vw - 32px));
  max-height:min(520px,calc(100vh - 110px));
  overflow:auto;
  padding:14px;
  border:1px solid rgba(63,224,200,.34);
  border-radius:15px;
  background:linear-gradient(150deg,rgba(25,19,38,.995),rgba(8,7,14,.995));
  box-shadow:0 26px 80px rgba(0,0,0,.76),0 0 32px rgba(63,224,200,.11);
}
.ranking-faction-panel[hidden]{display:none!important;}
.ranking-faction-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px;}
.ranking-faction-head strong{display:block;color:#fff;font:700 11.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.ranking-faction-head small{display:block;max-width:330px;margin-top:5px;color:var(--text-mute);font-size:10.5px;line-height:1.45;}
.ranking-faction-head-actions{display:flex;gap:6px;flex:none;}
.ranking-faction-head-actions button{padding:7px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--text-dim);background:rgba(255,255,255,.035);font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;white-space:nowrap;}
.ranking-faction-head-actions button:hover:not(:disabled){color:#fff;border-color:rgba(63,224,200,.38);}
.ranking-faction-head-actions button:disabled{opacity:.4;cursor:not-allowed;}
.ranking-faction-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.ranking-faction-option{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(255,255,255,.085);border-radius:10px;color:var(--text-dim);background:rgba(255,255,255,.022);text-align:left;}
.ranking-faction-option:hover{border-color:rgba(63,224,200,.3);background:rgba(63,224,200,.05);}
.ranking-faction-option[aria-pressed="true"]{border-color:rgba(63,224,200,.58);color:#fff;background:rgba(63,224,200,.1);}
.ranking-faction-option-copy{min-width:0;}
.ranking-faction-option-name{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;}
.ranking-faction-race{padding:3px 5px;border:1px solid currentColor;border-radius:999px;font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;}
.ranking-faction-option-effect{display:block;margin-top:3px;color:var(--text-mute);font:700 10px "Segoe UI",Arial,sans-serif;line-height:1.4;}
.ranking-faction-option[aria-pressed="true"] .faction-boost-switch{background:#3fe0c8;}
.ranking-faction-option[aria-pressed="true"] .faction-boost-switch::after{transform:translateX(13px);background:#061510;}
.ranking-placement-toggle{border-color:rgba(240,185,58,.3);color:#f2cf72;background:rgba(240,185,58,.055);}
.ranking-placement-toggle:hover,.ranking-placement-toggle[aria-expanded="true"]{color:#fff1ad;border-color:rgba(240,185,58,.72);background:rgba(240,185,58,.13);box-shadow:0 0 18px rgba(240,185,58,.12);}
.placement-limit-modal{
  position:fixed;
  inset:0;
  z-index:10140;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(4,3,8,.9);
  backdrop-filter:blur(16px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}
.placement-limit-modal.open{opacity:1;visibility:visible;pointer-events:auto;}
.placement-limit-dialog{
  width:min(1040px,100%);
  max-height:calc(100vh - 44px);
  overflow:auto;
  border:1px solid rgba(240,185,58,.42);
  border-radius:22px;
  background:radial-gradient(circle at 92% 0,rgba(240,185,58,.09),transparent 31%),radial-gradient(circle at 7% 100%,rgba(169,112,255,.1),transparent 34%),linear-gradient(155deg,#191127,#09060f 62%);
  box-shadow:0 34px 110px rgba(0,0,0,.82),0 0 50px rgba(240,185,58,.08);
  transform:translateY(10px) scale(.985);
  transition:transform .18s ease;
}
.placement-limit-modal.open .placement-limit-dialog{transform:none;}
.placement-limit-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(13,9,21,.95);
  backdrop-filter:blur(12px);
}
.placement-limit-kicker{color:var(--gold);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;}
.placement-limit-head h2{margin:5px 0 0;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(20px,3vw,28px);line-height:1.25;}
.placement-limit-summary{display:flex;align-items:center;gap:9px;flex:none;}
.placement-limit-total{padding:7px 10px;border:1px solid rgba(240,185,58,.3);border-radius:999px;color:#f3d879;background:rgba(240,185,58,.07);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;}
.placement-limit-body{padding:18px 20px 22px;}
.placement-limit-intro{margin:0 0 16px;color:#c7bbd0;font-size:12.5px;line-height:1.65;}
.placement-limit-intro strong{color:#fff;}
.placement-limit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;}
.placement-limit-group{overflow:hidden;border:1px solid color-mix(in srgb,var(--placement-color) 32%,rgba(255,255,255,.07));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--placement-color) 7%,transparent),rgba(255,255,255,.018));}
.placement-limit-group-head{display:flex;align-items:center;gap:11px;padding:12px 13px;border-bottom:1px solid color-mix(in srgb,var(--placement-color) 18%,rgba(255,255,255,.06));background:color-mix(in srgb,var(--placement-color) 4%,transparent);}
.placement-limit-number{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--placement-color) 55%,transparent);border-radius:10px;color:#08050d;background:var(--placement-color);font:950 14px "Segoe UI",Arial,sans-serif;box-shadow:0 0 16px color-mix(in srgb,var(--placement-color) 24%,transparent);}
.placement-limit-group-title{min-width:0;}
.placement-limit-group-title h3{margin:0;color:#fff;font:700 11.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.placement-limit-group-title small{display:block;margin-top:4px;color:var(--text-mute);font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.placement-limit-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:7px;padding:10px;}
.placement-limit-unit{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  color:#ded5e5;
  background:rgba(255,255,255,.025);
  text-align:left;
}
.placement-limit-unit:hover{color:#fff;border-color:color-mix(in srgb,var(--placement-color) 52%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--placement-color) 8%,rgba(255,255,255,.025));transform:translateY(-1px);}
.placement-limit-portrait{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--unit-rarity) 52%,rgba(255,255,255,.14));border-radius:9px;background-color:#17101f;background-repeat:no-repeat;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.24);}
.placement-limit-unit-name{overflow:hidden;text-overflow:ellipsis;font-size:11.5px;font-weight:700;white-space:nowrap;}
.placement-limit-unit-arrow{color:var(--placement-color);font-size:14px;transition:transform .16s ease;}
.placement-limit-unit:hover .placement-limit-unit-arrow{transform:translateX(2px);}
.placement-limit-empty{grid-column:1/-1;padding:30px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:var(--text-mute);font-size:12.5px;text-align:center;}
@media(max-width:640px){
  .faction-boost-toggle{min-height:34px;padding:0 8px;font-size:10px;}
  .faction-boost-panel{position:fixed;top:72px;right:10px;left:10px;width:auto;max-height:calc(100vh - 92px);}
  .ranking-boost-controls{grid-template-columns:1fr;padding:12px;}
  .ranking-boost-actions{justify-content:flex-start;}
  .ranking-nightmare-control{order:3;width:100%;}
  .ranking-nightmare-control button{flex:1;}
  .ranking-faction-panel{position:fixed;top:66px;right:10px;left:10px;width:auto;max-height:calc(100vh - 84px);}
  .ranking-faction-options{grid-template-columns:1fr;}
  .ranking-faction-head{flex-direction:column;}
  .ranking-placement-toggle{flex:1 1 170px;}
  .placement-limit-modal{padding:10px;}
  .placement-limit-dialog{max-height:calc(100vh - 20px);border-radius:16px;}
  .placement-limit-head{padding:14px;gap:10px;}
  .placement-limit-summary{align-items:flex-end;flex-direction:column-reverse;}
  .placement-limit-total{padding:5px 8px;font-size:10px;}
  .placement-limit-body{padding:12px;}
  .placement-limit-grid{grid-template-columns:1fr;}
  .placement-limit-units{grid-template-columns:1fr;}
}

/* ---------- OVERALL, ROLE AND ENDLESS TIER VIEWS ---------- */
.tier-view-toolbar{
  display:grid;
  grid-template-columns:minmax(540px,720px) minmax(260px,1fr);
  align-items:center;
  gap:18px;
  margin:4px 0 17px;
  padding:12px;
  border:1px solid rgba(169,112,255,.25);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(26,17,42,.82),rgba(7,5,13,.88));
  box-shadow:0 14px 34px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05);
}
.tier-view-picker{display:grid;gap:8px;min-width:0;}
.tier-view-side{display:grid;gap:10px;justify-items:end;min-width:0;}
.tier-view-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;}
.tier-view-actions .ranking-boost-pill{min-height:38px;}
.tier-view-prompt{display:flex;align-items:center;gap:7px;padding:0 3px;color:#d4c0eb;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;}
.tier-view-prompt::before{content:"";width:7px;height:7px;border-radius:50%;background:#b77cff;box-shadow:0 0 0 4px rgba(183,124,255,.12),0 0 14px rgba(183,124,255,.65);}
.tier-view-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;}
.tier-view-button{
  display:grid;
  grid-template-columns:29px minmax(0,1fr) 16px;
  align-items:center;
  gap:9px;
  min-height:60px;
  padding:8px 11px;
  border:1px solid rgba(169,112,255,.28);
  border-radius:13px;
  color:#e7ddf1;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(169,112,255,.035));
  font-family:inherit;
  font-weight:700;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
  transition:transform .16s ease,color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.tier-view-button:hover{transform:translateY(-2px);color:#fff;border-color:rgba(190,144,255,.7);background:linear-gradient(145deg,rgba(169,112,255,.16),rgba(255,255,255,.065));box-shadow:0 10px 22px rgba(68,30,107,.22),inset 0 1px rgba(255,255,255,.08);}
.tier-view-button-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(183,124,255,.32);border-radius:9px;color:#d6b8ff;background:rgba(169,112,255,.1);font:700 12.5px "Segoe UI",Arial,sans-serif;}
.tier-view-button-copy{display:block;min-width:0;}
.tier-view-button-copy strong{display:block;color:inherit;font-size:11.5px;line-height:1.15;white-space:nowrap;}
.tier-view-button-copy small{display:block;margin-top:4px;color:#9f90ad;font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.04em;white-space:nowrap;}
.tier-view-button-arrow{color:#ad93c5;font-size:15px;transition:transform .16s ease,color .16s ease;}
.tier-view-button:hover .tier-view-button-arrow{transform:translateX(2px);color:#fff;}
.tier-view-button.active{
  color:#fff;
  border-color:rgba(205,168,255,.8);
  background:linear-gradient(135deg,rgba(105,50,180,.96),rgba(157,87,235,.92));
  box-shadow:0 11px 27px rgba(92,42,157,.34),inset 0 1px rgba(255,255,255,.15);
}
.tier-view-button.active .tier-view-button-icon{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.14);}
.tier-view-button.active .tier-view-button-copy small,.tier-view-button.active .tier-view-button-arrow{color:#f0e4ff;}
.tier-view-button:focus-visible{outline:2px solid var(--violet);outline-offset:2px;}
.tier-view-rule{margin:0;padding:0 12px;color:#9e91ac;font-size:11.5px;line-height:1.55;}

.tierlist-section .tier-board{display:grid;gap:12px;border:0;border-radius:0;background:transparent;overflow:visible;}
.tierlist-section .tier-board.is-loading{pointer-events:none;user-select:none;}
.tier-loading-row{
  display:grid;
  grid-template-columns:minmax(190px,225px) minmax(0,1fr);
  min-height:126px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(18,13,29,.88),rgba(9,7,15,.9));
  box-shadow:0 15px 38px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.025);
}
.tier-loading-heading{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  padding:22px 20px;
  border-right:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.012);
}
.tier-loading-heading span,.tier-loading-heading small,.tier-loading-card::before,.tier-loading-copy span{
  display:block;
  border-radius:999px;
  background:linear-gradient(100deg,rgba(255,255,255,.045) 20%,rgba(255,255,255,.13) 42%,rgba(255,255,255,.045) 64%);
  background-size:240% 100%;
  animation:tierBoardShimmer 1.15s linear infinite;
}
.tier-loading-heading span{width:55%;height:16px;}
.tier-loading-heading small{width:78%;height:8px;}
.tier-loading-units{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:9px;
  padding:13px;
}
.tier-loading-card{
  position:relative;
  min-height:78px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.065);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.tier-loading-card::before{content:"";position:absolute;left:10px;top:12px;width:52px;height:52px;border-radius:11px;}
.tier-loading-copy{position:absolute;left:75px;right:12px;top:18px;display:grid;gap:9px;}
.tier-loading-copy span:nth-child(1){width:68%;height:10px;}
.tier-loading-copy span:nth-child(2){width:86%;height:7px;}
.tier-loading-copy span:nth-child(3){width:58%;height:7px;}
@keyframes tierBoardShimmer{from{background-position:110% 0}to{background-position:-110% 0}}
.tierlist-section .tier-line{
  display:grid;
  grid-template-columns:minmax(190px,225px) minmax(0,1fr);
  min-height:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--tier-color) 31%,rgba(255,255,255,.075));
  border-radius:17px;
  background:linear-gradient(145deg,rgba(18,13,29,.88),rgba(9,7,15,.9));
  box-shadow:0 15px 38px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.025);
}
.tierlist-section .tier-letter{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  padding:22px 20px;
  border:0;
  border-right:1px solid color-mix(in srgb,var(--tier-color) 26%,rgba(255,255,255,.06));
  color:var(--tier-color);
  background:radial-gradient(circle at 5% 8%,color-mix(in srgb,var(--tier-color) 17%,transparent),transparent 62%),rgba(255,255,255,.012);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1.18;
  text-align:left;
}
.tierlist-section .tier-letter small{margin-top:8px;color:#887c95;font:700 10.5px/1.55 "Segoe UI",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;}
.tierlist-section .tier-units{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(245px,1fr));
  align-items:stretch;
  align-content:center;
  gap:9px;
  padding:13px;
}
.tierlist-section .tier-unit{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:12px;
  width:auto;
  max-width:none;
  min-height:78px;
  padding:10px 12px 10px 10px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:13px;
  color:var(--text);
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  text-align:left;
}
.tierlist-section .tier-unit-shell{position:relative;min-width:0;}
.tierlist-section .tier-unit-shell .tier-unit{width:100%;height:100%;}
.tierlist-section .tier-unit:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tier-color) 55%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--tier-color) 7%,rgba(255,255,255,.025));box-shadow:0 12px 25px rgba(0,0,0,.23);}
.tierlist-section .tier-unit:focus-visible{outline:2px solid var(--tier-color);outline-offset:2px;}
.tierlist-section .tier-unit-avatar{
  width:54px;
  height:54px;
  border:1px solid color-mix(in srgb,var(--unit-rarity) 55%,rgba(255,255,255,.16));
  border-radius:11px;
  background-color:#17101f;
  background-repeat:no-repeat;
  box-shadow:0 7px 18px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.12);
  color:#fff;
  font-size:13.5px;
}
.tierlist-section .tier-unit-copy{display:grid;width:auto;max-width:none;gap:5px;min-width:0;}
.tierlist-section .tier-unit-top{display:flex;align-items:center;gap:7px;min-width:0;}
.tierlist-section .tier-unit-name{color:#f8f3ff;font-size:13.5px;font-weight:700;}
.tierlist-section .tier-unit-score{margin:0;color:#807488;font:700 10.5px "Segoe UI",Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tier-unit-context{display:flex;align-items:center;gap:6px;min-width:0;}
.tier-unit-context-rank{
  flex:0 0 auto;
  padding:3px 6px;
  border:1px solid color-mix(in srgb,var(--tier-color) 48%,transparent);
  border-radius:999px;
  color:color-mix(in srgb,var(--tier-color) 78%,#fff);
  background:color-mix(in srgb,var(--tier-color) 8%,transparent);
  font:700 10px "Segoe UI",Arial,sans-serif;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.tier-unit-context-text{min-width:0;color:#aa9db7;font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;}

.owner-tier-mode{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  margin-bottom:14px;
  padding:14px 16px;
  border:1px solid rgba(169,112,255,.2);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(169,112,255,.055),rgba(255,255,255,.018));
}
.owner-tier-mode strong{display:block;color:#f5efff;font-size:14px;}
.owner-tier-mode p{margin:5px 0 0;color:#95879f;font-size:11.5px;line-height:1.5;}
.owner-tier-mode-switch{display:flex;gap:7px;}
.owner-tier-mode-switch .owner-button{flex:1;}
.owner-tier-mode-switch .owner-button.active{border-color:#b783ff;color:#fff;background:linear-gradient(135deg,#7040b4,#9e62eb);box-shadow:0 8px 20px rgba(118,62,210,.2);}

@media(max-width:820px){
  .tier-view-toolbar{grid-template-columns:1fr;gap:8px;}
  .tier-view-side{justify-items:stretch;}
  .tier-view-actions{justify-content:stretch;}
  .tier-view-actions .ranking-boost-pill{width:100%;}
  .tier-view-switch{min-width:0;width:100%;}
  .tier-view-rule{padding:3px 7px 7px;}
  .tierlist-section .tier-line{grid-template-columns:170px minmax(0,1fr);}
  .tierlist-section .tier-units{grid-template-columns:1fr;}
  .tier-loading-row{grid-template-columns:170px minmax(0,1fr);}
  .tier-loading-units{grid-template-columns:1fr;}
  .tier-loading-card:nth-child(n+2){display:none;}
  .owner-tier-mode{grid-template-columns:1fr;}
  .owner-tier-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:560px){
  .tier-view-toolbar{padding:9px;}
  .tier-view-switch{gap:5px;}
  .tier-view-button{grid-template-columns:1fr;gap:3px;min-height:54px;padding:7px 5px;text-align:center;}
  .tier-view-button-icon,.tier-view-button-arrow{display:none;}
  .tier-view-button-copy strong{font-size:10.5px;white-space:normal;}
  .tier-view-button-copy small{font-size:10px;white-space:normal;}
  .tier-view-rule{font-size:10.5px;}
  .tierlist-section .tier-line{display:block;}
  .tier-loading-row{display:block;min-height:162px;}
  .tier-loading-heading{min-height:67px;padding:15px;border-right:0;border-bottom:1px solid rgba(255,255,255,.055);}
  .tier-loading-units{padding:8px;}
  .tierlist-section .tier-letter{padding:15px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--tier-color) 25%,rgba(255,255,255,.06));font-size:14px;}
  .tierlist-section .tier-letter small{margin-top:5px;font-size:10px;}
  .tierlist-section .tier-units{padding:8px;gap:7px;}
  .tierlist-section .tier-unit{grid-template-columns:46px minmax(0,1fr);min-height:68px;padding:8px;}
  .tierlist-section .tier-unit-avatar{width:46px;height:46px;}
  .tierlist-section .tier-unit-name{font-size:12.5px;}
  .owner-tier-mode-switch{grid-template-columns:1fr;}
}


#placementLimitToggle{display:none!important;}

/* ---------- V20 UNIT DATABASE ---------- */
.unit-database-section{
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(16,11,28,.97),rgba(9,6,17,.985));
  box-shadow:0 30px 90px rgba(0,0,0,.32);
}
.unit-database-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px;}
.unit-database-head h2{margin:4px 0 0;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(24px,3vw,34px);line-height:1.2;}
.unit-database-head h2 span{color:var(--teal);}
.unit-database-head p{max-width:760px;margin:9px 0 0;color:var(--text-dim);font-size:13.5px;line-height:1.65;}
.unit-database-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 20px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025);}
.unit-database-search{flex:1;min-width:230px;display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0a0712;color:var(--text);}
.unit-database-search input{width:100%;border:0;outline:0;color:inherit;background:transparent;font:600 14px "Segoe UI",Arial,sans-serif;}
.unit-database-count{margin-left:auto;color:var(--teal);font:700 11.5px "Segoe UI",Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;}
.unit-database-filters{margin:0 0 20px;padding:14px 14px 5px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.018);}
.unit-database-filters .rarity-filter-wrap{margin:0 0 10px;}
.unit-database-filters .faction-filter-wrap{margin-top:0!important;margin-bottom:9px;}
.unit-database-filters .rarity-filter-label{font-size:12.5px;}
.unit-database-filters .rarity-filter{min-height:38px;padding:0 12px;font-size:11.5px;}
.unit-database-filters .faction-filter-count{font-size:10.5px;}

.unit-database-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.unit-db-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--unit-rarity) 11%,transparent),transparent 33%),rgba(255,255,255,.022);box-shadow:0 14px 38px rgba(0,0,0,.18);}
.unit-db-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--unit-rarity),transparent 85%);opacity:.85;}
.unit-db-main{padding:15px;}
.unit-db-head{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:13px;align-items:center;}
.unit-db-portrait{width:78px;height:78px;border:2px solid color-mix(in srgb,var(--unit-rarity) 72%,#fff 8%);border-radius:15px;background:#171021 center/cover no-repeat;box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 20px color-mix(in srgb,var(--unit-rarity) 14%,transparent);font:700 15px "Segoe UI",Arial,sans-serif;display:grid;place-items:center;overflow:hidden;}
.unit-db-name{margin:0;color:#f7f3ff;font-size:17px;font-weight:700;line-height:1.2;}
.unit-db-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.unit-db-badge{padding:5px 8px;border:1px solid currentColor;border-radius:999px;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;background:rgba(255,255,255,.025);}
.unit-db-details-button{align-self:start;padding:9px 11px;border:1px solid rgba(255,255,255,.11);border-radius:9px;color:#cfc5db;background:rgba(255,255,255,.035);font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;cursor:pointer;}
.unit-db-details-button:hover{color:#fff;border-color:rgba(169,112,255,.45);background:rgba(169,112,255,.08);}
.unit-db-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);}
.unit-db-control{min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#c8bdd5;background:rgba(255,255,255,.03);font:700 11.5px "Segoe UI",Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;}
.unit-db-control:hover:not(:disabled){color:#fff;border-color:rgba(169,112,255,.42);}
.unit-db-control[aria-pressed="true"]{color:#071712;border-color:#63f1dd;background:linear-gradient(135deg,#9fffe9,#3fe0c8);}
.unit-db-control.nightmare-active{color:#fff;border-color:rgba(169,112,255,.55);background:rgba(169,112,255,.16);}
.unit-db-control:disabled{opacity:.38;cursor:not-allowed;}
.unit-db-preview-note{margin:10px 0 0;color:#a89db5;font:700 11.5px "Segoe UI",Arial,sans-serif;line-height:1.55;}
.unit-db-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:13px;}
.unit-db-stat{min-width:0;padding:9px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.022);}
.unit-db-stat-label{display:block;color:#9a8fa8;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;}
.unit-db-stat-value{display:block;margin-top:6px;color:#f2edf8;font:700 13.5px "Segoe UI",Arial,sans-serif;overflow-wrap:anywhere;}
.unit-db-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;}
.unit-db-meta-item{padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(0,0,0,.12);}
.unit-db-meta-item strong{display:block;color:#9e93ab;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;}
.unit-db-meta-item span{display:block;margin-top:6px;color:#e3dbe9;font-size:13.5px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;}
.unit-db-upgrades{margin-top:10px;padding:11px;border:1px solid rgba(240,185,58,.12);border-radius:11px;background:rgba(240,185,58,.025);}
.unit-db-upgrades-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f0c967;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.065em;text-transform:uppercase;}
.unit-db-upgrade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px;}
.unit-db-upgrade{padding:7px 5px;border:1px solid rgba(240,185,58,.13);border-radius:8px;text-align:center;background:rgba(0,0,0,.16);}
.unit-db-upgrade small{display:block;color:#a096ac;font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.unit-db-upgrade b{display:block;margin-top:5px;color:#f5df9c;font:700 12.5px "Segoe UI",Arial,sans-serif;}
.unit-db-waiting{margin-top:8px;color:#aaa0b6;font:700 11.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.unit-db-obtain{margin-top:10px;padding:10px 11px;border:1px solid rgba(98,223,241,.1);border-radius:11px;background:rgba(98,223,241,.022);}
.unit-db-obtain strong{display:block;color:#69dbe9;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.065em;text-transform:uppercase;}
.unit-db-obtain p{margin:7px 0 0;color:#d8cfe0;font-size:13.5px;line-height:1.55;}
.unit-db-empty{grid-column:1/-1;padding:36px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:16px;color:#968ba3;}
@media(max-width:980px){.unit-database-grid{grid-template-columns:1fr;}.unit-db-stats{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:640px){.unit-database-section{padding:13px;border-radius:17px}.unit-database-head{align-items:flex-start;flex-direction:column}.unit-db-head{grid-template-columns:64px minmax(0,1fr)}.unit-db-portrait{width:64px;height:64px}.unit-db-details-button{grid-column:1/-1;width:100%}.unit-db-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-db-meta{grid-template-columns:1fr}.unit-db-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-database-count{width:100%;margin-left:0}}

/* ---------- VALUE LIST OWNER PREVIEW ---------- */
.value-list-section{padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:rgba(12,8,17,.72);box-shadow:0 24px 70px rgba(0,0,0,.23);}
.value-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px;}
.value-list-head h2{margin:0;font-size:30px;line-height:1.1;}.value-list-head h2 span{color:#f0c967;}
.value-list-head p{max-width:780px;margin:8px 0 0;color:#aaa0b6;font-size:13.5px;line-height:1.6;}
.value-list-owner-badge{flex:none;padding:7px 10px;border:1px solid rgba(99,241,221,.28);border-radius:999px;color:#7ff4e0;background:rgba(63,224,200,.07);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;}
.value-list-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.value-list-owner-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.value-list-action{min-height:35px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#ded6e7;background:rgba(255,255,255,.035);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.15s ease;}
.value-list-action:hover{border-color:rgba(240,201,103,.35);color:#fff;background:rgba(240,201,103,.05)}
.value-list-action[aria-pressed="true"]{color:#2a1a00;border-color:#f0c96a;background:linear-gradient(135deg,#fff0a8,#f0c96a);box-shadow:0 0 18px rgba(240,201,103,.18);}
.value-list-action.primary{border-color:rgba(99,241,221,.35);color:#8af5e2;background:rgba(63,224,200,.07)}
.value-list-action.danger{color:#ff9ca5;border-color:rgba(255,100,115,.22)}
.value-list-action[hidden]{display:none!important}.value-list-action:disabled{opacity:.5;cursor:wait}
.value-list-rarity-select{appearance:none;min-width:138px;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,#a99eb5 50%),linear-gradient(135deg,#a99eb5 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.value-list-rarity-select option{color:#eee8f5;background:#130e1b}.value-list-zero-note{color:#84798f;font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;line-height:1.4}
.value-list-save-status{min-height:18px;margin-left:auto;color:#86e9d7;font-size:11.5px}.value-list-save-status.error{color:#ff929d}
.value-list-sortbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px;padding:8px 10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.018)}
.value-list-sort-label{margin-right:2px;color:#81768d;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.value-list-sort{min-height:29px;padding:0 10px;border:1px solid rgba(255,255,255,.085);border-radius:8px;color:#a99eb5;background:rgba(255,255,255,.025);font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;cursor:pointer}
.value-list-sort:hover,.value-list-sort.active{color:#fff;border-color:rgba(240,201,103,.35);background:rgba(240,201,103,.055)}
.value-list-sort.active{color:#f5d77f}.value-list-sort-arrow{display:inline-block;min-width:10px;margin-left:4px}
.value-list-search{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:10px 12px;border:1px solid rgba(255,255,255,.085);border-radius:11px;background:rgba(255,255,255,.025);color:#a89db5;}
.value-list-search input{width:100%;border:0;outline:0;color:#eee8f5;background:transparent;font-size:13.5px;}.value-list-search input::placeholder{color:#756b82;}
.value-list-count{flex:none;color:#9c91aa;font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.value-list-table{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(0,0,0,.13);}
.value-list-header,.value-list-row{display:grid;grid-template-columns:minmax(250px,2fr) minmax(120px,.8fr) minmax(130px,.9fr) minmax(150px,1fr);align-items:center;gap:10px;}
.value-list-header{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);color:#8f849c;background:rgba(255,255,255,.018);font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.value-list-row{min-height:74px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);transition:.15s ease;}.value-list-row:last-child{border-bottom:0}.value-list-row:hover{background:rgba(255,255,255,.025);}
.value-list-unit{display:flex;align-items:center;gap:12px;min-width:0;}.value-list-portrait{width:54px;height:54px;flex:none;border:2px solid var(--value-color);border-radius:12px;background:#171021 center/cover no-repeat;box-shadow:0 7px 20px rgba(0,0,0,.28);display:grid;place-items:center;color:#d8cfe0;font:700 12.5px "Segoe UI",Arial,sans-serif;overflow:hidden;}
.value-list-unit-copy{min-width:0}.value-list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f0fa;font-size:14px;font-weight:700;}
.unit-mechanic-info{appearance:none;font:inherit;display:inline-flex;align-items:center;justify-content:center;margin-left:5px;padding:0 4px;min-width:18px;height:16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#d9c9ee;background:rgba(255,255,255,.045);font:700 10.5px "Segoe UI",Arial,sans-serif;line-height:1;vertical-align:1px;cursor:pointer;letter-spacing:0;transition:.15s ease}.unit-mechanic-info:hover{color:#fff;border-color:rgba(169,112,255,.7);background:rgba(169,112,255,.16);box-shadow:0 0 12px rgba(169,112,255,.12)}
.ranking-sort-button{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;padding:0;border:0;color:inherit;background:none;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap}.num .ranking-sort-button{justify-content:flex-end}.ranking-sort-button:hover{color:#fff}.ranking-sort-indicator{display:inline-grid;place-items:center;min-width:14px;color:#756a82;font-size:12.5px;letter-spacing:0}.ranking-sort-button.active{color:#f2eafa}.ranking-sort-button.active .ranking-sort-indicator{color:#a970ff;text-shadow:0 0 9px rgba(169,112,255,.45)}
.mechanic-info-modal{position:fixed;inset:0;z-index:10250;display:grid;place-items:center;padding:20px;background:rgba(5,3,10,.82);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.mechanic-info-modal.open{opacity:1;visibility:visible}.mechanic-info-dialog{width:min(500px,100%);overflow:hidden;border:1px solid rgba(169,112,255,.5);border-radius:18px;background:radial-gradient(circle at 95% 0,rgba(169,112,255,.12),transparent 34%),#0d0916;box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 36px rgba(169,112,255,.1)}.mechanic-info-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.mechanic-info-kicker{color:#a970ff;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.mechanic-info-title{margin:3px 0 0;color:#fff;font-family:"Segoe UI",Arial,sans-serif;font-size:19px}.mechanic-info-body{padding:17px}.mechanic-info-copy{margin:0;color:#c7bdcf;font-size:13.5px;line-height:1.65}.mechanic-info-formula{display:grid;gap:7px;margin-top:14px}.mechanic-info-step{padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#e9e1ef;font:700 11.5px "Segoe UI",Arial,sans-serif;line-height:1.5}.mechanic-info-step strong{color:#f0c967}.mechanic-info-note{margin:12px 0 0;color:#8f849c;font:700 10.5px "Segoe UI",Arial,sans-serif;line-height:1.55}
.value-list-rarity{display:inline-block;margin-top:6px;padding:4px 7px;border:1px solid currentColor;border-radius:999px;color:var(--value-color);font:700 10px "Segoe UI",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.02);}
.value-list-cell strong{display:none}.value-list-value{color:#f5df9c;font:700 13.5px "Segoe UI",Arial,sans-serif;}.value-list-demand{color:#d9d1e3;font:700 11.5px "Segoe UI",Arial,sans-serif;}.value-list-status{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#b8adbf;background:rgba(255,255,255,.03);font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;}
.value-list-edit-control{width:100%;min-height:36px;padding:0 10px;border:1px solid rgba(240,201,103,.22);border-radius:9px;color:#f2edf7;background:#130e1b;font:700 11.5px "Segoe UI",Arial,sans-serif;outline:none}.value-list-edit-control:focus{border-color:#f0c967;box-shadow:0 0 0 3px rgba(240,201,103,.08)}
.value-list-value-input{color:#f5df9c}.value-list-editing .value-list-row{background:rgba(240,201,103,.018)}
.value-list-status.rising-fast{color:#8ef3b1;border-color:rgba(92,235,139,.35);background:rgba(92,235,139,.07)}.value-list-status.rising{color:#9ae8b2;border-color:rgba(92,235,139,.25)}.value-list-status.stable{color:#d9d1e3}.value-list-status.dropping{color:#ffb184;border-color:rgba(255,145,85,.28);background:rgba(255,145,85,.055)}.value-list-status.dropping-fast{color:#ff8d8d;border-color:rgba(255,92,92,.34);background:rgba(255,92,92,.065)}
.value-list-empty{padding:34px;text-align:center;color:#90869d;font-size:13.5px;}

/* ---------- VALUE LIST COMMUNITY MARKET ---------- */
.value-list-table{overflow-x:auto;}
.value-list-header,.value-list-row{grid-template-columns:minmax(220px,1.55fr) minmax(115px,.72fr) minmax(170px,1.05fr) minmax(90px,.58fr) minmax(72px,.48fr) minmax(100px,.64fr) minmax(110px,.68fr) minmax(120px,.76fr);min-width:1120px;}
.value-list-value-wrap{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.value-list-value-unit{color:#8c8198;font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em}
.value-list-community{display:grid;gap:4px}.value-list-community-main{color:#87f1dd;font:700 12.5px "Segoe UI",Arial,sans-serif}.value-list-community-main.waiting{color:#8f849c}
.value-list-community-meta{color:#80758d;font:700 10px "Segoe UI",Arial,sans-serif;line-height:1.45;text-transform:uppercase}.value-list-market-button{justify-self:start;padding:0;border:0;color:#cdb9ef;background:none;font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;cursor:pointer}.value-list-market-button:hover{color:#fff;text-decoration:underline}
.value-list-trend{font:700 10.5px "Segoe UI",Arial,sans-serif}.value-list-trend.up{color:#85e9a6}.value-list-trend.down{color:#ff9b93}.value-list-trend.flat,.value-list-trend.waiting{color:#8f849c}
.value-market-pill{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 8px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#b7acbf;background:rgba(255,255,255,.025);font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;white-space:nowrap}.value-market-pill.high,.value-market-pill.very-high{color:#8cf0c5;border-color:rgba(92,235,162,.28);background:rgba(92,235,162,.055)}.value-market-pill.medium{color:#f0d585;border-color:rgba(240,201,103,.24);background:rgba(240,201,103,.045)}.value-market-pill.low,.value-market-pill.very-low{color:#d9a0a0;border-color:rgba(255,121,121,.2)}.value-market-pill.no-data{color:#857a90}
.trade-market-modal{position:fixed;inset:0;z-index:11200;display:grid;place-items:center;padding:18px;background:rgba(4,2,8,.82);backdrop-filter:blur(11px);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.trade-market-modal.open{opacity:1;visibility:visible}.trade-market-dialog{width:min(900px,100%);max-height:min(88vh,920px);overflow:hidden;border:1px solid rgba(118,238,218,.26);border-radius:20px;background:radial-gradient(circle at 95% 0,rgba(74,224,199,.08),transparent 32%),linear-gradient(180deg,#120d19,#0b0811);box-shadow:0 30px 100px rgba(0,0,0,.72)}
.trade-market-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.075)}.trade-market-kicker{color:#78ead7;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.trade-market-head h3{margin:4px 0 0;color:#fff;font-family:"Segoe UI",Arial,sans-serif;font-size:21px}.trade-market-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#d7cedf;background:rgba(255,255,255,.035);font-size:20px;cursor:pointer}.trade-market-close:hover{color:#fff;border-color:rgba(118,238,218,.35)}
.trade-market-body{max-height:calc(min(88vh,920px) - 69px);overflow:auto;padding:18px}.trade-market-loading,.trade-market-empty{padding:26px;text-align:center;color:#94899f;border:1px dashed rgba(255,255,255,.1);border-radius:14px;font-size:12.5px}.trade-market-summary{display:grid;grid-template-columns:minmax(210px,1.1fr) repeat(3,minmax(120px,.65fr));gap:10px}.trade-market-summary-card{padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025)}.trade-market-summary-card.primary{border-color:rgba(118,238,218,.22);background:rgba(70,224,200,.045)}.trade-market-summary-card small{display:block;margin-bottom:6px;color:#81778b;font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em}.trade-market-summary-card strong{color:#f2edf5;font-size:14px}.trade-market-summary-card.primary strong{color:#91f0df;font:700 18px "Segoe UI",Arial,sans-serif}.trade-market-statline{margin-top:6px;color:#93889d;font:700 10.5px "Segoe UI",Arial,sans-serif;line-height:1.5}.trade-market-trends{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.trade-market-trend-chip{padding:8px 10px;border:1px solid rgba(255,255,255,.075);border-radius:9px;color:#aaa0b4;background:rgba(255,255,255,.02);font:700 10.5px "Segoe UI",Arial,sans-serif}.trade-market-shift{margin:12px 0;padding:11px 12px;border:1px solid rgba(240,201,103,.22);border-radius:11px;color:#d8c99b;background:rgba(240,201,103,.045);font-size:11.5px;line-height:1.5}.trade-market-tabs{display:flex;gap:7px;margin:15px 0 10px}.trade-market-tab{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#a99db3;background:rgba(255,255,255,.02);font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;cursor:pointer}.trade-market-tab.active{color:#071713;border-color:#74ead5;background:#74ead5}.trade-market-panel[hidden]{display:none!important}.trade-market-list{display:grid;gap:8px}.trade-market-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02)}.trade-market-record.hidden-record{opacity:.58;border-style:dashed}.trade-market-record-main{min-width:0}.trade-market-equation{color:#eee7f2;font:700 11.5px "Segoe UI",Arial,sans-serif;line-height:1.55}.trade-market-record-meta{margin-top:5px;color:#80758a;font:700 10px "Segoe UI",Arial,sans-serif;line-height:1.45;text-transform:uppercase}.trade-market-record-meta .verified,.trade-market-record-meta .confirmed{color:#7ce5c1}.trade-market-record-meta .pending{color:#e4cb79}.trade-market-record-meta .rejected,.trade-market-record-meta .disputed{color:#e69494}.trade-market-record-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.trade-market-mini-action{min-height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#bdb3c6;background:rgba(255,255,255,.025);font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;cursor:pointer}.trade-market-mini-action:hover{color:#fff}.trade-market-mini-action.verify{color:#82e8c5;border-color:rgba(70,224,190,.25)}.trade-market-mini-action.reject,.trade-market-mini-action.hide,.trade-market-mini-action.delete{color:#eca2a2;border-color:rgba(236,115,115,.2)}.trade-market-note{margin:10px 0 0;color:#776d82;font-size:10.5px;line-height:1.55}
@media(max-width:760px){.value-list-header,.value-list-row{min-width:0}.value-list-row{grid-template-columns:1fr 1fr}.value-list-cell.market-cell,.value-list-cell.confidence-cell,.value-list-cell.liquidity-cell{grid-column:auto}.value-list-cell.status-cell{grid-column:1/-1}.trade-market-summary{grid-template-columns:1fr 1fr}.trade-market-summary-card.primary{grid-column:1/-1}.trade-market-record{grid-template-columns:1fr}.trade-market-record-actions{justify-content:flex-start}.trade-market-body{padding:13px}}

.value-coming-soon-modal{position:fixed;inset:0;z-index:1200;display:none;place-items:center;padding:20px;background:rgba(4,2,7,.76);backdrop-filter:blur(10px);}.value-coming-soon-modal.open{display:grid;}.value-coming-soon-card{width:min(440px,100%);padding:26px;border:1px solid rgba(240,201,103,.22);border-radius:20px;background:linear-gradient(180deg,rgba(28,20,37,.98),rgba(13,9,18,.98));box-shadow:0 30px 90px rgba(0,0,0,.52);text-align:center;}.value-coming-soon-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border:1px solid rgba(240,201,103,.25);border-radius:15px;color:#f0c967;background:rgba(240,201,103,.07);font-size:22px;}.value-coming-soon-card h3{margin:0;color:#fff;font-size:24px;}.value-coming-soon-card p{margin:10px auto 0;max-width:330px;color:#aea3ba;font-size:13.5px;line-height:1.65;}.value-coming-soon-close{margin-top:18px;padding:10px 16px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#ece6f2;background:rgba(255,255,255,.045);font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;cursor:pointer;}.value-coming-soon-close:hover{border-color:rgba(240,201,103,.35);color:#fff;}
@media(max-width:760px){.value-list-head{align-items:flex-start;flex-direction:column}.value-list-toolbar{align-items:stretch;flex-direction:column}.value-list-owner-actions{align-items:stretch}.value-list-action{flex:1}.value-list-save-status{width:100%;margin-left:0}.value-list-sortbar{align-items:stretch}.value-list-sort{flex:1}.value-list-count{padding-left:2px}.value-list-header{display:none}.value-list-table{border:0;background:transparent;display:grid;gap:10px}.value-list-row{grid-template-columns:1fr 1fr;gap:11px;min-height:0;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(0,0,0,.13)}.value-list-unit{grid-column:1/-1}.value-list-cell strong{display:block;margin-bottom:5px;color:#84798f;font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase}.value-list-cell.status-cell{grid-column:1/-1}.value-list-status{width:100%;justify-content:center}.value-list-section{padding:13px;border-radius:17px}}

/* ---------- V50 VALUE LIST READABILITY ---------- */

.value-coming-soon-actions,.value-editor-login-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.value-coming-soon-close.secondary{background:rgba(255,255,255,.05);color:#cfc6d9}.value-editor-login-modal{position:fixed;inset:0;z-index:10040;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(4,2,8,.88);backdrop-filter:blur(8px)}.value-editor-login-modal.open{display:flex}.value-editor-login-card{position:relative;width:min(480px,100%);padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#110d17;box-shadow:0 28px 80px rgba(0,0,0,.55)}.value-editor-login-card>h3{margin:0 0 8px;font-size:23px}.value-editor-login-card>p{color:#a99eb4;line-height:1.55}.value-editor-login-card .trade-market-close{position:absolute;right:14px;top:14px}.value-editor-login-note{margin:12px 0 0!important;font-size:11.5px}.value-balance-card{width:min(680px,100%);max-height:min(88vh,820px);overflow:auto}.value-balance-history{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.value-balance-history[hidden]{display:none!important}.value-balance-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.value-balance-history-head strong{font-size:12px;letter-spacing:.07em;text-transform:uppercase}.value-balance-history-list{display:grid;gap:7px;max-height:280px;overflow:auto}.value-balance-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.02)}.value-balance-history-row strong,.value-balance-history-row small{display:block}.value-balance-history-row small{margin-top:3px;color:#8f849b;font-size:10.5px;line-height:1.45}.value-balance-history-type{align-self:start;padding:4px 7px;border:1px solid rgba(169,112,255,.24);border-radius:999px;color:#c6a8ff;font-size:10px;font-weight:800;text-transform:uppercase}.value-balance-history-status{margin-top:8px;color:#8f849b;font-size:10.5px}.owner-value-editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.owner-value-editor-row strong{display:block}.owner-value-editor-row small{display:block;margin-top:4px;color:#8f849b}.owner-value-editor-row+.owner-value-editor-row{margin-top:8px}.owner-value-editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
/* Keep this scoped to the private Value List/market UI only. */
.value-list-head p{font-size:14px;line-height:1.65;}
.value-list-owner-badge{padding:8px 12px;font-size:11.5px;}
.value-list-action{min-height:40px;padding:0 14px;font-size:11.5px;}
.value-list-save-status{font-size:13.5px;}
.value-list-sortbar{gap:9px;padding:10px 12px;}
.value-list-sort-label{font-size:11.5px;}
.value-list-sort{min-height:36px;padding:0 12px;font-size:11.5px;}
.value-list-search{padding:12px 14px;}
.value-list-search input{font-size:14px;}
.value-list-count{font-size:12.5px;}
.value-list-header,.value-list-row{grid-template-columns:minmax(230px,1.55fr) minmax(125px,.72fr) minmax(190px,1.05fr) minmax(100px,.58fr) minmax(82px,.48fr) minmax(115px,.64fr) minmax(125px,.68fr) minmax(135px,.76fr);min-width:1180px;gap:12px;}
.value-list-header{padding:13px 15px;font-size:11.5px;line-height:1.35;}
.value-list-row{min-height:86px;padding:13px 15px;}
.value-list-portrait{width:58px;height:58px;}
.value-list-name{font-size:15px;}
.value-list-rarity{font-size:10.5px;padding:4px 8px;}
.value-list-value{font-size:14px;}
.value-list-value-unit{font-size:10.5px;}
.value-list-demand{font-size:13.5px;line-height:1.4;}
.value-list-status{min-height:31px;padding:0 10px;font-size:11.5px;}
.value-list-edit-control{min-height:40px;font-size:13.5px;}
.value-list-community{gap:5px;}
.value-list-community-main{font-size:14px;line-height:1.35;}
.value-list-community-meta{font-size:11.5px;line-height:1.5;}
.value-list-market-button{font-size:11.5px;line-height:1.4;}
.value-list-trend{font-size:12.5px;}
.value-market-pill{min-height:30px;padding:0 9px;font-size:11.5px;}
.trade-market-kicker{font-size:11.5px;}
.trade-market-head h3{font-size:24px;}
.trade-market-loading,.trade-market-empty{font-size:14px;line-height:1.55;}
.trade-market-summary-card small{font-size:11.5px;line-height:1.4;}
.trade-market-summary-card strong{font-size:16px;}
.trade-market-summary-card.primary strong{font-size:21px;}
.trade-market-statline{font-size:11.5px;line-height:1.55;}
.trade-market-trend-chip{font-size:11.5px;}
.trade-market-shift{font-size:13.5px;line-height:1.6;}
.trade-market-tab{min-height:38px;font-size:11.5px;}
.trade-market-equation{font-size:13.5px;line-height:1.6;}
.trade-market-record-meta{font-size:11.5px;line-height:1.55;}
.trade-market-mini-action{min-height:32px;padding:0 10px;font-size:11.5px;}
.trade-market-note{font-size:12.5px;line-height:1.6;}
.trade-market-owner-tools{margin-top:16px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.015)}.trade-market-owner-tools>summary{cursor:pointer;color:#998ca5;font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}.trade-market-owner-tools>summary span{float:right;color:#6f6479}.trade-market-owner-tools[open]>summary{margin-bottom:10px}.trade-market-offer-section{margin-top:13px}.trade-market-offer-section+.trade-market-offer-section{margin-top:18px}.trade-market-offer-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;color:#d8cfdf;font:700 11.5px "Segoe UI",Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase}.trade-market-offer-section-title span{color:#776d82;font-size:10.5px}.trade-market-offer-card{position:relative;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.012));box-shadow:0 8px 24px rgba(0,0,0,.12)}.trade-market-offer-card+.trade-market-offer-card{margin-top:8px}.trade-market-offer-card.hidden-record{opacity:.64;border-color:rgba(255,106,122,.12)}.trade-market-offer-card.evidence-only{border-style:dashed;border-color:rgba(169,112,255,.2);background:rgba(169,112,255,.025)}.trade-market-offer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.trade-market-offer-id{display:flex;align-items:center;gap:7px;color:#f1ebf5;font:800 12.5px "Segoe UI",Arial,sans-serif}.trade-market-offer-badge{display:inline-flex;align-items:center;min-height:21px;padding:0 7px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#9e93aa;background:rgba(255,255,255,.025);font:700 10.5px "Segoe UI",Arial,sans-serif;text-transform:uppercase}.trade-market-offer-badge.live{color:#77e8cd;border-color:rgba(92,226,195,.18);background:rgba(92,226,195,.035)}.trade-market-offer-badge.evidence{color:#c6a8ff;border-color:rgba(169,112,255,.24);background:rgba(169,112,255,.055)}.trade-market-offer-sides{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:9px;align-items:stretch}.trade-market-offer-side{padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(0,0,0,.13)}.trade-market-offer-side-label{display:block;margin-bottom:6px;color:#766b82;font:700 10.5px "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.trade-market-offer-side.offering .trade-market-offer-side-label{color:#77e8cd}.trade-market-offer-side.looking .trade-market-offer-side-label{color:#c6a8ff}.trade-market-offer-items{color:#eee7f3;font-size:13.5px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.trade-market-offer-arrow{display:grid;place-items:center;color:#765d9d;font-size:17px}.trade-market-offer-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:10px}.trade-market-offer-meta{color:#83788f;font-size:11.5px;line-height:1.5}.trade-market-record-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:640px){.trade-market-offer-sides{grid-template-columns:1fr}.trade-market-offer-arrow{min-height:18px;transform:rotate(90deg)}.trade-market-offer-top,.trade-market-offer-bottom{align-items:flex-start;flex-direction:column}.trade-market-record-actions{justify-content:flex-start}}

@media(max-width:760px){
  .value-list-head p{font-size:14px;}
  .value-list-cell strong{font-size:11.5px;}
  .value-list-row{font-size:13.5px;}
  .value-list-name{font-size:15px;}
  .value-list-community-meta,.value-list-market-button{font-size:11.5px;}
}

/* ---------- V17 DPS PORTRAIT READABILITY ---------- */
#dps-ranking .unit-cell{gap:14px;}
#dps-ranking .unit-cell .avatar{
  width:64px;
  height:64px;
  border-radius:13px;
}
#dps-ranking tbody td{padding-top:12px;padding-bottom:12px;}
@media(max-width:640px){
  #dps-ranking .unit-cell .avatar{width:58px;height:58px;}
}


/* ---------- V74 SELECTED VALUE LIST UI ---------- */
#value-list,#value-list *{font-family:"Segoe UI",Arial,sans-serif;}
#value-list{--value-list-gold:#efca67;--value-list-purple:#a970ff;--value-list-cyan:#77e7d4;}
#value-list .section-label{font-size:12.5px;letter-spacing:.13em;}
#value-list .value-list-head{align-items:flex-start;margin-bottom:18px;}
#value-list .value-list-head h2{font-size:34px;letter-spacing:-.02em;}
#value-list .value-list-head p{max-width:1040px;margin-top:9px;color:#b1a7ba;font-size:15px;line-height:1.65;}
#value-list .value-list-owner-badge{font-size:11.5px;font-weight:800;}
#value-list .value-list-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:10px;align-items:center;margin-bottom:10px;}
#value-list .value-list-search{min-height:52px;padding:0 14px;background:rgba(0,0,0,.16);}
#value-list .value-list-search:focus-within{border-color:rgba(169,112,255,.55);box-shadow:0 0 0 3px rgba(169,112,255,.08);}
#value-list .value-list-search input{font-size:14px;}
#value-list .value-list-filter-controls{display:flex;align-items:center;min-width:0;}
#value-list .value-list-rarity-tabs{height:52px;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(0,0,0,.18);}
#value-list .value-list-rarity-tab{height:42px;min-width:78px;padding:0 10px;border:0;border-radius:8px;color:#9a8fa4;background:transparent;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.035em;cursor:pointer;transition:.15s ease;}
#value-list .value-list-rarity-tab:hover{color:#fff;background:rgba(255,255,255,.035);}
#value-list .value-list-rarity-tab.active{color:#fff;background:#29183a;box-shadow:0 0 0 1px rgba(169,112,255,.2) inset;}
#value-list .value-list-shiny-action{min-width:82px;color:#d9caa1;border-left:1px solid rgba(239,202,103,.16);border-radius:8px;background:rgba(239,202,103,.025);}
#value-list .value-list-shiny-action:hover{color:#ffe69b;background:rgba(239,202,103,.075);box-shadow:none;}
#value-list .value-list-shiny-action[aria-pressed="true"]{color:#201600;background:linear-gradient(135deg,#ffe89a,#e7b840);box-shadow:0 0 0 1px rgba(255,232,154,.18) inset;}
#value-list .value-list-owner-actions{min-height:46px;margin-bottom:0;padding-top:10px;border-top:1px solid rgba(255,255,255,.055);}
#value-list .value-list-manage-label{margin-right:2px;color:#81768d;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
#value-list .value-list-action{min-height:40px;padding:0 13px;font-size:12.5px;font-weight:800;}
#value-list .value-list-save-status{font-size:13.5px;}
#value-list .value-list-count{margin-left:auto;color:#91869a;font-size:11.5px;font-weight:800;letter-spacing:.04em;}
#value-list .value-list-sort-helper{display:flex;align-items:center;gap:8px;margin:12px 0 10px;padding:9px 11px;border:1px solid rgba(169,112,255,.11);border-radius:9px;color:#a69baa;background:rgba(169,112,255,.028);font-size:13.5px;font-weight:600;line-height:1.4;}
#value-list .value-list-sort-helper>span{color:#c29aff;font-size:14px;font-weight:900;}
#value-list .value-list-mobile-sort{display:none;}
#value-list .value-list-table{overflow-x:auto;}
#value-list .value-list-header,#value-list .value-list-row{grid-template-columns:minmax(230px,1.55fr) minmax(125px,.72fr) minmax(190px,1.05fr) minmax(100px,.58fr) minmax(82px,.48fr) minmax(115px,.64fr) minmax(125px,.68fr) minmax(135px,.76fr);min-width:1180px;gap:8px;}
#value-list .value-list-header{min-height:44px;padding:5px 9px;background:rgba(255,255,255,.014);}
#value-list .value-list-header>[role="columnheader"]{min-width:0;}
#value-list .value-list-sort{width:100%;min-height:30px;padding:0 7px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#a99eaf;background:rgba(255,255,255,.015);font-size:11.5px;font-weight:800;line-height:1.1;letter-spacing:.025em;text-transform:uppercase;cursor:pointer;user-select:none;transition:.15s ease;}
#value-list .value-list-header>[role="columnheader"]:first-child .value-list-sort{justify-content:flex-start;}
#value-list .value-list-unit-sort-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;align-items:center;}
#value-list .value-list-unit-sort-group .value-list-sort{width:100%;justify-content:center;}
#value-list .value-list-sort:hover{color:#fff;border-color:rgba(169,112,255,.2);background:rgba(255,255,255,.03);}
#value-list .value-list-sort.active{color:var(--value-list-gold);border-color:rgba(239,202,103,.2);background:rgba(239,202,103,.03);}
#value-list .value-list-sort-arrow{display:inline-block;min-width:9px;margin-left:1px;color:#726878;font-size:12.5px;font-weight:900;}
#value-list .value-list-sort.active .value-list-sort-arrow{color:var(--value-list-gold);}
#value-list .value-list-row{min-height:92px;padding:14px 15px;}
#value-list .value-list-portrait{width:62px;height:62px;}
#value-list .value-list-portrait.shiny-no-rarity-border{border:0;}
#value-list .value-list-name{font-size:16px;font-weight:800;}
#value-list .value-list-rarity{font-size:10.5px;font-weight:800;}
#value-list .value-list-value{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;}
#value-list .value-list-value-wrap{justify-content:flex-start;}
#value-list .value-list-row>.suggested-cell{text-align:center;}
#value-list .value-list-row>.suggested-cell .value-list-value-wrap{justify-content:center;}
#value-list .value-list-row>.suggested-cell .value-list-edit-control{text-align:center;}
#value-list .value-list-value.tbd{color:var(--value-list-gold);}
#value-list .value-list-demand{font-size:14px;font-weight:800;line-height:1.4;}
#value-list .value-list-community-main{font-size:14px;font-weight:800;line-height:1.35;}
#value-list .value-list-community-meta{color:#827789;font-size:11.5px;font-weight:700;line-height:1.45;}
#value-list .value-list-market-button{font-size:11.5px;font-weight:800;}
#value-list .value-list-trend{font-size:13.5px;font-weight:800;}
#value-list .value-market-pill{min-height:34px;gap:7px;padding:0 10px;font-size:11.5px;font-weight:800;}
#value-list .value-market-pill::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#665d6e;}
#value-list .value-market-pill.high::before,#value-list .value-market-pill.very-high::before{background:#7fe0a0;box-shadow:0 0 8px rgba(127,224,160,.35);}
#value-list .value-market-pill.medium::before{background:#e5c362;}
#value-list .value-market-pill.low::before,#value-list .value-market-pill.very-low::before{background:#e89999;}
#value-list .value-list-status{min-height:36px;gap:7px;padding:0 10px;border-radius:10px;font-size:11.5px;font-weight:800;}
#value-list .value-list-status::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#665d6e;}
#value-list .value-list-status.rising-fast::before,#value-list .value-list-status.rising::before{background:#7fe0a0;box-shadow:0 0 8px rgba(127,224,160,.35);}
#value-list .value-list-status.stable::before{background:#9d92a5;}
#value-list .value-list-status.dropping::before,#value-list .value-list-status.dropping-fast::before{background:#ef9b72;}
#value-list .value-list-empty{font-size:14px;}
@media(max-width:980px){
  #value-list .value-list-toolbar{grid-template-columns:1fr;}
  #value-list .value-list-filter-controls{justify-content:flex-end;}
}
@media(max-width:760px){
  #value-list .value-list-head p{font-size:14px;}
  #value-list .value-list-filter-controls{display:block;width:100%;}
  #value-list .value-list-rarity-tabs{min-width:0;overflow-x:auto;width:100%;}
  #value-list .value-list-rarity-tab{min-width:78px;flex:1;}
  #value-list .value-list-owner-actions{align-items:stretch;}
  #value-list .value-list-manage-label{width:100%;}
  #value-list .value-list-count{width:100%;margin-left:0;text-align:right;}
  #value-list .value-list-sort-helper{display:none;}
  #value-list .value-list-mobile-sort{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;gap:8px;align-items:center;margin:10px 0;}
  #value-list .value-list-mobile-sort label{color:#81768d;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
  #value-list .value-list-mobile-sort select,#value-list .value-list-mobile-sort button{min-height:44px;border:1px solid rgba(255,255,255,.085);border-radius:9px;color:#d8d0df;background:#100c16;font-size:13.5px;font-weight:700;}
  #value-list .value-list-mobile-sort select{min-width:0;padding:0 10px;}
  #value-list .value-list-mobile-sort button{width:44px;font-size:15px;}
  #value-list .value-list-mobile-sort button:disabled{opacity:.45;cursor:not-allowed;}
  #value-list .value-list-header{display:none;}
  #value-list .value-list-table{overflow:visible;}
  #value-list .value-list-row{min-width:0;grid-template-columns:1fr 1fr;gap:11px;}
  #value-list .value-list-row>.suggested-cell{text-align:left;}
  #value-list .value-list-row>.suggested-cell .value-list-value-wrap{justify-content:flex-start;}
  #value-list .value-list-row>.suggested-cell .value-list-edit-control{text-align:left;}
  #value-list .value-list-cell strong{font-size:11.5px;font-weight:800;}
}
@media(prefers-reduced-motion:reduce){#value-list *,#value-list *::before,#value-list *::after{transition:none!important;animation:none!important;}}

/* 1.1 tier-card hierarchy: names get the full line, metadata sits below. */
.tierlist-section .tier-unit{min-height:98px;}
.tierlist-section .tier-unit-copy{gap:5px;}
.tierlist-section .tier-unit-top{display:block;min-width:0;}
.tierlist-section .tier-unit-name{
  display:block;
  max-width:100%;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.28;
}
.tierlist-section .tier-unit-badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  min-width:0;
}
.tierlist-section .tier-unit-rarity,.tierlist-section .tier-unit-faction{
  flex:none;
  padding:2px 5px;
  font-size:10px;
  line-height:1.25;
}

/* Single site-wide Credits entry point and popup. */
.site-credits-action{display:flex;justify-content:center;margin-top:11px;}
.site-credits-button{
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(169,112,255,.28);
  border-radius:10px;
  color:#d7c6ea;
  background:rgba(169,112,255,.065);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.site-credits-button:hover{color:#fff;border-color:rgba(169,112,255,.52);background:rgba(169,112,255,.11);}
.site-credits-button:active{transform:translateY(1px);}
.site-credits-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.site-credits-modal{
  position:fixed;
  inset:0;
  z-index:10250;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(5,3,10,.84);
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.site-credits-modal.open{opacity:1;visibility:visible;}
.site-credits-dialog{
  width:min(700px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  border:1px solid rgba(169,112,255,.5);
  border-radius:18px;
  background:linear-gradient(155deg,#1a1229,#0a0710 58%);
  box-shadow:0 30px 100px rgba(0,0,0,.76),0 0 40px rgba(169,112,255,.1);
  transform:translateY(8px) scale(.988);
  transition:transform .18s ease;
}
.site-credits-modal.open .site-credits-dialog{transform:none;}
.site-credits-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
  background:rgba(15,10,25,.96);
  backdrop-filter:blur(12px);
}
.site-credits-kicker{color:var(--violet);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.site-credits-head h2{margin:4px 0 0;font-family:"Segoe UI",Arial,sans-serif;font-size:20px;line-height:1.25;}
.site-credits-close{
  flex:none;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  color:#cfc4d7;
  background:rgba(255,255,255,.035);
  font-size:20px;
}
.site-credits-close:hover{color:#fff;border-color:rgba(169,112,255,.42);background:rgba(169,112,255,.08);}
.site-credits-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.site-credits-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;}
.site-credits-intro{grid-column:1/-1;margin:0 0 3px;color:#aaa0b2;font-size:13.5px;line-height:1.6;}
.site-credit-card{padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.022);}
.site-credit-card-center{grid-column:1/-1;width:calc(50% - 5px);justify-self:center;}
.site-credit-card-wide{grid-column:1/-1;}
.site-credit-label{display:block;color:#9f85bd;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.site-credit-card h3{margin:6px 0 5px;color:#f5eff9;font-size:14.5px;line-height:1.35;}
.site-credit-card p{margin:0;color:#a89dad;font-size:12.5px;line-height:1.58;}
@media(max-width:560px){
  .tierlist-section .tier-unit{min-height:90px;}
  .tierlist-section .tier-unit-name{font-size:13px;}
  .tierlist-section .tier-unit-rarity,.tierlist-section .tier-unit-faction{font-size:10px;}
  .site-credits-modal{padding:10px;}
  .site-credits-dialog{max-height:calc(100vh - 20px);border-radius:15px;}
  .site-credits-head{padding:14px;}
  .site-credits-content{grid-template-columns:1fr;padding:14px;}
  .site-credits-intro,.site-credit-card-wide,.site-credit-card-center{grid-column:1;}
  .site-credit-card-center{width:100%;justify-self:stretch;}
}
@media(prefers-reduced-motion:reduce){
  .site-credits-button,.site-credits-modal,.site-credits-dialog{transition:none!important;}
}

/* 1.0 site-wide legibility pass: clearer system UI typography and sensible minimum sizes. */
html{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body,button,input,select,textarea{font-family:"Segoe UI",Arial,sans-serif;}
body{font-size:16px;}

/* Keep decorative display type only where it is large enough to remain crisp. */
h1.title,.ranking-title,.unit-database-head h2,.tierlist-section .tier-letter,.tier-label,.section-title,.modal-title{font-family:"Segoe UI",Arial,sans-serif;}

/* Shared readable UI floor. */
button,input,select,textarea{font-size:max(11px,1em);}
small{line-height:1.45;}

/* Tier list / ranking readability. */
.tier-view-button-copy strong{font-size:12.5px;}
.tier-view-button-copy small{font-size:10.5px;line-height:1.35;}
.tier-view-rule{font-size:11.5px;line-height:1.5;}
.tierlist-section .tier-letter small{font-size:10.5px;line-height:1.5;}
.tierlist-section .tier-unit-name{font-size:14px;line-height:1.3;}
.tierlist-section .tier-unit-context-rank{font-size:10px;}
.tier-unit-context-text{font-size:10.5px;line-height:1.35;}
.tierlist-section .tier-unit-score{font-size:10.5px;line-height:1.35;}
.rarity-filter-label,.faction-filter-label{font-size:11.5px;}
.rarity-filter,.faction-filter{font-size:11px;}

/* Unit database readability. */
.unit-database-head p{font-size:14px;}
.unit-database-count{font-size:11.5px;}
.unit-db-badge,.unit-db-details-button{font-size:10.5px;}
.unit-db-control{font-size:11px;}
.unit-db-preview-note{font-size:11.5px;}
.unit-db-stat-label,.unit-db-meta-item strong,.unit-db-obtain strong{font-size:10.5px;}
.unit-db-stat-value{font-size:14px;}
.unit-db-upgrades-title{font-size:10.5px;}
.unit-db-upgrade small{font-size:10px;}
.unit-db-upgrade b{font-size:13px;}

/* DPS / table readability. */
.unit-name{font-size:14px;}
table th{font-size:11px;}
table td{font-size:13px;}

/* Curses / owner / modals / helpers. */
.curse-unit-name{font-size:13px;}
.owner-unit-name{font-size:13px;}
.owner-unit-name small{font-size:10px;}
.placement-limit-unit-name{font-size:11px;}
.owner-curse-intro,.owner-tier-mode p{font-size:12px;line-height:1.55;}

/* Value List stays aligned with the approved clean typography. */
.value-list-section,.value-list-section button,.value-list-section input,.value-list-section select{font-family:"Segoe UI",Arial,sans-serif;}

@media(max-width:560px){
  .tier-view-button-copy strong{font-size:11.5px;}
  .tier-view-button-copy small{font-size:10px;}
  .tier-view-rule{font-size:10.5px;}
  .tierlist-section .tier-letter small{font-size:10px;}
  .tierlist-section .tier-unit-name{font-size:13px;}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;}}