@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Press+Start+2P&display=swap');
:root{--bg:#0d151b;--panel:#17242b;--ink:#f2edd9;--muted:#acb9b2;--line:#35464b;--green:#a8e67f;--gold:#ffda79;--pixel:'Press Start 2P','Courier New',monospace;--main:'Space Grotesk',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--main);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin-top:0}p{line-height:1.65}.site-header{height:80px;position:sticky;z-index:20;top:0;background:rgba(11,20,24,.97);border-bottom:2px solid #314840;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100% - 1270px)/2));box-shadow:0 7px 0 #0b111580;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-family:var(--pixel);font-size:17px;line-height:1.45;white-space:nowrap}.brand-logo{height:50px;width:50px;object-fit:contain;filter:drop-shadow(3px 3px 0 #0e1518)}.brand-accent{color:var(--green)}.brand small{display:block;margin-top:5px;letter-spacing:2px;color:#8bada0;font-size:6px}.nav-links{display:flex;align-items:center;gap:32px;font-size:11px;font-weight:700;letter-spacing:1.6px}.nav-links>a:not(.nav-highlight):hover{color:var(--green)}.nav-highlight{padding:13px 17px;background:#b4e77e;color:#19221b;border:2px solid #e3ffad;box-shadow:4px 4px 0 #3f6038;white-space:nowrap}.nav-highlight:hover{transform:translateY(-2px)}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:25px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:625px;padding:78px 24px 135px;display:flex;justify-content:center;background:linear-gradient(to bottom,#3f5371 0%,#cb8f7e 41%,#f8d5a4 76%,#d2ba77 100%)}.hero-bg{position:absolute;z-index:-2;inset:0;background-image:url('assets/rear.png');background-position:center top;background-size:auto 94%;background-repeat:repeat-x;opacity:.81;image-rendering:pixelated}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1b212358,#171b2170,#1b212358)}.hero-content{text-align:center;z-index:2;max-width:850px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;font-size:10px;font-weight:700;letter-spacing:2.3px;background:#19252bc9;border:1px solid #c9cf9b88;color:#ecf5c5;box-shadow:4px 4px 0 #17202466}.tiny-pixel{background:#b9ed87;width:9px;height:9px;box-shadow:3px 3px 0 #5d8f59}.title-row{display:flex;align-items:center;justify-content:center;margin:41px 0 10px;gap:24px}.title-row h1{margin:0;font-family:var(--pixel);font-size:clamp(28px,5.7vw,67px);line-height:1.5;color:#fbf8dd;text-shadow:5px 5px 0 #385043,8px 8px 0 #1a2e25,0 7px 24px #192017aa;letter-spacing:-2px}.title-row h1 span{color:#d5ed89}.tiny-line{display:block;width:28px;height:4px;background:#faebb888}.hero-subtitle{color:#fff5cf;font-size:clamp(17px,2.4vw,25px);font-weight:700;margin-bottom:11px;text-shadow:2px 3px #32332e}.hero-logo{width:110px;max-width:28vw;display:block;margin:18px auto 10px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.28))}.hero-copy{max-width:610px;margin:0 auto;font-size:15px;font-weight:500;color:#fbf5e9;text-shadow:1px 2px 4px #161d20}.hero-actions{display:flex;justify-content:center;gap:16px;margin-top:31px}.btn{border:2px solid #f0f7cf;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 22px;font-weight:900;font-size:12px;letter-spacing:1.5px;transition:transform .15s,box-shadow .15s;text-transform:uppercase}.btn:hover{transform:translate(-2px,-2px)}.btn-primary{background:#b8ed83;color:#172416;box-shadow:5px 5px 0 #3c7040}.btn-primary:hover{box-shadow:7px 7px 0 #3c7040}.btn-outline{background:#16272de8;border-color:#9fc8b9;color:#f1f6dc;box-shadow:5px 5px 0 #112027}.btn-outline:hover{box-shadow:7px 7px 0 #112027}.server-ip-line{margin:27px auto 0;display:flex;align-items:center;justify-content:center;gap:11px;color:#1b2829;font-size:10px;font-weight:800;letter-spacing:1px;flex-wrap:wrap}.status-dot{width:9px;height:9px;background:#b6ed79;border:2px solid #4b805d;box-shadow:0 0 12px #b5ff5a}.server-address{background:#16242be8;border:1px solid #ced9b083;padding:8px 13px;color:#f5f1d0;letter-spacing:1.1px}.bee{position:absolute;z-index:1;image-rendering:pixelated;width:45px;filter:drop-shadow(2px 3px 2px #47383370);animation:float 5s ease-in-out infinite}.bee-one{top:30%;left:13%}.bee-two{top:43%;right:12%;animation-delay:-2s;width:35px}@keyframes float{50%{transform:translateY(-14px) translateX(6px)}}.ground{position:absolute;bottom:-9px;left:0;right:0;height:152px;background:url('assets/foreground.png') repeat-x center bottom;background-size:auto 152px;image-rendering:pixelated;z-index:1;pointer-events:none}.content-shell{padding:0 24px;max-width:1220px;margin:0 auto}.section-intro{text-align:center;padding:81px 0 27px}.section-kicker{color:#aee47d;font-size:11px;font-weight:800;letter-spacing:2.5px}.section-intro h2,.store-banner h2{font-family:var(--pixel);font-size:clamp(17px,2.7vw,31px);line-height:1.7;letter-spacing:-1.5px;margin:19px 0 10px}.section-intro h2 em{font-style:normal;color:var(--green)}.section-intro p{color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-strip{margin-top:42px}.compact-small{padding:45px 0 22px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card,.faq-card{padding:24px 22px;border:2px solid #4d615f;background:linear-gradient(145deg,#15252a,#101b22);box-shadow:6px 6px 0 #081116}.value-card strong{display:block;font-size:14px;letter-spacing:1px;margin-bottom:10px;color:#dff7a4}.value-card p,.faq-card p{font-size:13px;color:#b4c5ba;margin:0}.pixel-card{padding:28px 25px;min-height:257px;border:2px solid #50695d;background:linear-gradient(145deg,#1b302f,#14232b);box-shadow:6px 6px 0 #060f13;position:relative}.pixel-card:before{content:'';position:absolute;width:12px;height:12px;right:10px;top:10px;border-top:4px solid #7b987c;border-right:4px solid #7b987c}.feature-icon{font-size:30px;line-height:1;background:#3b6b4f;width:57px;height:53px;display:grid;place-items:center;border:2px solid #76a777;color:#e8ffad;box-shadow:4px 4px 0 #0b1919}.feature-icon.gold{background:#756537;border-color:#aa9650;color:#ffe29b}.feature-icon.violet{background:#544664;border-color:#827098;color:#e6caff}.feature h3,.steps h3{font-size:15px;margin:21px 0 10px;font-weight:800;letter-spacing:1.1px}.feature p,.step p{font-size:13px;color:#b4c5ba;margin:0}.card-foot{display:block;color:#9ed18d;margin-top:22px;font-size:10px;letter-spacing:1.3px;font-weight:900}.store-banner{display:flex;align-items:center;justify-content:space-between;gap:55px;margin-top:98px;background:radial-gradient(circle at 74% 13%,#50614955,transparent 42%),linear-gradient(130deg,#293b39,#1d2e32);border:2px solid #a5bc7b;box-shadow:8px 8px 0 #080f11;padding:43px 49px;position:relative;overflow:hidden}.store-decoration{position:absolute;top:-50px;right:100px;font-size:220px;color:#72894717;pointer-events:none}.store-left{max-width:520px;z-index:1}.gold-color{color:var(--gold)}.store-banner h2{margin-bottom:15px}.store-banner h2 span{color:var(--gold)}.store-banner p{color:#bbcdc2;font-size:14px}.store-banner .btn{margin-top:13px}.store-tiles{display:grid;grid-template-columns:repeat(2,120px);gap:13px;z-index:1}.store-tiles>div{min-height:102px;border:2px solid #65806f;box-shadow:4px 4px #152626;background:#243632a8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.store-tiles span{font-size:30px;color:#ffe09e}.store-tiles strong{font-size:10px;letter-spacing:1px}.compact{padding-top:92px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:14px 24px;border-left:3px solid #9dd683}.step-number{font-family:var(--pixel);font-size:24px;color:#a1d97a}.step h3{margin-top:18px}.join-cta{margin:58px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#202f30;border:1px solid #58745f;padding:24px 29px;box-shadow:5px 5px #0b1719}.join-cta>div{display:grid;gap:8px}.join-cta strong{font-size:13px;letter-spacing:1.5px}.join-cta>div span{font-family:var(--pixel);font-size:14px;color:#afe389;line-height:1.7}.faq-section{margin:18px 0 34px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.faq-card h3{font-size:14px;margin:0 0 10px;letter-spacing:1px}.discord-strip{margin:0 0 85px;border:1px dashed #536b65;padding:21px 26px;display:flex;gap:14px;align-items:center;justify-content:space-between}.discord-strip>div>span{color:#ade88c;margin-right:12px}.discord-strip strong{letter-spacing:1px;font-size:13px}.discord-strip p{font-size:13px;color:#aebfb4;margin:9px 0 0}.discord-strip .muted{color:#849b90;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;background:#0a1116;padding:23px max(5%,calc((100% - 1270px)/2));border-top:1px solid #304139;color:#98aea2;font-size:11px;letter-spacing:.3px}footer a:hover{color:#b4e787}[hidden]{display:none!important}@media(max-width:930px){.nav-links{gap:16px;font-size:10px}.site-header{padding:0 4%}.store-banner{gap:20px;padding:31px}.store-tiles{grid-template-columns:repeat(2,110px)}}@media(max-width:760px){.site-header{height:69px}.brand{font-size:14px}.brand-logo{width:40px;height:40px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;background:#101e22;border-bottom:2px solid #4f685d;padding:20px 25px;flex-direction:column;align-items:stretch;gap:22px}.nav-links.open{display:flex}.nav-highlight{text-align:center}.hero{min-height:625px;padding-top:95px}.hero-bg{background-size:auto 85%}.title-row{gap:10px;margin-top:40px}.title-row h1{font-size:clamp(27px,6.7vw,49px)}.tiny-line{display:none}.bee-one{left:3%;top:24%}.bee-two{right:4%;top:25%}.hero-actions{flex-wrap:wrap}.hero-copy{font-size:14px}.feature-grid,.steps,.value-grid,.faq-grid{grid-template-columns:1fr}.pixel-card{min-height:unset}.store-banner{flex-direction:column;align-items:stretch}.store-tiles{grid-template-columns:repeat(4,1fr)}.store-tiles>div{min-height:89px}.store-tiles strong{font-size:9px}.join-cta{flex-direction:column;align-items:stretch}.discord-strip{flex-direction:column;align-items:stretch}}@media(max-width:510px){.content-shell{padding:0 17px}.hero{padding-left:15px;padding-right:15px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-subtitle{font-size:17px}.title-row h1{font-size:clamp(22px,7.6vw,34px);letter-spacing:-2px}.hero-actions{gap:12px}.hero-actions .btn{width:100%;max-width:300px}.server-ip-line{font-size:9px}.server-address{width:100%;max-width:225px}.store-banner{padding:26px 18px}.store-tiles{grid-template-columns:repeat(2,1fr)}.join-cta>div span{font-size:12px}.section-intro{padding-top:66px}.section-intro h2,.store-banner h2{font-size:17px}.ground{height:120px;background-size:auto 120px}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Restland live status and Discord preview — October 2026 */
.hero-join-tag{background:#b9ed83;color:#142517;border:1px solid #e2ffb5;box-shadow:3px 3px #1d3728;padding:9px 14px;font-size:10px;font-weight:900}
.live-status-card{display:grid;grid-template-columns:1.12fr 1fr;gap:25px;align-items:center;margin-top:48px;padding:32px 35px;border:2px solid #6c876e;box-shadow:7px 7px 0 #050e12;background:radial-gradient(ellipse at 0 10%,#334e3a80,transparent 63%),linear-gradient(120deg,#1b3030,#17232c)}
.live-status-card h2,.discord-community h2{margin:14px 0 9px;font-family:var(--pixel);font-size:clamp(16px,2vw,25px);line-height:1.7}
.live-status-card h2 span{color:var(--green)}
.live-status-card p{font-size:13px;color:var(--muted);margin:0 0 16px}
.live-status-state{display:inline-flex;gap:10px;align-items:center;padding:9px 15px;border:1px solid #7a9b72;background:#14221b;color:#a7e481;font-size:12px;letter-spacing:1.1px}
.live-status-state[data-state=loading],.live-status-state[data-state=unknown]{border-color:#788b92;color:#c2cdd3}
.live-status-state[data-state=offline]{border-color:#b66b63;color:#e7a39b}
.live-indicator{height:10px;width:10px;background:currentColor;box-shadow:0 0 9px currentColor}
.live-status-updated{display:block;margin-top:11px;font-size:11px;color:#a1b2a7}
.status-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.metric{border:1px solid #526f66;padding:21px 19px;background:#101f22c9;min-width:0}
.metric>span{display:block;color:#a1b5ab;font-size:10px;font-weight:800;letter-spacing:1.1px}
.metric>strong{display:block;line-height:1.45;color:#d3efa3;font-size:27px;overflow-wrap:anywhere;margin:8px 0 2px}
.metric>small{color:#9bb0a4;font-size:11px}
.status-refresh{grid-column:1/-1;background:transparent;border:1px solid #6e917b;padding:11px 12px;color:#dff0ba;font-size:10px;font-weight:800;letter-spacing:1.6px;transition:background .2s}
.status-refresh:hover{background:#30493e}
.status-refresh:disabled{opacity:.65;cursor:wait}
.discord-community{margin:35px 0 90px;display:grid;grid-template-columns:1.2fr minmax(260px, .9fr);gap:26px;align-items:center;padding:33px;background:linear-gradient(115deg,#263049,#151e2c);border:2px solid #6a739e;box-shadow:7px 7px 0 #080e15}
.discord-community h2 span{color:#bbc4ff}.discord-community p{font-size:14px;max-width:570px;color:#b8c2d8}
.discord-tags{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.discord-tags span{font-size:9px;letter-spacing:1px;padding:8px;background:#1d2c41;border:1px solid #4c5e80;color:#e0e4ff}
.btn-discord{background:#7289f2;color:white;border-color:#b7c4ff;box-shadow:5px 5px #37489b}.btn-discord:hover{box-shadow:7px 7px #37489b}
.discord-widget-wrap{width:100%;height:270px;overflow:hidden;background:#1a1c29;border:1px solid #515b81}
.discord-widget-wrap iframe{display:block;width:100%;height:100%;border:0}
.discord-widget-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:24px;height:100%;background:radial-gradient(circle at center,#303c60 0,#151f31 78%)}
.widget-discord-icon{display:grid;place-items:center;width:67px;height:67px;border:2px solid #93a4fc;background:#5865f2;color:#fff;font-size:32px;box-shadow:5px 5px 0 #121c33}
.discord-widget-fallback strong{color:#edf1ff;letter-spacing:1.5px;font-size:15px}
.discord-widget-fallback p{margin:0;color:#bcc7ed}.discord-widget-fallback>span{font-size:11px;color:#a5bae0}
@media(max-width:1050px){.nav-links{gap:14px;font-size:9px;letter-spacing:.8px}}
@media(max-width:760px){.live-status-card,.discord-community{grid-template-columns:1fr}.live-status-card{margin-top:31px;padding:24px}.discord-community{padding:25px}.discord-widget-wrap{height:265px}}
@media(max-width:420px){.status-metrics{grid-template-columns:1fr}.metric{padding:15px}.status-refresh{grid-column:1}.discord-community{padding:20px}.discord-tags span{font-size:8px}.live-status-card h2{font-size:18px}}