:root{--bg:#090807;--panel:#17120f;--blue:#ff7918;--cyan:#ffb347;--muted:#b4a49a;--line:#3d2a20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f9ff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#ff791816,transparent 45%);z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:20;background:#090807e8;backdrop-filter:blur(18px);border-bottom:1px solid #3d2a20}.nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px}.logo{font-size:24px;font-weight:950;letter-spacing:-1px}.logo span{color:var(--cyan)}nav{display:flex;gap:24px;align-items:center}nav a{font-size:12px;letter-spacing:1.3px;font-weight:800;color:#c7b6aa}nav a:hover,nav a.active{color:var(--cyan)}.btn{border:1px solid #ff7918;border-radius:7px;padding:13px 20px;font-size:12px;letter-spacing:1px;font-weight:900;background:var(--blue);color:white;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:.2s}.btn:hover{box-shadow:0 0 24px #ff791866;transform:translateY(-2px)}.btn.outline{background:#1c120cb8;border-color:#84502b}.menu{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:620px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#090807 6%,#090807e8 40%,#09080788 100%),radial-gradient(ellipse at 75% 55%,#ff791855,transparent 42%),linear-gradient(135deg,#332015,#090807)}.hero:after{content:'';position:absolute;right:8%;top:13%;height:430px;width:430px;border:1px solid #ff791838;transform:rotate(45deg);box-shadow:0 0 100px #ff791817,inset 0 0 100px #ff791812}.hero:before{content:'OX';position:absolute;right:10%;top:7%;font-size:350px;font-weight:1000;color:#ff79180b;letter-spacing:-35px}.wrap{max-width:1200px;margin:auto;padding:0 24px;width:100%}.hero .wrap{position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:900;letter-spacing:3px;color:var(--cyan);text-transform:uppercase}.hero h1{font-size:clamp(62px,10vw,132px);line-height:.92;letter-spacing:-7px;margin:23px 0 18px;font-weight:1000}.hero h1 span{color:var(--blue);text-shadow:0 0 55px #ff791850}.hero h2{font-size:clamp(19px,3vw,29px);letter-spacing:3px;margin:0 0 17px}.hero p{color:var(--muted);font-size:16px;max-width:520px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);transform:translateY(-45px);position:relative;z-index:2}.stat{background:#17120f;padding:25px;text-align:center}.stat strong{display:block;font-size:29px;color:white}.stat small{color:var(--muted);font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.section{padding:65px 0 90px}.section.alt{background:#120e0b}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section h2{font-size:clamp(29px,4vw,43px);margin:8px 0;letter-spacing:-1.5px}.sub{color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:linear-gradient(150deg,#241810,#110e0c);border-radius:10px;overflow:hidden;transition:.2s}.card:hover{border-color:#ff79188a;transform:translateY(-3px)}.cardtop{height:120px;background:radial-gradient(ellipse at 75% 30%,#ff791844,transparent 55%),linear-gradient(125deg,#3a2415,#17120f);padding:22px;display:flex;justify-content:space-between;align-items:start}.pill{font-size:10px;font-weight:900;letter-spacing:1px;border:1px solid #ffb34766;color:var(--cyan);padding:7px 10px;border-radius:4px;background:#2d1707}.cardbody{padding:23px}.card h3{font-size:21px;margin:0 0 10px}.card p{color:var(--muted);font-size:13px;line-height:1.7}.progress{height:5px;background:#3d2a20;border-radius:9px;overflow:hidden;margin:20px 0 8px}.progress span{display:block;background:linear-gradient(90deg,var(--blue),var(--cyan));height:100%}.row{display:flex;justify-content:space-between;gap:10px;align-items:center}.meta{font-size:12px;color:var(--muted)}.card .btn{width:100%;margin-top:20px}.feature{padding:30px}.icon{font-size:27px;color:var(--cyan)}.feature h3{margin:20px 0 8px}.table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.tr{display:grid;grid-template-columns:80px 1fr 1fr 1fr;gap:15px;padding:18px 24px;border-bottom:1px solid var(--line);align-items:center}.tr:last-child{border:0}.tr:nth-child(odd){background:#17120f}.tr.head{color:var(--muted);font-size:11px;letter-spacing:1px;font-weight:800}.rank{color:var(--cyan);font-weight:900}.banner{border:1px solid #ff791855;background:radial-gradient(ellipse at 80% 20%,#ff791835,transparent 60%),#25170e;padding:48px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:25px}.banner h2{margin:0 0 12px}.rules{max-width:850px}.rule{padding:21px 0;border-bottom:1px solid var(--line)}.rule strong{color:var(--cyan)}footer{padding:45px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footerrow{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.notice{font-size:12px;color:#b6a397;margin-top:12px}.page{display:none}.page.active{display:block}.empty{padding:30px;border:1px dashed #6d482d;border-radius:10px;color:var(--muted);line-height:1.8}.storeprice{font-size:27px;font-weight:900;color:var(--cyan)}@media(max-width:800px){.menu{display:block}nav{display:none;position:absolute;top:65px;left:0;right:0;background:#120e0b;padding:25px;flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav>.btn{display:none}.hero{min-height:570px}.hero h1{letter-spacing:-4px}.hero:after{right:-230px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.sectionhead,.banner{align-items:start;flex-direction:column}.tr{grid-template-columns:45px 1fr 80px;gap:7px;font-size:12px}.tr span:last-child{display:none}}


/* Orange/black landing page inspired by Rust network portal layouts; original assets and styling. */
:root{--blue:#ff7918;--cyan:#ffb347;--muted:#b4a49a;--line:#3d2a20}
body{background:#080706}header{background:#0b0908ee}.logo span{color:#ff8a29}.btn{background:#f77716;border-color:#f77716;color:#140b05}.btn:hover{box-shadow:0 0 28px #ff7b2755}.btn.outline{background:#130e0bc9;color:#fff;border-color:#795035}
.landing{position:relative;overflow:hidden;min-height:calc(100vh - 84px);background:radial-gradient(ellipse at 50% -15%,#b24c182b,transparent 55%),linear-gradient(160deg,#130d0a 0%,#080706 55%,#110b08 100%)}.landing:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 100px,#ff8a1607 101px 102px),linear-gradient(90deg,#0007,transparent 50%,#0007);pointer-events:none}.landing-glow{position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(120px);background:#a4421120;top:180px;left:50%;transform:translateX(-50%);pointer-events:none}.landing-inner{max-width:1200px;margin:auto;padding:58px 24px 24px;position:relative}.landing-top{text-align:center;margin:0 auto 48px}.landing-kicker{font-size:11px;font-weight:900;letter-spacing:3px;color:#c4a48b}.live-dot{display:inline-block;width:6px;height:6px;background:#ff8a29;border-radius:50%;margin:0 9px;box-shadow:0 0 12px #ff8a29}.brand-hero{font-size:clamp(60px,10vw,135px);font-weight:1000;line-height:1.1;letter-spacing:-7px;color:#fff;text-shadow:0 10px 55px #000}.brand-hero span:not(.brand-icon){color:#ff8222}.brand-icon{font-size:.55em;vertical-align:13%;color:#ff8222;letter-spacing:0}.landing-tag{margin:2px 0 25px;color:#d6c4b6;font-weight:800;letter-spacing:4px;font-size:13px}.landing-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.landing-actions .btn{min-width:190px}.tile-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.tile{min-height:250px;grid-column:span 2;position:relative;overflow:hidden;background:linear-gradient(145deg,#302016,#140f0c 68%);border:1px solid #63402a;border-radius:9px;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}.tile:hover{transform:translateY(-6px);border-color:#ff8c30;box-shadow:0 16px 45px #0009,0 0 28px #f87c1922}.tile-store{grid-column:span 6;min-height:295px;background:radial-gradient(ellipse at 75% 50%,#9c4a1b66,transparent 45%),linear-gradient(100deg,#2c1a10,#120d0a)}.tile-discord,.tile-steam{grid-column:span 3;min-height:215px}.tile-content{position:absolute;z-index:2;left:26px;bottom:25px;right:24px}.tile-label{font-size:10px;font-weight:900;letter-spacing:2.2px;color:#ffab6c}.tile h2{font-size:clamp(25px,3vw,40px);line-height:1.05;letter-spacing:-1.3px;margin:9px 0;color:#fff}.tile p{font-size:13px;color:#c9b8ac;margin:0 0 18px}.tile-cta{display:inline-block;font-size:11px;font-weight:900;letter-spacing:1.4px;color:#ff9c52;border-bottom:1px solid #ff9c5288;padding-bottom:5px}.tile-arrow{float:right;font-size:22px;color:#ff8a29}.tile-art{position:absolute;z-index:0;right:-10px;top:-38px;font-size:200px;line-height:1;color:#ff852116;transform:rotate(-13deg);font-weight:900;user-select:none}.tile-store .tile-art{right:9%;top:20px}.art-crate{display:flex;gap:10px;transform:rotate(-12deg)}.crate{height:150px;width:130px;display:grid;place-items:center;font-size:90px;color:#ffae5760;border:9px solid #ac642f88;background:linear-gradient(135deg,#663719,#231309);box-shadow:15px 20px 35px #0008}.c2{transform:translateY(-15px)}.c3{transform:translateY(15px)}.tile-store .tile-content{bottom:38px;left:36px}.tile-store h2{font-size:56px}.tile-store p{max-width:370px}.landing-bottom{display:flex;justify-content:space-between;gap:20px;padding:35px 0 0;font-size:10px;color:#806b5d;letter-spacing:2px;font-weight:800}.section{min-height:70vh}@media(max-width:800px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.tile-store,.tile-discord,.tile-steam{grid-column:span 2}.tile-store{min-height:310px}.tile-store .tile-art{right:-180px;opacity:.65}.tile-store .tile-content{left:24px}.brand-hero{letter-spacing:-4px}.landing-tag{letter-spacing:2px;font-size:11px}.landing-inner{padding-top:50px}.landing-bottom{flex-direction:column}}

.page{display:block}.page.active{display:block}

/* OxideRust brand assets */
.nav .logo,.footerrow .logo{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}
.nav .logo img{display:block;width:clamp(130px,15vw,195px);height:auto;max-height:65px;object-fit:contain}
.footerrow .logo img{display:block;width:185px;height:auto;object-fit:contain}
.hero-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin:10px auto 4px;max-width:850px}
.hero-emblem{width:clamp(140px,21vw,245px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px #ff6a0026)}
.hero-wordmark{width:min(85vw,740px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 25px #0008);margin-top:-18px}
@media(max-width:680px){.nav .logo img{width:145px}.hero-emblem{width:155px}.hero-wordmark{width:92vw;margin-top:-8px}.hero-brand{margin-top:20px}}

/* Minimal OxideRust portal: flat colors, no stats bar or decorative imagery */
body,body:before{background:#141414!important}
header{background:#101010!important;border-bottom:1px solid #303030;backdrop-filter:none}
nav a{color:#c9c9c9}nav a:hover,nav a.active{color:#ff8125}
.portal-main{max-width:1110px;margin:0 auto;padding:20px 24px 75px}
.portal-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 0 32px;text-align:center}
.portal-emblem{width:clamp(92px,13vw,142px);height:auto;object-fit:contain}
.portal-wordmark{width:min(500px,88vw);height:auto;object-fit:contain;margin-top:-10px}
.portal-hero p{color:#a8a8a8;letter-spacing:.24em;font-size:11px;margin:4px 0 0;font-weight:700}
.portal-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.portal-card{min-height:190px;background:#101010;border:1px solid #353535;border-radius:5px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px 20px;transition:border-color .18s,background .18s}
.portal-card:hover{background:#191919;border-color:#985029;transform:none;box-shadow:none}
.portal-store{grid-column:1/-1;min-height:172px;background:#181510}
.portal-store:hover{background:#211b13}
.portal-card-copy{position:relative;z-index:1}
.portal-card h2{font-size:23px;letter-spacing:-.4px;margin:0 0 5px;color:#f4f4f4}
.portal-store h2{color:#ff9a32}
.portal-card p{font-size:14px;color:#888;margin:0 0 22px}
.portal-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#29150e;border:1px solid #78391d;border-radius:4px;padding:10px 22px;min-width:175px;color:#f7f7f7;font-size:13px;font-weight:650;transition:background .18s}
.portal-card:hover .portal-button{background:#7b3414}
.portal-store .portal-button{background:#3b2c12;border-color:#9d7827}
.portal-mark{position:absolute;left:26px;top:50%;transform:translateY(-50%);font-size:100px;font-weight:900;line-height:1;color:#ff8110;opacity:.085;pointer-events:none}
.portal-store .portal-mark{left:auto;right:9%;font-size:135px;opacity:.10}
.portal-card:nth-child(even) .portal-mark{left:auto;right:20px}
.portal-card:nth-child(odd):not(.portal-store) .portal-mark{left:20px;right:auto}
footer{border-color:#303030}
@media(max-width:680px){.portal-main{padding:14px 16px 50px}.portal-links{grid-template-columns:1fr;gap:12px}.portal-store{grid-column:auto}.portal-card{min-height:166px}.portal-hero{padding:18px 0 26px}.portal-card h2{font-size:21px}.portal-mark{font-size:80px}.portal-store .portal-mark{font-size:95px}}