@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--gold:#e7bd68;--gold-light:#f6d897;--bg:#0c0d0e;--panel:#141617;--line:#ffffff12;--muted:#999b9e;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f5f4f0;font-family:Barlow,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}a,button{transition:color .2s,background .2s,border-color .2s}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);background:#0c0d0ef5;position:relative;z-index:5}.brand{display:flex;gap:16px;align-items:center}.mark{font:italic 900 46px/1 var(--display);letter-spacing:-3px;color:var(--gold);position:relative}.mark span{font:10px Arial;position:absolute;right:-9px;top:2px;letter-spacing:0}.brand-text{font:700 16px var(--display);letter-spacing:1px}.brand-text small{display:block;color:var(--muted);font:500 10px Barlow,Arial,sans-serif;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:33px;height:100%;align-items:center}nav a{font-size:14px;font-weight:600;color:#acaeaf;display:flex;align-items:center;height:100%;position:relative}nav a.active{color:var(--gold)}nav a.active:after{content:'';position:absolute;bottom:0;height:2px;background:var(--gold);width:100%}nav a span{margin-left:5px;color:#74777b}a:hover{color:var(--gold)}.header-discord{font-size:14px;border:1px solid #ffffff27;padding:12px 18px}.header-discord span{margin-left:18px}.menu-toggle{display:none}.announcement{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 4%;background:#1d1a13;border-bottom:1px solid #b88c3230;font-size:13px}.announcement p{margin:0;color:#c9c4b8}.announcement strong{color:var(--gold-light);margin-left:6px;font-weight:600}.tag{font:600 11px Barlow,Arial;letter-spacing:1px;color:var(--gold);border:1px solid #e7bd6840;padding:5px 8px}.announcement a{color:var(--gold);margin-left:22px;font-weight:600}.hero{min-height:690px;height:calc(100svh - 135px);max-height:900px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #e7bd6828}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.65) sepia(.4);opacity:.58}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c0d0e 0%,#0c0d0e40 38%,#0c0d0e77 100%),linear-gradient(90deg,#0c0d0e88,transparent 35%,transparent 65%,#0c0d0e88)}.hero-content{position:relative;text-align:center;padding:45px 20px 80px}.eyebrow{color:var(--gold);font-size:12px;font-weight:600;letter-spacing:2.4px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px}.eyebrow span{width:30px;height:1px;background:#e7bd6880}.game-title{font:600 23px var(--display);letter-spacing:8px;margin:26px 0 12px}h1{font:800 clamp(76px,8vw,122px)/.94 var(--display);letter-spacing:-1px;margin:0;text-shadow:0 4px 40px #0006}em{font-style:normal;color:var(--gold)}h1 em{background:linear-gradient(110deg,#b38437,#f6d897 45%,#d4a951);background-clip:text;-webkit-text-fill-color:transparent}.hero-description{color:#cbc9c4;font-size:17px;line-height:1.7;margin:25px 0 29px}.hero-actions{display:flex;justify-content:center;gap:12px}.button{min-height:49px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font:700 17px var(--display);letter-spacing:.8px;border:1px solid transparent;white-space:nowrap}.gold{background:var(--gold);color:#18150e;border-color:var(--gold)}.gold:hover{background:var(--gold-light);color:#000}.outline{background:#11121470;border-color:#ffffff33}.outline:hover{background:#e7bd6810;border-color:var(--gold);color:var(--gold)}svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none}.gold svg{fill:currentColor;stroke-width:0}.copy-ip{display:inline-flex;align-items:center;gap:14px;margin-top:22px;color:#c1bfb8;font-size:13px;letter-spacing:.6px;padding:7px}.ip-label{font-size:10px;letter-spacing:1.4px;color:#8c8a85}.copy-ip svg{width:14px;height:14px;color:var(--gold)}.hero-bottom{position:absolute;bottom:23px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;color:#777876;font-size:10px;letter-spacing:1.5px}.hero-bottom i{color:var(--gold);margin:0 12px}.video-control{font-size:15px;display:flex;align-items:center;gap:10px}.video-control span{font-size:10px;letter-spacing:1px}.section-wrap{max-width:1280px;margin:0 auto;padding:65px 40px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.section-heading .eyebrow{margin-top:0}h2{font:600 38px/1.1 var(--display);letter-spacing:.1px;margin:10px 0}h3{font:600 23px var(--display);margin:8px 0}.development{color:#b5a17a;border:1px solid #b5a17a40;padding:7px 10px;font-size:10px;letter-spacing:1px}.server-card{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(110deg,#1b1a16,#131516 65%);border:1px solid #e7bd6829;padding:28px}.server-name{display:flex;align-items:center;gap:20px}.server-icon{font:italic 800 32px var(--display);color:var(--gold);width:62px;height:66px;display:grid;place-items:center;background:#e7bd680a;border:1px solid #e7bd682b}.small-label{display:block;font-size:10px;letter-spacing:1.5px;color:#8e9090}.server-name h3{font-size:26px}.server-name p{font-size:14px;color:var(--muted);margin:5px 0}.server-details{display:flex;gap:36px}.server-details strong{display:block;font-size:14px;font-weight:500;margin-top:12px}.flag{font-size:16px;margin-left:5px}.compact{font-size:15px;padding:0 19px;min-height:43px}.server-note{display:flex;justify-content:space-between;gap:20px;color:#75787a;font-size:12px;margin-top:15px;line-height:1.8}.server-note code{color:#b3b2ac;font-size:12px}.server-note button{font-size:12px;color:var(--gold);white-space:nowrap}.vip-section{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vip-intro h2{font-size:64px}.vip-intro>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:320px;margin:20px 0 26px}.perks{display:grid;grid-template-columns:1fr 1fr;gap:30px 35px}.perks article{padding:14px 0 20px;border-bottom:1px solid var(--line)}.perk-number{color:var(--gold);font-size:10px;letter-spacing:1.8px}.perks h3{margin:15px 0 10px}.perks p,.rules-grid p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:33px 0 25px}.rules-grid article{border-left:1px solid #e7bd6835;padding-left:23px}.rules-grid article>span{font:500 17px var(--display);color:var(--gold)}.text-link{color:var(--gold);font-size:13px}.community{display:flex;align-items:center;justify-content:space-between;gap:25px;background:radial-gradient(ellipse at 10% 0%,#e7bd6811,transparent 65%);border-top:1px solid #e7bd6825;border-bottom:1px solid #e7bd6825;padding-top:44px;padding-bottom:44px}.community h2{font-size:46px}.community p:not(.eyebrow){color:var(--muted);margin-bottom:0}.community .eyebrow{font-size:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px!important;padding-bottom:35px!important}footer .mark{font-size:34px}footer .brand-text{font-size:12px}footer .brand-text small{font-size:8px}footer p{font-size:11px;color:#777}footer>a:last-child{font-size:10px;letter-spacing:1px;color:#aaa}dialog{color:#f5f4f0;background:#151617;border:1px solid #e7bd6855;padding:40px;width:min(490px,calc(100% - 32px))}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:33px}dialog p{color:var(--muted);line-height:1.6}dialog .eyebrow{color:var(--gold)}dialog .button{display:flex;margin-top:12px}.dialog-close{position:absolute;top:8px;right:12px;font-size:30px;color:var(--muted)}.dialog-note{font-size:13px;margin:23px 0 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#24221a;border:1px solid #e7bd6870;padding:13px 23px;color:var(--gold-light);z-index:20;opacity:0;pointer-events:none;transition:.2s;font-size:14px;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1600px){.hero-content{padding-bottom:65px}h1{font-size:138px}.hero-description{font-size:19px}}@media(max-width:1000px){header{padding:0 25px}nav{gap:20px}.brand-text{font-size:13px}.header-discord{padding:10px;font-size:12px}.server-card{flex-wrap:wrap}.server-details{margin-left:auto}.server-card>.button{width:100%}.vip-section{gap:40px}.announcement-extra{display:none}.section-wrap{padding:50px 28px}}@media(max-width:700px){header{height:72px;padding:0 20px}.mark{font-size:39px}.brand-text{font-size:12px}.brand-text small{font-size:8px}.header-discord{margin-left:auto;margin-right:18px}.header-discord span{display:none}.menu-toggle{display:block;font-size:22px}nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;padding:20px;background:#101112;border-bottom:1px solid #e7bd6830;flex-wrap:wrap;gap:24px}nav.open{display:flex}nav a{padding:10px 0}.announcement{gap:10px;padding:12px;font-size:11px}.announcement .tag{font-size:8px;letter-spacing:.5px;padding:5px}.announcement>a{display:none}.hero{min-height:650px;height:calc(100svh - 116px);max-height:850px}.hero-content{padding:40px 16px 65px}.hero .eyebrow{font-size:9px;letter-spacing:1.6px;gap:10px}.eyebrow span{width:15px}.game-title{font-size:18px;letter-spacing:5px;margin-top:24px}h1{font-size:82px}.hero-description{font-size:16px}.button{padding:0 18px;font-size:15px;gap:8px}.hero-actions{gap:9px}.hero-bottom{left:20px;right:20px;font-size:8px;letter-spacing:.5px}.hero-bottom i{margin:0 5px}.video-control span{font-size:8px}.section-wrap{padding:40px 20px}.section-heading{align-items:flex-start;gap:12px}.section-heading h2{font-size:30px}.eyebrow{font-size:10px;letter-spacing:1.6px}.development{font-size:8px;white-space:nowrap;margin-top:5px;padding:5px}.server-card{padding:20px;gap:24px}.server-icon{width:46px;height:55px;font-size:26px}.server-name{gap:13px}.server-name h3{font-size:22px}.server-name p{font-size:12px}.server-details{margin:0;gap:45px}.server-note{display:block;font-size:12px}.server-note code{display:block}.server-note button{padding:8px 0}.vip-section{grid-template-columns:1fr;gap:25px}.vip-intro h2{font-size:55px}.vip-intro>p:not(.eyebrow){max-width:100%}.perks{gap:22px}.perks h3{font-size:23px}.perks p{font-size:14px}.rules-grid{grid-template-columns:1fr;gap:25px}.rules-section h2{font-size:32px}.community{display:block}.community h2{font-size:37px}.community .button{margin-top:25px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}footer>a:last-child{margin-left:auto}.copy-ip{gap:10px;font-size:12px}.ip-label{font-size:9px}}@media(max-width:370px){.header-discord{display:none}.menu-toggle{margin-left:auto}h1{font-size:72px}.hero-actions .button{font-size:13px;padding:0 12px}.perks{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Community flags above the hero eyebrow */
.community-flags{display:block;width:441px;max-width:100%;height:auto;margin:0 auto 20px;}

