@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--gold:#d9b47a;--text:#e9e5df;--muted:#9599a4;--line:#ffffff20}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#090b11;color:var(--text);font:13px/1.6 Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{max-width:1180px;width:calc(100% - 64px);margin:auto}
.hero{position:relative;background:url('/assets/images/elf-and-castle-background.png') center top/cover no-repeat;min-height:740px}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#090b11 0,transparent 30%)}
header{position:relative;z-index:2;background:#080b12dc;border-bottom:1px solid #b9955930}
header .container{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{display:block;width:170px}
nav{display:flex;gap:27px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
nav a:hover{color:var(--gold)}
.account{border:1px solid #c8a36a88;padding:9px 17px;border-radius:4px}
.hero .container{position:relative;z-index:1}
.hero-copy{width:480px;padding:95px 0 105px;text-align:center;text-shadow:0 2px 18px #000}
.hero-logo{width:390px;max-width:100%;filter:drop-shadow(0 4px 14px #000)}
h1{font:500 35px/1.2 "Cormorant Garamond",Georgia,serif;letter-spacing:.18em;margin:18px 0 10px}
.tagline{font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:#ded9d0}
.description{max-width:370px;margin:22px auto;color:#c3c5cb;font-size:12px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:23px 0}
.stat{border:1px solid var(--line);border-radius:5px;background:#0c111acc;padding:13px 5px}
.stat b{display:block;font:600 23px "Cormorant Garamond",serif;color:#e9dfca}
.stat small{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#9fa4b0}
.actions{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:0 23px;border:1px solid #d1c6b67a;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#10131bbd;transition:.2s}
.actions .btn{flex:1}
.btn.gold{background:linear-gradient(110deg,#ffdc93,#dba753);color:#211608;border-color:#ffe3a1;box-shadow:0 0 25px #e5a14538,inset 0 1px 2px #fff9}
.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}
main{position:relative;margin-top:-25px;background:radial-gradient(ellipse at 50% 35%,#22202a45,transparent 70%)}
section{margin-bottom:47px}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}
.section-head h2{margin:0;font:600 28px/1.2 "Cormorant Garamond",Georgia,serif;letter-spacing:.045em;text-transform:uppercase}
.section-head h2:before{content:"◆";font-size:10px;vertical-align:middle;margin-right:13px;color:var(--gold);text-shadow:0 0 12px #eea442}
.section-head p{font-size:8px;letter-spacing:.23em;color:#8f939e;text-transform:uppercase;margin:6px 0 0 24px}
.section-head>a{color:var(--gold);font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.principles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:linear-gradient(145deg,#15161de8,#0d0f15);transition:.2s}
.card:hover{border-color:#c9a06570;transform:translateY(-3px)}
.art{height:126px;background-image:url('/assets/images/fantasy-card-illustrations.png');background-size:300% auto;background-position:0 center;border-bottom:1px solid #bc95693b}
.art.party{background-position:50% center}
.art.balance{background-position:100% center}
.art.city{background:url('/assets/images/elf-and-castle-background.png') 43% 35%/cover}
.art.elf{background:url('/assets/images/elf-and-castle-background.png') 95% 20%/cover}
.card-body{padding:17px}
.principles .card-body{text-align:center;padding:15px 11px}
.card h3{font:600 18px/1.2 "Cormorant Garamond",Georgia,serif;margin:0 0 9px}
.principles h3{text-transform:uppercase;font-size:15px;letter-spacing:.025em}
.card p{color:var(--muted);font-size:11px;line-height:1.55;margin:0}
.card a.more{display:inline-block;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-top:18px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.news-grid .art{height:160px}
.meta{display:flex;gap:12px;align-items:center;color:#8f939f;font-size:8px;margin-bottom:11px;text-transform:uppercase}
.badge{padding:1px 7px;border:1px solid #b38b5260;border-radius:10px;color:var(--gold)}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.feature{padding:23px 19px;text-align:center;border:1px solid var(--line);border-radius:5px;background:#14161e;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.feature:hover,.feature:focus-visible{transform:translateY(-3px);border-color:#c9a06570;background:#1b1c25;box-shadow:0 12px 28px #0005}
.feature .icon{transition:color .2s,filter .2s}
.feature:hover .icon,.feature:focus-visible .icon{color:#ffe2a8;filter:drop-shadow(0 0 8px #d9b47a60)}
.icon{color:var(--gold);font-size:31px;line-height:1.3}
.feature h3{font:600 18px "Cormorant Garamond",serif;margin:11px 0 7px}
.feature p{font-size:10px;color:var(--muted);margin:0}
.community-row{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}
.ranking,.support{border:1px solid var(--line);border-radius:5px;padding:25px;background:#10131bea}
.ranking h3,.support h3{margin:0 0 16px;font:600 23px "Cormorant Garamond",serif}
.ranking table{width:100%;border-collapse:collapse;font-size:11px}
.ranking th{text-align:left;color:#a89980;font-size:9px;font-weight:500}
.ranking td,.ranking th{padding:10px;border-bottom:1px solid #ffffff0f}
.ranking td:first-child{color:var(--gold)}
.support p{font-size:11px;color:var(--muted);margin-bottom:22px}
.footer-scene{position:relative;background:radial-gradient(ellipse at 50% 0,#d9b47a0c,transparent 65%),#080a10;padding:48px 0 28px;border-top:1px solid #d9b47a30}
.footer-scene:before{content:"✦";position:absolute;left:50%;top:-13px;transform:translateX(-50%);padding:0 20px;background:#090b11;color:var(--gold);font-size:18px}
.footer-top img{filter:drop-shadow(0 4px 15px #000)}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-top img{width:210px}
.footer-top p{font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;color:#858996;font-size:9px}
.footer-bottom a{margin-right:20px}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(min-width:1800px){.hero{background-size:cover;background-position:center top;background-color:#10151f;min-height:810px}.hero-copy{padding-top:135px}}
@media(max-width:1000px){nav{gap:15px}.principles{grid-template-columns:repeat(3,1fr)}.hero-copy{width:420px}.hero-logo{width:340px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}nav a:not(.account){display:none}.brand img{width:140px}.hero{min-height:690px;background-position:65% top}.hero-copy{width:100%;max-width:390px;padding-top:170px;margin:auto;background:radial-gradient(ellipse,#090b1180,transparent);}.hero-logo{width:290px}h1{font-size:26px}.principles,.features{grid-template-columns:repeat(2,1fr)}.news-grid,.community-row{grid-template-columns:1fr}.section-head h2{font-size:23px}.section-head>a{display:none}.footer-top,.footer-bottom{display:block}.footer-top p{margin-top:25px}.footer-bottom>span{display:block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card,.feature,.feature .icon{transition:none}.feature:hover,.feature:focus-visible{transform:none}}
.inner-page{background:radial-gradient(ellipse at 85% 0,#27253255,transparent 45%),#090b11}
.page-intro{padding:65px 0 35px;border-bottom:1px solid #d9b47a25;margin-bottom:35px}
.page-intro h1{letter-spacing:.04em;text-transform:uppercase;margin:10px 0}
.page-intro p{color:var(--muted);max-width:620px}
.breadcrumb{color:var(--gold);font-size:10px}
.inner-page main{margin-top:0;min-height:50vh}
.rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:45px}
.rating-grid section{margin:0}
.rating-grid .ranking{padding:18px}
.ranking caption{text-align:left;color:var(--muted);font-size:10px;margin-bottom:12px}
.ranking th:nth-child(3),.ranking td:nth-child(3){text-align:right}
.ranking th:last-child,.ranking td:last-child{text-align:right}
.ranking td:nth-child(2){width:40%}
.ranking-note{color:var(--muted);font-size:11px}
.article-page{max-width:800px;margin:0 auto 50px}
.article-cover{height:280px;border:1px solid var(--line);border-radius:5px;margin-bottom:28px}
.article-text{font-size:14px;line-height:1.9;color:#c3c5cb}
.article-text h2{font:600 27px 'Cormorant Garamond',serif;color:var(--text);margin-top:28px}
.article-text p{margin:0 0 20px}
.article-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}
.news-list{margin-bottom:50px}
@media(max-width:700px){.rating-grid{grid-template-columns:1fr}.page-intro{padding-top:35px}.article-cover{height:190px}.ranking td,.ranking th{padding:9px 5px}.inner-page nav{gap:12px}.inner-page nav a:not(.account){display:block;font-size:8px}.inner-page nav a:nth-child(1),.inner-page nav a:nth-child(4){display:none}.inner-page .brand img{width:105px}}
/* Shared illustrated header and full-width articles */
.inner-page .page-intro{position:relative;max-width:none;width:100%;margin:0 0 38px;padding:65px max(32px,calc((100% - 1180px)/2)) 55px;min-height:235px;background:linear-gradient(90deg,#090b11dc,#090b1170 60%,#090b1130),linear-gradient(0deg,#090b11,transparent 75%),url('/assets/images/elf-and-castle-background.png') center 35%/cover no-repeat;border-bottom:1px solid #d9b47a20}
.page-intro h1,.page-intro p,.page-intro .breadcrumb{position:relative;z-index:1}
.article-page{max-width:none;width:100%}
.article-cover{height:390px}
.article-text{font-size:15px;line-height:1.9}
.ranking table{table-layout:fixed}
.ranking th:first-child,.ranking td:first-child{width:10%}
.ranking th:nth-child(2),.ranking td:nth-child(2){width:38%}
.ranking th:nth-child(3),.ranking td:nth-child(3){width:24%;text-align:left}
.ranking th:last-child,.ranking td:last-child{width:28%;text-align:left;overflow-wrap:anywhere}
.ranking td{font-variant-numeric:tabular-nums}
@media(max-width:700px){.inner-page .page-intro{padding:40px 16px;min-height:205px;background-position:center,center,65% 30%}.article-cover{height:230px}.ranking th:first-child,.ranking td:first-child{width:12%}.ranking th:nth-child(2),.ranking td:nth-child(2){width:29%;overflow-wrap:anywhere}.ranking th:nth-child(3),.ranking td:nth-child(3){width:23%}.ranking th:last-child,.ranking td:last-child{width:36%}.article-text{font-size:13px}}
/* Inner-page banner: preserve the upper composition and fade into content. */
.inner-page .page-intro{min-height:clamp(340px,24vw,520px);padding-top:clamp(110px,9vw,195px);padding-bottom:75px;background-image:linear-gradient(90deg,#090b11c9, #090b1150 58%,transparent),linear-gradient(0deg,#090b11 0%,#090b1140 32%,transparent 70%),url('/assets/images/elf-and-castle-background.png');background-position:center,center,center top;border-bottom:0;margin-bottom:25px}
.inner-page .page-intro p{max-width:550px}
.inner-page .page-intro h1{text-shadow:0 2px 20px #000}
@media(max-width:700px){.inner-page .page-intro{min-height:320px;padding-top:125px;padding-bottom:50px;background-position:center,center,68% top}.inner-page .page-intro h1{max-width:85%;font-size:28px}}
/* Use the homepage hero composition on all inner pages. */
.inner-page .inner-hero{min-height:740px;background:url('/assets/images/elf-and-castle-background.png') center top/cover no-repeat}
.inner-page .inner-hero .page-intro{background:none;border:0;min-height:0;width:calc(100% - 64px);max-width:1180px;margin:0 auto;padding:195px 0 160px;position:relative;z-index:1}
.inner-page .inner-hero .page-intro h1{max-width:480px;font-size:40px}
.inner-page .inner-hero .page-intro p{max-width:440px}
.inner-page main{margin-top:-25px;position:relative;z-index:1}
@media(min-width:1800px){.inner-page .inner-hero{min-height:810px}.inner-page .inner-hero .page-intro{padding-top:235px}}
@media(max-width:700px){.inner-page .inner-hero{min-height:690px;background-position:65% top}.inner-page .inner-hero .page-intro{width:calc(100% - 32px);padding:350px 0 90px}.inner-page .inner-hero .page-intro h1{font-size:30px}.inner-page .inner-hero .page-intro p{max-width:360px}}
.hero:after{background:linear-gradient(to top,#090b11 0%,rgba(9,11,17,.98) 5%,rgba(9,11,17,.86) 12%,rgba(9,11,17,.57) 22%,rgba(9,11,17,.26) 34%,rgba(9,11,17,.07) 45%,transparent 55%)}
main{background:none}
.inner-page{background:#090b11}
/* Reveal more of the original scene while keeping the soft lower fade. */
.hero,.inner-page .inner-hero{min-height:900px}
.hero:after{background:linear-gradient(to top,#090b11 0%,rgba(9,11,17,.98) 4%,rgba(9,11,17,.86) 9%,rgba(9,11,17,.57) 16%,rgba(9,11,17,.26) 24%,rgba(9,11,17,.07) 32%,transparent 40%)}
@media(min-width:1800px){.hero,.inner-page .inner-hero{min-height:1020px}}
@media(max-width:700px){.hero,.inner-page .inner-hero{min-height:780px}}
.hero-glow{position:absolute;inset:76px 0 0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.hero-glow:before{content:"";position:absolute;left:28%;top:5%;width:32%;height:42%;background:radial-gradient(ellipse,rgba(112,169,233,.13),rgba(101,159,232,.035) 38%,transparent 68%);animation:erloria-glow 9s ease-in-out infinite alternate}
.hero-glow i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#ffe0a0;box-shadow:0 0 7px 2px #efb96766,0 0 16px #efb96744;opacity:0;animation:erloria-spark var(--duration) ease-in-out var(--delay) infinite}
@keyframes erloria-glow{from{opacity:.35;transform:scale(.95)}to{opacity:.85;transform:scale(1.08)}}
@keyframes erloria-spark{0%,100%{opacity:0;transform:translate3d(0,12px,0)}25%{opacity:.5}65%{opacity:.18}85%{opacity:0;transform:translate3d(10px,-45px,0)}}
@media(prefers-reduced-motion:reduce){.hero-glow:before{animation:none;opacity:.45}.hero-glow i{display:none}}
@media(max-width:700px){.hero-glow i:nth-child(n+9){display:none}.hero-glow:before{left:10%;width:55%;opacity:.4}}
.about-page{padding-bottom:10px}
.about-lead{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:center;padding:30px 0 15px}
.about-eyebrow{display:block;color:var(--gold);font-size:9px;letter-spacing:.25em;margin-bottom:18px}
.about-lead p,.about-support p{font-size:14px;line-height:1.9;color:#aeb2bd;max-width:720px}
.about-quote{padding:35px;border:1px solid #d9b47a30;border-radius:6px;text-align:center;background:radial-gradient(ellipse at top,#d9b47a0c,transparent 80%),#11141c}
.about-quote>span{font-size:30px;color:var(--gold)}
.about-quote blockquote{margin:16px 0;font:500 34px/1.3 'Cormorant Garamond',serif;color:#ead8b9}
.about-quote p{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold)}
.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.about-item,.about-panel{padding:26px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(145deg,#15161d,#0d0f15)}
.about-number{font:500 35px 'Cormorant Garamond',serif;color:#d9b47a80}
.about-item h3{font:600 23px 'Cormorant Garamond',serif;margin:12px 0}
.about-item p{color:var(--muted);font-size:12px}
.about-details{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.about-panel .section-head h2{font-size:25px}
.about-list{padding:0;margin:0;list-style:none}
.about-list li{padding:17px 0 17px 20px;border-bottom:1px solid #ffffff0b;position:relative}
.about-list li:before{content:'◆';color:var(--gold);position:absolute;left:0;top:20px;font-size:7px}
.about-list li:last-child{border:0}
.about-list strong{display:block;font-size:12px;color:#e3dccf;margin-bottom:5px}
.about-list span{font-size:12px;color:var(--muted)}
.about-support{display:flex;align-items:center;gap:35px;padding:32px;border:1px solid #d9b47a35;border-radius:5px;background:#15151b}
.about-support .btn{flex-shrink:0}
.about-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.about-bottom p{color:var(--muted);font-size:11px}
@media(max-width:1000px){.about-grid{grid-template-columns:repeat(2,1fr)}.about-support{display:block}.about-support .btn{margin-top:15px}}
@media(max-width:700px){.about-lead,.about-details{grid-template-columns:1fr;gap:20px}.about-grid{grid-template-columns:1fr}.about-bottom{display:block}.about-lead p,.about-support p{font-size:13px}.about-support{padding:22px}.about-item{padding:22px}}
.hero-glow{z-index:1}
.hero-glow:before{background:radial-gradient(ellipse,rgba(125,183,255,.24),rgba(101,159,232,.08) 38%,transparent 68%);animation:erloria-glow 7s ease-in-out infinite alternate}
.hero-glow i{display:block;width:4px;height:4px;background:#ffe9b4;box-shadow:0 0 7px 2px #efb967aa,0 0 20px #efb96766;animation:erloria-spark var(--duration) ease-in-out var(--delay) infinite}
@keyframes erloria-spark{0%{opacity:.12;transform:translate3d(0,12px,0)}25%{opacity:.85}65%{opacity:.5}100%{opacity:.12;transform:translate3d(12px,-55px,0)}}
@media(prefers-reduced-motion:reduce){.hero-glow:before{animation:erloria-glow 12s ease-in-out infinite alternate}.hero-glow i{display:block;animation-duration:18s}}
@media(max-width:700px){.hero-glow i:nth-child(n+9){display:none}}
.site-loader{display:none}
.is-loading .site-loader{display:flex;position:fixed;inset:0;z-index:9999;background:#090b11;align-items:center;justify-content:center;opacity:1;transition:opacity .35s ease}
.site-loader img{width:min(330px,70vw);filter:drop-shadow(0 0 20px #d9b47a20);animation:loader-pulse 1.8s ease-in-out infinite}
.is-loading .site-loader.is-leaving{opacity:0;pointer-events:none}
@keyframes loader-pulse{0%,100%{opacity:.45;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.site-loader img{animation:none}.is-loading .site-loader{transition:none}}
.hero-glow i{width:var(--size,3px);height:var(--size,3px);animation-name:erloria-random-spark;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes erloria-random-spark{0%,12%{opacity:0;transform:translate3d(0,12px,0)}35%{opacity:var(--peak,.6)}65%{opacity:calc(var(--peak,.6)*.5)}88%,100%{opacity:0;transform:translate3d(var(--drift,10px),var(--rise,-50px),0)}}
@media(prefers-reduced-motion:reduce){.hero-glow i{animation-name:erloria-random-spark}}
@media(max-width:700px){.hero-glow i:nth-child(n+9){display:block}}
.content-nav{position:relative;z-index:3;margin:-25px auto 32px;padding:0 18px;border-top:1px solid #d9b47a28;border-bottom:1px solid #ffffff0d;background:#0c0f16e8;display:flex;justify-content:center;gap:28px;overflow-x:auto;scrollbar-width:thin}
.content-nav a{display:block;flex-shrink:0;padding:16px 3px;font-size:10px;letter-spacing:.08em;color:#a5a9b3;white-space:nowrap;position:relative;transition:color .2s}
.content-nav a:hover,.content-nav a[aria-current="page"]{color:#e9c996}
.content-nav a[aria-current="page"]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#d9b47a;box-shadow:0 0 9px #d9b47a50}
main,.inner-page main{margin-top:0}
@media(max-width:700px){.content-nav{justify-content:flex-start;gap:23px;padding:0 14px;margin-bottom:26px}.content-nav a{font-size:10px;padding:14px 2px}}
@media(max-width:700px){.content-nav a:not(.account),.inner-page .content-nav a:nth-child(n){display:block;font-size:10px}}
.footer-scene:before{content:none}
.back-top{position:absolute;left:50%;top:-13px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:58px;height:33px;padding:0 0 4px;border:0;border-radius:0 0 15px 15px;background:#090b11;color:var(--gold);font-size:20px;line-height:1;cursor:pointer;transition:color .2s,text-shadow .2s,background .2s}
.back-top:hover,.back-top:focus-visible{color:#ffe4a4;text-shadow:0 0 9px #ffc966,0 0 20px #d9b47a80;background:#10131b}
.footer-bottom a{transition:color .2s}
.footer-bottom a:hover,.footer-bottom a:focus-visible{color:var(--gold)}
.hero:after{background:linear-gradient(to bottom,rgba(9,11,17,0) 42%,rgba(9,11,17,0.004) 44.08%,rgba(9,11,17,0.017) 46.17%,rgba(9,11,17,0.038) 48.25%,rgba(9,11,17,0.067) 50.33%,rgba(9,11,17,0.103) 52.42%,rgba(9,11,17,0.146) 54.50%,rgba(9,11,17,0.196) 56.58%,rgba(9,11,17,0.250) 58.67%,rgba(9,11,17,0.309) 60.75%,rgba(9,11,17,0.371) 62.83%,rgba(9,11,17,0.435) 64.92%,rgba(9,11,17,0.500) 67.00%,rgba(9,11,17,0.565) 69.08%,rgba(9,11,17,0.629) 71.17%,rgba(9,11,17,0.691) 73.25%,rgba(9,11,17,0.750) 75.33%,rgba(9,11,17,0.804) 77.42%,rgba(9,11,17,0.854) 79.50%,rgba(9,11,17,0.897) 81.58%,rgba(9,11,17,0.933) 83.67%,rgba(9,11,17,0.962) 85.75%,rgba(9,11,17,0.983) 87.83%,rgba(9,11,17,0.996) 89.92%,rgba(9,11,17,1.000) 92.00%,#090b11 100%)}
.content-nav{background:transparent;border:0;overflow:visible;gap:30px;padding:12px 0 18px;margin:-12px auto 35px;align-items:center}
.content-nav:before,.content-nav:after{content:'';height:1px;flex:1;min-width:20px;background:linear-gradient(90deg,transparent,#d9b47a38)}
.content-nav:after{background:linear-gradient(90deg,#d9b47a38,transparent)}
.content-nav a{font-weight:500;font-size:10px;letter-spacing:.12em;padding:10px 0;color:#9398a3}
.content-nav a[aria-current="page"]{color:#e4c28e}
.content-nav a[aria-current="page"]:after{content:'◆';height:auto;left:50%;right:auto;bottom:-6px;transform:translateX(-50%);background:none;box-shadow:none;font-size:6px;color:#d9b47a;text-shadow:0 0 8px #d9b47a55}
.content-nav a:hover{color:#f0d29f}
@media(max-width:700px){.content-nav{gap:20px;overflow-x:auto;justify-content:flex-start;padding:8px 5px 18px}.content-nav:before,.content-nav:after{display:none}.content-nav a{font-size:9px}}
.section-head h2{display:flex;align-items:center;gap:13px}
.section-head h2:before{content:'';display:block;flex:0 0 5px;width:5px;height:5px;margin:0;transform:rotate(45deg);background:#d9b47a;box-shadow:0 0 7px #d9b47a35;text-shadow:none}
.content-nav a[aria-current="page"]:after{content:'';width:4px;height:4px;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);background:#d9b47a;box-shadow:0 0 5px #d9b47a25;text-shadow:none}
.about-list li:before{content:'';width:4px;height:4px;left:1px;top:24px;transform:rotate(45deg);background:#d9b47a}
.site-loader img{animation:loader-breathe 1.5s ease-in-out infinite;transform-origin:center}
.is-loading .site-loader{transition:opacity .55s ease-in-out}
@keyframes loader-breathe{0%,100%{opacity:.55;transform:scale(.92);filter:drop-shadow(0 0 10px #d9b47a18)}50%{opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 26px #d9b47a45)}}
@media(prefers-reduced-motion:reduce){.site-loader img{animation:loader-breathe 2.4s ease-in-out infinite}.is-loading .site-loader{transition:opacity .55s ease-in-out}}
.back-top{top:-10px;width:44px;height:25px;padding-bottom:3px;border-radius:0 0 11px 11px;font-size:16px;transition:color .2s,text-shadow .2s}
.back-top:hover,.back-top:focus-visible{background:#090b11;color:#ffe4a4;text-shadow:0 0 7px #ffc966,0 0 14px #d9b47a70}
.site-loader img{animation:loader-expand 1.6s ease-out infinite}
@keyframes loader-expand{0%{opacity:0;transform:scale(.92);filter:drop-shadow(0 0 10px #d9b47a18)}18%{opacity:1}65%{opacity:.9}100%{opacity:0;transform:scale(1.09);filter:drop-shadow(0 0 26px #d9b47a45)}}
@media(prefers-reduced-motion:reduce){.site-loader img{animation:loader-expand 2.4s ease-out infinite}}
.content-nav a{font-size:12px;letter-spacing:.09em}
@media(max-width:700px){.content-nav a:not(.account),.inner-page .content-nav a:nth-child(n){font-size:11px}}
.rating-tabs{display:flex;gap:8px;overflow-x:auto;margin:25px 0 28px;padding-bottom:8px}.rating-tabs button{flex:1;white-space:nowrap;padding:15px 22px;border:1px solid var(--line);border-radius:5px;background:#12151d;color:var(--muted);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.rating-tabs button:hover{color:var(--gold);border-color:#d9b47a66}.rating-tabs button[aria-selected="true"]{color:#ffe1a5;background:linear-gradient(135deg,#493620,#211b17);border-color:var(--gold);box-shadow:inset 0 -2px var(--gold),0 0 18px #d9b47a12}.rating-grid{display:block}.rating-grid [hidden]{display:none}.rating-grid .ranking{padding:24px}.rating-grid th,.rating-grid td{padding:12px 16px}.rating-grid th:nth-child(3),.rating-grid td:nth-child(3),.rating-grid th:last-child,.rating-grid td:last-child{text-align:left}@media(max-width:700px){.rating-tabs button{flex:0 0 auto;padding:12px 15px;font-size:11px}.rating-grid .ranking{padding:12px}.rating-grid th,.rating-grid td{padding:10px 5px}}/* One logo appearance per navigation: outgoing page only fades to black. */
.site-loader img{animation:loader-once 1.4s ease-out both}.site-loader.is-outgoing img{visibility:hidden;animation:none}@keyframes loader-once{from{opacity:0;transform:scale(.94);filter:drop-shadow(0 0 10px #d9b47a18)}30%{opacity:1}to{opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 24px #d9b47a40)}}@media(prefers-reduced-motion:reduce){.site-loader img{animation:loader-once 1.6s ease-out both}.site-loader.is-outgoing img{animation:none}}.download-pending{display:inline-block;margin-top:15px;padding:10px 18px;border:1px solid #d9b47a35;border-radius:4px;color:#b5a58b;font-size:11px}.about-panel>h3{font:600 27px Cormorant Garamond,Georgia,serif;margin:10px 0}.about-panel>p{color:var(--muted)}.content-nav{gap:24px}.server-card{display:flex;align-items:center;gap:17px;text-align:left;margin:25px 0 23px;padding:20px 22px;border:1px solid #d9b47a40;border-radius:7px;background:linear-gradient(110deg,#151923ed,#0b101be6);box-shadow:0 8px 30px #0003,inset 0 1px #ffffff05}.server-crest{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:61px;color:#ddbc81;filter:drop-shadow(0 0 9px #d9b47a25)}.server-crest svg{width:46px;height:54px}.server-info{flex:1}.server-caption{display:block;color:#9298a5;font-size:8px;letter-spacing:.16em;text-transform:uppercase}.server-info>strong{display:block;font:600 27px/1.25 'Cormorant Garamond',Georgia,serif;color:#efe0c5;margin:3px 0 6px}.server-state{display:flex;align-items:center;gap:7px;font-size:9px;color:#a3a8b4}.server-dot{width:5px;height:5px;border-radius:50%;background:#9097a6;box-shadow:0 0 5px #9097a635}.server-population{padding-left:22px;border-left:1px solid #d9b47a25;text-align:center;min-width:100px}.server-population strong{display:block;font:500 30px/1.2 'Cormorant Garamond',Georgia,serif;color:#e8d4ad}.server-population span{display:block;font-size:8px;color:#a4a9b4;margin-top:7px;letter-spacing:.08em;text-transform:uppercase}@media(max-width:700px){.server-card{gap:12px;padding:18px 14px}.server-crest{width:40px}.server-population{padding-left:12px;min-width:85px}.server-info>strong{font-size:25px}}.server-rates{padding-left:17px;border-left:1px solid #d9b47a25;text-align:center;min-width:66px}.server-rates strong{display:block;font:500 27px/1.2 Cormorant Garamond,Georgia,serif;color:#e8d4ad}.server-rates span{display:block;font-size:8px;color:#a4a9b4;margin-top:7px;letter-spacing:.08em;text-transform:uppercase}.server-card{gap:14px}.server-population{min-width:90px;padding-left:17px}@media(max-width:700px){.server-card{gap:9px;padding:17px 12px}.server-crest{width:32px}.server-info>strong{font-size:23px}.server-rates{min-width:45px;padding-left:9px}.server-population{min-width:70px;padding-left:9px}.server-population span{font-size:7px}.server-state{font-size:8px}}.server-details{display:flex;width:100%;margin:-10px 0 18px;min-height:43px;border-color:#d9b47a60;color:#ebca94;background:linear-gradient(100deg,#171a23ed,#292319cc,#171a23ed);box-shadow:inset 0 1px #ffe2a10a;letter-spacing:.14em;gap:14px}.server-details:hover{border-color:#efd197;box-shadow:0 0 18px #d9b47a16,inset 0 1px #ffe2a115;color:#ffe2ae}.server-card{position:relative;flex-wrap:wrap;column-gap:14px;row-gap:0;padding-bottom:0}.server-details{flex:0 0 calc(100% + 44px);width:calc(100% + 44px);margin:18px -22px 0;min-height:38px;border:0;border-top:1px solid #d9b47a22;border-radius:0 0 6px 6px;background:transparent;box-shadow:none;font-size:9px;letter-spacing:.16em;color:#bba681;justify-content:center;gap:18px}.server-details span{color:#d9b47a;font-size:14px}.server-details:hover{transform:none;filter:none;background:#d9b47a07;border-color:#d9b47a22;box-shadow:none;color:#efd4a8}@media(max-width:700px){.server-details{flex-basis:calc(100% + 24px);width:calc(100% + 24px);margin:16px -12px 0}.server-card{padding-bottom:0}}/* Lightweight server summary, integrated into the hero artwork. */
.server-card{background:linear-gradient(90deg,rgba(9,14,22,.12),rgba(9,14,22,.38) 45%,rgba(9,14,22,.12));border:0;border-radius:0;box-shadow:none;padding:14px 14px 0;margin:25px 0 22px;column-gap:14px}
.server-crest{width:40px;height:49px;filter:none;color:#c8a66d}.server-crest svg{width:34px;height:43px}
.server-caption{font-size:10px;color:#b4bac5;letter-spacing:.1em}.server-info>strong{font-size:30px;color:#e4d5bc}.server-state{font-size:12px;color:#b4bac5}.server-dot{width:6px;height:6px}
.server-rates,.server-population{border-color:#d9b47a1c}.server-rates strong,.server-population strong{font-size:30px;color:#d7c4a6}.server-rates span,.server-population span{font-size:10px;line-height:1.5;color:#b4bac5;letter-spacing:.04em}
.server-details{flex-basis:100%;width:100%;min-height:40px;margin:14px 0 0;border-top:1px solid #d9b47a1a;border-radius:0;background:none;color:#c6af87;font-size:12px;letter-spacing:.1em}.server-details:hover{background:none;border-color:#d9b47a1a;box-shadow:none;color:#efd4a8}.server-details span{font-size:16px}
@media(max-width:700px){.server-card{padding:13px 4px 0;gap:9px}.server-crest{width:30px}.server-info>strong{font-size:28px}.server-caption{font-size:10px;letter-spacing:.06em}.server-rates,.server-population{padding-left:9px}.server-population{min-width:72px}.server-population span{max-width:72px}.server-details{flex-basis:100%;width:100%;margin:14px 0 0}}