*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080909;color:#e8e2eb;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.container{width:min(1180px,calc(100% - 40px));margin:auto}.particles{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:#b56cff;box-shadow:0 0 8px #b56cff;animation:float linear infinite;opacity:.7}.scanlines{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.025;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 4px)}@keyframes float{from{transform:translateY(110vh) translateX(0);opacity:0}15%{opacity:.7}85%{opacity:.4}to{transform:translateY(-20vh) translateX(40px);opacity:0}}.hero{position:relative;min-height:850px;overflow:hidden;background:#101813}.world-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07100be8 0%,#07100b9c 42%,#07100b38 75%),linear-gradient(0deg,#080909 0%,transparent 35%),url("assets/world.svg") center/cover no-repeat;transform:scale(1.03);animation:worldIn 1.6s ease both}@keyframes worldIn{from{transform:scale(1.12);filter:brightness(.4)}to{transform:scale(1.03);filter:brightness(1)}}.nav{height:78px;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30312f99}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.brand-cube{width:42px;height:42px;position:relative;background:#2e6e35;border:3px solid #172a18;box-shadow:inset 0 -8px #214f27,5px 5px 0 #070a07;transform:skewY(-2deg)}.brand-cube:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:#67a74e}.brand-cube:after{content:"";position:absolute;left:5px;top:14px;width:8px;height:8px;background:#86c56c;box-shadow:18px 9px #252525}.brand-text{font:16px "Press Start 2P";line-height:1.2;text-shadow:3px 3px #000}.brand-text b{display:block}.brand-text em{font-style:normal;color:#a95cff}.brand-text small{display:block;font:7px Inter;margin-top:5px;color:#8d9b8a;letter-spacing:2px}.nav-links{display:flex;gap:28px}.nav-links a{font:10px "Oxanium";font-weight:700;color:#c3cbc0;text-decoration:none;text-transform:uppercase;padding:29px 0;position:relative}.nav-links a.active,.nav-links a:hover{color:#b56cff}.nav-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#b56cff}.online{font:11px "Oxanium";padding:12px 16px;border:1px solid #402650;background:#0b130bce;color:#d2dacd}.pulse,.live-dot{display:inline-block;width:8px;height:8px;background:#b56cff;border-radius:50%;box-shadow:0 0 12px #b56cff;margin-right:8px;animation:pulse 1.5s infinite}@keyframes pulse{50%{box-shadow:0 0 3px #b56cff}}.hero-content{position:relative;z-index:2;min-height:670px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}.mini-title,.eyebrow{font:9px "Oxanium";font-weight:800;letter-spacing:3px;color:#8f8798}.mini-title span,.eyebrow span{display:inline-block;width:22px;height:3px;background:#b56cff;vertical-align:middle;margin-right:9px}.hero h1{font:clamp(48px,7vw,88px)/.92 "Press Start 2P";margin:22px 0;color:#f0f1e9;text-shadow:6px 7px #111,10px 10px #211a25;letter-spacing:-5px}.hero h1 strong{color:#a4d86e;font-weight:400}.hero-copy p{max-width:620px;color:#b7b0bd;font-size:16px;line-height:1.75;text-shadow:2px 2px #000}.hero-buttons{display:flex;gap:12px;margin:30px 0}.btn{padding:16px 19px;text-decoration:none;font:10px "Oxanium";font-weight:800;letter-spacing:1px;border:1px solid}.btn.primary{background:#7f3fc7;border-color:#d49aff;color:#071006;box-shadow:5px 5px 0 #271b30}.btn.primary:hover{transform:translate(2px,2px);box-shadow:3px 3px #271b30}.btn.dark{background:#0b0e0bcc;border-color:#505a4f;color:#d8d0df}.server-ip{display:flex;align-items:center;width:min(440px,100%);background:#070808dd;border:1px solid #404a40;padding:11px 12px;box-shadow:5px 5px #060806}.server-ip>div{flex:1}.server-ip small{display:block;color:#697568;font:8px "Oxanium";letter-spacing:1px}.server-ip strong{font:13px "Oxanium";letter-spacing:.5px}.server-ip button{width:38px;height:34px;background:#171817;border:1px solid #384838;color:#a8d87c;cursor:pointer}.server-ip>span{font:7px "Oxanium";color:#778272;margin-left:8px}.server-card{justify-self:end;width:min(400px,100%);background:linear-gradient(135deg,#101510f7,#090c09f7);border:2px solid #393a37;box-shadow:12px 12px #050606,0 0 40px #071006;position:relative;padding:28px;clip-path:polygon(0 10px,10px 10px,10px 0,calc(100% - 10px) 0,calc(100% - 10px) 10px,100% 10px,100% calc(100% - 10px),calc(100% - 10px) calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,10px calc(100% - 10px),0 calc(100% - 10px))}.card-rivet{position:absolute;width:6px;height:6px;background:#9aa396;box-shadow:inset 1px 1px #fff}.r1{left:8px;top:8px}.r2{right:8px;top:8px}.r3{left:8px;bottom:8px}.r4{right:8px;bottom:8px}.card-head{font:13px "Press Start 2P";margin-bottom:22px}.green-square{display:inline-block;width:12px;height:12px;background:#b56cff;box-shadow:0 0 12px #b56cff;vertical-align:-1px;margin-right:10px}.server-card ul{padding:0;margin:0 0 22px;list-style:none}.server-card li{color:#aaa3b3;font-size:13px;padding:9px 0;border-bottom:1px solid #252e26}.server-card li:before{content:"✓";color:#b56cff;font-weight:800;margin-right:10px}.card-button{display:flex;justify-content:space-between;text-decoration:none;background:#292822;color:#dff1d2;border:1px solid #56316f;padding:14px 15px;font:9px "Oxanium";font-weight:800}.hero-bottom{position:absolute;bottom:0;left:0;right:0}.grass-strip{height:17px;background:linear-gradient(#75a54d 0 45%,#3f6b32 45% 65%,#252d20 65% 100%);image-rendering:pixelated;box-shadow:0 -4px 15px #000}.stats{height:85px;background:#080909e8;display:flex;align-items:center;gap:45px;padding:0 25px}.stats div{display:flex;flex-direction:column}.stats b{font:16px "Oxanium";color:#b56cff}.stats span{font:8px "Oxanium";color:#687266;text-transform:uppercase}.stats .scroll{margin-left:auto;color:#6b7669;font:8px "Oxanium";flex-direction:row;gap:10px}.scroll span{color:#b56cff}.section{padding:105px 0}.ranks-section{background:radial-gradient(circle at 50% 0,#182319,#080909 45%);position:relative}.section-title{margin-bottom:35px}.section-title h2{font:28px "Press Start 2P";margin:12px 0 15px;line-height:1.5}.section-title h2 em{font-style:normal;color:#b56cff}.section-title p{color:#849084;font-size:14px;line-height:1.6}.coin-note{display:flex;align-items:center;gap:15px;border:1px solid #353532;background:#111211;padding:13px 17px;margin-bottom:28px;box-shadow:5px 5px #050606}.coin-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:4px solid #b56cff;background:#58376f;color:#f1e8aa;font:13px "Press Start 2P";box-shadow:inset 0 0 0 3px #674080}.coin-note div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.coin-note b{font:10px "Oxanium";color:#d9e1d5}.coin-note span{font-size:11px;color:#788478}.coin-note>a{font:9px "Oxanium";color:#b56cff;text-decoration:none;font-weight:800}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rank-card{background:#111211;border:1px solid #303b31;position:relative;overflow:hidden;box-shadow:7px 7px #050606;transition:.35s}.rank-card:hover{transform:translateY(-10px);box-shadow:10px 15px #050606}.rank-card.featured{border-color:#689849;box-shadow:0 0 0 1px #628f4822,8px 8px #050606}.rank-card.emperor{border-color:#6e5a2a}.popular{position:absolute;z-index:2;top:13px;right:13px;background:#7f3fc7;color:#071006;padding:7px 9px;font:8px "Oxanium";font-weight:800}.rank-art{height:265px;position:relative;overflow:hidden;background:#191a19}.player-art{background:radial-gradient(circle at 50% 35%,#252827,#101710 65%)}.kronos-art{background:radial-gradient(circle at 50% 45%,#292a2b,#0b0c0c 62%)}.emperor-art{background:radial-gradient(circle at 50% 45%,#765b22,#1b160c 62%)}.rank-art:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#0a0d0a),repeating-linear-gradient(90deg,transparent 0 42px,#fff 42px 43px),repeating-linear-gradient(0deg,transparent 0 42px,#fff 42px 43px);opacity:.035}.grass-block{position:absolute;bottom:0;left:0;right:0;height:43px;background:linear-gradient(#6d9e48 0 23%,#3b642e 23% 100%);border-top:7px solid #80b252}.pixel-character{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);width:105px;height:180px;image-rendering:pixelated;filter:drop-shadow(10px 12px 0 #0007)}.pixel-character:before{content:"";position:absolute;left:20px;top:0;width:65px;height:65px;background:#b47b4e;border:8px solid #5e402d;box-shadow:0 0 0 8px #71482f}.pixel-character:after{content:"";position:absolute;left:0;top:65px;width:105px;height:90px;background:#416b91;box-shadow:15px 90px #25324b,-15px 90px #25324b}.steve:before{background:#b47b4e}.knight:before{background:#45a6a8;border-color:#173d3e;box-shadow:0 0 0 8px #277477}.knight:after{background:#247d71;box-shadow:15px 90px #172e39,-15px 90px #172e39}.king:before{background:#b47b4e;border-color:#6b4b30;box-shadow:0 0 0 8px #caa33e}.king:after{background:#49324c;box-shadow:15px 90px #25202c,-15px 90px #25202c}.portal-glow,.portal-gold{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);width:175px;height:220px;border:10px solid #b56cff;border-radius:50% 50% 0 0;box-shadow:0 0 50px #b56cff66,inset 0 0 40px #b56cff55}.portal-gold{border-color:#e1b83f;box-shadow:0 0 50px #d9a82e66,inset 0 0 40px #d9a82e55}.rank-content{padding:23px}.rank-label{display:flex;justify-content:space-between;color:#667064;font:9px "Oxanium";font-weight:800}.rank-label b{border:1px solid #364136;padding:5px 7px}.rank-card h3{font:22px "Press Start 2P";margin:15px 0 12px}.kronos h3{color:#b56cff}.emperor h3{color:#e1bd4e}.price{display:inline-block;color:#b8d98b;background:#171817;border:1px solid #4a315f;padding:7px 9px;font:11px "Oxanium";font-weight:800}.price span{color:#e8dff0}.price.gold{color:#e2bd51;background:#251f0e;border-color:#725c24}.price.free{color:#b9c0b7;background:#171a17;border-color:#3c433b}.rank-content p{min-height:55px;color:#7e897d;font-size:12px;line-height:1.6}.rank-features{list-style:none;padding:0;margin:18px 0}.rank-features li{font-size:11px;color:#aeb8aa;padding:6px 0;border-bottom:1px solid #202820}.rank-features li:before{content:"✓";color:#8fd15f;margin-right:8px}.emperor .rank-features li:before{color:#e0bb48}.rank-more{width:100%;background:#161c16;color:#cbc4d1;border:1px solid #394638;padding:13px;text-align:left;font:9px "Oxanium";font-weight:800;cursor:pointer}.rank-more span{float:right;color:#b56cff;font-size:15px}.comparison{padding:100px 0;background:#0e0f0f;border-top:1px solid #202920;border-bottom:1px solid #202920}.comparison-layout{display:grid;grid-template-columns:1fr 330px;gap:20px}.table-frame{border:1px solid #2d382e;box-shadow:7px 7px #050606;overflow:auto}.table-frame table{width:100%;min-width:680px;border-collapse:collapse}.table-frame th,.table-frame td{padding:16px;border-bottom:1px solid #232c24;font-size:11px}.table-frame th{font:8px "Oxanium";letter-spacing:1px;color:#707b70;background:#151c15}.table-frame td:not(:first-child){text-align:center;font-weight:700}.table-frame td:first-child{color:#a7a1ae}.table-frame code{color:#b8afc0}.green{color:#b56cff}.gold{color:#dfbc4d}.why-card{position:relative;background:linear-gradient(135deg,#151b15,#0d0e0e);border:1px solid #3b4539;padding:25px;box-shadow:7px 7px #050606}.why-card h3{font:16px "Press Start 2P";line-height:1.6;margin:0 0 20px}.why-card h3 span{color:#b56cff}.why-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #292a28}.why-item i{font-style:normal;color:#b56cff;font-size:17px}.why-item b{display:block;font:10px "Oxanium";color:#cbc4d1}.why-item small{display:block;color:#707b70;font-size:10px;margin-top:4px}.how-section{background:radial-gradient(circle at 50% 40%,#172118,#080909 62%)}.centered{text-align:center;max-width:760px;margin:0 auto 45px}.centered .eyebrow{justify-content:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{position:relative;text-align:center;background:#101510;border:1px solid #2d392f;padding:30px 20px;box-shadow:5px 5px #050606}.step>span{position:absolute;top:12px;left:15px;color:#556154;font:9px "Oxanium";font-weight:800}.step-icon{width:54px;height:54px;margin:0 auto 17px;border:2px solid #587647;background:#191a19;color:#b56cff;display:grid;place-items:center;font:18px "Press Start 2P";box-shadow:4px 4px #080b08}.step h3{font:11px "Press Start 2P";margin:0 0 13px}.step p{color:#748073;font-size:11px;line-height:1.6;margin:0}.streams-section{background:#090d0a}.stream-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stream-card{background:#0d0e0e;border:1px solid #303a31;box-shadow:6px 6px #050606;overflow:hidden}.stream-header{height:50px;padding:0 14px;display:flex;align-items:center;border-bottom:1px solid #2a332b;gap:6px;font:11px "Oxanium"}.stream-header>span:last-child{margin-left:auto;color:#667066}.twitch{aspect-ratio:16/9;background:#050606}.twitch iframe{width:100%;height:100%;border:0}.twitch-fallback{height:100%;display:grid;place-items:center;color:#6f796e;font-size:11px;text-align:center;padding:20px}footer{border-top:1px solid #2a342b;background:#070808;padding:28px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-grid p{color:#566056;font-size:10px}.brand-cube.small{width:34px;height:34px}.footer-grid .brand-text{font-size:11px}.up{font:9px "Oxanium";font-weight:800;color:#b56cff;text-decoration:none}.modal{position:fixed;inset:0;background:#020303dd;backdrop-filter:blur(7px);display:none;place-items:center;z-index:50;padding:20px}.modal.open{display:grid}.modal-window{position:relative;width:min(650px,100%);background:#111711;border:2px solid #50664b;box-shadow:12px 12px #030404;padding:35px}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:#9ca69a;font-size:28px;cursor:pointer}.modal-window h3{font:21px "Press Start 2P";color:#b56cff;margin:0 0 12px}.modal-window p{color:#8a9589;font-size:13px;line-height:1.6}.modal-window ul{list-style:none;padding:0}.modal-window li{border-bottom:1px solid #292a28;padding:12px 0;color:#aab4a8;font-size:12px}.modal-window code{color:#ded4e7;margin-right:12px}@keyframes rise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(35px)}.reveal.visible{animation:rise .7s cubic-bezier(.2,.8,.2,1) forwards}.delay-1.visible{animation-delay:.12s}.delay-2.visible{animation-delay:.24s}.delay-3.visible{animation-delay:.36s}@media(max-width:950px){.nav-links{display:none}.hero-content{grid-template-columns:1fr}.server-card{justify-self:start}.rank-grid,.steps{grid-template-columns:1fr}.comparison-layout{grid-template-columns:1fr}.stream-grid{grid-template-columns:1fr}.hero{min-height:1000px}.stats{gap:20px}.stats .scroll{display:none}}@media(max-width:600px){.container{width:calc(100% - 24px)}.nav{height:70px}.online{padding:8px 10px}.brand-text{font-size:11px}.brand-text small{display:none}.hero h1{font-size:38px;letter-spacing:-3px}.hero-content{min-height:820px}.hero-buttons{flex-direction:column}.btn{text-align:center}.server-ip{width:100%}.stats{height:70px;padding:0 10px;justify-content:space-between}.stats div:nth-child(2){display:none}.section{padding:75px 0}.section-title h2{font-size:19px}.coin-note{align-items:flex-start;flex-wrap:wrap}.coin-note>a{width:100%;margin-left:58px}.footer-grid{flex-direction:column;align-items:flex-start}}