header .brand img.header-logo {
    display: block;
    width: 10px !important;
    height: 10px !important;
    max-width: 10px !important;
    max-height: 10px !important;
    object-fit: contain;
    flex: 0 0 10px;
}

.server-icon {
    flex-shrink: 0;
}

.server-icon img {
    display: block;
    width: 36px;
    height: 36px;
    object-fit: contain;
}

/* DOWNLOAD GAME BUTTON */
.hero-actions .download-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 49px !important;
    padding: 0 25px !important;

    background: #2f7d52 !important;
    border: 1px solid #3c9a67 !important;
    color: #ffffff !important;

    transition: all 0.2s ease;
}

.hero-actions .download-button:hover {
    background: #3a9461 !important;
    border-color: #4caf73 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* =========================================
   HOW TO JOIN RX
========================================= */

#how-to-join{
    width:100%;
    padding-top:88px;
    padding-bottom:88px;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

#how-to-join .how-to-join-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:42px;
}

#how-to-join .how-to-join-heading h2{
    max-width:900px;
    margin:0;
    color:#f5f4f0;
    font-family:var(--display);
    font-size:clamp(38px,5vw,62px);
    font-weight:700;
    line-height:.98;
    letter-spacing:-.02em;
}

#how-to-join .how-to-join-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;
    gap:48px !important;
    align-items:start !important;
    width:100% !important;
}

