:root{--bg:#11150f;--bg2:#171d14;--panel:#20271d;--text:#f5f4e9;--muted:#b8bdad;--green:#70b64b;--green2:#4c8a31;--lime:#a3df68;--red:#d9584f;--cream:#e8dfc8;--border:#333d2d;--shadow:0 18px 60px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{transition:.2s ease}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;padding:0 clamp(20px,5vw,82px);display:flex;align-items:center;gap:42px;background:linear-gradient(180deg,rgba(12,16,11,.95),rgba(12,16,11,.82));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;flex-direction:column;line-height:1}.brand-main{font-family:Impact,"Arial Black",sans-serif;font-size:31px;letter-spacing:.045em;text-shadow:0 3px 0 #000}.brand-main span{color:var(--lime)}.brand small{font-size:7px;letter-spacing:.25em;color:#89927f;margin-top:4px}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{font-size:12px;font-weight:800;letter-spacing:.08em;color:#c8cdbf;position:relative;padding:30px 0}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--lime);transform:scaleX(0);transition:.2s}.main-nav a:hover,.main-nav a.is-active{color:#fff}.main-nav a.is-active:after{transform:scaleX(1)}.header-actions{display:flex;gap:10px;align-items:center}.discord-link,.play-link{padding:12px 16px;font-size:11px;font-weight:900;letter-spacing:.08em;border:1px solid rgba(255,255,255,.12)}.discord-link:hover{background:rgba(255,255,255,.08)}.play-link{background:var(--green);border-color:#8acb60;box-shadow:inset 0 -3px rgba(0,0,0,.18)}.play-link:hover{background:#83c65b;transform:translateY(-1px)}.hero{position:relative;min-height:800px;height:92vh;display:flex;align-items:center;padding:120px clamp(24px,7vw,120px) 110px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('../images/hero-cobblemon.png') center 43%/cover no-repeat;transform:scale(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,8,.92) 0%,rgba(8,11,8,.72) 36%,rgba(8,11,8,.2) 70%,rgba(8,11,8,.1) 100%),linear-gradient(0deg,#11150f 0%,transparent 25%,transparent 82%,rgba(8,10,7,.55) 100%)}.hero-content{position:relative;z-index:2;width:min(780px,70vw);padding-top:25px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--lime)}.eyebrow span{width:34px;height:3px;background:var(--lime);box-shadow:0 0 14px rgba(163,223,104,.55)}.hero h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(92px,11vw,170px);line-height:.82;margin:22px 0 24px;letter-spacing:.02em;text-shadow:0 8px 0 rgba(0,0,0,.5),0 18px 50px rgba(0,0,0,.38)}.hero h1 span{color:#fff}.hero h1{color:var(--lime)}.hero-subtitle{max-width:690px;font-size:clamp(17px,1.6vw,22px);line-height:1.65;color:#e1e5db;text-shadow:0 2px 10px #000}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;font-size:12px;font-weight:950;letter-spacing:.09em;border:2px solid transparent;box-shadow:0 5px 0 rgba(0,0,0,.28)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);border-color:#91ca6e;color:#fff}.btn-primary:hover{background:#7fc457}.btn-ghost{background:rgba(15,18,13,.62);border-color:rgba(255,255,255,.24);backdrop-filter:blur(8px)}.btn-light{background:#f5f3e8;color:#172014;border-color:#fff}.hero-meta{display:flex;gap:34px;margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);max-width:700px}.hero-meta>div{min-width:135px}.hero-meta small{display:block;font-size:8px;font-weight:900;letter-spacing:.16em;color:#9ea797;margin-bottom:7px}.hero-meta strong{font-size:14px;letter-spacing:.04em}.online{color:#a8ea7d}.online i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8de05e;box-shadow:0 0 12px #8de05e;margin-right:7px}.hero-bottom-fade{position:absolute;left:0;right:0;bottom:0;height:100px;background:linear-gradient(transparent,#11150f)}.quick-join{position:relative;z-index:4;margin:-46px auto 0;width:min(1180px,calc(100% - 40px));display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center;padding:34px 38px;background:#1b2118;border:1px solid #34412e;box-shadow:var(--shadow)}.quick-copy h2{font-family:Impact,"Arial Black",sans-serif;font-size:34px;margin:8px 0 8px;letter-spacing:.02em}.quick-copy p{margin:0;color:var(--muted);line-height:1.65}.server-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:#11150f;border:1px solid #3b4933;padding:14px}.server-icon{width:58px;height:58px;display:grid;place-items:center;background:linear-gradient(#72bb50 0 46%,#6d4931 46%);border:3px solid #0b0e0a;box-shadow:inset 0 0 0 2px rgba(255,255,255,.11)}.server-icon span{width:26px;height:26px;background:#d95049;border-radius:50%;border:4px solid #1b1b18;box-shadow:inset 0 -9px #f0eee7;position:relative}.server-icon span:after{content:"";position:absolute;width:7px;height:7px;background:#fff;border:3px solid #1b1b18;border-radius:50%;left:5px;top:5px}.server-data small{display:block;font-size:8px;letter-spacing:.16em;color:#8f9b87}.server-data b{display:block;font-family:Consolas,monospace;font-size:17px;margin:3px 0}.server-data span{font-size:9px;color:#737d6d}.server-card button{padding:12px 15px;background:#2c3527;border:1px solid #4b5a43;color:#fff;font-weight:900;font-size:10px;cursor:pointer}.server-card button:hover{background:#3a4633}.section{padding:110px clamp(24px,7vw,120px)}.section-title{max-width:850px;margin-bottom:42px}.section-title.centered{text-align:center;margin:0 auto 50px}.section-title h2,.launcher-copy h2,.showcase-copy h2,.community-banner h2,.page-hero h1{font-family:Impact,"Arial Black",sans-serif;font-weight:900;letter-spacing:.015em}.section-title h2{font-size:clamp(42px,5vw,66px);line-height:1.02;margin:12px 0 16px}.section-title p{font-size:16px;line-height:1.75;color:var(--muted)}.world-section{background:radial-gradient(circle at 50% 0,#23301e 0,#161b14 42%,#11150f 100%)}.feature-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px;max-width:1300px;margin:auto}.feature-card{min-height:390px;position:relative;background:#1d241b;border:1px solid #34412f;overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.2)}.feature-large{min-height:520px;grid-row:span 2}.feature-image{position:absolute;inset:0}.img-world{background:url('../images/world-cobblemon.jpg') center/cover no-repeat}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,16,11,.95) 0%,rgba(12,16,11,.45) 55%,rgba(12,16,11,.12) 100%)}.feature-content{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.feature-content>span{font-family:Consolas,monospace;color:var(--lime);font-size:10px;font-weight:900}.feature-content h3{font-family:Impact,"Arial Black",sans-serif;font-size:31px;letter-spacing:.03em;margin:6px 0 8px}.feature-content p{margin:0;color:#c7cdbf;font-size:13px;line-height:1.65}.feature-mark{position:absolute;z-index:1;left:50%;top:43%;transform:translate(-50%,-50%);width:130px;height:130px;display:grid;place-items:center}.ball-mark{border-radius:50%;background:linear-gradient(#d9534c 0 43%,#20231f 43% 58%,#ebe8dd 58%);border:8px solid #20231f;box-shadow:0 20px 50px rgba(0,0,0,.4)}.ball-mark i{width:34px;height:34px;border-radius:50%;background:#f5f3e8;border:8px solid #20231f}.battle-mark{font-family:Impact,"Arial Black",sans-serif;font-size:64px;color:#efe9d9;text-shadow:6px 6px 0 #111;background:linear-gradient(135deg,#9f3d37,#2c5933);border:6px solid #1a2118;transform:translate(-50%,-50%) rotate(-5deg)}.showcase{display:grid;grid-template-columns:1.15fr .85fr;min-height:650px;background:#181e16}.showcase-image{background:url('../images/world-cobblemon.jpg') 40% center/cover no-repeat;min-height:650px}.showcase-copy{padding:85px clamp(28px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.section-kicker.light{color:#d2f3b7}.showcase-copy h2{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:14px 0 20px}.showcase-copy p{font-size:16px;color:#c0c6b8;line-height:1.75}.stat-row{display:flex;gap:34px;margin:28px 0 30px;padding:22px 0;border-top:1px solid #364132;border-bottom:1px solid #364132}.stat-row strong{display:block;font-size:18px;color:#fff}.stat-row span{display:block;font-size:9px;color:#86907f;margin-top:4px;text-transform:uppercase;letter-spacing:.12em}.text-link{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--lime)}.launcher-section{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center;background:#10140e}.launcher-window{background:#252b22;border:1px solid #444f3d;box-shadow:0 30px 70px rgba(0,0,0,.45);transform:rotate(-1deg)}.launcher-top{height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#161a14;border-bottom:1px solid #3b4536;font-size:10px;font-weight:800;letter-spacing:.12em}.launcher-top div{display:flex;gap:7px}.launcher-top i{width:9px;height:9px;background:#5b6555;border-radius:50%}.launcher-screen{position:relative;height:430px;overflow:hidden}.launcher-screen-bg{position:absolute;inset:0;background:url('../images/hero-cobblemon.png') center/cover no-repeat;filter:saturate(.92)}.launcher-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,7,.83),rgba(7,10,7,.22))}.launcher-screen-content{position:absolute;z-index:2;left:50px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start}.launcher-screen-content small{font-weight:900;letter-spacing:.22em;color:#bbc6b0}.launcher-screen-content strong{font-family:Impact,"Arial Black",sans-serif;font-size:68px;letter-spacing:.04em}.launcher-screen-content span{color:#d1d6cb;margin:3px 0 22px}.launcher-screen-content button{background:var(--green);border:0;border-bottom:4px solid #3c6f28;color:#fff;padding:13px 35px;font-weight:900;letter-spacing:.12em}.launcher-copy h2{font-size:clamp(44px,5vw,68px);line-height:1.03;margin:12px 0 18px}.launcher-copy p{color:var(--muted);line-height:1.75}.clean-list{list-style:none;padding:0;margin:22px 0 28px}.clean-list li{padding:9px 0;border-bottom:1px solid #283123;color:#d2d7cc}.clean-list li:before{content:"+";color:var(--lime);font-weight:900;margin-right:10px}.community-banner{margin:0 clamp(24px,5vw,80px) 90px;padding:55px clamp(28px,5vw,60px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#2e5b35,#1c3922 60%,#17271b);border:1px solid #4b754c;box-shadow:var(--shadow)}.community-banner h2{font-size:clamp(36px,4vw,56px);margin:10px 0}.community-banner p{max-width:700px;color:#d3ddcf}.site-footer{padding:55px clamp(24px,6vw,90px) 26px;background:#090c08;border-top:1px solid #222a20}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer-brand p{max-width:540px;color:#788272;font-size:12px;line-height:1.7}.footer-column{display:flex;flex-direction:column;gap:9px}.footer-column b{font-size:9px;letter-spacing:.15em;color:#a5ad9e;margin-bottom:8px}.footer-column a{font-size:12px;color:#747e6f}.footer-column a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:38px;padding-top:20px;border-top:1px solid #20271d;color:#596153;font-size:9px}.page-hero{padding:170px clamp(24px,7vw,120px) 80px;background:linear-gradient(rgba(9,12,8,.7),rgba(9,12,8,.92)),url('../images/hero-cobblemon.png') center/cover no-repeat}.page-hero h1{font-size:clamp(58px,8vw,100px);margin:10px 0}.page-hero p{max-width:750px;color:#d0d6ca;line-height:1.7}.content-wrap{padding:70px clamp(24px,7vw,120px) 100px;max-width:1200px;margin:auto}.content-card{background:#1a2118;border:1px solid #34412e;padding:30px;margin-bottom:18px}.content-card h2,.content-card h3{font-family:Impact,"Arial Black",sans-serif;letter-spacing:.03em}.content-card p,.content-card li{color:#bbc2b5;line-height:1.75}.content-card a{color:var(--lime)}@media(max-width:1050px){.main-nav{display:none}.site-header{gap:20px}.header-actions{margin-left:auto}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:1/-1;grid-row:auto}.showcase,.launcher-section{grid-template-columns:1fr}.showcase-image{min-height:480px}.launcher-section{gap:40px}.quick-join{grid-template-columns:1fr}.hero-content{width:85vw}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:680px){.site-header{height:70px;padding:0 16px}.brand-main{font-size:25px}.brand small{display:none}.discord-link{display:none}.play-link{padding:10px 13px}.hero{min-height:760px;height:auto;padding:120px 22px 95px}.hero-bg{background-position:58% center}.hero-overlay{background:linear-gradient(90deg,rgba(8,11,8,.94),rgba(8,11,8,.7) 65%,rgba(8,11,8,.42)),linear-gradient(0deg,#11150f,transparent 35%)}.hero-content{width:100%}.hero h1{font-size:86px}.hero-subtitle{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-meta{gap:16px;flex-wrap:wrap}.hero-meta>div{min-width:105px}.quick-join{width:calc(100% - 28px);padding:24px 18px}.server-card{grid-template-columns:auto 1fr}.server-card button{grid-column:1/-1}.section{padding:78px 20px}.feature-grid{grid-template-columns:1fr}.feature-large{min-height:460px}.showcase-image{min-height:410px}.showcase-copy{padding:55px 24px}.stat-row{gap:18px;flex-wrap:wrap}.launcher-screen{height:330px}.launcher-screen-content{left:24px}.launcher-screen-content strong{font-size:48px}.community-banner{margin:0 16px 55px;padding:36px 22px;flex-direction:column;align-items:flex-start}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.page-hero{padding:135px 22px 60px}.content-wrap{padding:45px 20px 75px}}