:root{--bg:#100e10;--panel:#1b171b;--pink:#eab1c2;--cream:#f9eee3;--muted:#b9aab1;--brown:#987467}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif}button{cursor:pointer;font:inherit}a{text-decoration:none;color:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.site{max-width:1220px;padding:0 20px;margin:auto}.nav{margin:22px 0 18px;border:1px solid #30282c;border-radius:10px;min-height:76px;display:flex;align-items:center;padding:0 25px;gap:24px;background:#161316}.logo,.footer-logo{font-family:Outfit;font-weight:900;font-size:17px;white-space:nowrap;letter-spacing:.4px}.logo span:last-child,.footer-logo span{color:var(--pink)}.cake{font-size:23px;color:var(--pink);margin-right:7px}.navlinks{display:flex;gap:24px;margin:auto}.navlinks a{font:800 10px Outfit;letter-spacing:1.2px;color:#c6b7bd;transition:.2s}.navlinks a:hover,.navlinks .active{color:var(--pink)}.join-top{background:var(--pink);color:#2b1b25;padding:14px 18px;border-radius:5px;font:900 11px Outfit;letter-spacing:1px;white-space:nowrap}.join-top span{margin-left:8px}.mobile-menu{display:none}.hero{position:relative;min-height:625px;border:1px solid #3d3338;border-radius:10px;overflow:hidden;background:#27232a;display:grid;grid-template-columns:1fr 315px;gap:25px;padding:48px 32px}.hero-land,.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-land{background:linear-gradient(180deg,#52434d 0%,#715b59 37%,#302b31 75%,#1b1b1b 100%);overflow:hidden}.sky-glow{position:absolute;width:650px;height:430px;left:15%;top:0;background:radial-gradient(ellipse,#c89a9470,transparent 70%)}.sun{position:absolute;width:170px;height:170px;left:50%;top:110px;border-radius:50%;background:#e4b8a0;box-shadow:0 0 120px #e4b8a099;opacity:.55}.mount{position:absolute;bottom:100px;width:550px;height:420px;transform:rotate(45deg);background:#403d43;border-radius:25px}.m1{left:17%;bottom:-110px}.m2{left:49%;bottom:-130px;background:#37353b}.m3{left:-25%;bottom:-210px;background:#4b4449}.ground{position:absolute;bottom:-55px;width:120%;left:-10%;height:205px;border-radius:50% 50% 0 0;background:linear-gradient(#34413d,#171e1c)}.pine{position:absolute;bottom:70px;width:0;height:0;border-left:75px solid transparent;border-right:75px solid transparent;border-bottom:240px solid #242f2c;filter:drop-shadow(0 14px 0 #1d2725)}.p1{left:15%;transform:scale(.85)}.p2{left:42%;transform:scale(.6);bottom:110px}.p3{right:10%;transform:scale(1.1)}.p4{right:30%;transform:scale(.65);bottom:120px}.cottage{position:absolute;bottom:80px;left:48%;height:160px;width:180px;filter:drop-shadow(0 10px 25px #0008)}.cottage .roof{position:absolute;width:130px;height:130px;transform:rotate(45deg);background:#63434b;left:25px;top:-15px;border:9px solid #9a6f67}.walls{position:absolute;bottom:0;left:7px;width:166px;height:103px;background:repeating-linear-gradient(0deg,#96725d 0 16px,#684d43 17px 20px);border:8px solid #533c3e}.walls i{display:block;position:absolute;left:20px;top:21px;width:36px;height:37px;background:#f9cf88;box-shadow:0 0 35px #f8c788;border:6px solid #63474a}.walls b{position:absolute;bottom:0;right:18px;width:40px;height:65px;background:#3b3034;border:6px solid #63474a}.petals{position:absolute;top:85px;left:52%;font-size:45px;color:#ffd8df;animation:drift 6s infinite alternate}.hero-shade{background:linear-gradient(90deg,#181416f2 0%,#181416cb 38%,#18141636 68%,#18141699 100%)}.hero-copy{position:relative;z-index:2;align-self:center;max-width:630px;padding:0 0 0 12px}.overline{color:var(--pink);font:900 11px Outfit;letter-spacing:2px}.hero h1{font:900 clamp(49px,5.6vw,76px)/.99 Outfit;letter-spacing:-2.5px;margin:27px 0 23px;text-shadow:0 3px 35px #0008}.hero h1 span,h2 em{color:var(--pink);font-style:normal}.hero-copy>p{font-size:16px;line-height:1.8;color:#e0d4d6;max-width:480px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}.btn{border-radius:5px;padding:17px 19px;display:inline-block;font:900 11px Outfit;letter-spacing:.8px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-4px)}.btn-pink{background:var(--pink);color:#26171e;border:1px solid var(--pink)}.btn-outline{background:#1d171bb8;border:1px solid #96717e;color:#f9e9e9}.hero-meta{display:flex;gap:26px;margin-top:40px;color:#e6d2d6;font:800 10px Outfit;letter-spacing:1.1px}.dot{display:inline-block;width:7px;height:7px;background:#aacb9b;border-radius:50%;margin-right:7px}.connect-panel{position:relative;z-index:3;align-self:stretch;background:#141114f2;border:1px solid #58414d;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #0007}.panel-top{height:210px;background:radial-gradient(ellipse at 50% 50%,#6b4656,#251a23 70%);display:flex;flex-direction:column;align-items:center;justify-content:center}.emblem{font-size:53px;filter:drop-shadow(0 7px 10px #0008);animation:drift 5s infinite alternate}.panel-name{text-align:center;font:900 34px/.84 Outfit;letter-spacing:-1px;text-shadow:0 5px 0 #2d2028}.panel-name span{color:var(--pink)}.panel-tag{margin-top:15px;font:800 9px Outfit;letter-spacing:2px;color:#d5b7c3}.panel-bottom{padding:23px}.micro,.connect-label{font:900 10px Outfit;letter-spacing:1.4px;color:var(--pink)}.panel-bottom h3{font:800 23px Outfit;margin:12px 0 7px}.panel-bottom p{font-size:12px;line-height:1.7;color:#bfb1b7}.connect-label{margin:18px 0 9px}.ipbox{display:flex;justify-content:space-between;align-items:center;width:100%;background:#0d0b0e;border:1px solid #59414e;color:#f9e9e9;padding:14px 11px;border-radius:4px;font-size:12px;gap:10px}.ipbox:hover{border-color:var(--pink)}.ipbox strong{overflow-wrap:anywhere}.copyhint{font:800 9px Outfit;letter-spacing:1px;color:#b98b9d;margin-top:7px}.bedrock{font-size:11px;color:#bfb1b7;line-height:1.7}.bedrock b{color:#f4e2e6}.tiny-note{text-align:center;padding:22px;color:#a58b99;font:800 10px Outfit;letter-spacing:2px}.tiles,.features{padding:80px 0 30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2,.join-box h2{font:900 clamp(35px,4.5vw,53px)/1.05 Outfit;letter-spacing:-1px;margin:13px 0 0}.section-heading p{font-size:13px;color:#b9aab1}.tile-grid{display:grid;grid-template-columns:1.35fr 1fr .85fr;grid-template-rows:270px 250px;gap:18px}.tile{border:1px solid #44343e;border-radius:17px;overflow:hidden;position:relative;transition:transform .25s,border-color .25s;background:#272129}.tile:hover{transform:translateY(-5px);border-color:#a67c8e}.tile-survival{grid-column:1;grid-row:1/3}.tile-oneblock{grid-column:2/4;grid-row:1}.tile-skyblock{grid-column:2;grid-row:2}.tile-discord{grid-column:3;grid-row:2;background:radial-gradient(circle at 70% 15%,#574255,#26202a 75%)}.tile-bg{position:absolute;inset:0}.scenery{overflow:hidden}.forest{background:linear-gradient(155deg,#826d70 0%,#554e53 45%,#1b302c 100%)}.forest:before,.forest:after{content:"";position:absolute;width:300px;height:350px;background:#233c32;clip-path:polygon(50% 0,85% 65%,70% 65%,100% 100%,0 100%,30% 65%,15% 65%);bottom:-30px;left:-50px}.forest:after{left:auto;right:-90px;transform:scale(.8);background:#34493b}.blocktree{position:absolute;left:30%;top:25%;font-size:140px;filter:drop-shadow(0 12px 15px #0006)}.blockhouse{position:absolute;right:12%;bottom:24%;font-size:120px}.sky{background:linear-gradient(140deg,#75687c,#4b4966 45%,#252536)}.floating-island{position:absolute;font-size:170px;right:24%;top:12%;filter:drop-shadow(0 20px 25px #0008);animation:drift 6s infinite alternate}.cloud{position:absolute;top:10%;left:25%;font-size:120px;opacity:.35}.dusk{background:linear-gradient(150deg,#795568,#493747 60%,#24212e)}.island{font-size:135px;position:absolute;right:10%;top:5%;filter:drop-shadow(0 10px 15px #0006)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100e10f5 0%,#100e1040 60%,transparent)}.tile-content{position:absolute;z-index:2;bottom:23px;left:25px;right:25px}.chip{font:900 10px Outfit;letter-spacing:1.6px;color:#f7d2dd}.chip.muted{background:#eab1c2;color:#281b22;padding:7px 9px;border-radius:3px}.tile h3{font:900 31px Outfit;letter-spacing:-.7px;margin:8px 0}.tile p{font-size:13px;color:#e0d0d6;line-height:1.5;margin:0;max-width:350px}.tile-discord:after{display:none}.discord-mark{position:absolute;top:22px;right:30px;color:#f0c3d1;font-size:85px;opacity:.55}.tile-discord h3{font-size:24px}.tile-discord a{display:inline-block;margin-top:16px;color:#f6b7cb;font:900 11px Outfit}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature{background:#1c171c;border:1px solid #3e3039;padding:28px 22px;border-radius:13px}.feature-icon{font-size:30px;color:var(--pink)}.feature h3{font:900 15px Outfit;letter-spacing:.5px;margin:20px 0 8px}.feature p{color:#b9aab1;font-size:12px;line-height:1.7}.join-section{padding:80px 0}.join-box{text-align:center;border:1px solid #654757;border-radius:16px;padding:70px 20px;background:radial-gradient(ellipse at top,#513746,#211921 75%)}.join-box p{color:#d2bec7;font-size:14px;margin:22px 0 30px}.join-box .btn{margin:4px}.join-box small{display:block;margin:25px auto 0;max-width:520px;font-size:11px;color:#ab98a3;line-height:1.6}footer{border-top:1px solid #332830;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:28px 0 40px;font:800 10px Outfit;letter-spacing:1px;color:#aa97a1}#toast{position:fixed;z-index:80;bottom:25px;left:50%;transform:translate(-50%,100px);background:var(--pink);color:#28151e;padding:15px 22px;border-radius:8px;font-weight:800;transition:.3s;opacity:0}#toast.show{transform:translate(-50%,0);opacity:1}@keyframes drift{to{transform:translateY(-15px) rotate(4deg)}}@media(max-width:1050px){.navlinks{gap:12px}.navlinks a{font-size:9px}.hero{grid-template-columns:1fr 280px;padding:35px 22px}.hero h1{font-size:54px}.tile-grid{grid-template-columns:1fr 1fr;grid-template-rows:310px 240px 240px}.tile-survival{grid-column:1;grid-row:1/3}.tile-oneblock{grid-column:2;grid-row:1}.tile-skyblock{grid-column:2;grid-row:2}.tile-discord{grid-column:1/3;grid-row:3}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.nav{padding:0 16px}.navlinks{display:none;position:absolute;top:88px;left:20px;right:20px;z-index:30;background:#211921;border:1px solid #654757;border-radius:8px;padding:20px;flex-direction:column}.navlinks.open{display:flex}.mobile-menu{display:block;margin-left:auto;border:0;background:transparent;color:var(--cream);font-size:24px}.join-top{display:none}.hero{display:block;padding:55px 20px 22px}.hero-copy{padding:0}.hero h1{font-size:clamp(42px,10vw,65px)}.hero-meta{margin:30px 0;flex-wrap:wrap}.connect-panel{max-width:440px;margin:auto}.panel-top{height:160px}.panel-bottom{padding:20px}.tile-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,285px)}.tile-survival,.tile-oneblock,.tile-skyblock,.tile-discord{grid-column:1;grid-row:auto}.section-heading{display:block}.tiles,.features{padding-top:55px}.feature-grid{grid-template-columns:1fr 1fr}footer{flex-direction:column;text-align:center}.hero-shade{background:linear-gradient(90deg,#181416e8,#1814169a)}}@media(max-width:460px){.site{padding:0 12px}.logo{font-size:15px}.hero-buttons .btn{width:100%;text-align:center}.hero h1{font-size:45px}.feature-grid{grid-template-columns:1fr}.section-heading h2,.join-box h2{font-size:36px}.join-box{padding:55px 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* CheesecakeMC actual in-game sunset photo */
.hero-land{background:url('cheesecakemc-sunset.png') center 52%/cover no-repeat!important}
.hero-land>*{display:none!important}
.hero-shade{background:linear-gradient(90deg,rgba(16,12,17,.94) 0%,rgba(16,12,17,.77) 43%,rgba(16,12,17,.48) 72%,rgba(16,12,17,.8) 100%)}

/* V3: authentic CheesecakeMC in-game photography */
.hero-land{background:url('lobby-exterior.webp') center 55%/cover no-repeat!important}
.hero-land>*{display:none!important}
.hero-shade{background:linear-gradient(90deg,rgba(16,12,17,.96) 0%,rgba(16,12,17,.82) 38%,rgba(16,12,17,.48) 67%,rgba(16,12,17,.83) 100%)}
.join-box{background:linear-gradient(90deg,rgba(22,15,22,.92),rgba(22,15,22,.72)),url('sunset.webp') center 53%/cover no-repeat}
.showcase{padding:80px 0 30px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shot{position:relative;overflow:hidden;border:1px solid #56404d;border-radius:17px;height:320px;margin:0;background:#211a20}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.shot:hover img{transform:scale(1.055)}.shot:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#100e10dc);pointer-events:none}.shot figcaption{position:absolute;bottom:24px;left:26px;z-index:1;display:grid;gap:7px}.shot figcaption span{font:900 10px Outfit;letter-spacing:1.8px;color:#f5bcd0}.shot figcaption strong{font:900 26px Outfit;color:#fff1e9}.shot-fountain img{object-position:center 48%}@media(max-width:750px){.showcase{padding-top:55px}.showcase-grid{grid-template-columns:1fr}.shot{height:270px}.hero-shade{background:linear-gradient(90deg,rgba(16,12,17,.92),rgba(16,12,17,.65))}}

/* CheesecakeMC V4: real game mode imagery */
.tile-oneblock .custom-mode-bg,
.tile-skyblock .custom-mode-bg {
  position:absolute; inset:0;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  transition:transform .55s ease, filter .55s ease;
}
.tile-oneblock .custom-mode-bg {background-image:url('oneblock.webp');}
.tile-skyblock .custom-mode-bg {background-image:url('skyblock.webp');}
.tile-oneblock .custom-mode-bg::after,
.tile-skyblock .custom-mode-bg::after {
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(16,14,16,.02) 12%,rgba(16,14,16,.12) 43%,rgba(16,14,16,.89) 100%);
}
.tile-oneblock:hover .custom-mode-bg,
.tile-skyblock:hover .custom-mode-bg {transform:scale(1.045)}
.tile-oneblock .tile-content,.tile-skyblock .tile-content {z-index:2;position:relative}
@media(prefers-reduced-motion:reduce){
.tile-oneblock:hover .custom-mode-bg,.tile-skyblock:hover .custom-mode-bg {transform:none}
}

/* V5: actual Survival cave screenshot */
.tile-survival .custom-survival-bg{background-image:url('survival.webp');background-size:cover;background-position:center;transition:transform .55s ease}
.tile-survival:hover .custom-survival-bg{transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.tile-survival:hover .custom-survival-bg{transform:none}}

/* V6: Discord card uses the supplied Discord artwork. */
.tile-discord{background:#5865f2 url('discord-bg.webp') center 36%/cover no-repeat;}
.tile-discord::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,14,20,.06) 0%,rgba(16,14,20,.40) 38%,rgba(16,14,20,.94) 100%);z-index:1;}
.tile-discord .discord-mark{display:none;}
.tile-discord .tile-content{z-index:2;}
.tile-discord .chip,.tile-discord h3,.tile-discord p,.tile-discord a{color:#fff;text-shadow:0 2px 8px #1119;}


/* V9 — Cozy motion system. All effects use transforms/opacity for smooth rendering. */
@keyframes cozyEnter {from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes cozyFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes softGlow {0%,100%{box-shadow:0 0 0 rgba(234,177,194,0)}50%{box-shadow:0 0 23px rgba(234,177,194,.24)}}
@keyframes gentlePulse {0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(170,203,155,.35)}55%{opacity:.82;box-shadow:0 0 0 7px rgba(170,203,155,0)}}
@keyframes driftPetal {0%{transform:translate3d(0,-12px,0) rotate(-12deg);opacity:0}15%{opacity:.75}85%{opacity:.65}100%{transform:translate3d(44px,110px,0) rotate(35deg);opacity:0}}
@keyframes subtleBackground {from{transform:scale(1.015)}to{transform:scale(1.07)}}
/* Entrance motion */
.hero-copy{animation:cozyEnter .8s both ease-out}
.connect-panel{animation:cozyEnter .85s .16s both ease-out}
.hero-land{animation:subtleBackground 18s ease-in-out infinite alternate}
.hero .dot{animation:gentlePulse 3s infinite}
/* Scroll reveal: only enabled once JS is running, so content stays visible without JS. */
.motion-ready .reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}
.motion-ready .reveal-on-scroll.in-view{opacity:1;transform:translateY(0)}
/* Cards */
.tile{transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
.tile:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(0,0,0,.32)}
.tile-bg{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.tile:hover .tile-bg{transform:scale(1.045)}
.tile-content{transition:transform .4s ease}
.tile:hover .tile-content{transform:translateY(-4px)}
.shot{overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}
.shot img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s}
.shot:hover img{transform:scale(1.045)}
.shot:hover{box-shadow:0 15px 42px #0005}
.feature{transition:transform .35s ease,border-color .35s ease,background .35s ease}
.feature:hover{transform:translateY(-5px);border-color:#956d80;background:#261e25}
.feature-icon{display:inline-block;animation:cozyFloat 5s ease-in-out infinite}
.feature:nth-child(2) .feature-icon{animation-delay:-1.1s}.feature:nth-child(3) .feature-icon{animation-delay:-2.2s}.feature:nth-child(4) .feature-icon{animation-delay:-3.3s}
/* Buttons and focus states */
.btn,.join-top,.ipbox{transition:transform .28s ease,box-shadow .3s ease,background .28s ease,border-color .28s ease}
.btn-pink:hover,.join-top:hover{box-shadow:0 8px 28px rgba(234,177,194,.27)}
.ipbox:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0005}
a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
/* Small floating petals in the hero */
.petal-field{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.petal-field span{position:absolute;top:12%;left:var(--petal-x);width:8px;height:13px;background:#f4b8c9;border-radius:85% 15% 80% 20%;opacity:0;filter:drop-shadow(0 0 5px #f3b8c955);animation:driftPetal var(--petal-duration) linear infinite;animation-delay:var(--petal-delay)}
/* Ensure decorative petals don't cover the copy or connection panel */
.hero-copy,.connect-panel{isolation:isolate}
@media(prefers-reduced-motion:reduce){
 .hero-copy,.connect-panel,.hero-land,.hero .dot,.feature-icon,.petal-field span{animation:none!important}
 .motion-ready .reveal-on-scroll{opacity:1!important;transform:none!important}
 .tile:hover,.tile:hover .tile-bg,.tile:hover .tile-content,.shot:hover,.shot:hover img,.feature:hover,.btn:hover,.ipbox:hover{transform:none!important}
}

/* V10: hide native scrollbars without disabling page scrolling. */
html { scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; width: 0; height: 0; }