@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{
  --bg:#100b0a;--bg-soft:#17100f;--panel:#1b1210;--panel-2:#211411;
  --text:#fff4ed;--muted:#ad9890;--muted-2:#796660;--line:rgba(255,221,202,.12);
  --orange:#ff791c;--orange-bright:#ff9b36;--red:#f13c2e;--red-deep:#b51e21;
  --gradient:linear-gradient(115deg,#ffae47 0%,#ff6a1a 42%,#ef342c 100%);
  --max:1180px;--radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden;line-height:1.6}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 85%)}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
::selection{background:#ff792c;color:#170b08}
.section-shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.section-pad{padding:110px 0}
.scroll-line{position:fixed;top:0;left:0;width:0;height:3px;z-index:200;background:var(--gradient);box-shadow:0 0 18px #ff571e90}
.ambient{position:absolute;width:450px;height:450px;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none;z-index:0}
.ambient-a{top:300px;left:-260px;background:var(--red)}
.ambient-b{top:900px;right:-300px;background:var(--orange)}
.announcement{min-height:34px;padding:7px 24px;display:flex;justify-content:center;align-items:center;gap:12px;background:#1c100e;border-bottom:1px solid #ff71221c;color:#c7aaa0;font-size:9px;font-weight:800;letter-spacing:1.5px}
.status-dot,.region-pill i,.rank-toolbar i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#ff7724;box-shadow:0 0 12px #ff7724}
.announcement>i{height:12px;width:1px;background:#684039}
.announcement a{margin-left:auto;color:#ff9a4c}
.announcement a b{margin-left:5px}
.site-header{height:84px;width:min(var(--max),calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:38px;position:relative;z-index:100;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:900;line-height:.84;letter-spacing:.6px}
.brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 12px #ff5e2433)}
.brand>span{display:grid;gap:5px}
.brand small{font-size:10px;letter-spacing:3.5px;color:var(--orange-bright)}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(17px,2.5vw,32px);margin-left:auto}
.main-nav a{font-size:11px;color:#c6b4ad;font-weight:700;transition:color .2s;position:relative}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--gradient);transition:right .25s}
.main-nav a:hover{color:#fff}.main-nav a:hover:after{right:0}
.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:45px;padding:0 20px;border:1px solid transparent;border-radius:8px;font-size:10px;font-weight:900;letter-spacing:1px;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;cursor:pointer}
.button span{font-size:15px;transition:transform .25s}
.button:hover{transform:translateY(-3px)}.button:hover span{transform:translate(2px,-2px)}
.button-primary{background:var(--gradient);color:#210d07;box-shadow:0 8px 25px #ed44272c;position:relative;overflow:hidden}
.button-primary:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(110deg,transparent 25%,#ffffff70 50%,transparent 75%);transition:transform .7s}
.button-primary:hover{box-shadow:0 12px 34px #f044374d}.button-primary:hover:before{transform:translateX(120%)}
.header-cta{min-height:41px;padding:0 16px;white-space:nowrap}
.button-ghost{border-color:#5a3930;background:#ffffff03;color:#f8e8df}
.button-ghost:hover{border-color:#ff762d;background:#ff762d0d}
.button-large{min-height:55px;padding:0 24px;font-size:11px}
.menu-toggle{display:none}
.hero{min-height:650px;padding-top:85px;padding-bottom:38px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:28px;position:relative}
.hero-copy{position:relative;z-index:2;padding-bottom:30px}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:900;letter-spacing:2.1px;color:#ff9b56}
.eyebrow{margin-bottom:22px}
.eyebrow-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ff7d334f;background:#ff702014;border-radius:7px;color:#ff9c53}
h1,h2,h3,p{margin-top:0}
h1,h2,.server-card h3,.rank-card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.94;letter-spacing:-.4px}
h1{font-size:clamp(62px,7.3vw,102px);margin-bottom:25px;letter-spacing:-1.7px}
.title-gradient,.section-heading h2 em,.rules-intro h2 em,.faq-intro h2 em,.community-copy h2 em{font-style:normal;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{max-width:510px;color:#bba59c;font-size:14px;line-height:1.95;margin-bottom:30px}
.hero-description strong{color:#fff0e5}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:38px}
.hero-proof span{font-size:8px;font-weight:800;letter-spacing:.8px;color:#917a72}
.hero-proof i{font-style:normal;color:#ff8a36;margin-right:6px}
.hero-art{position:relative;min-height:465px;display:grid;place-items:center;isolation:isolate}
.art-grid{position:absolute;inset:6% 0;background-image:linear-gradient(#ff8b3110 1px,transparent 1px),linear-gradient(90deg,#ff8b3110 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black 15%,transparent 72%);transform:perspective(500px) rotateX(13deg)}
.art-ring{position:absolute;aspect-ratio:1;border:1px solid #ff70262b;border-radius:50%;transform:rotateX(62deg) rotateZ(-23deg)}
.ring-one{width:90%;box-shadow:0 0 40px #ff5a1a0a,inset 0 0 40px #ff5a1a0a}
.ring-two{width:70%;border-color:#ffb14a33;transform:rotateX(62deg) rotateZ(35deg)}
.hero-logo{position:relative;z-index:2;width:min(82%,390px);aspect-ratio:1;display:grid;place-items:center;border-radius:32px;background:radial-gradient(ellipse,#3b1a12 0%,#1a0f0d 58%,#120b0a 100%);border:1px solid #ff8a333b;box-shadow:0 0 0 12px #ff77220a,0 0 0 28px #ff772207,0 35px 95px #0008,0 0 85px #ed431e20;transform:rotate(-3deg);animation:logoFloat 6s ease-in-out infinite}
.hero-logo:before{content:"";position:absolute;inset:12px;border:1px solid #ffae4b26;border-radius:24px}
.hero-logo img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 15px 18px #0009)}
.art-slab{position:absolute;z-index:1;width:92px;height:92px;border:1px solid #ff8b3236;background:linear-gradient(135deg,#ff782219,#d32d2010);transform:rotate(45deg);box-shadow:0 0 30px #ff60230b}
.slab-one{right:3%;top:18%}.slab-two{left:1%;bottom:18%;width:58px;height:58px}
.art-label{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;border:1px solid #ffb07a2d;background:#170e0cdb;backdrop-filter:blur(14px);box-shadow:0 14px 36px #0004;border-radius:10px;padding:12px 15px;font-size:8px;font-weight:900;letter-spacing:1px}
.label-top{top:10%;right:0;color:#ffb37b}
.label-pip{width:7px;height:7px;background:#ff7d28;border-radius:50%;box-shadow:0 0 12px #ff7d28}
.label-bottom{left:0;bottom:10%;padding:13px 17px}
.label-bottom>span{display:grid;place-items:center;width:35px;height:35px;background:var(--gradient);border-radius:8px;color:#210e09;font-family:'Barlow Condensed';font-size:18px}
.label-bottom div{display:grid;gap:4px}.label-bottom b{font-size:9px}.label-bottom small{font-size:7px;color:#a88c80;letter-spacing:1px}
.hero-spark{position:absolute;color:#ff9b43;text-shadow:0 0 20px #ff681d;animation:sparkPulse 3s ease-in-out infinite}
.spark-one{right:12%;bottom:21%;font-size:28px}.spark-two{left:12%;top:19%;font-size:21px;animation-delay:1s}
.hero-bottomline{grid-column:1/-1;display:flex;align-items:center;gap:15px;margin-top:5px;color:#755b51;font-size:8px;font-weight:900;letter-spacing:1.8px}
.bottomline-rule{height:1px;flex:1;background:linear-gradient(90deg,#673322,#67332200)}
.bottomline-coordinate{color:#ff8b43}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}
.section-kicker{margin-bottom:17px}.section-kicker>span{color:#ff7a2c}
.section-heading h2,.rules-intro h2,.faq-intro h2,.community-copy h2{font-size:clamp(48px,5.2vw,72px);margin-bottom:0}
.section-heading>p{max-width:390px;color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:4px}
.server-section{position:relative;background:linear-gradient(180deg,#140d0b,#120c0b)}
.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.server-card{position:relative;isolation:isolate;overflow:hidden;min-height:300px;padding:27px;border-radius:16px;background:linear-gradient(135deg,#201310,#17100f 70%);border:1px solid #ff8c3a26;transition:transform .35s,border-color .35s,box-shadow .35s}
.server-card:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 95% 0%,#ff791b14,transparent 45%)}
.server-card:after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--gradient);opacity:.85}
.server-card:hover{transform:translateY(-6px);border-color:#ff7b4268;box-shadow:0 22px 55px #0004}
.server-card-top{display:flex;align-items:center;justify-content:space-between}
.server-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#ff762315;border:1px solid #ff8d3b35;color:#ff9b50;font-size:26px}
.region-pill{display:flex;align-items:center;gap:7px;border:1px solid #ff8b3027;border-radius:50px;padding:7px 10px;color:#caa596;font-size:8px;font-weight:900;letter-spacing:1px}
.region-pill i{width:5px;height:5px}
.server-watermark{position:absolute;right:23px;top:53px;z-index:-1;font-family:'Barlow Condensed';font-size:110px;font-weight:900;color:#ff8a3009;line-height:1}
.card-overline{margin:23px 0 4px;font-size:8px;letter-spacing:2px;color:#a77a65;font-weight:900}
.server-card h3{font-size:36px;margin-bottom:5px;letter-spacing:.5px}
.server-card h3 span{color:#ff812e}
.server-copy{color:#a78f85;font-size:11px;margin-bottom:21px}
.address-label{font-size:8px;letter-spacing:1.5px;font-weight:900;color:#8b6b5e;margin-bottom:7px}
.address-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px 8px 14px;border:1px solid #ff8a302c;background:#0f0a09;border-radius:9px}
.address-box code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(11px,1.2vw,14px);color:#fff1e7;letter-spacing:.1px}
.copy-btn{display:flex;align-items:center;gap:7px;min-height:35px;padding:0 11px;border:1px solid #ff812e47;border-radius:6px;background:#ff741719;color:#ff9b50;font-size:8px;font-weight:900;letter-spacing:1px;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.copy-btn:hover{background:var(--gradient);color:#1b0d08;transform:translateY(-1px)}
.copy-icon{font-size:16px}
.server-card-footer{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:8px;letter-spacing:1px;color:#775d53}
.server-card-footer b{color:#bd9b8c;font-size:8px}
.footer-arrow{margin-left:auto;color:#ff8a3b;font-size:15px}
.micro-note{display:flex;gap:8px;align-items:flex-start;margin:18px 0 0;color:#80685e;font-size:10px;line-height:1.8}.micro-note span{color:#ff8a36}
.experience-section{background:#100b0a;position:relative}
.heading-center{display:block;text-align:center;max-width:720px;margin:0 auto 45px}
.heading-center .section-kicker{justify-content:center}
.heading-center>p{max-width:510px;margin:18px auto 0}
.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.experience-card{min-height:230px;padding:23px 20px;border:1px solid #ffdfcf12;background:linear-gradient(145deg,#1b1210,#15100f);border-radius:13px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,background .3s}
.experience-card:before{content:"";position:absolute;width:150px;height:150px;right:-85px;bottom:-90px;background:var(--gradient);opacity:.08;filter:blur(35px);transition:opacity .3s}
.experience-card:hover{transform:translateY(-6px);border-color:#ff7b3a48;background:linear-gradient(145deg,#251510,#17100f)}
.experience-card:hover:before{opacity:.22}
.experience-top{display:flex;justify-content:space-between;align-items:center}
.experience-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#ff7c1a14;border:1px solid #ff8a3030;color:#ff9a4a;font-size:21px}
.icon-world{color:#ff6e40}.icon-rank{color:#ffb04a}.icon-shield{color:#f0443c}
.experience-index{font-size:8px;color:#74594d;font-weight:900;letter-spacing:1.2px}
.experience-card h3{font-family:'Barlow Condensed';font-size:22px;letter-spacing:.6px;margin:22px 0 8px}
.experience-card p{font-size:10px;line-height:1.9;color:#9c8479;margin-bottom:23px}
.experience-line{height:2px;background:#ffffff0a}.experience-line span{display:block;width:30%;height:100%;background:var(--gradient);transition:width .4s}.experience-card:hover .experience-line span{width:100%}
.rank-section{background:radial-gradient(ellipse at 50% 0%,#a82b1b1a,transparent 45%),linear-gradient(180deg,#17100e,#120c0b 80%)}
.rank-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;margin-bottom:16px;background:#ff7b1a0b;border:1px solid #ff7b1a1f;border-radius:8px;color:#b39486;font-size:8px;letter-spacing:1.4px;font-weight:900}
.rank-toolbar>span:first-child{display:flex;align-items:center;gap:9px}.rank-toolbar>span:last-child{color:#795f54}.rank-toolbar b{color:#ff8232}
.rank-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
.rank-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px 17px 17px;background:linear-gradient(155deg,#211411,#17100f);border:1px solid #ffdfcf17;border-radius:13px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.rank-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff7b2a,transparent);opacity:.35}
.rank-card:hover{transform:translateY(-7px);border-color:#ff843e55;box-shadow:0 20px 45px #0005}
.rank-featured{background:linear-gradient(155deg,#321811,#1c100e);border-color:#ff7b2a66;box-shadow:0 0 35px #ff4d1b0b}
.rank-featured:before{height:3px;opacity:1;background:var(--gradient)}
.featured-ribbon{position:absolute;top:0;right:0;padding:6px 9px;background:var(--gradient);color:#260e08;font-size:6px;font-weight:1000;letter-spacing:1px;border-bottom-left-radius:7px}
.rank-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.rank-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ff7d1b12;border:1px solid #ff8c3033;color:#ff9b4d;font-size:22px}
.rank-number{font-size:7px;color:#8d6b5d;letter-spacing:1px;font-weight:900}
.rank-label{font-size:7px;letter-spacing:1.5px;color:#b67c5e;font-weight:900;margin-bottom:4px}
.rank-card h3{font-size:35px;margin-bottom:8px;color:#fff0e6}
.rank-plus{color:#ff8b34}
.rank-desc{font-size:9px;color:#a88d81;line-height:1.8;min-height:34px;margin-bottom:16px}
.rank-price{font-family:'Barlow Condensed';font-size:40px;font-weight:900;letter-spacing:-.5px;color:#fff4eb}
.rank-price span{font-size:20px;vertical-align:top;color:#ff923c;margin-right:2px}
.rank-divider{height:1px;background:#ffdfcf12;margin:15px 0 12px}
.rank-card ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px}
.rank-card li{display:flex;gap:7px;align-items:flex-start;color:#9f8579;font-size:8px;line-height:1.6}
.rank-card li span{color:#ff8e38;font-weight:900}
.rank-button{width:100%;margin-top:auto;min-height:40px;padding:0 8px;gap:7px;border-color:#ff7b2d55;background:#ff7b1a0c;color:#ffac70;font-size:7px;letter-spacing:.7px}
.rank-button:hover{background:var(--gradient);border-color:transparent;color:#220d07}
.purchase-notice{display:flex;align-items:center;gap:14px;margin-top:23px;padding:19px;border:1px solid #ff8b3328;background:linear-gradient(100deg,#ff79130c,#f13c2e08);border-radius:11px}
.notice-symbol{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#ff7d1b1c;color:#ff9c4b;font-weight:900}
.purchase-notice>div:nth-child(2){flex:1}.purchase-notice b{font-size:9px;letter-spacing:1.1px;color:#f6d4c0}
.purchase-notice p{font-size:9px;color:#9f8377;line-height:1.8;margin:4px 0 0}
.purchase-notice>a{white-space:nowrap;color:#ff9a4a;font-size:8px;font-weight:900;letter-spacing:.7px}
.rules-section{background:#100b0a}
.rules-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:start}
.rules-intro h2,.faq-intro h2{margin:0 0 19px}
.rules-intro>p,.faq-intro>p{font-size:12px;color:var(--muted);line-height:2;max-width:340px;margin-bottom:23px}
.text-link{display:inline-flex;align-items:center;gap:14px;color:#ff9c53;font-size:8px;font-weight:900;letter-spacing:1px}
.text-link span{font-size:15px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}
.rules-list{border-top:1px solid var(--line)}
.rule-row{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:15px;padding:20px 4px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}
.rule-row:hover{padding-left:12px;background:linear-gradient(90deg,#ff79120a,transparent)}
.rule-no{font-family:'Barlow Condensed';font-size:23px;color:#ff8739}
.rule-row h3{font-size:12px;margin:0 0 4px}.rule-row p{font-size:10px;color:#9c8378;margin:0;line-height:1.7}
.rule-mark{color:#75584b;font-size:15px;transition:color .2s}.rule-row:hover .rule-mark{color:#ff923e}
.faq-section{background:linear-gradient(180deg,#15100e,#100b0a)}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 3px;cursor:pointer;font-size:12px;font-weight:800;color:#f4dfd3}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{font-size:19px;color:#ff8e3a;transition:transform .25s}
.faq-item[open] summary span{transform:rotate(45deg)}
.faq-item p{font-size:11px;color:#aa9185;line-height:1.95;padding:0 25px 18px 3px;margin:0;max-width:650px}
.faq-item strong{color:#ffe2d1}
.community-section{padding:30px 0 100px;background:#100b0a}
.community-panel{position:relative;isolation:isolate;overflow:hidden;min-height:310px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #ff7b2d35;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#f0442e27,transparent 45%),radial-gradient(ellipse at 0% 100%,#ff8a201c,transparent 45%),linear-gradient(110deg,#25130f,#1b100e)}
.community-panel:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(135deg,#ff9b4d 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,black,transparent 70%)}
.community-decoration{position:absolute;right:26%;top:50%;transform:translateY(-50%);font-family:'Barlow Condensed';font-size:180px;font-weight:900;letter-spacing:-10px;color:#ff77220b;z-index:-1}
.community-decoration span{font-size:45px;color:#ff782212;vertical-align:top}
.community-copy{max-width:570px}.community-copy .section-kicker{margin-bottom:14px}
.community-copy h2{font-size:clamp(44px,5vw,66px);margin:0 0 15px}
.community-copy p{font-size:11px;color:#b59a8d;line-height:1.9;margin:0}
.community-panel>.button{flex-shrink:0}
.site-footer{border-top:1px solid var(--line);background:#0c0807}
.footer-main{min-height:105px;display:flex;align-items:center;gap:30px}
.footer-brand{font-size:20px}.footer-brand img{width:38px;height:38px}
.footer-brand small{font-size:9px}
.footer-main>p{font-size:9px;color:#806a60;margin:0}
.footer-links{display:flex;gap:20px;margin-left:auto}.footer-links a{font-size:9px;color:#a88d81;transition:color .2s}.footer-links a:hover{color:#ff994b}
.footer-bottom{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff09;color:#6f5950;font-size:7px;font-weight:800;letter-spacing:.8px}
.footer-bottom a{color:#ff9146}
.back-top{position:fixed;right:22px;bottom:22px;z-index:90;width:43px;height:43px;border:1px solid #ff873b55;border-radius:10px;background:#21110ee8;color:#ff9c50;font-size:21px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s,transform .25s,background .25s}
.back-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.back-top:hover{background:var(--gradient);color:#1c0c08}
.toast{position:fixed;z-index:250;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 18px;border:1px solid #ff883b55;border-radius:10px;background:#24130ff2;box-shadow:0 15px 45px #0008;color:#ffcfaa;font-size:11px;font-weight:800;transition:opacity .25s,transform .25s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.loader{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 40%,#37170f,#140c0a 55%,#0c0807);transition:opacity .7s,visibility .7s}
.loader.is-hidden{opacity:0;visibility:hidden}
.loader-mark{width:90px;height:90px;display:grid;place-items:center;border:1px solid #ff873b55;border-radius:25px;background:#ff782210;box-shadow:0 0 60px #ff581b20;animation:logoFloat 2.2s ease-in-out infinite}
.loader-mark img{width:80%;height:80%;object-fit:contain}
.loader-wordmark{font-family:'Barlow Condensed';font-size:25px;font-weight:900;letter-spacing:2px}
.loader-wordmark span{color:#ff8739;margin-left:7px}
.loader-line{width:180px;height:3px;background:#ffffff12;border-radius:5px;overflow:hidden}
.loader-line i{display:block;width:35%;height:100%;background:var(--gradient);animation:loadingSweep 1.35s ease-in-out infinite}
.loader>p{font-size:8px;letter-spacing:2px;color:#a28172;font-weight:900}
.reveal{opacity:0;transform:translateY(24px);filter:blur(2px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),filter .7s}
.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}
.experience-card.reveal:nth-child(2),.rule-row.reveal:nth-child(2){transition-delay:.08s}
.experience-card.reveal:nth-child(3),.rule-row.reveal:nth-child(3){transition-delay:.15s}
.experience-card.reveal:nth-child(4),.rule-row.reveal:nth-child(4){transition-delay:.22s}
.rank-card.reveal:nth-child(2){transition-delay:.06s}.rank-card.reveal:nth-child(3){transition-delay:.12s}.rank-card.reveal:nth-child(4){transition-delay:.18s}.rank-card.reveal:nth-child(5){transition-delay:.24s}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(-1deg)}}
@keyframes sparkPulse{0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
@keyframes loadingSweep{0%{transform:translateX(-120%)}100%{transform:translateX(400%)}}
@media(min-width:1500px){.hero{min-height:720px}.hero-art{min-height:520px}}
@media(max-width:1050px){
  .site-header{gap:20px}.main-nav{gap:16px}.main-nav a{font-size:10px}
  .rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rank-card{min-height:350px}
  .experience-grid{grid-template-columns:repeat(2,1fr)}
  .rules-layout,.faq-layout{gap:45px}
}
@media(max-width:780px){
  .section-shell,.site-header{width:calc(100% - 34px)}
  .section-pad{padding:80px 0}
  .announcement{padding-inline:17px;font-size:8px;letter-spacing:1px}
  .announcement-extra{display:none}.announcement>i{display:none}
  .site-header{height:72px;gap:12px}
  .brand{font-size:20px;gap:7px}.brand img{width:39px;height:39px}
  .brand small{font-size:8px;letter-spacing:3px}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto;width:40px;height:40px;border:1px solid #ff8b383d;background:#ff7b1a0d;border-radius:8px;cursor:pointer}
  .menu-toggle span{width:17px;height:2px;background:#ff9a4b;transition:transform .2s}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .main-nav{display:none;position:absolute;top:calc(100% + 9px);left:0;right:0;padding:10px;flex-direction:column;align-items:stretch;gap:0;background:#1a100ef7;border:1px solid #ff8b3833;border-radius:12px;box-shadow:0 22px 55px #0009}
  .main-nav.open{display:flex}
  .main-nav a{padding:13px 12px;border-radius:7px;font-size:12px}.main-nav a:hover{background:#ff79200e}
  .main-nav a:after{display:none}
  .header-cta{min-height:39px;padding:0 11px;font-size:8px;gap:7px}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:75px;gap:10px}
  .hero-copy{padding-bottom:0}.hero-art{min-height:400px;margin-top:0}
  h1{font-size:clamp(62px,12vw,88px)}
  .hero-description{max-width:570px;font-size:13px}
  .hero-proof{margin-top:28px;gap:12px}
  .hero-bottomline{margin-top:0}
  .section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:30px}
  .section-heading>p{max-width:550px}
  .server-card{padding:22px}
  .rules-layout,.faq-layout{grid-template-columns:1fr;gap:34px}
  .rules-intro>p,.faq-intro>p{max-width:500px}
  .community-panel{padding:36px;align-items:flex-start;flex-direction:column}
  .community-decoration{right:5%;font-size:150px}
  .footer-main{flex-wrap:wrap;padding:22px 0;gap:16px}
  .footer-main>p{order:3;width:100%}
  .footer-links{gap:14px}
}
@media(max-width:540px){
  .section-shell,.site-header{width:calc(100% - 28px)}
  .announcement{justify-content:flex-start;font-size:7px;letter-spacing:.7px;gap:8px}
  .announcement a{font-size:7px}
  .hero{padding-top:55px}
  h1{font-size:clamp(54px,14vw,74px);letter-spacing:-1px}
  .hero-actions{gap:9px}.button-large{min-height:49px;padding:0 16px;font-size:9px;gap:12px}
  .hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-proof span{font-size:7px}
  .hero-art{min-height:330px}
  .hero-logo{width:min(78%,300px);border-radius:24px}
  .hero-logo:before{border-radius:17px}
  .art-label{padding:9px 10px;font-size:7px}
  .label-top{top:8%;right:-2%}.label-bottom{left:-2%;bottom:8%}
  .label-bottom>span{width:29px;height:29px;font-size:15px}
  .label-bottom b{font-size:7px}.label-bottom small{font-size:6px}
  .art-slab{width:54px;height:54px}.slab-two{width:40px;height:40px}
  .hero-bottomline{font-size:6px;letter-spacing:1px;gap:8px}
  .section-pad{padding:66px 0}
  .section-heading h2,.rules-intro h2,.faq-intro h2{font-size:53px}
  .server-grid{grid-template-columns:1fr;gap:13px}
  .server-card{min-height:280px}
  .address-box{padding:7px;gap:5px}.address-box code{font-size:11px}
  .copy-btn{padding:0 8px;font-size:7px;gap:5px}
  .experience-grid{grid-template-columns:1fr 1fr;gap:9px}
  .experience-card{min-height:222px;padding:17px 14px}
  .experience-card h3{font-size:19px;margin-top:18px}
  .experience-card p{font-size:9px}
  .experience-icon{width:38px;height:38px}
  .rank-toolbar{font-size:7px;padding:12px 10px;letter-spacing:.7px}
  .rank-toolbar>span:last-child{font-size:6px}
  .rank-grid{grid-template-columns:1fr 1fr;gap:10px}
  .rank-card{padding:18px 13px;min-height:333px}
  .rank-card h3{font-size:31px}.rank-price{font-size:35px}
  .rank-number{font-size:6px}.rank-label{font-size:6px}
  .rank-desc{font-size:8px;min-height:38px}
  .rank-card li{font-size:7px}
  .rank-button{font-size:6px;letter-spacing:.35px}
  .rank-featured{grid-column:auto}
  .featured-ribbon{font-size:5px}
  .purchase-notice{align-items:flex-start;flex-wrap:wrap;padding:14px;gap:10px}
  .purchase-notice>div:nth-child(2){width:calc(100% - 45px);flex:initial}
  .purchase-notice>a{margin-left:42px}
  .rule-row{grid-template-columns:32px 1fr 15px;gap:10px;padding:17px 2px}
  .rule-row h3{font-size:11px}.rule-row p{font-size:9px}
  .faq-item summary{font-size:11px;gap:10px}
  .community-section{padding:15px 0 65px}
  .community-panel{padding:28px 21px;min-height:320px}
  .community-copy h2{font-size:47px}
  .community-copy p{font-size:10px}
  .community-decoration{font-size:100px;right:2%}
  .footer-main{gap:14px}.footer-links{width:100%;margin-left:0;order:4;flex-wrap:wrap}
  .footer-bottom{padding:14px 0;align-items:flex-start;flex-direction:column;gap:8px;font-size:6px}
  .back-top{right:13px;bottom:13px}
}
@media(max-width:360px){
  .header-cta{display:none}
  .rank-grid{grid-template-columns:1fr}
  .rank-card{min-height:0}
  .rank-desc{min-height:0}
  .rank-card ul{margin-bottom:17px}
  .experience-grid{grid-template-columns:1fr}
  .experience-card{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none;filter:none}
}


/* User-supplied background photo: intentionally blurred, darkened, and subtle. */
html{background:#100b0a}
body{background:transparent;isolation:isolate}
.site-photo-backdrop{
  position:fixed;inset:-22px;z-index:-2;pointer-events:none;
  background-image:linear-gradient(180deg,rgba(10,7,7,.90),rgba(14,8,7,.94) 46%,rgba(10,7,7,.97)),url("https://cdn.discordapp.com/attachments/1508761263335936110/1559898119901024407/unnamed.webp?ex=6ad0bfd5&is=6acf6e55&hm=f6f99726100be0466d7a91191880216d23df1b47e40ae3d8b99c4d0a67aaba18&");
  background-position:center center;background-size:cover;background-repeat:no-repeat;
  filter:blur(7px) brightness(.42) saturate(.72);opacity:.72;transform:scale(1.025);
}
body:before{z-index:-1;opacity:.22}
.ambient{z-index:0;pointer-events:none}
.site-header,.announcement,main,.site-footer{position:relative;z-index:1}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
@media(max-width:780px){
  .header-actions{gap:7px}
}
@media(max-width:540px){
  .site-photo-backdrop{inset:-14px;filter:blur(5px) brightness(.38) saturate(.65);opacity:.7}
  .header-actions{gap:6px}
  .header-cta{padding:0 8px;font-size:7px}
}


/* Demon Network orange + red upgrade and currency converter */
:root{--orange:#ff6a1a;--orange-bright:#ff8a24;--red:#ff302e;--red-deep:#a91420;--gradient:linear-gradient(115deg,#ff9a22 0%,#ff5b1a 43%,#f12635 100%)}
.title-gradient{background:linear-gradient(110deg,#ffad35 0%,#ff6a1a 45%,#ff3039 82%,#c9182a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 24px #ff3d251c)}
.announcement{background:linear-gradient(90deg,#1b0d0a,#2a100c 50%,#1b0b0b);border-bottom-color:#ff4b272b}
.ambient-a{background:#ff302e}.ambient-b{background:#ff781c}
.hero-logo{animation:logoFloat 5s ease-in-out infinite;filter:drop-shadow(0 20px 42px #f42d2630)}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes fireGlow{0%,100%{box-shadow:0 0 0 #ff4b2400}50%{box-shadow:0 0 38px #ff3b241b}}
@keyframes borderRush{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.server-card,.rank-card,.experience-card{border-color:#ff5c3026}
.server-card:hover,.rank-card:hover{border-color:#ff543d88;box-shadow:0 22px 55px #f22e2517,0 14px 34px #0005}
.button-primary{background-size:180% 100%;animation:borderRush 7s linear infinite}
.converter-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#1a0d0bdf,#230d0ce8 55%,#130b0bf0)}
.converter-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 35%,#ff681d1c,transparent 40%),radial-gradient(ellipse at 88% 70%,#f1263519,transparent 42%)}
.converter-layout{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:center}
.converter-intro h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,5vw,66px);font-weight:900;line-height:.98;margin:18px 0}
.converter-intro h2 em{font-style:normal;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.converter-intro>p{max-width:430px;color:#b49a8e;font-size:12px;line-height:1.95}
.converter-note{display:flex;align-items:center;gap:9px;color:#c59b86;font-size:10px;margin-top:24px}
.converter-pulse{width:7px;height:7px;flex:none;border-radius:50%;background:#ff6b28;box-shadow:0 0 0 0 #ff572b80;animation:ratePulse 1.8s infinite}
@keyframes ratePulse{70%{box-shadow:0 0 0 8px #ff572b00}100%{box-shadow:0 0 0 0 #ff572b00}}
.converter-card{padding:25px;border:1px solid #ff60374a;border-radius:18px;background:linear-gradient(145deg,#21110ff2,#130d0cf5);box-shadow:0 24px 70px #0005;animation:fireGlow 6s ease-in-out infinite}
.converter-card-head{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #ffb7a21a}
.converter-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(140deg,#ff7c1d2e,#f12d352b);border:1px solid #ff6b3c55;color:#ff9b43;font-size:24px}
.converter-card-head>div{display:grid;gap:3px}.converter-card-head b{font-size:11px;letter-spacing:1.2px}.converter-card-head small{font-size:8px;letter-spacing:1.4px;color:#927468}
.converter-live{margin-left:auto;border:1px solid #ff60364d;border-radius:50px;padding:6px 9px;color:#ff9b63;font-size:7px;font-weight:900;letter-spacing:1px}
.converter-fields{display:grid;gap:10px;padding-top:20px}
.currency-field{display:grid;gap:8px}.currency-field>span{font-size:8px;letter-spacing:1.5px;color:#b58d7d;font-weight:900}
.currency-input-row{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;background:#0d0909;border:1px solid #ff8c4a2b;border-radius:10px;transition:border-color .2s,box-shadow .2s}
.currency-input-row:focus-within{border-color:#ff6a3e99;box-shadow:0 0 0 3px #ff572b12}
.currency-input-row input,.currency-input-row output{width:40%;min-width:0;flex:1;background:transparent;border:0;outline:0;color:#fff3e8;font-family:'Barlow Condensed',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:800}
.currency-input-row output{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffab48}
.currency-input-row select{width:49%;min-width:0;max-width:57%;padding:11px 5px;border:0;outline:0;background:#1c100e;color:#f7d9c9;border-radius:6px;font-size:10px;font-weight:700}
.converter-swap-wrap{display:flex;justify-content:center;height:0;position:relative;z-index:1}
.converter-swap{width:38px;height:38px;transform:translateY(-50%);border:1px solid #ff70475c;border-radius:11px;background:linear-gradient(135deg,#ff8a21,#f12d35);color:#240d08;font-size:23px;font-weight:900;cursor:pointer;box-shadow:0 7px 20px #ff3a282e;transition:transform .25s}
.converter-swap:hover{transform:translateY(-50%) rotate(180deg)}
.converter-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:19px;padding-top:15px;border-top:1px solid #ffb7a21a;color:#9e7c6e;font-size:9px}
.converter-footer span:first-child{color:#ffb05e;font-weight:800;letter-spacing:.4px}
@media(max-width:780px){.converter-layout{grid-template-columns:1fr;gap:30px}.converter-intro h2{font-size:54px}.converter-card{padding:19px}}
@media(max-width:480px){.converter-card-head b{font-size:9px}.converter-live{font-size:6px;padding:5px 7px}.currency-input-row{padding-left:9px;gap:5px}.currency-input-row input,.currency-input-row output{font-size:22px}.currency-input-row select{font-size:8px;max-width:58%}.converter-footer{font-size:8px}}


/* Demon Network motion pass: scroll entrances, living icons, tactile controls */
html{scroll-behavior:smooth;scroll-padding-top:92px}
:where(.section-heading,.converter-intro,.converter-card-head,.footer-main,.footer-bottom){animation:contentSettle .8s both}
@keyframes contentSettle{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.motion-in{opacity:0;transform:translateY(28px) scale(.985);filter:blur(4px);transition:opacity .8s cubic-bezier(.2,.75,.25,1),transform .85s cubic-bezier(.2,.75,.25,1),filter .8s ease;will-change:opacity,transform,filter}
.motion-in.motion-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0);will-change:auto}
.motion-left{transform:translateX(-28px);}.motion-right{transform:translateX(28px)}
.motion-left.motion-visible,.motion-right.motion-visible{transform:translateX(0)}
/* Icons get a gentle idle glow and a more noticeable response on hover/focus. */
.experience-icon,.rank-icon,.server-symbol,.converter-icon,.eyebrow-mark,.play-triangle,.rule-mark,.community-decoration span,.copy-icon,.footer-arrow{transform-origin:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s,color .35s}
.experience-card:hover .experience-icon,.rank-card:hover .rank-icon,.server-card:hover .server-symbol,.converter-card:hover .converter-icon,.button:hover .play-triangle,.copy-btn:hover .copy-icon,.rule-row:hover .rule-mark{transform:translateY(-3px) rotate(-7deg) scale(1.12);filter:drop-shadow(0 0 9px #ff622b88);color:#ffb04a}
.experience-icon{animation:iconBreath 4.5s ease-in-out infinite}
.experience-card:nth-child(2) .experience-icon{animation-delay:.4s}.experience-card:nth-child(3) .experience-icon{animation-delay:.8s}.experience-card:nth-child(4) .experience-icon{animation-delay:1.2s}
@keyframes iconBreath{0%,100%{box-shadow:0 0 0 #ff6b2b00}50%{box-shadow:0 0 20px #ff6b2b16}}
.brand img{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}
.brand:hover img{transform:rotate(-7deg) scale(1.08);filter:drop-shadow(0 0 12px #ff5c2f99)}
.main-nav a{position:relative;transition:color .25s,transform .25s}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--gradient);transition:right .3s ease}
.main-nav a:hover{transform:translateY(-2px)}.main-nav a:hover:after,.main-nav a:focus-visible:after{right:0}
.server-card,.experience-card,.rank-card,.rule-row,.community-panel,.converter-card{transform-style:preserve-3d;backface-visibility:hidden}
.server-card,.experience-card,.rank-card,.rule-row{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s,background .35s}
.server-card:hover,.rank-card:hover,.experience-card:hover{transform:translateY(-6px);}
.rule-row:hover{transform:translateX(5px);border-color:#ff613c60}
.button,.copy-btn,.converter-swap,.back-top,.menu-toggle{position:relative;isolation:isolate;overflow:hidden}
.button:after,.copy-btn:after,.converter-swap:after,.back-top:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--tap-x,50%) var(--tap-y,50%),#ffffff55,transparent 46%);opacity:0;transform:scale(.4);transition:opacity .35s,transform .45s;z-index:-1}
.button.tap-flash:after,.copy-btn.tap-flash:after,.converter-swap.tap-flash:after,.back-top.tap-flash:after{opacity:1;transform:scale(1.4)}
.button:focus-visible,.copy-btn:focus-visible,.converter-swap:focus-visible,.back-top:focus-visible,.main-nav a:focus-visible{outline:2px solid #ff9b4a;outline-offset:4px}
.loader-mark{position:relative}
.loader-mark:after{content:"";position:absolute;inset:-9px;border:1px solid #ff793a50;border-radius:30px;animation:loaderOrbit 2.4s linear infinite}
.loader-wordmark{animation:wordmarkIn .75s .12s both}
.loader>p{animation:loaderText 1.7s ease-in-out infinite}
@keyframes loaderOrbit{0%{transform:rotate(0) scale(.96);opacity:.25}50%{opacity:.8}100%{transform:rotate(360deg) scale(1.08);opacity:.25}}
@keyframes wordmarkIn{from{opacity:0;letter-spacing:8px;transform:translateY(8px)}to{opacity:1;letter-spacing:2px;transform:translateY(0)}}
@keyframes loaderText{0%,100%{opacity:.5}50%{opacity:1}}
.ambient-a{animation:ambientDriftA 16s ease-in-out infinite alternate}.ambient-b{animation:ambientDriftB 19s ease-in-out infinite alternate}
@keyframes ambientDriftA{from{transform:translate3d(0,0,0) scale(.9)}to{transform:translate3d(60px,80px,0) scale(1.12)}}
@keyframes ambientDriftB{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-70px,-55px,0) scale(.88)}}
.hero-spark{animation:sparkPulse 3s ease-in-out infinite}.spark-two{animation-delay:1.2s}
.art-ring{animation:ringTurn 26s linear infinite}.ring-two{animation-direction:reverse;animation-duration:34s}
@keyframes ringTurn{to{transform:rotate(360deg)}}
.announcement .status-dot{animation:statusPing 2s ease-out infinite}
@keyframes statusPing{0%{box-shadow:0 0 0 0 #ff7a4c88}70%,100%{box-shadow:0 0 0 8px #ff7a4c00}}
.toast{transition:transform .35s,opacity .35s;transform:translateY(14px);opacity:0}.toast.show{transform:translateY(0);opacity:1}
.back-top{transition:opacity .3s,transform .3s,box-shadow .3s}.back-top.visible:hover{transform:translateY(-4px);box-shadow:0 8px 26px #ff4d2d55}
.currency-input-row{transition:transform .25s,border-color .25s,box-shadow .25s}.currency-input-row:focus-within{transform:translateY(-1px)}
.converter-swap.swap-pop{animation:swapBounce .45s ease}
@keyframes swapBounce{0%{rotate:0deg;scale:1}45%{rotate:190deg;scale:1.12}100%{rotate:180deg;scale:1}}
@media(max-width:780px){.server-card:hover,.rank-card:hover,.experience-card:hover{transform:translateY(-3px)}.art-ring{animation-duration:38s}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .motion-in{opacity:1;transform:none;filter:none;transition:none}
 .experience-icon,.ambient-a,.ambient-b,.hero-spark,.art-ring,.loader-mark:after,.loader-wordmark,.loader>p,.announcement .status-dot{animation:none!important}
 .server-card:hover,.rank-card:hover,.experience-card:hover,.rule-row:hover,.main-nav a:hover{transform:none}
}


/* Currency selector modal for the rank shop */
.currency-choice-button{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #ff70475c;border-radius:9px;background:linear-gradient(120deg,#ff6b1d16,#f12d3514);color:#ffb178;font:inherit;font-size:9px;font-weight:900;letter-spacing:1px;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;}
.currency-choice-button:hover{transform:translateY(-2px);border-color:#ff744a;box-shadow:0 8px 22px #ff4b2b20}
.currency-choice-button b{color:#fff0e7}.currency-choice-icon{font-size:17px;color:#ff7835;animation:currencyIconPulse 2.8s ease-in-out infinite}.currency-choice-arrow{font-size:15px;color:#ff7940;transition:transform .25s}.currency-choice-button:hover .currency-choice-arrow{transform:translateY(2px)}
@keyframes currencyIconPulse{0%,100%{filter:drop-shadow(0 0 0 #ff632000);transform:rotate(0)}50%{filter:drop-shadow(0 0 8px #ff6320a0);transform:rotate(12deg)}}
.currency-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:22px;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .25s,visibility .25s}
.currency-modal.is-open{visibility:visible;pointer-events:auto;opacity:1}.currency-modal-backdrop{position:absolute;inset:0;background:#050303d9;backdrop-filter:blur(12px)}
.currency-modal-panel{position:relative;width:min(100%,465px);padding:35px 32px 28px;border:1px solid #ff633d68;border-radius:22px;background:radial-gradient(ellipse at 0 0,#ff70251b,transparent 46%),linear-gradient(145deg,#21100efc,#100b0bf9);box-shadow:0 35px 120px #000b,0 0 60px #ff4b2b13;transform:translateY(20px) scale(.97);transition:transform .35s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.currency-modal.is-open .currency-modal-panel{transform:translateY(0) scale(1)}.currency-modal-panel:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,#ff8a27,#f12d35,transparent);box-shadow:0 0 22px #ff4d2d88}
.currency-modal-close{position:absolute;right:15px;top:13px;width:34px;height:34px;border:1px solid #ff78502b;border-radius:10px;background:#ff633d0d;color:#ffc3a5;font-size:24px;cursor:pointer;transition:transform .25s,color .25s,background .25s}.currency-modal-close:hover{transform:rotate(90deg);color:#fff;background:#ff55332b}
.currency-modal-emblem{width:54px;height:54px;display:grid;place-items:center;margin-bottom:18px;border:1px solid #ff794c66;border-radius:16px;background:linear-gradient(135deg,#ff852a25,#e72b3a25);color:#ff9b4c;font-size:28px;box-shadow:inset 0 0 20px #ff5b2410;animation:currencyIconPulse 3s infinite}
.currency-modal-kicker{margin:0 0 8px;color:#ff9a5a;font-size:9px;font-weight:900;letter-spacing:2px}.currency-modal-panel h2{margin:0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,7vw,45px);line-height:1.05;font-weight:900}.currency-modal-panel h2 em{font-style:normal;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.currency-modal-description{margin:12px 0 24px;color:#b89a8d;font-size:12px;line-height:1.8}
.currency-modal-label{display:block;margin-bottom:9px;color:#ffba8a;font-size:9px;font-weight:900;letter-spacing:1.3px}.currency-select-wrap{position:relative;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #ff70475c;border-radius:12px;background:#0b0808;transition:border-color .25s,box-shadow .25s}.currency-select-wrap:focus-within{border-color:#ff8b47;box-shadow:0 0 0 3px #ff70321b}.currency-select-wrap>span:first-child{color:#ff8845;font-size:18px}.currency-select-wrap select{width:100%;min-width:0;padding:16px 28px 16px 0;border:0;outline:0;appearance:none;background:transparent;color:#fff1e8;font:inherit;font-size:12px;cursor:pointer}.currency-select-wrap select option{background:#1b100e;color:#fff}.currency-select-chevron{position:absolute;right:14px;color:#ff8a48;pointer-events:none}.currency-rate-status{min-height:16px;margin:10px 0 18px;color:#a88b7d;font-size:10px;line-height:1.6}.currency-apply-button{width:100%;justify-content:center;padding:15px}.currency-modal-footnote{margin:16px 0 0;color:#806c63;font-size:9px;line-height:1.7;text-align:center}.modal-open{overflow:hidden}
@media(max-width:600px){.rank-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}.currency-choice-button{max-width:100%;font-size:8px;padding:9px}.currency-modal-panel{padding:30px 22px 23px;border-radius:18px}.currency-modal-emblem{width:47px;height:47px;font-size:24px}}
@media(prefers-reduced-motion:reduce){.currency-modal,.currency-modal-panel,.currency-choice-button,.currency-choice-arrow,.currency-modal-close{transition:none}.currency-choice-icon,.currency-modal-emblem{animation:none}}


/* ===== DEMON NETWORK / REDESIGN PASS =====
   Keeps the original red-orange palette, copy, sections, links and interactions.
   New visual direction: editorial gaming layout, angular panels and clearer hierarchy.
*/
:root{
  --bg:#0d0909;
  --panel:#17100f;
  --panel-2:#20110f;
  --line:#ff8b3024;
  --max:1240px;
  --gradient:linear-gradient(120deg,#f04435 0%,#ff7028 55%,#ffb34f 100%);
}
html{scroll-padding-top:90px}
body{background:#0d0909;line-height:1.65}
body:before{opacity:.12;background-size:54px 54px}
.site-photo-backdrop{opacity:.08}
.announcement{min-height:38px;background:#0a0707;border-bottom:1px solid #ff6b3020;font-size:9px;letter-spacing:1.7px}
.site-header{height:82px;border-bottom:1px solid #ffffff12}
.brand img{width:43px;height:43px}
.main-nav{gap:clamp(16px,2vw,29px)}
.main-nav a{font-size:11px;color:#c7b6b0}
.main-nav a:after{bottom:-30px;height:3px}
.button{border-radius:5px;letter-spacing:1.15px}
.button-primary{box-shadow:0 9px 28px #f0443525}
.button-ghost{border-radius:5px;background:#ffffff04}
.hero{min-height:660px;padding-top:72px;padding-bottom:32px;gap:54px;grid-template-columns:1.08fr .92fr}
.hero-copy{padding:30px 0 38px}
.eyebrow{font-size:10px;letter-spacing:2.4px}
.eyebrow-mark{border-radius:3px;transform:rotate(45deg)}
.eyebrow-mark{margin:0 4px}
h1{font-size:clamp(64px,7.1vw,100px);letter-spacing:-2.5px;line-height:.86;margin-bottom:28px}
.title-gradient{background-image:linear-gradient(105deg,#ff4d38 0%,#ff7629 46%,#ffc05b 100%)}
.hero-description{max-width:470px;font-size:14px;color:#b5a19b;line-height:2}
.hero-actions{gap:10px}
.button-large{min-height:54px;padding-inline:23px}
.hero-proof{gap:0;margin-top:39px;border-top:1px solid #ffffff12;padding-top:18px}
.hero-proof span{padding-right:17px;margin-right:17px;border-right:1px solid #ffffff16;font-size:7px;letter-spacing:.9px}
.hero-proof span:last-child{border:0;margin:0;padding:0}
.hero-art{min-height:500px}
.art-grid{inset:5% -8%;background-size:42px 42px;opacity:.6}
.art-ring{border-radius:4px;transform:rotate(45deg) scale(.82)}
.ring-one{width:82%;border-color:#ff65362b;box-shadow:0 0 70px #ff4a2412,inset 0 0 45px #ff5a1a0a}
.ring-two{width:66%;border-color:#ffb14a42;transform:rotate(45deg) scale(.9)}
.hero-logo{width:min(78%,360px);border-radius:12px;background:linear-gradient(145deg,#28120f,#110b0a);border:1px solid #ff8a3355;box-shadow:12px 12px 0 #f0443514,0 30px 90px #0009,0 0 65px #ed431e20;transform:rotate(0)}
.hero-logo:before{inset:10px;border-radius:5px;border:1px solid #ffae4b28}
.hero-logo img{width:88%;height:88%}
.art-slab{border-radius:3px;transform:rotate(45deg);background:linear-gradient(135deg,#ff78221c,#d32d2012)}
.art-label{border-radius:4px;background:#110b0bf0;border-color:#ffb07a35;box-shadow:6px 6px 0 #ff7b2a10}
.label-top{top:8%;right:-2%}
.label-bottom{left:-2%;bottom:8%}
.hero-spark{filter:drop-shadow(0 0 8px #ff681d)}
.hero-bottomline{margin-top:0;padding-top:18px;border-top:1px solid #ffffff12}
.section-pad{padding:104px 0}
.section-heading{margin-bottom:38px;gap:50px}
.section-kicker{font-size:9px;letter-spacing:2.3px}
.section-kicker>span{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #ff7a2c45;background:#ff7a2c0d;color:#ff8e45}
.section-heading h2,.rules-intro h2,.faq-intro h2,.community-copy h2{font-size:clamp(48px,5vw,70px);line-height:.9;letter-spacing:-1.4px}
.section-heading>p{max-width:370px;font-size:12px;color:#aa9790}
.server-section{background:#110b0a;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08}
.server-grid{gap:16px}
.server-card{min-height:320px;padding:28px;border-radius:7px;background:linear-gradient(140deg,#211310,#15100f 72%);border-color:#ff8c3a30}
.server-card:after{height:3px}
.server-card:hover{transform:translateY(-5px);box-shadow:8px 12px 0 #ff70280c,0 20px 45px #0005}
.server-symbol{border-radius:4px;background:#ff762315}
.region-pill{border-radius:3px}
.server-card h3{font-size:40px;letter-spacing:.3px}
.address-box{border-radius:4px;background:#0d0808;border:1px solid #ff8b302a}
.copy-btn{border-radius:3px}
.micro-note{font-size:10px;color:#8e7a73}
.experience-section{background:#0d0909}
.experience-grid{gap:12px}
.experience-card{min-height:245px;padding:23px 21px;border-radius:5px;background:linear-gradient(155deg,#1a1110,#110c0b);border-color:#ffffff12}
.experience-card:hover{border-color:#ff7b3a75;background:linear-gradient(155deg,#28140f,#15100f);transform:translateY(-5px)}
.experience-icon{border-radius:5px;background:#ff7c1a12}
.experience-card h3{font-size:23px;letter-spacing:.3px}
.experience-card p{font-size:11px;color:#a9958e}
.rank-section{background:linear-gradient(180deg,#160e0d,#0f0909 82%);border-top:1px solid #ffffff08}
.rank-toolbar{border-radius:4px;background:#ff7b1a09;border-color:#ff7b1a26;padding:15px 17px}
.currency-choice-button{border-radius:4px}
.rank-grid{gap:11px}
.rank-card{padding:22px 16px 16px;border-radius:5px;background:linear-gradient(155deg,#211411,#120d0c);border-color:#ffffff13}
.rank-card:before{height:3px;opacity:.55}
.rank-card:hover{transform:translateY(-5px);border-color:#ff843e80;box-shadow:6px 8px 0 #ff7b2a0c,0 20px 38px #0005}
.rank-featured{background:linear-gradient(155deg,#351711,#1a0e0d);border-color:#ff7b2a88}
.rank-icon{border-radius:4px}
.rank-card h3{font-size:37px}
.rank-price{font-size:42px}
.rank-button{border-radius:4px;min-height:42px}
.purchase-notice{border-radius:5px;background:linear-gradient(100deg,#ff79130d,#f13c2e06);border-color:#ff8b3333}
.notice-symbol{border-radius:4px}
.rules-section{background:#0d0909}
.rules-layout{gap:90px}
.rule-row{padding:22px 5px;border-color:#ffffff12}
.rule-row:hover{padding-left:14px}
.rule-no{font-size:26px}
.rule-row h3{font-size:13px}
.rule-row p{font-size:11px;color:#a9958e}
.faq-section{background:linear-gradient(180deg,#130d0c,#0d0909)}
.faq-item{border-color:#ffffff12}
.faq-item summary{font-size:13px;padding:22px 3px}
.faq-item p{font-size:12px;color:#ad9991}
.community-section{background:#0d0909;padding:25px 0 95px}
.community-panel{min-height:320px;padding:48px 52px;border-radius:7px;border-color:#ff7b2d4a;background:radial-gradient(ellipse at 100% 0%,#f0442e25,transparent 45%),radial-gradient(ellipse at 0% 100%,#ff8a2018,transparent 45%),linear-gradient(110deg,#26120f,#130c0b)}
.community-panel:after{content:"";position:absolute;inset:12px;border:1px solid #ff9b4d1c;pointer-events:none;z-index:-1}
.community-copy h2{font-size:clamp(45px,4.8vw,64px)}
.site-footer{background:#090606}
.footer-main{min-height:112px}
.footer-bottom{border-color:#ffffff10}
.back-top{border-radius:4px;background:#1a0d0beF}
.toast{border-radius:4px}
.currency-modal-panel{border-radius:7px}
.currency-select-wrap{border-radius:4px}
.currency-apply-button{border-radius:4px}
.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
@media(max-width:1000px){
 .hero{gap:24px;grid-template-columns:1fr .85fr}
 .hero-proof{gap:10px}
 .hero-proof span{padding-right:10px;margin-right:10px;font-size:6px}
 .rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .experience-grid{grid-template-columns:repeat(2,1fr)}
 .rules-layout,.faq-layout{gap:45px}
}
@media(max-width:760px){
 .announcement{justify-content:flex-start;padding-inline:18px;font-size:8px;gap:8px}
 .announcement-extra,.announcement>i{display:none}
 .site-header{height:72px}
 .hero{padding-top:48px;grid-template-columns:1fr;gap:8px;min-height:unset}
 .hero-copy{padding:20px 0 0}
 h1{font-size:clamp(58px,12vw,86px)}
 .hero-art{min-height:390px;grid-row:2}
 .hero-logo{width:min(67%,310px)}
 .hero-bottomline{grid-row:3;flex-wrap:wrap}
 .hero-proof{gap:9px}
 .hero-proof span{font-size:7px;padding-right:9px;margin-right:0}
 .section-pad{padding:76px 0}
 .section-heading{display:block}
 .section-heading>p{margin-top:20px}
 .server-grid{grid-template-columns:1fr}
 .server-card{min-height:300px}
 .rank-toolbar{align-items:flex-start;gap:15px;flex-direction:column}
 .rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rules-layout,.faq-layout{grid-template-columns:1fr;gap:35px}
 .community-panel{align-items:flex-start;flex-direction:column;padding:35px 27px}
 .community-panel>.button{width:100%}
 .footer-main{padding-block:25px;flex-wrap:wrap;gap:18px}
 .footer-main>p{width:100%;order:3}
 .footer-links{margin-left:0;flex-wrap:wrap}
}
@media(max-width:440px){
 .section-shell,.site-header{width:calc(100% - 32px)}
 .hero-actions .button{flex:1;gap:10px;padding-inline:12px;font-size:9px}
 .hero-proof{display:grid;grid-template-columns:1fr 1fr}
 .hero-proof span{border:0;padding:0}
 .hero-art{min-height:330px}
 .art-label{padding:9px 10px;font-size:7px}
 .label-bottom{left:-1%}
 .label-bottom small{font-size:6px}
 .rank-grid{grid-template-columns:1fr}
 .rank-card{padding:22px}
 .rank-card h3{font-size:40px}
 .rank-price{font-size:46px}
 .footer-bottom{align-items:flex-start;flex-direction:column;padding:15px 0;gap:9px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* ===== WHITE + RED THEME OVERRIDE ===== */
:root{
  --bg:#f7f7f8;
  --panel:#ffffff;
  --panel-2:#fff1f0;
  --line:#e21d2f24;
}
html,body{background:#f7f7f8!important;color:#211719}
body:before{opacity:.045}
.site-photo-backdrop{opacity:.035}
.announcement{background:#fff!important;color:#7e242b;border-bottom-color:#e21d2f24}
.site-header{background:#ffffffed;border-bottom-color:#e21d2f20;backdrop-filter:blur(18px)}
.main-nav a{color:#554246}
.main-nav a:hover,.main-nav a.active{color:#d7192d}
.button-ghost{color:#bf1729;background:#fff;border-color:#e21d2f3b}
.button-ghost:hover{background:#fff1f2}
.hero{color:#241719}
.eyebrow{color:#c82132}
h1{color:#211719}
.title-gradient{background-image:linear-gradient(105deg,#c9152b 0%,#ef3344 55%,#ff6b70 100%)}
.hero-description{color:#68575a}
.hero-proof{border-color:#e21d2f20}
.hero-proof span{border-color:#e21d2f20;color:#7b6669}
.art-grid{opacity:.28;background-image:linear-gradient(#d7192d12 1px,transparent 1px),linear-gradient(90deg,#d7192d12 1px,transparent 1px)}
.art-ring{border-color:#e21d2f22}
.ring-one{border-color:#e21d2f24;box-shadow:0 0 70px #e21d2f0a,inset 0 0 45px #e21d2f05}
.ring-two{border-color:#e21d2f40}
.hero-logo{background:linear-gradient(145deg,#ffffff,#fff4f4);border-color:#e21d2f50;box-shadow:12px 12px 0 #e21d2f0d,0 30px 70px #a30b1912,0 0 50px #e21d2f0b}
.hero-logo:before{border-color:#e21d2f25}
.art-slab{background:linear-gradient(135deg,#e21d2f0e,#e21d2f06)}
.art-label{background:#fff;border-color:#e21d2f30;box-shadow:5px 5px 0 #e21d2f0b;color:#382326}
.hero-bottomline{border-color:#e21d2f20;color:#8a6c70}
.section-kicker{color:#c82132}
.section-kicker>span{border-color:#e21d2f45;background:#e21d2f08;color:#d7192d}
.section-heading h2,.rules-intro h2,.faq-intro h2,.community-copy h2{color:#211719}
.section-heading>p{color:#746164}
.server-section{background:#fff;border-color:#e21d2f12}
.server-card{background:linear-gradient(140deg,#ffffff,#fff7f7 72%);border-color:#e21d2f25;box-shadow:0 8px 28px #5c0a1008}
.server-card h3{color:#281a1c}
.server-card p,.server-card .server-description{color:#786467}
.server-symbol{background:#e21d2f0d;color:#d7192d}
.region-pill{background:#fff0f1;color:#c51a2d;border-color:#e21d2f25}
.address-box{background:#fff;border-color:#e21d2f25;color:#a31526}
.copy-btn{background:#fff0f1;color:#c51a2d;border-color:#e21d2f24}
.micro-note{color:#8b7478}
.experience-section{background:#f7f7f8}
.experience-card{background:linear-gradient(155deg,#fff,#fffafa);border-color:#e21d2f1b;box-shadow:0 8px 26px #5c0a1007}
.experience-card h3{color:#2b1c1f}
.experience-card p{color:#756164}
.experience-icon{background:#e21d2f0c;color:#cf1b30}
.experience-card:hover{border-color:#e21d2f55;background:#fff}
.rank-section{background:linear-gradient(180deg,#fff4f4,#f7f7f8 82%);border-color:#e21d2f14}
.rank-toolbar{background:#fff;border-color:#e21d2f27;box-shadow:0 6px 20px #5c0a1008}
.rank-toolbar,.rank-toolbar label{color:#5d4146}
.currency-choice-button{background:#fff;color:#c51a2d;border-color:#e21d2f35}
.rank-card{background:linear-gradient(155deg,#fff,#fff8f8);border-color:#e21d2f20;box-shadow:0 8px 25px #5c0a1008}
.rank-card h3{color:#2b1c1f}
.rank-card p,.rank-card li{color:#766064}
.rank-card .rank-price{color:#c8192d}
.rank-card:hover{border-color:#e21d2f66;box-shadow:6px 8px 0 #e21d2f08,0 20px 38px #5c0a100b}
.rank-featured{background:linear-gradient(155deg,#fff0f1,#fff);border-color:#e21d2f80}
.rank-icon{background:#e21d2f0d;color:#c8192d}
.rank-button{background:#c8192d;color:#fff;border-color:#c8192d}
.rank-button:hover{background:#a91223}
.purchase-notice{background:linear-gradient(100deg,#e21d2f09,#e21d2f04);border-color:#e21d2f2d;color:#60464a}
.notice-symbol{background:#e21d2f0d;color:#c8192d}
.rules-section{background:#fff}
.rule-row{border-color:#e21d2f19}
.rule-no{color:#d7192d}
.rule-row h3{color:#2b1c1f}
.rule-row p{color:#756164}
.faq-section{background:linear-gradient(180deg,#fff4f4,#f7f7f8)}
.faq-item{border-color:#e21d2f1e}
.faq-item summary{color:#2b1c1f}
.faq-item p{color:#756164}
.community-section{background:#f7f7f8}
.community-panel{border-color:#e21d2f3b;background:radial-gradient(ellipse at 100% 0%,#e21d2f12,transparent 45%),radial-gradient(ellipse at 0% 100%,#e21d2f0c,transparent 45%),linear-gradient(110deg,#fff,#fff5f5);box-shadow:0 18px 45px #5c0a1009}
.community-panel:after{border-color:#e21d2f20}
.community-copy h2{color:#211719}
.site-footer{background:#fff;border-top:1px solid #e21d2f18}
.footer-main{color:#453034}
.footer-bottom{border-color:#e21d2f1a;color:#80696d}
.footer-links a{color:#7c5d62}
.back-top{background:#fff0f1;color:#c8192d;border:1px solid #e21d2f2b}
.toast{background:#fff;color:#2b1c1f;border:1px solid #e21d2f2b;box-shadow:0 10px 35px #5c0a1018}
.currency-modal-panel{background:#fff;color:#2b1c1f;border:1px solid #e21d2f25;box-shadow:0 30px 90px #5c0a1020}
.currency-select-wrap{background:#fff8f8;border-color:#e21d2f25;color:#2b1c1f}
.currency-apply-button{background:#c8192d;color:#fff}
.modal-backdrop{background:#24101388;backdrop-filter:blur(5px)}
input,select,textarea{background:#fff;color:#2b1c1f;border-color:#e21d2f25}
::selection{background:#e21d2f25;color:#8d1020}
@media(prefers-color-scheme:dark){
  /* Keep the requested white theme even when the visitor uses dark mode. */
  html,body{background:#f7f7f8!important;color:#211719}
}


/* ===== FULL RED + WHITE GAMING THEME ===== */
:root{
  --bg:#c90920;
  --panel:#a9061a;
  --panel-2:#e21d35;
  --line:#ffffff30;
}
html,body{
  background:#c90920!important;
  color:#fff!important;
}
body{
  background-image:
    radial-gradient(ellipse at 12% 8%,#ff334b 0%,transparent 35%),
    radial-gradient(ellipse at 90% 45%,#9e0619 0%,transparent 38%),
    linear-gradient(135deg,#d90c27 0%,#b7071d 52%,#e51b34 100%)!important;
  background-attachment:fixed;
}
body:before{
  opacity:.15!important;
  background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px)!important;
  background-size:52px 52px!important;
}
.site-photo-backdrop{opacity:.07!important}
.announcement{
  background:#970416!important;
  color:#fff!important;
  border-color:#ffffff26!important;
}
.site-header{
  background:#b7081eee!important;
  border-color:#ffffff28!important;
  backdrop-filter:blur(18px);
}
.brand,.brand-name,.main-nav a,.header-actions{color:#fff!important}
.main-nav a:after{background:#fff!important}
.button-primary,.rank-button,.currency-apply-button{
  background:#fff!important;
  color:#b7081e!important;
  border-color:#fff!important;
  box-shadow:0 8px 25px #65000e2e!important;
}
.button-primary:hover,.rank-button:hover,.currency-apply-button:hover{
  background:#ffe7ea!important;
  color:#970416!important;
}
.button-ghost{
  color:#fff!important;
  border-color:#ffffff75!important;
  background:#ffffff0d!important;
}
.button-ghost:hover{background:#ffffff20!important}
.hero,.hero-copy,h1,.hero-bottomline,.hero-proof span{color:#fff!important}
.eyebrow,.section-kicker{color:#fff!important}
.title-gradient{
  background-image:linear-gradient(100deg,#fff 0%,#ffe7e9 45%,#ffb9c2 100%)!important;
}
.hero-description{color:#ffe5e8!important}
.hero-proof{border-color:#ffffff35!important}
.hero-proof span{border-color:#ffffff38!important}
.art-grid{
  opacity:.28!important;
  background-image:linear-gradient(#ffffff24 1px,transparent 1px),linear-gradient(90deg,#ffffff24 1px,transparent 1px)!important;
}
.art-ring,.ring-one,.ring-two{border-color:#ffffff50!important;box-shadow:0 0 55px #ffffff12,inset 0 0 35px #ffffff08!important}
.hero-logo{
  background:linear-gradient(145deg,#fff,#ffe8eb)!important;
  border:2px solid #fff!important;
  box-shadow:12px 12px 0 #76000e30,0 30px 85px #64000e4a!important;
}
.hero-logo:before{border-color:#c9092030!important}
.art-slab{background:linear-gradient(135deg,#ffffff25,#ffffff08)!important}
.art-label{
  background:#fff!important;color:#b7081e!important;
  border-color:#ffffff!important;box-shadow:6px 6px 0 #79000e30!important;
}
.hero-spark{color:#fff!important}
.hero-bottomline{border-color:#ffffff35!important}
.server-section,.experience-section,.rank-section,.rules-section,.faq-section,.community-section{
  background:transparent!important;
  border-color:#ffffff20!important;
}
.section-heading h2,.rules-intro h2,.faq-intro h2,.community-copy h2{color:#fff!important}
.section-heading>p{color:#ffe3e6!important}
.section-kicker>span{
  color:#b7081e!important;background:#fff!important;border-color:#fff!important;
}
.server-card,.experience-card,.rank-card{
  background:linear-gradient(145deg,#fdfdfd 0%,#fff0f2 100%)!important;
  border:1px solid #ffffff!important;
  color:#8f0618!important;
  box-shadow:0 12px 32px #65000e22!important;
}
.server-card:after{background:#b7081e!important}
.server-card h3,.experience-card h3,.rank-card h3{color:#a3071b!important}
.server-card p,.server-card .server-description,.experience-card p,.rank-card p,.rank-card li{
  color:#68434a!important;
}
.server-symbol,.experience-icon,.rank-icon{
  color:#b7081e!important;background:#c9092012!important;border:1px solid #c9092020!important;
}
.region-pill{background:#c9092010!important;color:#b7081e!important;border-color:#c9092030!important}
.address-box{background:#fff!important;color:#a3071b!important;border-color:#c9092030!important}
.copy-btn,.currency-choice-button{
  background:#c90920!important;color:#fff!important;border-color:#c90920!important;
}
.micro-note{color:#ffe0e4!important}
.rank-toolbar{
  background:#a7071b!important;color:#fff!important;border-color:#ffffff45!important;
}
.rank-toolbar label{color:#fff!important}
.rank-featured{
  background:linear-gradient(145deg,#fff,#ffe5e8)!important;
  border:2px solid #fff!important;
  box-shadow:0 0 0 3px #ffffff28,0 18px 42px #65000e2c!important;
}
.rank-card .rank-price{color:#b7081e!important}
.purchase-notice{
  background:#fff!important;color:#a3071b!important;border-color:#fff!important;
}
.notice-symbol{background:#c9092012!important;color:#b7081e!important}
.rule-row{border-color:#ffffff35!important}
.rule-no{color:#fff!important}
.rule-row h3{color:#fff!important}
.rule-row p{color:#ffe0e4!important}
.faq-item{border-color:#ffffff35!important}
.faq-item summary{color:#fff!important}
.faq-item summary:after{color:#fff!important}
.faq-item p{color:#ffe0e4!important}
.community-panel{
  background:linear-gradient(120deg,#a30619f5,#e31a34f5)!important;
  border:1px solid #ffffff65!important;
  box-shadow:0 20px 55px #65000e30!important;
}
.community-panel:after{border-color:#ffffff35!important}
.site-footer{
  background:#970416!important;color:#fff!important;border-color:#ffffff28!important;
}
.footer-main,.footer-bottom,.footer-links a{color:#fff!important}
.footer-bottom{border-color:#ffffff28!important}
.back-top{background:#fff!important;color:#b7081e!important;border-color:#fff!important}
.toast{
  background:#fff!important;color:#a3071b!important;border-color:#fff!important;
}
.currency-modal-panel{
  background:#fff!important;color:#a3071b!important;border-color:#fff!important;
  box-shadow:0 30px 90px #65000e40!important;
}
.currency-modal-panel h2,.currency-modal-panel h3,.currency-modal-panel label{color:#a3071b!important}
.currency-select-wrap{background:#fff6f7!important;color:#a3071b!important;border-color:#c9092035!important}
input,select,textarea{background:#fff!important;color:#a3071b!important;border-color:#c9092040!important}
.modal-backdrop{background:#4e000bba!important;backdrop-filter:blur(6px)}
::selection{background:#fff;color:#b7081e}
@media(prefers-color-scheme:dark){
 html,body{background:#c90920!important;color:#fff!important}
}


/* ===== LIGHT RED + WHITE THEME ===== */
:root{--bg:#fff4f5;--panel:#ffffff;--panel-2:#ffe7ea;--line:#ef6b7a35}
html,body{background:#fff0f2!important;color:#7f1726!important}
body{
 background-image:
  radial-gradient(ellipse at 12% 8%,#ffd9de 0%,transparent 38%),
  radial-gradient(ellipse at 90% 45%,#ffc5ce 0%,transparent 42%),
  linear-gradient(135deg,#fff4f5 0%,#ffe3e7 52%,#fff0f2 100%)!important;
 background-attachment:fixed;
}
body:before{
 opacity:.22!important;
 background-image:linear-gradient(#e94b6012 1px,transparent 1px),linear-gradient(90deg,#e94b6012 1px,transparent 1px)!important;
 background-size:52px 52px!important;
}
.site-photo-backdrop{opacity:.025!important}
.announcement{background:#ffe1e5!important;color:#a82739!important;border-color:#ef6b7a30!important}
.site-header{background:#fff9faeF!important;border-color:#f0a0aa55!important}
.brand,.brand-name,.main-nav a,.header-actions{color:#8e1a2b!important}
.main-nav a:after{background:#e94b60!important}
.button-primary,.rank-button,.currency-apply-button{background:#e94b60!important;color:#fff!important;border-color:#e94b60!important;box-shadow:0 8px 25px #d9364b1c!important}
.button-primary:hover,.rank-button:hover,.currency-apply-button:hover{background:#c92e43!important;color:#fff!important}
.button-ghost{color:#b72c40!important;border-color:#e96b7c65!important;background:#ffffffb8!important}
.button-ghost:hover{background:#ffe1e5!important}
.hero,.hero-copy,h1,.hero-bottomline,.hero-proof span{color:#7f1726!important}
.eyebrow,.section-kicker{color:#c6384c!important}
.title-gradient{background-image:linear-gradient(100deg,#c92e43 0%,#ed5367 55%,#ff8998 100%)!important}
.hero-description{color:#81515a!important}
.hero-proof{border-color:#e96b7c35!important}
.hero-proof span{border-color:#e96b7c40!important}
.art-grid{opacity:.42!important;background-image:linear-gradient(#e94b6016 1px,transparent 1px),linear-gradient(90deg,#e94b6016 1px,transparent 1px)!important}
.art-ring,.ring-one,.ring-two{border-color:#e94b6040!important;box-shadow:0 0 55px #e94b6010,inset 0 0 35px #e94b6008!important}
.hero-logo{background:linear-gradient(145deg,#fff,#fff0f2)!important;border:2px solid #f4a1ac!important;box-shadow:12px 12px 0 #d9364b10,0 30px 85px #d9364b12!important}
.hero-logo:before{border-color:#e94b6030!important}
.art-slab{background:linear-gradient(135deg,#e94b601c,#e94b6008)!important}
.art-label{background:#fff!important;color:#b72c40!important;border-color:#f0a0aa!important;box-shadow:6px 6px 0 #d9364b10!important}
.hero-spark{color:#e94b60!important}
.hero-bottomline{border-color:#e96b7c35!important}
.server-section,.experience-section,.rank-section,.rules-section,.faq-section,.community-section{background:transparent!important;border-color:#ef899635!important}
.section-heading h2,.rules-intro h2,.faq-intro h2,.community-copy h2{color:#7f1726!important}
.section-heading>p{color:#8c5b63!important}
.section-kicker>span{color:#c92e43!important;background:#fff!important;border-color:#ef8996!important}
.server-card,.experience-card,.rank-card{background:linear-gradient(145deg,#fff 0%,#fff7f8 100%)!important;border:1px solid #efb1ba!important;color:#8f2434!important;box-shadow:0 12px 32px #b51d3010!important}
.server-card:after{background:#ed5367!important}
.server-card h3,.experience-card h3,.rank-card h3{color:#9b2436!important}
.server-card p,.server-card .server-description,.experience-card p,.rank-card p,.rank-card li{color:#805c62!important}
.server-symbol,.experience-icon,.rank-icon{color:#d43b50!important;background:#ffe8eb!important;border:1px solid #f4b6bf!important}
.region-pill{background:#ffe9ec!important;color:#b72c40!important;border-color:#efadb6!important}
.address-box{background:#fff!important;color:#a82739!important;border-color:#efb1ba!important}
.copy-btn,.currency-choice-button{background:#e94b60!important;color:#fff!important;border-color:#e94b60!important}
.micro-note{color:#a45f69!important}
.rank-toolbar{background:#fff9fa!important;color:#8e1a2b!important;border-color:#efadb6!important}
.rank-toolbar label{color:#8e1a2b!important}
.rank-featured{background:linear-gradient(145deg,#fff,#ffe9ec)!important;border:2px solid #ed8290!important;box-shadow:0 0 0 3px #ef89961c,0 18px 42px #b51d3010!important}
.rank-card .rank-price{color:#d13b50!important}
.purchase-notice{background:#fff!important;color:#9b2436!important;border-color:#efadb6!important}
.notice-symbol{background:#ffe8eb!important;color:#d13b50!important}
.rule-row{border-color:#efadb655!important}
.rule-no{color:#d13b50!important}
.rule-row h3{color:#8e1a2b!important}
.rule-row p{color:#81515a!important}
.faq-item{border-color:#efadb655!important}
.faq-item summary{color:#8e1a2b!important}
.faq-item summary:after{color:#d13b50!important}
.faq-item p{color:#81515a!important}
.community-panel{background:linear-gradient(120deg,#fff 0%,#ffe7ea 100%)!important;border:1px solid #ef9ba7!important;box-shadow:0 20px 55px #b51d3010!important}
.community-panel:after{border-color:#efadb655!important}
.site-footer{background:#ffe3e7!important;color:#8e1a2b!important;border-color:#efadb655!important}
.footer-main,.footer-bottom,.footer-links a{color:#8e1a2b!important}
.footer-bottom{border-color:#efadb655!important}
.back-top{background:#e94b60!important;color:#fff!important;border-color:#e94b60!important}
.toast{background:#fff!important;color:#9b2436!important;border-color:#efadb6!important;box-shadow:0 10px 35px #b51d3018!important}
.currency-modal-panel{background:#fff!important;color:#9b2436!important;border-color:#efadb6!important;box-shadow:0 30px 90px #b51d3020!important}
.currency-modal-panel h2,.currency-modal-panel h3,.currency-modal-panel label{color:#9b2436!important}
.currency-select-wrap{background:#fff7f8!important;color:#9b2436!important;border-color:#efadb6!important}
input,select,textarea{background:#fff!important;color:#9b2436!important;border-color:#efadb6!important}
.modal-backdrop{background:#6e122299!important;backdrop-filter:blur(6px)}
::selection{background:#f7bdc6;color:#7f1726}
@media(prefers-color-scheme:dark){html,body{background:#fff0f2!important;color:#7f1726!important}}


/* DEMON NETWORK — BLACK / RED NEON THEME */
:root{
  --bg:#050506; --bg-soft:#0a080b; --panel:#10090d; --panel-2:#180a10;
  --text:#f8f3f5; --muted:#b8a3aa; --muted-2:#79666d; --line:rgba(255,45,75,.22);
  --orange:#ff2348; --orange-bright:#ff526b; --red:#ff2348; --red-deep:#8d001d;
  --gradient:linear-gradient(115deg,#ff153d 0%,#d9002d 48%,#760018 100%);
}
html,body{background:#050506;color:var(--text)}
body:before{opacity:.22;background-image:linear-gradient(rgba(255,30,65,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,30,65,.045) 1px,transparent 1px)}
.site-photo-backdrop{opacity:.12!important;filter:grayscale(1) contrast(1.2)!important}
.announcement,.site-header,.site-footer{background:rgba(5,5,7,.94)!important;border-color:rgba(255,35,72,.22)!important}
.announcement{color:#d2bfc5}
.ambient-a,.ambient-b{background:#e60035!important;opacity:.16;animation:red-ambient 8s ease-in-out infinite alternate}
.ambient-b{animation-delay:-4s}
.title-gradient,h1 .title-gradient,h2 em{background:linear-gradient(110deg,#ff526b,#ff123f 55%,#a00025);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.button-primary{background:var(--gradient)!important;color:#fff!important;box-shadow:0 8px 28px #ff123f32!important}
.button-primary:hover{box-shadow:0 12px 38px #ff123f65!important}
.button-ghost{border-color:#64202f!important;background:#ff123f08!important}
.button-ghost:hover{border-color:#ff2348!important;background:#ff123f16!important}
.server-card,.experience-card,.rank-card,.rule-row,.faq-item,.community-panel,.converter-card,.address-box,.currency-modal-panel{
  background:linear-gradient(145deg,rgba(22,10,15,.97),rgba(7,7,9,.98))!important;
  border-color:rgba(255,35,72,.24)!important;box-shadow:0 14px 42px rgba(0,0,0,.24)
}
.server-card:hover,.experience-card:hover,.rank-card:hover{border-color:#ff2348!important;box-shadow:0 18px 48px #ff123f20!important;transform:translateY(-5px)}
/* Give decorative and interface icons a consistent neon-red treatment. */
.experience-icon,.server-symbol,.rank-icon,.eyebrow-mark,.copy-icon,.currency-choice-icon,.play-triangle,
.hero-spark,.footer-icon,.notice-symbol,.rule-no,.faq-item summary:after,.footer-arrow,.back-top,
.section-kicker>span,.experience-index,.region-pill,.address-label,.server-card-footer .footer-arrow{
  color:#ff385b!important;text-shadow:0 0 12px #ff174755
}
.status-dot,.region-pill i,.rank-toolbar i,.label-pip{background:#ff2348!important;box-shadow:0 0 12px #ff2348,0 0 24px #ff234855!important}
.eyebrow-mark,.experience-icon,.server-symbol,.rank-icon,.copy-btn,.currency-choice-button,.back-top{
  border-color:#ff234866!important;background-color:#ff123f12!important
}
.main-nav a:after,.experience-line span,.scroll-line,.loader-line i{background:var(--gradient)!important}
.brand img,.hero-logo img{filter:drop-shadow(0 0 18px #ff123f45)!important}
.hero-logo{animation:logo-float 5s ease-in-out infinite;filter:drop-shadow(0 0 30px #ff123f18)}
.art-ring{border-color:#ff23483d!important;animation:ring-turn 22s linear infinite}
.ring-two{animation-direction:reverse;animation-duration:30s}
.art-grid{opacity:.45!important;background-image:linear-gradient(#ff23480d 1px,transparent 1px),linear-gradient(90deg,#ff23480d 1px,transparent 1px)!important}
.art-slab{background:linear-gradient(135deg,#ff123f12,#09090b)!important;border-color:#ff234826!important}
.art-label{border-color:#ff234844!important;background:#070609e8!important}
.label-bottom>span{background:var(--gradient)!important;color:#fff!important}
.rank-price,.rank-card .rank-price{color:#ff526b!important}
.rank-card .button,.copy-btn,.currency-choice-button{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.copy-btn:hover,.currency-choice-button:hover{box-shadow:0 0 22px #ff123f24!important;border-color:#ff2348!important}
.site-footer a:hover,.footer-links a:hover{color:#ff526b!important}
.toast{background:#10090d!important;color:#fff!important;border-color:#ff234866!important;box-shadow:0 10px 35px #ff123f24!important}
.currency-select-wrap,input,select,textarea{background:#09080a!important;color:#f8f3f5!important;border-color:#ff234855!important}
.modal-backdrop{background:#030205d9!important;backdrop-filter:blur(8px)}
::selection{background:#ff2348;color:#fff}
@keyframes red-ambient{0%{transform:translate3d(0,0,0) scale(.92);opacity:.10}100%{transform:translate3d(24px,-18px,0) scale(1.12);opacity:.2}}
@keyframes logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes ring-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Simple black + red color theme */
:root{
  --bg:#050505;--bg-soft:#0a0a0a;--panel:#101010;--panel-2:#171717;
  --text:#f7f7f7;--muted:#b8b8b8;--muted-2:#777777;--line:rgba(255,35,72,.18);
  --orange:#c8102e;--orange-bright:#ff2348;--red:#ff2348;--red-deep:#8f001b;
  --gradient:linear-gradient(115deg,#790016 0%,#c8102e 48%,#ff2348 100%);
}
html,body{background:#050505!important;color:#f7f7f7}
body:before{opacity:.10;background-image:linear-gradient(rgba(255,35,72,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,35,72,.035) 1px,transparent 1px)}
.announcement{background:#080808;border-bottom-color:#ff23482b;color:#b8b8b8}
.announcement a,.eyebrow,.section-kicker{color:#ff2348}
.button-primary{color:#fff}
.ambient-a,.ambient-b{background:#b8002d}