/* High-resolution visual pass: crisp type, true-black depth and restrained purple. */
:root{--bg:#050407;--panel:#100d13;--text:#faf8fd;--muted:#b2a8b8;--line:#35283d;--purple:#ad5cf4}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;font-synthesis:none}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at 76% -12%,rgba(113,45,154,.19) 0,rgba(5,4,7,0) 34%),#050407;font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif}
h1,h2,h3,h4,strong,b{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
img,svg,video,canvas{image-rendering:auto;shape-rendering:geometricPrecision}
.logo img,.site-footer img{image-rendering:auto;filter:none;transform:none}
header{background:rgba(5,4,7,.96);border-color:#29202f;box-shadow:0 1px 0 rgba(255,255,255,.015)}
main{background:transparent}
.dark,.rankings{background:#08060a;border-color:#281e2e}
.panel,.rank-card,.reference-server-tile,.weekly-server,.weekly-filter-panel,.launch-panel,.launch-card,.shared-side-widget,.vote-verification-card,.profile-card,.campaign,.article-card,.article-lead,.price-card,.advertising-side,.toplist-side,.vote-sidebar,.launch-sidebar,.articles-side{background-color:#100d13;border-color:#34283c}
.rank-card,.reference-server-tile,.launch-card,.article-card,.profile-card{box-shadow:0 12px 32px rgba(0,0,0,.24)}
.links,.account{color:#d1c7d7}.links a:hover,.account a:hover{color:#fff}
.kicker,.section-head>a,.rank,.price{color:#c778f4}
.btn,.server button{background:linear-gradient(135deg,#9345c3,#b85aea);color:#0b050e!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
input,textarea,select{background:#08060a!important;border-color:#413149!important;color:#fff!important}
p,small{font-synthesis:none}.server p,.article-card p,.rank-description{color:#aaa0b1}
@media(min-width:1600px){.shell{width:min(1380px,calc(100% - 80px))}.vote-page-wide{width:min(1480px,calc(100% - 80px))}}
@media(min-resolution:2dppx){body{-webkit-font-smoothing:antialiased}.logo img{transform:translateZ(0)}}
html[data-theme="dark"] body{background:#030303}html[data-theme="dark"] .logo img{filter:grayscale(1) brightness(1.45)}
html[data-theme="light"] body{-webkit-font-smoothing:auto}
.btn,.outline-btn,.profile-button,.weekly-action,.launch-view,.account a{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
.home-cta .btn-arrow{font-weight:600!important;letter-spacing:0!important}