#how-to-join .how-to-join-video{
    position:relative;
    width:100%;
    min-width:0;
    aspect-ratio:16 / 9;
    overflow:hidden;
    background:#090c10;
    border:1px solid var(--line);
}

#how-to-join .how-to-join-video .rx-video-player{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#090c10;
    border:0;
}
#how-to-join .how-to-join-video .rx-video-player > video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    background:#090c10;
    cursor:pointer;
}
#how-to-join .rx-video-controls{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding:8px 12px 10px;
    background:linear-gradient(0deg,rgba(8,9,10,.96),rgba(8,9,10,.78) 55%,transparent);
    color:#fff;
    z-index:3;
}
#how-to-join .rx-video-btn{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    background:transparent;
    color:var(--gold);
    cursor:pointer;
    border-radius:6px;
}
#how-to-join .rx-video-btn:hover{background:rgba(231,189,104,.12)}
#how-to-join .rx-video-btn svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
#how-to-join .rx-video-play svg{fill:currentColor;stroke:none}
#how-to-join .rx-video-time{
    flex:0 0 auto;
    min-width:82px;
    color:#f6d897;
    font:500 12px/1 Barlow,Arial,sans-serif;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
#how-to-join .rx-video-progress{
    flex:1 1 auto;
    min-width:60px;
    height:4px;
    margin:0;
    accent-color:var(--gold);
    cursor:pointer;
}
#how-to-join .rx-video-volume-range{
    width:76px;
    flex:0 0 76px;
    height:4px;
    margin:0;
    accent-color:var(--gold);
    cursor:pointer;
}
@media(max-width:700px){
    #how-to-join .rx-video-controls{gap:6px;padding:7px 8px 9px}
    #how-to-join .rx-video-time{min-width:74px;font-size:11px}
    #how-to-join .rx-video-volume-range{width:56px;flex-basis:56px}
    #how-to-join .rx-video-btn{width:28px;height:28px;flex-basis:28px}
}

