:root{--black:#050909;--deep:#091312;--line:#263732;--bone:#eef0e8;--acid:#c7ff19;--orange:#ff6038;--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif;--display:'Bebas Neue',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:var(--sans)}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;background:var(--black)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--bone);font-size:14px;font-weight:700;letter-spacing:.11em}.brand small{font:10px var(--mono);letter-spacing:0;color:#84938d;margin-left:2px}.cube{width:27px;height:27px;display:grid;place-items:center;background:var(--acid);color:var(--black);font:bold 15px var(--display);box-shadow:4px 4px 0 #5e7c0a}.nav-links{display:flex;gap:30px}.nav-links a,.footer a{font:12px var(--mono);color:var(--bone);text-decoration:none}.nav-join{color:var(--black);background:var(--acid);padding:11px 13px;text-decoration:none;font:500 12px var(--mono)}.nav-join span{margin-left:6px}.hero{min-height:670px;position:relative;overflow:hidden;border-top:1px solid #1b2926}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#050909 0%,rgba(5,9,9,.85) 23%,rgba(5,9,9,.08) 67%,rgba(5,9,9,.25)),url('assets/creeper-chase-hero.png');background-position:center;background-size:cover}.scanlines{position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(199,255,25,.13) 4px);mix-blend-mode:overlay}.hero-content{position:relative;padding-top:125px}.eyebrow{font:500 11px var(--mono);letter-spacing:.13em;margin:0 0 18px}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--acid);display:inline-block;margin-right:8px;box-shadow:0 0 12px var(--acid)}h1,h2,h3,p{margin-top:0}.hero h1,.world h2,.rules h2,.join h2{font:clamp(68px,10vw,132px)/.78 var(--display);letter-spacing:.015em;margin-bottom:29px}.hero h1 span,.join h2 span{color:var(--acid);text-shadow:4px 4px 0 #4a6307}.hero-intro{max-width:390px;font-size:17px;line-height:1.45;margin-bottom:27px}.join-button{border:1px solid var(--acid);background:var(--acid);color:var(--black);cursor:pointer;padding:15px 16px;font:500 12px var(--mono);letter-spacing:.02em;box-shadow:5px 5px 0 rgba(0,0,0,.7)}.join-button b{font-size:10px;margin-right:9px}.join-button span{margin-left:13px;font-weight:500}.join-button i{font:normal 18px var(--sans);margin-left:14px}.copy-hint{font:10px var(--mono);letter-spacing:.06em;margin:12px 0;color:#adbbb4}.hero-bottom{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.08em;color:#a9b7b1}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:var(--orange);color:var(--black);padding:15px 0;white-space:nowrap}.marquee div{display:flex;width:max-content;animation:scroll 24s linear infinite}.marquee span{font:500 15px var(--display);letter-spacing:.06em}.marquee b{margin:0 27px}@keyframes scroll{to{transform:translateX(-35%)}}.world{padding:145px 0 132px}.world-heading{display:flex;align-items:end;justify-content:space-between}.world h2{margin:0;font-size:clamp(60px,8vw,106px)}.world h2 em,.rules h2 em{color:var(--orange);font-style:normal}.world-lead{max-width:390px;margin:42px 0 0 auto;line-height:1.5;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:68px}.card{min-height:280px;padding:20px;position:relative;overflow:hidden;border:1px solid var(--line);transition:transform .25s}.card:hover{transform:translateY(-8px)}.card span{font:11px var(--mono)}.card-arrow{position:absolute;right:18px;top:12px;font-size:25px}.card h3{position:absolute;bottom:48px;left:20px;font:41px var(--display);letter-spacing:.02em;margin:0}.card p{position:absolute;left:20px;bottom:15px;right:20px;margin:0;font-size:12px}.build{background:linear-gradient(145deg,#263d30,#091312)}.explore{background:linear-gradient(145deg,#1b3437,#091312)}.survive{background:linear-gradient(145deg,#4c211b,#100b0a)}.rules{background:var(--deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:112px 0}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.rules h2{font-size:76px;margin:0}.rules ol{padding:0;margin:0;list-style:none}.rules li{border-top:1px solid var(--line);padding:18px 0 19px;display:grid;grid-template-columns:54px 1fr}.rules li:last-child{border-bottom:1px solid var(--line)}.rules li span{grid-row:1/3;color:var(--acid);font:11px var(--mono)}.rules li strong{font-size:21px}.rules li p{grid-column:2;margin:4px 0 0;font-size:13px;color:#a9b7b1}.join{padding:100px 0}.join-panel{border:1px solid var(--acid);padding:70px 7%;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 20%,#344e08 0,transparent 26%),#101a0b}.join h2{font-size:92px;margin-bottom:31px}.bright{background:var(--orange);border-color:var(--orange)}.alternate{font:11px var(--mono);color:#bac7c0;margin:19px 0 0}.alternate button{border:0;border-bottom:1px solid var(--acid);background:transparent;padding:0;color:var(--acid);font:inherit;cursor:pointer}.footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.footer p{margin:0;font:10px var(--mono);letter-spacing:.12em;color:#80908a}@media(max-width:720px){.wrap{width:min(100% - 32px,1180px)}.nav{height:70px}.nav-links{display:none}.brand small{display:none}.hero{min-height:650px}.hero-image{background-position:64% center}.hero-content{padding-top:90px}.hero h1{font-size:82px}.hero-intro{font-size:16px;max-width:290px}.join-button{max-width:100%;line-height:2}.join-button span{display:block;margin:0}.hero-bottom span:last-child{display:none}.world{padding:92px 0}.world-heading{display:block}.world h2{font-size:70px}.world-lead{margin:27px 0 0;font-size:16px}.cards,.rules-grid{grid-template-columns:1fr}.cards{margin-top:40px}.card{min-height:220px}.rules{padding:75px 0}.rules h2{font-size:63px;margin-bottom:43px}.join{padding:65px 0}.join-panel{padding:52px 23px}.join h2{font-size:65px}.footer{padding:28px 0;min-height:auto;flex-wrap:wrap;gap:18px}.footer p{order:3;width:100%}}