/* One fixed, readable palette for every Premium placement. */
[data-premium-color]{--premium-rgb:209,170,101;--premium-accent:#d1aa65}
[data-premium-color="blue"]{--premium-rgb:121,180,242;--premium-accent:#79b4f2}
[data-premium-color="green"]{--premium-rgb:112,201,161;--premium-accent:#70c9a1}
[data-premium-color="violet"]{--premium-rgb:180,151,238;--premium-accent:#b497ee}
[data-premium-color="rose"]{--premium-rgb:226,149,185;--premium-accent:#e295b9}
[data-premium-color="coral"]{--premium-rgb:236,157,127;--premium-accent:#ec9d7f}
.server-card.is-premium,.premium-color-preview,.managed-server.is-premium[data-premium-color],.vote-server-panel[data-premium-color]{border:1px solid rgba(var(--premium-rgb),.43);background:linear-gradient(105deg,rgba(var(--premium-rgb),.085),transparent 70%),#191d22}
.server-card.is-premium:hover{border-color:rgba(var(--premium-rgb),.72)}
.server-card.is-premium .rank-number,.server-card.is-premium .metric-votes strong,.server-card.is-premium .opening-date{color:var(--premium-accent)}
[data-premium-color] .premium-badge{border-color:rgba(var(--premium-rgb),.4);background:rgba(var(--premium-rgb),.06);color:var(--premium-accent)}
[data-premium-color] .premium-badge svg{fill:rgba(var(--premium-rgb),.08)}
.server-card.is-premium .detail-button,dialog[data-premium-color] .modal-actions .orange-button{background:var(--premium-accent);border-color:var(--premium-accent);color:#111820}
.server-card.is-premium .detail-button:hover,dialog[data-premium-color] .modal-actions .orange-button:hover{filter:brightness(1.1)}
.server-card.is-premium .server-banner{border-color:rgba(var(--premium-rgb),.35)}
/* Ranking position alone does not enable Premium styling. */
.server-card.top-server:not(.is-premium){border-color:#2c3037;background:linear-gradient(100deg,#1b1e24,#181b20)}
.top-server:not(.is-premium) .rank-number{color:#9096a0}
.top-server:not(.is-premium) .metric-votes strong{color:#d4d7dd}
.top-server:not(.is-premium) .detail-button{background:#292e36;border-color:#3b414b;color:#d4d7dd}
.premium-server-list a[data-premium-color]{border-left:1px solid rgba(var(--premium-rgb),.45);background:linear-gradient(90deg,rgba(var(--premium-rgb),.045),transparent)}
.premium-server-list a[data-premium-color] .premium-server-diamond{color:var(--premium-accent);fill:rgba(var(--premium-rgb),.08)}
.premium-server-list a[data-premium-color]:hover{background:rgba(var(--premium-rgb),.08);color:var(--premium-accent)}
.premium-server-list a[data-premium-color]:focus-visible{outline-color:var(--premium-accent)}
dialog[data-premium-color]{border-color:rgba(var(--premium-rgb),.48)}
.managed-server[data-premium-color] .managed-premium,.managed-server[data-premium-color] .premium-expiry,.vote-server-panel[data-premium-color] .vote-server-stats strong{color:var(--premium-accent)}
.premium-color-picker{min-width:0;margin:6px 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--line)}
.premium-color-picker legend{display:flex;align-items:center;gap:7px;padding:0 12px 0 0;color:#e4e6eb;font-size:13px;font-weight:600}
.premium-color-picker legend svg{width:16px;height:16px;color:var(--gold)}
.premium-color-picker>p{margin:0 0 13px;font-size:11px;line-height:1.6;color:var(--muted)}
.premium-color-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.site-form .premium-color-option{position:relative;display:block;cursor:pointer;margin:0;min-width:0}
.site-form .premium-color-option input{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.premium-color-tile{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:78px;padding:12px 5px 10px;border:1px solid #343a43;border-radius:6px;background:#14181e;color:#aeb6c2;font-size:11px;font-weight:500;transition:background .15s,border-color .15s}
.premium-color-dot{width:19px;height:19px;border-radius:50%;background:var(--premium-accent);box-shadow:0 0 0 4px rgba(var(--premium-rgb),.09)}
.premium-color-check{position:absolute;top:4px;right:6px;color:var(--premium-accent);font-size:11px;visibility:hidden}
.premium-color-option input:checked+.premium-color-tile{background:rgba(var(--premium-rgb),.08);border-color:var(--premium-accent);color:#eef1f5}
.premium-color-option input:checked+.premium-color-tile .premium-color-check{visibility:visible}
.premium-color-option:hover .premium-color-tile{border-color:rgba(var(--premium-rgb),.65)}
.premium-color-option input:focus-visible+.premium-color-tile{outline:2px solid var(--premium-accent);outline-offset:3px}
.premium-color-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-top:13px;border-radius:7px;min-width:0}
.premium-color-preview>div{display:grid;gap:4px;min-width:0}
.premium-preview-caption{color:var(--premium-accent);font-size:9px;font-weight:600;letter-spacing:.7px;text-transform:uppercase}
.premium-color-preview strong{font-size:13px;line-height:1.5;color:#ecedf0;overflow-wrap:anywhere}
.premium-preview-description{color:#9ba5b4;font-size:10px;line-height:1.6}
@media(max-width:600px){.premium-color-options{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-color-preview{padding:12px;gap:10px}}