#how-to-join .how-to-join-steps{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 36px !important;
    min-width:0;
}

#how-to-join .join-step{
    min-width:0;
    padding:0 0 28px;
    margin:0 0 28px;
    border-bottom:1px solid var(--line);
}

#how-to-join .join-step .perk-number{
    display:block;
    margin-bottom:16px;
}

#how-to-join .join-step h3{
    margin:0 0 12px;
    color:#f5f4f0;
    font-family:var(--display);
    font-size:25px;
    font-weight:700;
    line-height:1.05;
}

#how-to-join .join-step p{
    margin:0;
    color:var(--muted);
    font-family:Barlow,Arial,sans-serif;
    font-size:15px;
    line-height:1.7;
}

#how-to-join .join-command{
    display:block;
    width:100%;
    box-sizing:border-box;
    margin-top:14px;
    padding:11px 13px;
    overflow-x:auto;
    border:1px solid #e7bd6830;
    background:#e7bd6808;
    color:var(--gold);
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:13px;
    line-height:1.5;
    white-space:nowrap;
}

@media (max-width:900px){
    #how-to-join .how-to-join-layout{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:600px){
    #how-to-join{
        padding-top:60px;
        padding-bottom:60px;
    }

    #how-to-join .how-to-join-heading{
        display:block;
    }

    #how-to-join .how-to-join-heading h2{
        font-size:38px;
    }

    #how-to-join .how-to-join-steps{
        grid-template-columns:1fr !important;
    }
}