/* Minimal dark theme overrides */
body{background:#080909;color:#e8e2eb}
::selection{background:#b56cff;color:#111}
.brand-text em,.hero h1 strong,.section-title h2 em,.coin-note b,.up{color:#b56cff}
.nav-links a.active,.nav-links a:hover{color:#d0b47b}
.nav-links a.active:after{background:#b56cff}
.pulse,.live-dot{background:#b56cff;box-shadow:0 0 10px #b56cff}
.mini-title span,.eyebrow span{background:#b56cff}
.server-card li:before,.rank-features li:before,.why-item i{color:#b56cff}
.server-ip button{color:#b56cff}
.btn.primary{background:#b56cff;border-color:#dec795;color:#111;box-shadow:5px 5px #514733}
.btn.primary:hover{box-shadow:3px 3px #514733}
.card-button{background:#24221d;border-color:#5d523b;color:#ded6c5}
.card-button:hover{background:#2b2923}
.rank-card.featured{border-color:#613d78}
.kronos h3{color:#b56cff}
.rank-card.emperor{border-color:#684078}
.emperor h3,.emperor .rank-features li:before,.gold{color:#d18cff}
.price{color:#b56cff;background:#1b1a17;border-color:#5b503a}
.price span{color:#ded1e8}
.price.gold{color:#d18cff;background:#24162d;border-color:#603576}
.coin-icon{border-color:#b56cff;background:#3d2850;color:#eee0b9;box-shadow:inset 0 0 0 3px #70409a}
.rank-more span{color:#b56cff}
.green{color:#b56cff}

/* Neon purple theme */
:root{--neon:#b56cff;--neon-bright:#d49aff;--neon-dark:#6e35a0;--violet:#8d42d5}
body{background:#07070a}
::selection{background:#b56cff;color:#09070d}
.brand-text em,.hero h1 strong,.section-title h2 em,.coin-note b,.up{color:#b56cff}
.nav-links a.active,.nav-links a:hover{color:#d49aff}
.nav-links a.active:after{background:#b56cff;box-shadow:0 0 12px #b56cff}
.mini-title span,.eyebrow span{background:#b56cff;box-shadow:0 0 10px #b56cff}
.pulse,.live-dot{background:#b56cff;box-shadow:0 0 12px #b56cff}
.green-square{background:#b56cff;box-shadow:0 0 15px #b56cff}
.server-ip button{color:#d49aff}
.btn.primary{background:#b56cff;border-color:#d49aff;color:#100817;box-shadow:5px 5px #4c2670,0 0 22px #b56cff33}
.btn.primary:hover{box-shadow:3px 3px #4c2670,0 0 30px #b56cff55}
.card-button{background:#21152a;border-color:#6e3d8e;color:#eadcf4}
.card-button:hover{background:#2b1937;box-shadow:inset 0 0 20px #b56cff12}
.rank-card.featured{border-color:#7540a0;box-shadow:0 0 22px #8d42d522,8px 8px #050506}
.rank-card.emperor{border-color:#7546a0}
.kronos h3{color:#b56cff;text-shadow:0 0 18px #b56cff30}
.emperor h3{color:#d49aff;text-shadow:0 0 18px #d49aff30}
.price{color:#c58aff;background:#19101f;border-color:#6e3f8d}
.price span{color:#eadcf3}
.price.gold{color:#d49aff;background:#21142b;border-color:#75468f}
.rank-features li:before,.why-item i,.rank-more span{color:#b56cff}
.emperor .rank-features li:before,.gold{color:#d49aff}
.green{color:#b56cff}
.coin-icon{border-color:#b56cff;background:#39204d;color:#efdfff;box-shadow:0 0 16px #b56cff55,inset 0 0 0 3px #6f3d90}
.popular{background:#8d42d5;color:#fff;box-shadow:0 0 18px #8d42d555}
.portal-glow{border-color:#b56cff;box-shadow:0 0 50px #b56cff66,inset 0 0 40px #b56cff55}
.portal-gold{border-color:#d49aff;box-shadow:0 0 50px #d49aff66,inset 0 0 40px #d49aff55}
.step-icon{border-color:#6e3d8e;background:#1b1122;color:#c98bff;box-shadow:4px 4px #08070a,0 0 20px #b56cff18}
.particle{background:#b56cff;box-shadow:0 0 8px #b56cff}
.server-card{box-shadow:12px 12px #050506,0 0 45px #7f3fc722}

/* FINAL PALETTE LOCK — NO GREEN */
:root{
  --black:#050507;
  --graphite:#0b0b0f;
  --panel:#111116;
  --panel2:#17171d;
  --border:#29262f;
  --purple:#a855f7;
  --purple2:#7c3aed;
  --violet:#c084fc;
  --lavender:#e9d5ff;
  --white:#eeeaf2;
  --muted:#8d8895;
}
body{background:var(--black);color:var(--white)}
.hero{background:#07070b}
.world-overlay{
  background:
    linear-gradient(90deg,#050507f5 0%,#07070bc2 42%,#07070b55 75%),
    linear-gradient(0deg,#050507 0%,transparent 35%),
    url("assets/world.svg") center/cover no-repeat;
}
.brand-cube{background:#5b21b6;border-color:#20122f;box-shadow:inset 0 -8px #401582,5px 5px 0 #020204}
.brand-cube:before{background:#a855f7}
.brand-cube:after{background:#c084fc;box-shadow:18px 9px #6d28d9}
.brand-text em{color:var(--purple)}
.nav-links a.active,.nav-links a:hover{color:var(--violet)}
.nav-links a.active:after{background:var(--purple);box-shadow:0 0 14px #a855f7}
.online{border-color:#3a3044;background:#09090d}
.pulse,.live-dot{background:var(--purple);box-shadow:0 0 13px #a855f7}
.mini-title span,.eyebrow span{background:var(--purple);box-shadow:0 0 10px #a855f7}
.hero h1 strong{color:var(--purple);text-shadow:0 0 28px #a855f744}
.btn.primary{background:var(--purple);border-color:var(--violet);color:#100714;box-shadow:5px 5px #3b1765,0 0 28px #a855f733}
.btn.primary:hover{box-shadow:3px 3px #3b1765,0 0 35px #a855f566}
.server-ip{background:#07070bdd;border-color:#302b36}
.server-ip button{color:var(--violet);background:#16121a;border-color:#3c3048}
.server-card{background:linear-gradient(135deg,#121116f7,#09090df7);border-color:#3a3540;box-shadow:12px 12px #020204,0 0 45px #7c3aed20}
.green-square{background:var(--purple);box-shadow:0 0 15px #a855f7}
.server-card li{border-color:#25232a}
.server-card li:before{color:var(--violet)}
.card-button{background:#1c1423;border-color:#5d3978;color:#eadcff}
.card-button:hover{background:#271633}
.grass-strip{background:linear-gradient(#5d3a86 0 45%,#3b2356 45% 65%,#17131d 65% 100%)}
.stats{background:#07070be8}
.stats b,.up{color:var(--purple)}
.section-title h2 em{color:var(--purple)}
.coin-note{background:#111016;border-color:#332b3c}
.coin-icon{border-color:var(--violet);background:#3c1d5c;color:#f0ddff;box-shadow:0 0 18px #a855f744,inset 0 0 0 3px #6d28d9}
.coin-note b{color:var(--violet)}
.coin-note>a{color:var(--purple)}
.rank-card{background:#111116;border-color:#2c2931;box-shadow:7px 7px #020204}
.rank-card:hover{box-shadow:10px 15px #020204,0 0 24px #7c3aed16}
.rank-card.featured{border-color:#653b85;box-shadow:0 0 22px #7c3aed20,8px 8px #020204}
.rank-card.emperor{border-color:#754a95}
.popular{background:var(--purple2);color:#fff;box-shadow:0 0 20px #7c3aed55}
.player-art{background:radial-gradient(circle at 50% 35%,#2a2630,#0c0c10 65%)}
.kronos-art{background:radial-gradient(circle at 50% 45%,#38204d,#0b080e 62%)}
.emperor-art{background:radial-gradient(circle at 50% 45%,#48295b,#100b13 62%)}
.portal-glow{border-color:var(--purple);box-shadow:0 0 55px #a855f766,inset 0 0 40px #a855f755}
.portal-gold{border-color:var(--violet);box-shadow:0 0 55px #c084fc66,inset 0 0 40px #c084fc55}
.rank-card h3{color:#eeeaf2}
.kronos h3{color:var(--purple);text-shadow:0 0 20px #a855f733}
.emperor h3{color:var(--violet);text-shadow:0 0 20px #c084fc33}
.price{color:var(--violet);background:#19121e;border-color:#5e3978}
.price span{color:#eadcff}
.price.gold{color:var(--violet);background:#211329;border-color:#71458e}
.rank-features li{border-color:#242129}
.rank-features li:before,.why-item i,.rank-more span{color:var(--purple)}
.emperor .rank-features li:before,.gold{color:var(--violet)}
.green{color:var(--purple)}
.rank-more{background:#16131a;border-color:#3a3142;color:#d7d0df}
.comparison{background:#0b0b10;border-color:#24212a}
.table-frame{border-color:#302b35;box-shadow:7px 7px #020204}
.table-frame th{background:#141319;color:#8e8797}
.table-frame td{border-color:#25222b}
.table-frame code{color:#c8a4e8}
.why-card{background:linear-gradient(135deg,#151319,#0b0b0f);border-color:#39333f;box-shadow:7px 7px #020204}
.why-card h3 span{color:var(--purple)}
.why-item{border-color:#28242d}
.how-section{background:radial-gradient(circle at 50% 40%,#1a1220,#07070b 62%)}
.step{background:#111116;border-color:#302b36;box-shadow:5px 5px #020204}
.step-icon{border-color:#633a80;background:#1a1221;color:var(--violet);box-shadow:4px 4px #020204,0 0 22px #a855f71c}
.stream-card{background:#0c0c10;border-color:#302b36;box-shadow:6px 6px #020204}
.stream-header{border-color:#29252f}
footer{background:#06060a;border-color:#29252f}
.particle{background:var(--purple);box-shadow:0 0 9px #a855f7}
.modal-window{background:#111116;border-color:#5b3a73;box-shadow:12px 12px #020204}
.modal-window h3{color:var(--purple)}
.modal-window li{border-color:#28242d}
.modal-window code{color:#d4b4ee}

/* Ensure embedded world contains no green hues visually. */
.world-overlay{filter:saturate(.72) hue-rotate(215deg) brightness(.72)}

/* READABILITY + CINEMATIC MINECRAFT BACKGROUND */
body{font-size:16px}
.hero{min-height:900px}
.world-overlay{
  background:
    linear-gradient(90deg,#04040af7 0%,#08070dbb 38%,#08070d4d 72%,#08070d22 100%),
    linear-gradient(0deg,#050509 0%,#05050922 38%,transparent 72%),
    url("assets/world.svg") center/cover no-repeat;
  filter:saturate(.9) brightness(.72);
}
.nav-links a{font-size:13px;letter-spacing:.4px}
.online{font-size:13px}
.mini-title,.eyebrow{font-size:11px;letter-spacing:2px}
.hero-copy p{font-size:18px;line-height:1.8;max-width:670px}
.btn{font-size:12px;padding:17px 21px}
.server-ip small{font-size:10px}
.server-ip strong{font-size:16px}
.server-ip>span{font-size:9px}
.server-card{width:min(430px,100%);padding:30px}
.card-head{font-size:14px}
.server-card li{font-size:15px;padding:10px 0;line-height:1.45}
.card-button{font-size:11px;padding:15px}
.stats b{font-size:18px}.stats span{font-size:10px}
.section-title h2{font-size:31px}
.section-title p{font-size:16px;line-height:1.75}
.coin-note b{font-size:12px}
.coin-note span{font-size:13px}
.coin-note>a{font-size:11px}
.rank-art{height:290px}
.rank-content{padding:27px}
.rank-label{font-size:11px}
.rank-label b{padding:6px 8px}
.rank-card h3{font-size:25px;margin:17px 0 14px}
.price{font-size:13px;padding:8px 11px}
.rank-content p{font-size:14px;line-height:1.7;min-height:70px}
.rank-features li{font-size:13px;padding:8px 0}
.rank-more{font-size:11px;padding:15px}
.table-frame th,.table-frame td{font-size:13px;padding:18px}
.table-frame th{font-size:10px}
.why-card{padding:29px}
.why-card h3{font-size:18px}
.why-item b{font-size:12px}
.why-item small{font-size:11px}
.step{padding:34px 23px}
.step h3{font-size:12px}
.step p{font-size:13px;line-height:1.7}
.step-icon{width:60px;height:60px}
.stream-header{font-size:13px}
.stream-header>span:last-child{font-size:11px}
.footer-grid p{font-size:11px}
.up{font-size:11px}
.modal-window{padding:40px}
.modal-window h3{font-size:24px}
.modal-window p{font-size:15px;line-height:1.7}
.modal-window li{font-size:14px;padding:14px 0}
.modal-window code{font-size:13px}
@media(max-width:950px){
  .hero{min-height:1060px}
  .hero-copy p{font-size:17px}
  .nav-links{display:none}
}
@media(max-width:600px){
  .hero h1{font-size:36px}
  .hero-copy p{font-size:16px}
  .section-title h2{font-size:22px}
  .section-title p{font-size:15px}
  .rank-card h3{font-size:22px}
  .rank-content p{font-size:14px}
  .rank-features li{font-size:13px}
}


/* Client requirement + downloadable client mods */
.client-requirement{
  width:min(560px,100%);
  margin-top:16px;
  padding:13px 15px;
  background:#0b0b10d9;
  border:1px solid #342a3d;
  border-left:3px solid #a855f7;
  color:#ddd6e4;
  font-size:15px;
  font-weight:700;
  line-height:1.5;
  box-shadow:0 0 22px #a855f711;
}
.download-buttons{
  width:min(640px,100%);
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:12px;
}
.download-btn{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:13px 16px;
  text-decoration:none;
  background:linear-gradient(90deg,#17111e,#0c0c11);
  border:1px solid #49315a;
  color:#e9dff0;
  font-family:"Oxanium",Inter,sans-serif;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.2px;
  transition:.2s ease;
  box-shadow:5px 5px #040406;
}
.download-btn:hover{
  transform:translateY(-2px);
  border-color:#a855f7;
  color:#fff;
  box-shadow:5px 7px #040406,0 0 24px #a855f729;
}
.download-icon{
  flex:0 0 34px;
  width:34px;height:34px;
  display:grid;place-items:center;
  border:1px solid #6b4085;
  background:#21142b;
  color:#c084fc;
  font-size:18px;
  box-shadow:0 0 14px #a855f722;
}

/* Uploaded rank image from Django Admin */
.rank-uploaded-image{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  width:auto;
  max-width:82%;
  height:auto;
  max-height:225px;
  object-fit:contain;
  filter:drop-shadow(10px 13px 0 #0008) drop-shadow(0 0 22px #a855f722);
}
.rank-art .portal-glow,
.rank-art .portal-gold{z-index:1}
.rank-art .grass-block{z-index:3}

@media(max-width:600px){
  .client-requirement{font-size:14px}
  .download-btn{font-size:11px}
  .rank-uploaded-image{max-width:88%;max-height:205px}
}


/* Uploaded site logo */
.site-logo-image{
  display:block;
  width:auto;
  height:auto;
  max-width:250px;
  max-height:58px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px #a855f725);
}
.footer-logo{
  max-width:190px;
  max-height:48px;
}
.online.offline{
  color:#8d8895;
  border-color:#3b3541;
}
.online.offline .pulse{
  background:#6c6670;
  box-shadow:none;
}
@media(max-width:600px){
  .site-logo-image{max-width:185px;max-height:46px}
  .footer-logo{max-width:160px;max-height:42px}
}


/* Public offer */
.public-offer-link{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:12px;
  margin-bottom: 28px;
  padding:0;
  border:0;
  background:transparent;
  color:#f2eef5;
  font-family:Inter,Arial,sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1.4;
  text-decoration:underline;
  text-decoration-color:#6f6678;
  text-underline-offset:4px;
  cursor:pointer;
  opacity:.82;
  transition:.2s ease;
}
.public-offer-link:hover{
  opacity:1;
  color:#fff;
  text-decoration-color:#c084fc;
}

.offer-modal{
  position:fixed;
  inset:0;
  z-index:80;
  display:none;
  place-items:center;
  padding:24px;
  background:#020204e6;
  backdrop-filter:blur(10px);
}
.offer-modal.open{display:grid}
.offer-modal-window{
  position:relative;
  width:min(820px,100%);
  max-height:min(82vh,860px);
  overflow:auto;
  background:
    radial-gradient(circle at 100% 0,#2d173d 0,transparent 34%),
    linear-gradient(145deg,#121117,#0b0b10);
  border:1px solid #554061;
  box-shadow:14px 14px #030305,0 0 60px #a855f71c;
  padding:38px 40px 34px;
}
.offer-modal-window:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#a855f7,#c084fc,transparent);
  box-shadow:0 0 16px #a855f7;
}
.offer-modal-close{
  position:absolute;
  top:12px;
  right:16px;
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid #3d3444;
  background:#0e0d12;
  color:#aaa2b1;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.offer-modal-close:hover{
  color:#fff;
  border-color:#8e55b6;
}
.offer-modal-kicker{
  margin-bottom:12px;
  color:#a69cad;
  font:10px "Oxanium",Inter,sans-serif;
  font-weight:800;
  letter-spacing:2px;
}
.offer-modal-window h3{
  margin:0 50px 24px 0;
  color:#efe9f3;
  font:20px/1.5 "Press Start 2P",monospace;
}
.offer-modal-text{
  color:#c3bdc8;
  font-size:15px;
  line-height:1.75;
}
.offer-modal-text br + br{
  display:block;
  content:"";
  margin-top:12px;
}
.offer-accept{
  margin-top:28px;
  padding:13px 20px;
  border:1px solid #71458e;
  background:#1c1224;
  color:#d4b4ee;
  font:11px "Oxanium",Inter,sans-serif;
  font-weight:800;
  cursor:pointer;
}
.offer-accept:hover{
  background:#281734;
  border-color:#a855f7;
  box-shadow:0 0 22px #a855f72c;
}
body.modal-open{overflow:hidden}

@media(max-width:600px){
  .public-offer-link{font-size:11px}
  .offer-modal{padding:12px}
  .offer-modal-window{padding:30px 20px 24px;max-height:88vh}
  .offer-modal-window h3{font-size:15px;line-height:1.65}
  .offer-modal-text{font-size:14px;line-height:1.7}
}


/* v3.5 — fixed top navigation */
.nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:60;
  width:100%;
  max-width:none;
  margin:0;
  padding-left:max(20px,calc((100vw - 1180px)/2));
  padding-right:max(20px,calc((100vw - 1180px)/2));
  background:transparent;
  transition:background .22s ease, border-color .22s ease, box-shadow .22s ease, backdrop-filter .22s ease;
}

/* JS adds this class after the page has been scrolled. */
.nav.scrolled{
  background:rgba(7,7,11,.90);
  border-bottom-color:#33283d;
  box-shadow:0 8px 28px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
}

/* The fixed menu is removed from normal document flow,
   so reserve its height at the top of the first hero block. */
.hero{
  padding-top:78px;
}

/* Make anchor links stop below the fixed header instead of hiding underneath it. */
section[id],
header[id]{
  scroll-margin-top:96px;
}

@media(max-width:600px){
  .nav{
    padding-left:12px;
    padding-right:12px;
  }
  .hero{
    padding-top:70px;
  }
  section[id],
  header[id]{
    scroll-margin-top:84px;
  }
}


/* v3.6 — extra breathing room below the fixed menu */
.hero{
  padding-top:104px;
}
section[id],
header[id]{
  scroll-margin-top:112px;
}

@media(max-width:600px){
  .hero{
    padding-top:88px;
  }
  section[id],
  header[id]{
    scroll-margin-top:96px;
  }
}

/* Links authored inside the public offer */
.offer-modal-text a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:#8c8293;
  transition:.2s ease;
}
.offer-modal-text a:hover{
  color:#c084fc;
  text-decoration-color:#c084fc;
  text-shadow:0 0 10px #c084fc66;
}

/* Rules page */
.rules-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 75% 10%,#21112f 0,transparent 30%),
    radial-gradient(circle at 10% 30%,#140d1d 0,transparent 34%),
    #07070b;
}
.rules-main{
  min-height:calc(100vh - 100px);
  padding-top:112px;
}
.rules-hero{
  position:relative;
  padding:72px 0 52px;
  border-bottom:1px solid #28232d;
  background:
    linear-gradient(180deg,#0e0b13c9,#09090c),
    url("../assets/world.svg") center 38%/cover no-repeat;
}
.rules-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#07070be8 0,#07070b9c 50%,#07070b66);
}
.rules-hero .container{
  position:relative;
  z-index:1;
}
.rules-hero h1{
  max-width:900px;
  margin:14px 0 18px;
  color:#f0ebf4;
  font:clamp(28px,4vw,46px)/1.35 "Press Start 2P",monospace;
  text-shadow:5px 5px #050506;
}
.rules-hero p{
  max-width:760px;
  margin:0;
  color:#bdb6c3;
  font-size:17px;
  line-height:1.75;
}
.rules-content-section{
  padding-top:48px;
  padding-bottom:90px;
}
.rules-document{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0,#23132f 0,transparent 26%),
    #101014;
  border:1px solid #3a3142;
  box-shadow:10px 10px #030304,0 0 50px #a855f711;
}
.rules-document:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#a855f7,#c084fc,transparent);
  box-shadow:0 0 16px #a855f755;
}
.rules-document-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:20px 26px;
  border-bottom:1px solid #2b2630;
  color:#8f8798;
  font:10px "Oxanium",Inter,sans-serif;
  font-weight:800;
  letter-spacing:1.3px;
}
.rules-document-top small{
  font:10px Inter,sans-serif;
  letter-spacing:0;
  color:#6f6975;
}
.rules-document-body{
  padding:34px 38px 42px;
  color:#c9c3ce;
  font-size:16px;
  line-height:1.82;
}
.rules-document-body h2,
.rules-document-body h3{
  color:#eee8f3;
  margin:30px 0 12px;
  font-family:"Oxanium",Inter,sans-serif;
}
.rules-document-body h2:first-child,
.rules-document-body h3:first-child{
  margin-top:0;
}
.rules-document-body a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:#86778f;
}
.rules-document-body a:hover{
  color:#c084fc;
  text-decoration-color:#c084fc;
}
.rules-document-body strong,
.rules-document-body b{
  color:#eee8f3;
}
.rules-bottom-actions{
  margin-top:28px;
}
@media(max-width:600px){
  .rules-main{padding-top:86px}
  .rules-hero{padding:52px 0 38px}
  .rules-hero h1{font-size:24px}
  .rules-hero p{font-size:15px}
  .rules-document-top{
    flex-direction:column;
    gap:6px;
    padding:16px 18px;
  }
  .rules-document-body{
    padding:24px 18px 30px;
    font-size:14px;
    line-height:1.75;
  }
}

.hero {
    min-height: 910px !important;
}
/* Contacts page */
.contacts-page{min-height:100vh;background:radial-gradient(circle at 80% 12%,#26143a 0,transparent 30%),radial-gradient(circle at 12% 42%,#140d1d 0,transparent 34%),#07070b}
.contacts-main{min-height:calc(100vh - 100px);padding-top:112px}
.contacts-hero{position:relative;padding:72px 0 52px;border-bottom:1px solid #28232d;background:linear-gradient(180deg,#0e0b13c9,#09090c),url("../assets/world.svg") center 38%/cover no-repeat}
.contacts-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07070be8 0,#07070b9c 50%,#07070b66);pointer-events:none}
.contacts-hero .container{position:relative;z-index:1}
.contacts-hero h1{margin:14px 0 18px;color:#f0ebf4;font:clamp(28px,4vw,46px)/1.35 "Press Start 2P",monospace;text-shadow:5px 5px #050506}
.contacts-hero p{max-width:760px;margin:0;color:#bdb6c3;font-size:17px;line-height:1.75}
.contacts-section{padding-top:52px;padding-bottom:90px}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.contact-card{position:relative;overflow:hidden;min-height:330px;padding:34px;background:radial-gradient(circle at 100% 0,#2a1639 0,transparent 33%),#101014;border:1px solid #40334a;box-shadow:8px 8px #030304,0 0 42px #a855f711}
.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a855f7,#c084fc,transparent)}
.contact-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:26px;border:1px solid #744593;background:#1e1327;color:#d1a4f3;font:15px "Press Start 2P";box-shadow:0 0 22px #a855f727}
.contact-type{color:#817789;font:10px "Oxanium";font-weight:800;letter-spacing:1.6px}
.contact-card h2{margin:11px 0 14px;color:#f1ebf5;font:22px "Press Start 2P"}
.contact-card p{min-height:72px;color:#aaa3b0;font-size:14px;line-height:1.7}
.contact-action{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding:15px 17px;text-decoration:none;border:1px solid #724592;background:#1c1225;color:#e3cef3;font:11px "Oxanium";font-weight:800;transition:.2s}
.contact-action:hover{border-color:#a855f7;background:#281635;box-shadow:0 0 24px #a855f72d;transform:translateY(-2px)}
.contact-disabled{display:inline-block;margin-top:26px;color:#6f6874;font-size:12px}
.contact-help{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 26px;border:1px solid #312b37;background:#0d0d11}
.contact-help small{display:block;margin-bottom:6px;color:#756d7b;font:9px "Oxanium";font-weight:800;letter-spacing:1.4px}
.contact-help b{color:#c9c2ce;font-size:13px}
@media(max-width:750px){.contacts-main{padding-top:86px}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:auto;padding:26px 22px}.contact-help{align-items:flex-start;flex-direction:column}.contacts-hero{padding:52px 0 38px}.contacts-hero h1{font-size:24px}.contacts-hero p{font-size:15px}}


/* Project donation block — normal flow, no overlap */
.hero{min-height:0!important;padding-bottom:0}
.hero-content{min-height:670px}
.project-donation{
  position:relative;z-index:4;left:auto;bottom:auto;transform:none;
  margin:20px auto 38px;padding:0;
  background:
    radial-gradient(circle at 12% 35%,#40185f 0,transparent 28%),
    radial-gradient(circle at 78% 0,#321747 0,transparent 32%),
    linear-gradient(135deg,#121019f7,#09090ef7);
  border:1px solid #9c50df;
  box-shadow:0 0 0 1px #4d276b inset,0 0 38px #a855f72b,10px 10px #030304;
  overflow:hidden
}
.project-donation:before,.project-donation:after{content:"";position:absolute;width:58px;height:58px;pointer-events:none}
.project-donation:before{top:-1px;left:-1px;border-top:3px solid #d071ff;border-left:3px solid #d071ff}
.project-donation:after{right:-1px;bottom:-1px;border-right:3px solid #d071ff;border-bottom:3px solid #d071ff}

.donation-main{
  display:grid;grid-template-columns:145px minmax(220px,1fr) 210px 300px;
  align-items:center;gap:22px;padding:27px 28px 24px
}
.donation-visual{position:relative;min-height:145px;display:grid;place-items:center}
.donation-chest{position:relative;width:108px;height:78px;margin-top:32px;background:linear-gradient(#3c1d5a 0 13%,#6e32a0 13% 25%,#26152f 25% 100%);border:4px solid #17101d;box-shadow:inset 0 0 0 3px #7a42a0,8px 9px #050407,0 0 28px #a855f755}
.donation-chest:before{content:"";position:absolute;left:-8px;right:-8px;top:-30px;height:38px;background:#4f286b;border:4px solid #17101d;box-shadow:inset 0 0 0 3px #8d4bbb;transform:skewX(-9deg)}
.donation-chest:after{content:"";position:absolute;left:42px;top:28px;width:23px;height:28px;background:#c084fc;border:4px solid #2b1438;box-shadow:0 0 14px #c084fc88}
.coin{position:absolute;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:4px solid #d5a7ff;background:#7c3aed;color:#f0ddff;font:12px "Press Start 2P";box-shadow:inset 0 0 0 3px #4d1f78,0 0 17px #b56cff88}
.c1{left:-15px;top:-34px;transform:rotate(-13deg)}.c2{left:25px;top:-50px}.c3{right:-12px;top:-26px;transform:rotate(12deg)}.c4{left:-35px;top:54px;transform:rotate(-20deg)}

.donation-kicker{margin-bottom:9px;color:#bca7c9;font:10px "Oxanium";font-weight:800;letter-spacing:1.7px}
.donation-copy h2{margin:0 0 12px;color:#f4edf8;font:clamp(18px,1.8vw,25px)/1.35 "Press Start 2P";text-shadow:4px 4px #070609}
.donation-copy h2:after{content:" ♥";color:#c264ff}
.donation-copy p{margin:0;color:#bdb3c4;font-size:14px;line-height:1.65}

.donation-reward{
  position:relative;text-align:center;padding:18px 12px;
  background:linear-gradient(180deg,#281238,#160d20);
  border:1px solid #a855f7;box-shadow:inset 0 0 24px #a855f722,0 0 28px #a855f72d
}
.donation-reward small{display:block;margin-bottom:9px;color:#c9b8d5;font:9px "Oxanium";font-weight:900;letter-spacing:1px}
.donation-reward strong{display:block;color:#f1c7ff;font:22px/1.25 "Press Start 2P";text-shadow:0 0 20px #c05dff99}
.donation-reward span{display:block;margin-top:9px;color:#fff;font:12px "Oxanium";font-weight:900;letter-spacing:.7px}

.donation-action-wrap{display:flex;justify-content:center}
.donation-action{width:100%;min-height:100px;display:flex;align-items:center;gap:13px;padding:19px 20px;text-decoration:none;color:#211307;background:linear-gradient(180deg,#ffe079,#f6b52d 52%,#d7830e);border:3px solid #633707;outline:2px solid #ffd45c;box-shadow:inset 0 0 0 3px #ffec9b,7px 7px #5d2d04,0 0 38px #f5ad2388;transition:.2s ease}
.donation-action:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 3px #fff4bd,7px 10px #5d2d04,0 0 52px #ffc13aaa}
.donation-action-icon{font-size:29px;color:#8e240f}
.donation-action span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1}
.donation-action b{font:12px "Oxanium";font-weight:900;letter-spacing:.4px}
.donation-action small{color:#603207;font-size:11px;font-weight:800}
.donation-action em{font-style:normal;font-size:23px;font-weight:900}

.donation-info{
  display:grid;grid-template-columns:1fr 1.25fr .8fr 1.45fr;
  gap:0;border-top:1px solid #4d2a60;background:#0b0910cc
}
.donation-info-row{
  display:grid;grid-template-columns:34px 1fr;align-items:start;gap:11px;
  min-height:104px;padding:18px 17px;border-right:1px solid #35223f
}
.donation-info-row:last-child{border-right:0}
.donation-info-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #7f489b;background:#21132a;color:#d49aff;font:10px "Press Start 2P";box-shadow:0 0 14px #a855f72b}
.donation-info-row p{margin:0;color:#d0c8d5;font-size:13px;line-height:1.58}
.donation-info-legal p{color:#aaa0b1}
.donation-info-accent{background:linear-gradient(90deg,#29123899,#160c1f66);box-shadow:inset 0 3px #b85cff}
.donation-info-accent .donation-info-icon{background:#6f2aa1;color:#fff;border-color:#d29aff;box-shadow:0 0 20px #b56cff66}
.donation-info-accent p{color:#f2e5f8;font-size:14px;font-weight:800;line-height:1.55}
.donation-info-accent p:before{content:"POINTS НАЧИСЛЯЮТСЯ АВТОМАТИЧЕСКИ\A";white-space:pre;color:#d49aff;font:11px "Oxanium";font-weight:900;letter-spacing:.5px}

.hero-bottom{position:relative;bottom:auto;left:auto;right:auto;margin-top:0}

@media(max-width:1100px){
  .donation-main{grid-template-columns:120px 1fr 190px}
  .donation-action-wrap{grid-column:2/4}
  .donation-info{grid-template-columns:1fr 1fr}
  .donation-info-row:nth-child(2){border-right:0}
  .donation-info-row{border-bottom:1px solid #35223f}
}
@media(max-width:760px){
  .hero-content{padding-bottom:24px}
  .project-donation{margin-top:12px;margin-bottom:28px}
  .donation-main{grid-template-columns:1fr;gap:18px;padding:25px 18px}
  .donation-visual{min-height:120px}
  .donation-copy{text-align:center}
  .donation-action-wrap{grid-column:auto}
  .donation-reward{max-width:330px;width:100%;margin:auto}
  .donation-info{grid-template-columns:1fr}
  .donation-info-row{min-height:0;border-right:0;border-bottom:1px solid #35223f;padding:16px 18px}
  .donation-info-row:last-child{border-bottom:0}
  .donation-info-row p{font-size:13px}
  .donation-info-accent p{font-size:14px}
}


/* FINAL PRIVILEGE IMAGE FIX V2 */
/* Uploaded rank images: fill the whole art area, crop only the empty
   border baked into the source image, and remove decorative overlays. */

.rank-art.has-uploaded-image{
  position:relative;
  width:100%;
  height:auto !important;
  aspect-ratio:380 / 250;
  overflow:hidden;
  background:#08080d;
}

/* The uploaded picture itself becomes the whole artwork. */
.rank-art.has-uploaded-image .rank-uploaded-image{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  max-width:none !important;
  max-height:none !important;

  margin:0 !important;
  padding:0 !important;

  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;

  object-fit:cover !important;
  object-position:center center !important;

  /* The source artwork has a dark border inside the PNG.
     A small zoom removes that internal empty border. */
  transform:scale(1.14) !important;
  transform-origin:center center !important;

  display:block !important;
  z-index:5 !important;

  filter:none !important;
}

/* When a real image is uploaded, do not place the generated portal,
   grass strip or texture over it. */
.rank-art.has-uploaded-image .portal-glow,
.rank-art.has-uploaded-image .portal-gold,
.rank-art.has-uploaded-image .grass-block{
  display:none !important;
}

.rank-art.has-uploaded-image::before{
  display:none !important;
}

@media(max-width:600px){
  .rank-art.has-uploaded-image{
    height:auto !important;
    aspect-ratio:380 / 250;
  }

  .rank-art.has-uploaded-image .rank-uploaded-image{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    transform:scale(1.14) !important;
  }
}

/* MOBILE MENU — fixed version */
.mobile-menu-toggle{
  display:none;
  width:46px;
  height:42px;
  padding:9px 10px;
  border:1px solid #5b3972;
  background:#121017;
  cursor:pointer;
  position:relative;
  z-index:72;
  box-shadow:0 0 18px #a855f71b;
}

.mobile-menu-toggle span{
  display:block;
  height:2px;
  margin:5px 0;
  background:#d7c3e4;
  box-shadow:0 0 8px #a855f766;
  transition:transform .22s ease,opacity .22s ease;
}

.mobile-menu-toggle.open span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.mobile-menu-toggle.open span:nth-child(2){
  opacity:0;
}

.mobile-menu-toggle.open span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

.mobile-menu-panel{
  display:none;
}

@media(max-width:950px){
  .mobile-menu-toggle{
    display:block;
    margin-left:auto;
    margin-right:12px;
  }

  .nav .online{
    flex:0 0 auto;
  }

  .mobile-menu-panel{
    position:fixed;
    z-index:69;
    top:78px;
    left:0;
    right:0;
    display:block;
    max-height:0;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
    background:rgba(7,7,11,.97);
    border-bottom:1px solid #4b2e5d;
    box-shadow:0 20px 45px rgba(0,0,0,.45),0 0 30px #a855f713;
    backdrop-filter:blur(12px);
    transition:max-height .28s ease,opacity .2s ease;
  }

  .mobile-menu-panel.open{
    max-height:520px;
    opacity:1;
    pointer-events:auto;
  }

  .mobile-menu-inner{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
    padding:20px 0 24px;
  }

  .mobile-menu-kicker{
    margin-bottom:12px;
    color:#837789;
    font:9px "Oxanium",Inter,sans-serif;
    font-weight:800;
    letter-spacing:1.8px;
  }

  .mobile-menu-inner a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:48px;
    padding:0 14px;
    color:#d7cfdd;
    text-decoration:none;
    border:1px solid transparent;
    border-bottom-color:#242029;
    font:12px "Oxanium",Inter,sans-serif;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.6px;
  }

  .mobile-menu-inner a::after{
    content:"→";
    color:#6c5f72;
    font-size:16px;
  }

  .mobile-menu-inner a:hover,
  .mobile-menu-inner a.active{
    color:#fff;
    background:linear-gradient(90deg,#1c1025,#0d0b11);
    border-color:#5f3678;
    box-shadow:inset 3px 0 #a855f7,0 0 18px #a855f711;
  }

  .mobile-menu-inner a.active::after{
    color:#c084fc;
  }

  body.mobile-menu-open{
    overflow:hidden;
  }
}

@media(max-width:600px){
  .mobile-menu-panel{
    top:70px;
  }

  .mobile-menu-inner{
    width:calc(100% - 24px);
    padding-top:16px;
  }

  .mobile-menu-toggle{
    width:42px;
    height:38px;
    margin-right:8px;
  }

  .mobile-menu-inner a{
    min-height:46px;
    font-size:11px;
  }
}


/* ===== SLOBODACRAFT MULTIPAGE V5 ===== */
body{padding-top:78px;background:#080909;color:#e8e2eb}
.nav{position:fixed!important;top:0;left:50%!important;right:auto!important;transform:translateX(-50%);width:min(1180px,calc(100% - 40px));z-index:70;background:rgba(8,8,12,.91);backdrop-filter:blur(14px);border-bottom:1px solid #49325a;box-shadow:0 10px 30px #0008}
.home-page{padding-top:0}.home-page .nav{top:0}
.home-hero{padding-top:78px;min-height:0!important}.home-hero .hero-content{min-height:690px}.home-hero .project-donation{margin-top:12px}
.inner-main{min-height:calc(100vh - 170px);background:radial-gradient(circle at 50% 0,#1a1021,#080909 42%)}
.page-hero{padding:76px 0 48px;border-bottom:1px solid #241b2a;background:linear-gradient(180deg,#120d17,#0a090d)}
.page-hero h1{margin:14px 0 16px;font:clamp(28px,4.5vw,52px)/1.28 "Press Start 2P";color:#f2edf5;text-shadow:5px 5px #070609}.page-hero h1 em{font-style:normal;color:#b56cff}.page-hero p{max-width:820px;margin:0;color:#a99eae;font-size:16px;line-height:1.7}
.inner-page .project-donation{margin-top:38px;margin-bottom:18px}
.slabi-note{display:flex;align-items:center;gap:15px;border:1px solid #493259;background:#111017;padding:14px 18px;margin-bottom:30px;box-shadow:5px 5px #050506}.slabi-note>div:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.slabi-note b{font:11px "Oxanium";font-weight:900;color:#e6d7ee}.slabi-note span{font-size:12px;color:#918496}.slabi-note>a{font:10px "Oxanium";font-weight:900;color:#c273ff;text-decoration:none}
.donation-info-accent p:before{content:"СЛАБЫ НАЧИСЛЯЮТСЯ АВТОМАТИЧЕСКИ\A"!important}

.news-section{background:radial-gradient(circle at 50% 0,#18101f,#080909 48%)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:#101014;border:1px solid #392844;box-shadow:7px 7px #040405;overflow:hidden;transition:.25s}.news-card:hover{transform:translateY(-5px);border-color:#765093;box-shadow:9px 12px #040405,0 0 26px #a855f718}.news-cover{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#16101d}.news-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.news-card:hover .news-cover img{transform:scale(1.035)}.news-pinned{position:absolute;top:12px;right:12px;padding:7px 9px;background:#a855f7;color:#fff;font:8px "Oxanium";font-weight:900;box-shadow:4px 4px #39144c}.news-card-body{padding:22px}.news-card-body time{display:block;color:#8a748f;font:9px "Oxanium";font-weight:800;letter-spacing:1px}.news-card h3{margin:12px 0 12px;color:#f0eaf4;font:16px/1.5 "Press Start 2P"}.news-card p{min-height:74px;margin:0 0 18px;color:#9f95a4;font-size:13px;line-height:1.65}.news-read{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid #2b2230;color:#c47aff;text-decoration:none;font:10px "Oxanium";font-weight:900}.news-empty{padding:35px;border:1px dashed #4b3855;background:#0d0b10;color:#8f8394;text-align:center;line-height:1.7}
.news-detail-main{padding:70px 0 100px}.news-article{max-width:980px}.news-back{display:inline-block;margin-bottom:30px;color:#b56cff;text-decoration:none;font:10px "Oxanium";font-weight:900}.news-article-meta{display:flex;align-items:center;gap:12px;color:#8e8195;font:10px "Oxanium";font-weight:800}.news-article-meta span{padding:5px 8px;background:#a855f7;color:#fff}.news-article h1{margin:18px 0;color:#f1edf3;font:clamp(28px,4vw,52px)/1.3 "Press Start 2P";text-shadow:5px 5px #080609}.news-lead{max-width:850px;color:#b0a4b5;font-size:18px;line-height:1.75}.news-article-cover{margin:34px 0;border:1px solid #503764;box-shadow:10px 10px #040405;overflow:hidden}.news-article-cover img{display:block;width:100%;max-height:540px;object-fit:cover}.news-rich-content{padding:8px 0;color:#cfc7d4;font-size:16px;line-height:1.85}.news-rich-content h2,.news-rich-content h3{color:#f0e9f3;font-family:"Press Start 2P";line-height:1.55}.news-rich-content h2{font-size:23px;margin:38px 0 18px}.news-rich-content h3{font-size:16px;margin:30px 0 14px}.news-rich-content a{color:#c678ff}.news-rich-content blockquote{margin:24px 0;padding:18px 22px;border-left:4px solid #a855f7;background:#110d15;color:#ded5e3}.news-rich-content img{max-width:100%;height:auto}

.rules-main,.contacts-main{padding-top:0!important}.rules-hero,.contacts-hero{padding-top:64px!important}
.streams-page .how-section{padding-top:85px}.streams-page .streams-section{border-top:1px solid #241b2a}.privileges-page .ranks-section{padding-top:75px}

@media(max-width:1000px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){body{padding-top:70px}.home-page{padding-top:0}.home-hero{padding-top:70px}.nav{width:calc(100% - 24px);height:70px}.mobile-menu-panel{top:70px!important}.page-hero{padding-top:55px}.home-hero .hero-content{min-height:890px}}
@media(max-width:700px){.news-grid{grid-template-columns:1fr}.news-card p{min-height:0}.page-hero h1{font-size:27px}.page-hero p{font-size:14px}.inner-page .project-donation{margin-top:25px}.slabi-note{align-items:flex-start;flex-wrap:wrap}.slabi-note>a{width:100%;margin-left:58px}.news-article h1{font-size:28px}.news-lead{font-size:16px}.news-rich-content{font-size:15px}}
/* ===== V5.1 HEADER + NEWS DETAIL FIX ===== */
@media(min-width:951px){
  .nav{display:grid!important;grid-template-columns:190px minmax(0,1fr) 125px;gap:20px;justify-content:initial!important}
  .nav .brand{justify-self:start;min-width:0}
  .nav .site-logo-image{display:block;max-width:72px;max-height:64px;width:auto;height:auto;object-fit:contain}
  .nav-links{justify-self:center;gap:25px;white-space:nowrap}
  .online{justify-self:end;display:flex;align-items:center;white-space:nowrap;min-width:112px;justify-content:center;padding:12px 13px}
  .online .pulse{flex:0 0 auto}
}
.news-section{scroll-margin-top:95px}
.news-detail-main{padding:54px 0 110px}
.news-article{max-width:1040px}
.news-article h1{max-width:900px;margin-bottom:30px}
.news-article-cover{width:min(720px,100%);margin:28px auto 42px;border:1px solid #674080;box-shadow:8px 8px #040405,0 0 34px #a855f719;background:#0d0b10}
.news-article-cover img{width:100%;height:auto;max-height:405px;object-fit:cover}
.news-content-panel{position:relative;margin-top:0;padding:38px 44px 42px;background:linear-gradient(145deg,#121016,#0b0a0e);border:1px solid #493257;border-left:3px solid #a855f7;box-shadow:9px 9px #040405,0 0 35px #a855f70e}
.news-content-panel:before,.news-content-panel:after{content:"";position:absolute;width:24px;height:24px;pointer-events:none}
.news-content-panel:before{top:-1px;right:-1px;border-top:2px solid #a855f7;border-right:2px solid #a855f7}
.news-content-panel:after{bottom:-1px;left:-3px;border-bottom:2px solid #a855f7;border-left:2px solid #a855f7}
.news-content-label{margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid #2d2333;color:#a855f7;font:10px "Oxanium";font-weight:900;letter-spacing:1.8px}
.news-rich-content{padding:0;color:#d0c8d5;font-size:17px;line-height:1.9}
.news-rich-content>p:first-child{margin-top:0}.news-rich-content>p:last-child{margin-bottom:0}
@media(max-width:700px){
  .news-detail-main{padding:38px 0 75px}.news-article-cover{margin:24px auto 30px}.news-content-panel{padding:27px 22px 30px}.news-rich-content{font-size:15px;line-height:1.8}
}


/* ===== V5.1.1 DESKTOP HEADER HARD FIX ===== */
@media (min-width: 951px) {
  .nav.container {
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) 118px !important;
    align-items: center !important;
    column-gap: 18px !important;

    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .nav > .brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    width: 70px !important;
    min-width: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .nav > .brand .site-logo-image {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  .nav > .nav-links {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 27px !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .nav > .nav-links a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  .nav > .mobile-menu-toggle {
    display: none !important;
  }

  .nav > .online {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    width: 112px !important;
    min-width: 112px !important;
    height: 48px !important;
    padding: 0 12px !important;
    margin: 0 !important;

    white-space: nowrap !important;
    line-height: 1 !important;
  }

  .nav > .online b {
    display: inline !important;
    margin: 0 4px 0 0 !important;
    line-height: 1 !important;
  }

  .nav > .online .pulse {
    flex: 0 0 auto !important;
    margin: 0 8px 0 0 !important;
  }
}

/* ===== V5.1.2 FIXED HEADER CONTENT SPACING ===== */
/* Отступ первого блока от фиксированной шапки на desktop */
@media (min-width: 951px) {
  .hero {
    padding-top: 105px !important;
  }
}

/* ===== V5.1.3 REAL HOME HERO GAP FIX ===== */
/*
   На главной hero-content центрируется по вертикали внутри большого grid-блока,
   поэтому padding у .hero почти не создавал видимый зазор под fixed-nav.
   Сдвигаем именно содержимое первого экрана вниз.
*/
@media (min-width: 951px) {
  .home-page .home-hero {
    padding-top: 78px !important;
  }

  .home-page .home-hero .hero-content {
    top: 34px !important;
  }
}

/* Wider privileges comparison table — desktop only */
@media (min-width:951px){
  .comparison .container{
    width:min(1320px,calc(100% - 40px));
  }
  .comparison-layout{
    grid-template-columns:minmax(0,1fr) 250px;
    gap:16px;
  }
  .table-frame table{
    min-width:0;
  }
  .table-frame th,
  .table-frame td{
    padding-left:12px;
    padding-right:12px;
  }
  .why-card{
    padding:22px 18px;
  }
}



/* Highlight inheritance note inside privilege descriptions */
.rank-description .previous-rank-highlight{
  color:#c084fc;
  font-weight:800;
  text-shadow:0 0 10px rgba(192,132,252,.28);
}