@font-face{font-family:Minecraft Ten;src:url(/assets/fonts/minecraft-ten.woff2)format("woff2");font-display:swap}@font-face{font-family:Minecraft Seven;src:url(/assets/fonts/minecraft-seven.woff2)format("woff2");font-display:swap}:root{--bg:#131016;--bg-2:#0e0c11;--surface:#1b1721;--surface-2:#221d29;--surface-3:#2a2432;--ink:#12080f;--white:#fff;--text:#c6bdcd;--text-bright:#f4f0f7;--muted:#968da1;--faint:#6d6577;--line:#e9e0f016;--line-2:#e9e0f029;--line-3:#e9e0f042;--accent:#e15ac9;--accent-bright:#ff7ad9;--accent-dim:#e15ac924;--accent-line:#e15ac966;--green:#63d089;--green-dim:#63d08929;--amber:#e8b64d;--red:#f0736f;--discord:#5865f2;--shadow-1:0 6px 18px #0000004d;--shadow-2:0 16px 40px #00000061;--r-s:8px;--r:10px;--r-l:14px;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--display:"Minecraft Ten", "Press Start 2P", monospace;--pixel:"Minecraft Seven", ui-monospace, monospace;--shell:1240px;--gutter:clamp(18px, 5vw, 64px);--nav-height:72px;--ease-out:cubic-bezier(.2, .8, .2, 1);interpolate-size:allow-keywords}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 24px);scrollbar-color:#3a333f #0e0c11}body{min-width:320px;color:var(--text);background:var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}body:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,#e15ac90f,#0000 60%),linear-gradient(90deg,#e9e0f006 1px,#0000 1px) 0 0/60px 60px,linear-gradient(#e9e0f006 1px,#0000 1px) 0 0/60px 60px;position:fixed;inset:0}::selection{color:var(--ink);background:var(--accent-bright)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0e0c11}::-webkit-scrollbar-thumb{background:#3a333f;border:3px solid #0e0c11;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#4d4552}img,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text-bright);font-family:var(--display);letter-spacing:.01em;text-wrap:balance;font-weight:400;line-height:1.06}h1{margin-bottom:20px;font-size:clamp(2.1rem,4.4vw,3.5rem)}h2{margin-bottom:16px;font-size:clamp(1.6rem,3vw,2.6rem)}h3{margin-bottom:10px;font-size:clamp(1.12rem,1.7vw,1.45rem)}p{text-wrap:pretty}p:last-child{margin-bottom:0}strong{color:var(--text-bright);font-weight:600}.kicker{color:var(--accent-bright);font-family:var(--pixel);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:14px;font-size:.82rem;display:inline-flex}.kicker:before{background:var(--accent);content:"";border-radius:2px;flex:none;width:7px;height:7px}.textLink{color:var(--accent-bright);font-family:var(--pixel);letter-spacing:.02em;align-items:center;gap:7px;font-size:.92rem;text-decoration:none;display:inline-flex}.textLink:after{content:"→";transition:transform .2s var(--ease-out)}a:hover>.textLink:after,.textLink:hover:after{transform:translate(4px)}.textLink:hover{color:var(--white)}.shell{width:min(calc(100% - var(--gutter) * 2), var(--shell));margin-inline:auto}.section{padding-block:clamp(64px,8vw,108px)}.section+.section{border-top:1px solid var(--line)}.sectionHeading{justify-content:space-between;align-items:end;gap:48px;margin-bottom:clamp(32px,4vw,52px);display:flex}.sectionHeading>div{max-width:780px}.sectionHeading h2{margin-bottom:0}.sectionHeading>p{max-width:420px;color:var(--muted);margin-bottom:6px}.sectionLead{max-width:760px;color:var(--muted);margin-bottom:40px}.sectionAction{justify-content:center;margin-top:32px;display:flex}.sectionNote{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;max-width:940px;color:var(--muted);background:var(--surface);margin-top:28px;padding:16px 20px;font-size:.95rem}.sectionNote a{color:var(--text-bright);text-underline-offset:3px}.skipLink{z-index:200;color:var(--ink);background:var(--accent-bright);font-family:var(--pixel);border-radius:8px;padding:12px 16px;font-size:.9rem;position:fixed;top:10px;left:10px;transform:translateY(-180%)}.skipLink:focus{transform:translateY(0)}.button{border:1px solid var(--line-2);border-radius:var(--r-s);min-height:46px;color:var(--text-bright);background:var(--surface-2);cursor:pointer;font-family:var(--pixel);letter-spacing:.01em;text-align:center;transition:transform .16s var(--ease-out), background .16s ease, border-color .16s ease, box-shadow .16s ease;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:.96rem;line-height:1;text-decoration:none;display:inline-flex}.button:hover,.button:focus-visible{background:var(--surface-3);border-color:var(--line-3);outline:0;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button svg{fill:currentColor;width:19px;height:19px}.primaryButton{color:var(--ink);background:var(--accent);border-color:#0000;font-weight:400}.primaryButton:hover,.primaryButton:focus-visible{background:var(--accent-bright);box-shadow:0 8px 22px #e15ac94d}.secondaryButton{border-color:var(--accent-line);color:var(--accent-bright);background:var(--accent-dim)}.secondaryButton:hover,.secondaryButton:focus-visible{border-color:var(--accent-bright);background:#e15ac938}.ghostButton{color:var(--text-bright);background:#ffffff0a}.ghostButton:hover,.ghostButton:focus-visible{background:#ffffff17}.discordButton{color:#fff;background:var(--discord);border-color:#0000}.discordButton:hover,.discordButton:focus-visible{background:#6f79f6;box-shadow:0 8px 22px #5865f252}.hotbar{z-index:50;height:var(--nav-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#0f0c11d1;position:fixed;top:0;left:0;right:0}.hotbarInner{width:min(100%, calc(var(--shell) + var(--gutter) * 2));height:100%;padding:12px var(--gutter);align-items:stretch;gap:6px;margin-inline:auto;display:flex}.brandWordmark{align-items:center;min-width:200px;padding-right:12px;text-decoration:none;transition:opacity .18s;display:flex}.brandWordmark img{width:190px;height:auto}.brandWordmark:hover{opacity:.85}.navSlots{flex:1;justify-content:center;align-items:stretch;gap:1px;min-width:0;display:flex}.navSlot{border-radius:var(--r-s);color:var(--muted);font-family:var(--pixel);align-items:center;padding:0 15px;font-size:1rem;text-decoration:none;transition:color .16s,background .16s;display:inline-flex;position:relative}.navSlot:hover,.navSlot:focus-visible{color:var(--text-bright);background:#ffffff0d;outline:0}.navSlot.active{color:var(--text-bright)}.navSlot.active:after{background:var(--accent);content:"";border-radius:2px;height:2px;position:absolute;bottom:6px;left:15px;right:15px}.navDiscord{border-radius:var(--r-s);color:#fff;background:var(--discord);min-width:44px;font-family:var(--pixel);transition:background .16s ease, transform .16s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.96rem;text-decoration:none;display:inline-flex}.navDiscord:hover{background:#6f79f6;transform:translateY(-1px)}.navDiscord svg,.navDiscord img{fill:currentColor;width:18px;height:auto}#main-content{padding-top:var(--nav-height)}.homeHero,.pageHero{isolation:isolate;border-bottom:1px solid var(--line);background-color:var(--bg);position:relative;overflow:hidden}.homeHeroImage,.pageHeroImage,.landscapeCardImage{z-index:-2;object-fit:cover;object-position:center;filter:saturate(1.02)}.homeHero{min-height:clamp(440px,58svh,560px)}.pageHero{align-items:end;min-height:440px;display:grid}.pageHero.compact{min-height:360px}.homeHero:after,.pageHero:after{z-index:-1;background:linear-gradient(#0e0c1159, #0e0c11b8 62%, var(--bg));content:"";position:absolute;inset:0}.heroShade{z-index:-1;background:linear-gradient(90deg, #0e0c11e0 0, #0e0c1180 55%, #0e0c1126 100%), linear-gradient(0deg, var(--bg) 0, transparent 55%);position:absolute;inset:0}.homeHeroShade{z-index:-1;background:linear-gradient(#0e0c114d, #0e0c118c 65%, var(--bg)), linear-gradient(90deg, #0e0c118c, transparent 40%, transparent 60%, #0e0c118c);position:absolute;inset:0}.homeHeroContent{text-align:center;align-content:center;justify-items:center;min-height:clamp(440px,58svh,560px);padding-block:40px 48px;display:grid}.wordmark{width:clamp(230px,40vw,440px);height:auto;animation:fadeUp .7s var(--ease-out) both}.homeHeroTitle{max-width:900px;color:var(--text-bright);animation:fadeUp .7s var(--ease-out) 80ms both;margin-top:22px;margin-bottom:0;font-size:clamp(1.5rem,2.7vw,2.35rem);line-height:1.12}.homeHeroLead{color:#e7dfec;max-width:660px;animation:fadeUp .7s var(--ease-out) .16s both;margin:16px auto 0;font-size:clamp(1rem,1.4vw,1.15rem)}.homeHeroActions{animation:fadeUp .7s var(--ease-out) .32s both;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.pageHeroContent{z-index:2;padding-block:96px 56px;position:relative}.pageHero h1{max-width:980px;margin-bottom:18px}.heroDescription{color:#e7dfec;max-width:720px;margin-bottom:0;font-size:clamp(1.02rem,1.5vw,1.22rem)}.heroActions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.pageHeroContent>*{animation:fadeUp .64s var(--ease-out) both}.pageHeroContent>:nth-child(2){animation-delay:70ms}.pageHeroContent>:nth-child(3){animation-delay:.14s}.pageHeroContent>:nth-child(4){animation-delay:.21s}.homeFacts{z-index:8;border:1px solid var(--line-2);border-radius:var(--r-l);background:var(--surface);box-shadow:var(--shadow-2);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-30px;display:grid;position:relative;overflow:hidden}.homeFacts a{min-width:0;min-height:88px;color:inherit;flex-direction:column;justify-content:center;padding:18px 22px;text-decoration:none;transition:background .16s;display:flex}.homeFacts a+a{border-left:1px solid var(--line)}.homeFacts a:hover{background:var(--surface-2)}.homeFacts small{color:var(--accent-bright);font-family:var(--pixel);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.82rem}.homeFacts strong{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:600;overflow:hidden}.panel,.contentCard,.featureCard,.faqList details,.creatorCard,.guideCard,.ruleCard,.seoArticle,.statusPanel{border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}.contentCard,.featureCard,.guideCard,.ruleCard{padding:clamp(24px,3vw,34px)}.contentCard,.guideCard{color:inherit;flex-direction:column;align-items:flex-start;text-decoration:none;display:flex}.contentCard,.guideCard,.creatorCard,.featureCard,.ruleCard{transition:transform .2s var(--ease-out), border-color .2s ease, background .2s ease}.contentCard:hover,.guideCard:hover,.creatorCard:hover{border-color:var(--line-3);background:var(--surface-2);transform:translateY(-3px)}.contentCard>span:first-child,.guideCard>span:first-child,.ruleCard>span:first-child{border:1px solid var(--line-2);color:var(--accent-bright);background:var(--accent-dim);font-family:var(--pixel);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;align-items:center;margin-bottom:22px;padding:5px 10px;font-size:.8rem;display:inline-flex}.contentCard p,.featureCard p,.guideCard p,.ruleCard p{color:var(--muted)}.contentCard .textLink,.guideCard .textLink{margin-top:auto;padding-top:20px}.featureCard h3:before,.ruleCard h3:before{background:var(--accent);content:"";border-radius:3px;width:24px;height:3px;margin-bottom:13px;display:block}.pathGrid,.featureGrid,.guideGrid,.ruleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.joinPathGrid .contentCard{min-height:290px}.homeDefinition{padding-top:clamp(72px,8vw,104px)}.introGrid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.introLead{border-right:1px solid var(--line);background:var(--surface-2);padding:clamp(28px,4vw,56px)}.introLead p{color:var(--text-bright);font-family:var(--display);margin-bottom:0;font-size:clamp(1.25rem,2.1vw,1.85rem);line-height:1.32}.introCopy{color:var(--muted);padding:clamp(28px,4vw,56px)}.inlineLinks{flex-wrap:wrap;gap:10px 24px;margin-top:24px;display:flex}.inlineLinks a{color:var(--text-bright);font-family:var(--pixel);text-underline-offset:5px;font-size:.95rem}.inlineLinks a:after{color:var(--accent-bright);content:"→";transition:transform .2s var(--ease-out);margin-left:6px;display:inline-block}.inlineLinks a:hover:after{transform:translate(4px)}.statusComposition{border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);grid-template-columns:minmax(240px,.74fr) minmax(0,1.26fr);align-items:center;gap:clamp(26px,4vw,56px);margin-top:28px;padding:clamp(24px,3.5vw,42px);display:grid}.statusComposition h3{margin-bottom:12px;font-size:clamp(1.4rem,2.4vw,2.1rem)}.statusComposition p{color:var(--muted);margin-bottom:0}.statusPanel{grid-template-columns:1.15fr repeat(3,1fr);margin-top:20px;display:grid;overflow:hidden}.statusPanel>div{flex-direction:column;justify-content:center;min-width:0;min-height:96px;padding:18px 22px;display:flex}.statusPanel>div+div{border-left:1px solid var(--line)}.statusPanel span{color:var(--faint);font-family:var(--pixel);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.82rem}.statusPanel strong{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.statusState{align-items:center;gap:11px;flex-direction:row!important}.statusState strong{font-family:var(--pixel)}.statusState .statusDot{background:#6d6577;border-radius:50%;flex:none;width:11px;height:11px;margin:0}.statusPanel.loading .statusDot{background:var(--amber);animation:1.1s ease-in-out infinite blink}.statusPanel.loading strong{color:var(--muted)}.statusPanel.online .statusDot{background:var(--green);box-shadow:0 0 0 4px var(--green-dim)}.statusPanel.online .statusState strong{color:var(--green)}.statusPanel.offline .statusDot,.statusPanel.unavailable .statusDot{background:var(--red)}.statusPanel.offline .statusState strong,.statusPanel.unavailable .statusState strong{color:var(--red)}.statusComposition .statusPanel{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.statusComposition .statusPanel>div:nth-child(3){border-top:1px solid var(--line);border-left:0}.statusComposition .statusPanel>div:nth-child(4){border-top:1px solid var(--line)}.ipBox{width:min(100%,760px);animation:fadeUp .7s var(--ease-out) .24s both;gap:8px;display:flex}.ipBox code{border:1px solid var(--line-2);border-radius:var(--r-s);min-width:0;color:var(--text-bright);background:var(--bg-2);font-family:var(--pixel);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:10px;padding:12px 18px;font-size:clamp(1rem,1.8vw,1.35rem);display:flex;overflow:hidden}.ipBox code:before{color:var(--green);content:"▸";font-size:.8em}.ipBox.compact code{font-size:1rem}.connectionGrid{border:1px solid var(--line);border-radius:var(--r-l);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;display:grid;overflow:hidden}.connectionGrid>div{background:var(--surface);gap:7px;padding:26px;display:grid}.connectionGrid>div+div{border-left:1px solid var(--line)}.connectionGrid span{color:var(--accent-bright);font-family:var(--pixel);text-transform:uppercase;letter-spacing:.04em;font-size:.84rem}.connectionGrid strong{color:var(--text-bright);font-family:var(--pixel);font-size:1.2rem}.connectionGrid small{color:var(--muted)}.connectionGrid .textLink{margin-top:8px}.confirmTag{background:#e8b64d1a;border:1px solid #e8b64d59;border-radius:6px;width:fit-content;padding:4px 9px;font-size:.86rem;display:inline-block;color:var(--amber)!important}.steps{counter-reset:steps;margin:0;padding:0;list-style:none}.steps li{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);counter-increment:steps;min-height:68px;padding:20px 22px 20px 82px;transition:border-color .18s;position:relative}.steps li:hover{border-color:var(--line-3)}.steps li+li{margin-top:10px}.steps li:before{border:1px solid var(--accent-line);border-radius:var(--r-s);width:42px;height:42px;color:var(--accent-bright);background:var(--accent-dim);content:counter(steps, decimal-leading-zero);font-family:var(--display);place-items:center;font-size:1rem;display:grid;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.checkList,.seoArticle .checkList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.checkList li{border:1px solid var(--line);border-radius:var(--r);color:var(--muted);background:var(--surface);padding:15px 18px 15px 50px;position:relative}.checkList li:before{border-right:2.5px solid var(--green);border-bottom:2.5px solid var(--green);content:"";width:6px;height:12px;position:absolute;top:19px;left:20px;transform:rotate(45deg)}.landscapeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.landscapeGrid>:last-child:nth-child(odd){grid-column:1/-1}.landscapeCard{isolation:isolate;border:1px solid var(--line-2);border-radius:var(--r-l);min-height:340px;color:inherit;transition:transform .22s var(--ease-out), border-color .22s ease;align-items:end;text-decoration:none;display:flex;position:relative;overflow:hidden}.landscapeCard:hover{border-color:var(--line-3);transform:translateY(-3px)}.landscapeCard .landscapeCardImage{transition:transform .6s var(--ease-out)}.landscapeCard:hover .landscapeCardImage{transform:scale(1.04)}.landscapeCardShade{z-index:-1;background:linear-gradient(0deg,#0b090df2 0,#0b090d59 48%,#0b090d0d 80%);position:absolute;inset:0}.landscapeCardContent{width:100%;padding:30px;display:block}.landscapeCardContent strong{color:var(--white);font-family:var(--display);margin-bottom:7px;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.05;display:block}.landscapeCardContent>span:last-child{color:#e7dfec;max-width:520px;display:block}.landscapeCardContent .kicker{color:#ffb3ea}.homeBento{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.homeBento .landscapeCard{min-height:300px}.homeBento>:first-child{grid-column:span 4;min-height:400px}.homeBento>:nth-child(2){grid-column:span 2;min-height:400px}.homeBento>:nth-child(n+3){grid-column:span 3}.homeBento .landscapeCardContent{padding:26px}.homeBento .landscapeCardContent strong{font-size:clamp(1.4rem,2.4vw,2rem)}.imageFeature{isolation:isolate;border-block:1px solid var(--line);background-position:50%;background-size:cover;background-attachment:fixed;align-items:end;min-height:460px;display:grid;position:relative;overflow:hidden}.imageFeature:after{z-index:-1;background:linear-gradient(90deg, #0d0b10e6, #0d0b1059), linear-gradient(0deg, var(--bg), transparent 55%);content:"";position:absolute;inset:0}.imageFeatureContent{padding-block:76px}.imageFeatureContent>div{border:1px solid var(--line-2);border-radius:var(--r-l);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#110e14d1;max-width:700px;padding:clamp(26px,3.5vw,40px)}.imageFeature h2{margin-bottom:16px;font-size:clamp(1.9rem,3.6vw,3.2rem)}.imageFeature p{color:#e7dfec}.imageFeature .button{margin-top:4px}.creatorSpotlight{isolation:isolate;border-block:1px solid var(--line);background-position:50%;background-size:cover;padding-block:clamp(72px,9vw,120px);position:relative;overflow:hidden}.creatorSpotlightShade{z-index:-1;background:linear-gradient(90deg, #0b090df2, #0f0b11c7), linear-gradient(0deg, var(--bg), transparent 55%);position:absolute;inset:0}.creatorSpotlight .sectionHeading>p{color:#d9cfdd}.homeCreatorGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.homeCreatorCard{border:1px solid var(--line-2);border-radius:var(--r);min-width:0;color:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease, background .2s ease, transform .2s var(--ease-out);background:#141018cc;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;text-decoration:none;display:grid}.homeCreatorCard:hover{border-color:var(--accent-line);background:#201625e6;transform:translateY(-3px)}.homeCreatorCard img{width:64px;height:64px;image-rendering:pixelated;border-radius:7px}.homeCreatorCard small{color:var(--accent-bright);font-family:var(--pixel);margin-bottom:3px;font-size:.8rem;display:block}.homeCreatorCard strong{overflow-wrap:anywhere;color:var(--text-bright);font-family:var(--pixel);font-size:1.02rem;display:block}.homeCreatorCard p{color:var(--muted);margin:6px 0 0;font-size:.82rem;line-height:1.4}.homeCreatorCard b{color:var(--accent-bright);transition:transform .2s var(--ease-out);font-size:1.15rem}.homeCreatorCard:hover b{transform:translate(3px)}.spotlightAction{justify-content:center;margin-top:30px;display:flex}.creatorGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.creatorCard{min-width:0;padding:14px}.creatorPortrait{aspect-ratio:1;border:1px solid var(--line-2);border-radius:var(--r);background:linear-gradient(160deg, var(--surface-3), var(--surface));place-items:center;display:grid;position:relative;overflow:hidden}.creatorPortrait:after{border-top:1px solid var(--line-2);background:var(--surface-2);content:"";height:78%;position:absolute;bottom:-58%;left:-20%;right:-20%;transform:rotate(-7deg)}.creatorPortrait img{z-index:1;object-fit:contain;width:72%;height:72%;image-rendering:pixelated;transition:transform .26s var(--ease-out);position:relative}.creatorCard:hover .creatorPortrait img{transform:translateY(-3px)scale(1.03)}.creatorBody{flex-direction:column;min-height:300px;padding:20px 8px 8px;display:flex}.creatorBody h2{overflow-wrap:anywhere;margin:13px 0 11px;font-size:clamp(1.5rem,2.3vw,2.05rem)}.creatorBody p{color:var(--muted);font-size:.92rem}.creatorBody small{color:var(--accent-bright);margin-top:auto;padding-top:10px;display:block}.roleBadge{border:1px solid var(--line-2);width:fit-content;color:var(--accent-bright);background:var(--accent-dim);font-family:var(--pixel);letter-spacing:.03em;text-transform:uppercase;border-radius:6px;align-items:center;padding:5px 9px;font-size:.78rem;display:inline-flex}.creatorProfileLink{width:fit-content;color:var(--text-bright);font-family:var(--pixel);text-underline-offset:5px;margin-top:16px;font-size:.92rem;display:inline-flex}.creatorProfileLink:after{color:var(--accent-bright);content:"→";transition:transform .2s var(--ease-out);margin-left:7px}.creatorProfileLink:hover:after{transform:translate(4px)}.socialRow{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.socialRow a{border:1px solid var(--line-2);border-radius:var(--r-s);width:44px;height:44px;color:var(--text-bright);background:var(--surface-2);transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s var(--ease-out);place-items:center;padding:11px;display:grid}.socialRow a:hover{border-color:var(--line-3);background:var(--surface-3);transform:translateY(-2px)}.socialRow svg{fill:currentColor;width:21px;height:21px}.socialRow [data-social=youtube]:hover{color:#ff5252}.socialRow [data-social=twitch]:hover{color:#a970ff}.socialRow [data-social=tiktok]:hover{color:#ff4d79}.socialRow [data-social=instagram]:hover{color:#ff6aa5}.socialRow [data-social=discord]:hover{color:#8b9cff}.socialRow.labeled{gap:8px;margin-top:0}.socialRow.labeled a{width:auto;min-height:46px;font-family:var(--pixel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#110e14b3;gap:8px;padding:10px 14px;font-size:.84rem;text-decoration:none;display:flex}.creatorProfileLayout{grid-template-columns:minmax(250px,370px) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.creatorIdentity{top:calc(var(--nav-height) + 28px);padding:18px;position:sticky}.profilePortrait{aspect-ratio:1;margin-bottom:20px}.profilePortrait img{width:76%;height:76%}.creatorIdentity>strong{color:var(--text-bright);margin-top:22px;font-size:1.08rem;display:block}.creatorIdentity>p{color:var(--faint);margin-top:10px;font-size:.88rem}.creatorEditorial h2:first-of-type{margin-top:16px}.focusList{gap:10px;list-style:none;display:grid;padding:0!important}.focusList li{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:15px 18px 15px 46px;position:relative}.focusList li:before{color:var(--accent-bright);content:"◆";position:absolute;top:15px;left:17px}.creatorJumpGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.creatorJump{border:1px solid var(--line);border-radius:var(--r);color:inherit;background:var(--surface);transition:transform .2s var(--ease-out), border-color .2s ease, background .2s ease;grid-template-columns:64px 1fr auto;align-items:center;gap:15px;padding:13px;text-decoration:none;display:grid}.creatorJump:hover{border-color:var(--accent-line);background:var(--surface-2);transform:translateY(-3px)}.creatorJump img{width:64px;height:64px;image-rendering:pixelated;border-radius:7px}.creatorJump small{color:var(--muted);margin-bottom:4px;display:block}.creatorJump strong{color:var(--text-bright);font-family:var(--pixel)}.creatorJump b{color:var(--accent-bright);transition:transform .2s var(--ease-out);font-size:1.4rem}.creatorJump:hover b{transform:translate(3px)}.faqList{gap:10px;display:grid}.faqList details{transition:border-color .18s;overflow:hidden}.faqList details:hover{border-color:var(--line-2)}.faqList details[open]{border-color:var(--line-3);background:var(--surface-2)}.faqList summary{min-height:62px;color:var(--text-bright);cursor:pointer;font-family:var(--display);padding:21px 72px 21px 24px;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.3;list-style:none;position:relative}.faqList summary::-webkit-details-marker{display:none}.faqList summary:after{border:1px solid var(--line-2);border-radius:var(--r-s);width:30px;height:30px;color:var(--accent-bright);content:"+";font-family:var(--sans);transition:transform .24s var(--ease-out), background .18s ease, border-color .18s ease;place-items:center;font-size:1.35rem;line-height:1;display:grid;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.faqList details[open] summary:after{border-color:var(--accent-line);background:var(--accent-dim);transform:translateY(-50%)rotate(45deg)}.faqList details::details-content{height:0;transition:height .26s var(--ease-out), content-visibility .26s allow-discrete;overflow:clip}.faqList details[open]::details-content{height:auto}.faqList p{max-width:940px;color:var(--muted);margin:0;padding:0 24px 24px}.articleLayout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:clamp(36px,6vw,80px);display:grid}.seoArticle{padding:clamp(28px,4vw,56px)}.seoArticle h2{margin-top:52px;font-size:clamp(1.7rem,3vw,2.6rem)}.seoArticle h2:first-child{margin-top:0}.seoArticle h3{margin-top:34px;font-size:1.4rem}.seoArticle p,.seoArticle li{color:var(--muted)}.seoArticle ul,.seoArticle ol{gap:10px;padding-left:24px;display:grid}.seoArticle a{color:var(--accent-bright);text-underline-offset:3px}.seoArticle a:hover{color:var(--white)}.seoArticle .button{margin-top:12px}.seoArticle .button.primaryButton{color:var(--ink)}.contentReview{border-bottom:1px solid var(--line);color:var(--faint);font-family:var(--pixel);text-transform:uppercase;letter-spacing:.03em;flex-wrap:wrap;gap:7px 20px;margin-bottom:38px;padding-bottom:18px;font-size:.84rem;line-height:1.5;display:flex}.contentReview time{color:var(--text-bright)}.articleAside{top:calc(var(--nav-height) + 26px);position:sticky}.articleAside>div{border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);padding:24px}.articleAside strong{color:var(--accent-bright);font-family:var(--pixel);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;font-size:.92rem;display:block}.articleAside nav{gap:3px;display:grid}.articleAside a{color:var(--muted);transition:color .16s ease, background .16s ease, padding-left .18s var(--ease-out);border-radius:6px;padding:8px 10px;font-size:.92rem;text-decoration:none}.articleAside a:hover{color:var(--text-bright);background:#ffffff0a;padding-left:14px}.merchStatus{grid-template-columns:220px 1fr;align-items:center;gap:clamp(28px,5vw,70px);padding:clamp(28px,4vw,54px);display:grid;overflow:visible}.merchStatus h2{margin-bottom:16px;font-size:clamp(1.9rem,3.4vw,3.2rem)}.merchStatus p{max-width:740px;color:var(--muted)}.dropOrb{aspect-ratio:1;border:1px solid var(--line-2);background:radial-gradient(circle, var(--accent-dim), transparent 66%);border-radius:50%;place-items:center;width:180px;display:grid;position:relative}.dropOrb:before{border:9px solid var(--surface-3);background:var(--accent);content:"";border-radius:9px;width:66px;height:66px;transform:rotate(45deg)}.dropOrb span{background:var(--accent-bright);border-radius:2px;width:7px;height:7px;animation:5s linear infinite orbit;position:absolute}.dropOrb span:nth-child(2){animation-delay:-1.66s}.dropOrb span:nth-child(3){animation-delay:-3.33s}.merchGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.merchCard{border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);transition:transform .22s var(--ease-out), border-color .22s ease;overflow:hidden}.merchCard:hover{border-color:var(--line-3);transform:translateY(-4px)}.merchImage{aspect-ratio:4/3;background-image:linear-gradient(0deg, #110e1473, transparent 55%), var(--merch-image);transition:transform .55s var(--ease-out);background-position:50%;background-size:cover}.merchCard:hover .merchImage{transform:scale(1.04)}.merchCopy{z-index:2;background:var(--surface);padding:26px;position:relative}.merchCopy>span{color:var(--accent-bright);font-family:var(--pixel);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}.merchCopy h2{margin:15px 0 13px;font-size:clamp(1.6rem,2.6vw,2.3rem)}.merchCopy p{color:var(--muted);font-size:.92rem}.merchCopy strong{color:var(--text-bright);font-family:var(--pixel);font-size:.84rem}.ctaBanner{border:1px solid var(--line-2);border-radius:var(--r-l);background:radial-gradient(30rem 18rem at 88% -40%, var(--accent-dim), transparent 62%), var(--surface);justify-content:space-between;align-items:center;gap:40px;margin-bottom:clamp(64px,7vw,100px);padding:clamp(32px,4vw,56px);display:flex;position:relative;overflow:hidden}.ctaBanner h2{max-width:820px;margin-bottom:0;font-size:clamp(1.7rem,3.2vw,2.9rem)}.ctaBanner p:not(.kicker){max-width:720px;color:var(--muted)}.ctaActions{flex-wrap:wrap;gap:10px;display:flex}.siteFooter{border-top:1px solid var(--line);background:var(--bg-2)}.footerMain{grid-template-columns:minmax(0,1.3fr) minmax(0,2fr);gap:clamp(32px,5vw,80px);padding-block:clamp(44px,5vw,64px);display:grid}.footerBrand{align-items:flex-start;gap:16px;display:flex}.footerBrand img{object-fit:contain;image-rendering:pixelated;border-radius:10px}.footerBrand strong{color:var(--text-bright);font-family:var(--pixel);font-size:1.05rem}.footerBrand p{color:var(--muted);margin:7px 0 0;font-size:.9rem}.footerBrand .navDiscord{min-height:40px;margin-top:16px}.footerLinks{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.footerCol{align-content:start;gap:10px;display:grid}.footerCol>span{color:var(--faint);font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.82rem}.footerCol a{width:fit-content;color:var(--muted);font-size:.95rem;text-decoration:none;transition:color .16s}.footerCol a:hover{color:var(--accent-bright)}.footerLegal{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 28px;padding-block:24px 34px;font-size:.82rem;display:flex}.footerLegal p{margin:0}.footerLegal p+p{margin-top:4px}.footerLegal a{color:var(--accent-bright)}.backToTop{color:var(--muted);font-family:var(--pixel);align-items:center;gap:7px;font-size:.84rem;text-decoration:none;transition:color .16s;display:inline-flex}.backToTop:after{color:var(--accent-bright);content:"↑";transition:transform .2s var(--ease-out)}.backToTop:hover{color:var(--text-bright)}.backToTop:hover:after{transform:translateY(-3px)}.routeLoading{justify-content:center;align-items:center;gap:8px;min-height:62vh;display:flex}.routeLoading span{background:var(--accent);border-radius:2px;width:9px;height:9px;animation:1s ease-in-out infinite blink}.routeLoading span:nth-child(2){animation-delay:.16s}.routeLoading span:nth-child(3){animation-delay:.32s}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.contentCard,.featureCard,.guideCard,.ruleCard,.creatorCard,.landscapeCard,.homeCreatorCard,.merchCard,.creatorJump,.faqList details,.steps li,.checkList li{animation:linear both revealUp;animation-timeline:view();animation-range:entry 3% entry 38%}}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes revealUp{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}@keyframes blink{50%{opacity:.3}}@keyframes orbit{0%{transform:rotate(0)translate(78px)rotate(0)}to{transform:rotate(360deg)translate(78px)rotate(-360deg)}}@media (max-width:1099px){.brandWordmark{min-width:168px}.brandWordmark img{width:158px}.navSlot{padding-inline:12px;font-size:.92rem}.hotbarInner .navDiscord span{display:none}.creatorGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.statusPanel{grid-template-columns:repeat(2,minmax(0,1fr))}.statusPanel>div:nth-child(3){border-top:1px solid var(--line);border-left:0}.statusPanel>div:nth-child(4){border-top:1px solid var(--line)}.homeFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.homeFacts a:nth-child(3){border-top:1px solid var(--line);border-left:0}.homeFacts a:nth-child(4){border-top:1px solid var(--line)}.homeCreatorGrid,.homeBento{grid-template-columns:repeat(2,minmax(0,1fr))}.homeBento>:nth-child(n){grid-column:auto;min-height:320px}.homeBento>:first-child{grid-column:1/-1;min-height:380px}}@media (max-width:899px){:root{--gutter:clamp(16px, 4vw, 34px)}.navSlots{scrollbar-width:none;overflow-x:auto}.navSlots::-webkit-scrollbar{display:none}.introGrid,.articleLayout{grid-template-columns:1fr}.introLead{border-right:0;border-bottom:1px solid var(--line)}.articleAside{position:static}.creatorGrid,.featureGrid,.pathGrid,.guideGrid,.ruleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.footerMain{grid-template-columns:1fr}}@media (max-width:719px){:root{--nav-height:64px}.hotbarInner{scrollbar-width:none;padding-block:9px;overflow-x:auto}.hotbarInner::-webkit-scrollbar{display:none}.brandWordmark{min-width:150px;padding-right:8px}.brandWordmark img{width:146px}.navSlots,.navSlot{flex:none}.homeHeroContent{min-height:520px}.pageHero{min-height:400px}.pageHeroContent{padding-block:80px 44px}.sectionHeading,.ctaBanner{flex-direction:column;align-items:flex-start}.homeFacts{grid-template-columns:1fr;margin-top:-18px}.homeFacts a{min-height:72px}.homeFacts a+a,.homeFacts a:nth-child(3){border-top:1px solid var(--line);border-left:0}.statusComposition,.homeCreatorGrid,.homeBento{grid-template-columns:1fr}.homeBento>:first-child,.homeBento>:nth-child(n){grid-column:auto;min-height:300px}.landscapeGrid{grid-template-columns:1fr}.landscapeGrid>:last-child:nth-child(odd){grid-column:auto}.landscapeCard{min-height:300px}.ipBox{flex-direction:column}.ipBox code{min-height:54px}.connectionGrid{grid-template-columns:1fr}.connectionGrid>div+div{border-top:1px solid var(--line);border-left:0}.imageFeature{background-attachment:scroll}.creatorProfileLayout{grid-template-columns:1fr}.creatorIdentity{position:static}.creatorJumpGrid,.merchGrid,.merchStatus{grid-template-columns:1fr}.footerLinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.footerLegal{flex-direction:column;align-items:flex-start}}@media (max-width:519px){.homeHeroActions,.homeHeroActions .button,.heroActions,.heroActions .button,.ctaActions,.ctaActions .button{width:100%}.featureGrid,.pathGrid,.guideGrid,.ruleGrid,.creatorGrid,.statusPanel{grid-template-columns:1fr}.statusPanel>div+div,.statusPanel>div:nth-child(3){border-top:1px solid var(--line);border-left:0}.creatorBody{min-height:auto}.creatorPortrait{aspect-ratio:4/3}.creatorPortrait img{width:60%;height:80%}.steps li{padding:70px 20px 18px}.steps li:before{top:18px;left:20px;transform:none}.imageFeature{min-height:540px}.footerLinks{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* Static export overrides for unstablesurvival.com. Keep the reference CSS above intact. */
.homeHeroImage,
.pageHeroImage,
.landscapeCardImage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.landscapeCardImage {
  object-fit: cover;
  z-index: 0 !important;
}

.landscapeCardShade {
  z-index: 1 !important;
}

.landscapeCardContent {
  position: relative;
  z-index: 2;
}

.wordmark,
.brandWordmark img {
  object-fit: contain;
}

.wordmark {
  width: clamp(330px, 58vw, 920px);
}

.brandWordmark {
  min-width: 240px;
}

.brandWordmark img {
  width: 230px;
}

@media (max-width: 719px) {
  .wordmark {
    width: min(86vw, 560px);
  }

  .brandWordmark {
    min-width: 155px;
  }

  .brandWordmark img {
    width: 150px;
  }
}

.homeHero .ipBox {
  justify-content: center;
}

.storeCards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.storeCards a {
  border: 1px solid var(--line);
  border-radius: var(--r-l);
  background: var(--surface);
  color: inherit;
  text-decoration: none;
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 22px;
  transition: transform .2s var(--ease-out), border-color .2s ease, background .2s ease;
}

.storeCards a:hover {
  border-color: var(--line-3);
  background: var(--surface-2);
  transform: translateY(-3px);
}

.storeCards img {
  width: 110px;
  height: 90px;
  object-fit: contain;
}

.storeCards small {
  color: var(--accent-bright);
  font-family: var(--pixel);
  text-transform: uppercase;
  letter-spacing: .05em;
}

.storeCards strong {
  display: block;
  color: var(--text-bright);
  font-family: var(--display);
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  margin-top: 6px;
}

.profileAvatar {
  width: min(220px, 70%);
  image-rendering: pixelated;
  margin-inline: auto;
}

@media (max-width: 719px) {
  .storeCards {
    grid-template-columns: 1fr;
  }

  .storeCards a {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .storeCards img {
    width: 88px;
    height: 72px;
  }
}

/* The source site uses scroll-timeline reveal animations. In this static
   export they can leave cards invisible in browser screenshots and some
   crawlers, so keep all content visible immediately. */
.contentCard,
.featureCard,
.guideCard,
.ruleCard,
.creatorCard,
.landscapeCard,
.homeCreatorCard,
.merchCard,
.creatorJump,
.faqList details,
.steps li,
.checkList li {
  animation: none !important;
  opacity: 1 !important;
  translate: 0 0 !important;
}

/* Square off content surfaces, but keep interactive buttons rounded. */
:root {
  --r-s: 0px;
  --r: 0px;
  --r-l: 0px;
  --button-radius: 8px;
}

.homeFacts,
.panel,
.contentCard,
.featureCard,
.guideCard,
.ruleCard,
.seoArticle,
.statusPanel,
.introGrid,
.statusComposition,
.landscapeCard,
.homeCreatorCard,
.creatorCard,
.creatorPortrait,
.creatorJump,
.faqList details,
.ctaBanner,
.storeCards a,
.articleAside > div,
.siteFooter,
.ipBox code,
.steps li,
.steps li::before,
.checkList li,
.connectionGrid,
.sectionNote {
  border-radius: 0 !important;
}

.button,
.navSlot,
.navDiscord,
button,
[role="button"],
input[type="button"],
input[type="submit"] {
  border-radius: var(--button-radius) !important;
}

/* unstable.net parity pages for unstablesurvival.com */
.miniLine {
  color: var(--muted) !important;
  font-family: var(--pixel);
  font-size: clamp(.9rem, 1.25vw, 1.05rem) !important;
  line-height: 1.6 !important;
  margin-top: 14px !important;
}

.seoShowcase {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(270px, 1fr);
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 14px;
  scroll-snap-type: x mandatory;
}

.seoShowcase::-webkit-scrollbar {
  height: 8px;
}

.seoShowcase::-webkit-scrollbar-track {
  background: transparent;
}

.seoShowcase::-webkit-scrollbar-thumb {
  background: var(--line-3);
  border-radius: 999px;
}

.showcaseTile {
  min-height: 360px;
  color: inherit;
  background: var(--surface);
  border: 1px solid var(--line-2);
  border-radius: 0;
  box-shadow: var(--shadow-1);
  overflow: hidden;
  scroll-snap-align: start;
}

.showcaseTile img {
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.showcaseTile div {
  padding: 18px 20px 20px;
}

.showcaseTile h3 {
  margin-bottom: 8px;
  color: var(--text-bright);
}

.showcaseTile p {
  color: var(--text);
  font-size: .94rem;
  line-height: 1.45;
}

.faqResources {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: stretch;
  gap: 18px;
  margin-block: clamp(44px, 6vw, 80px);
}

.faqPanel,
.resourcePanel,
.sourcePanel {
  background: var(--surface);
  border: 1px solid var(--line-2);
  border-radius: 0;
  box-shadow: var(--shadow-1);
  padding: clamp(22px, 3vw, 34px);
}

.faqPanel h2,
.resourcePanel h2 {
  text-align: center;
  margin-bottom: 22px;
}

.resourcePanel {
  display: grid;
  align-content: stretch;
  gap: 10px;
}

.resourcePanel h2 {
  text-align: left;
  margin: 0 0 4px;
  font-size: 1.25rem;
}

.resourcePanel a {
  color: inherit;
  background: var(--surface-2);
  border: 1px solid var(--line-2);
  border-radius: 0;
  text-decoration: none;
  padding: 13px 15px;
  transition: background .16s ease, transform .16s var(--ease-out), border-color .16s ease;
}

.resourcePanel a:hover {
  background: var(--surface-3);
  border-color: var(--line-3);
  transform: translateY(-2px);
}

.resourcePanel small {
  color: var(--faint);
  display: block;
  font-family: var(--pixel);
  font-size: .72rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.resourcePanel strong {
  display: block;
  margin-top: 4px;
  font-size: .98rem;
}

.sourcePanel {
  margin-bottom: clamp(56px, 7vw, 92px);
}

.sourcePanel h2 {
  margin-bottom: 14px;
}

.sourcePanel p {
  max-width: 920px;
  color: var(--muted);
}

.sourceGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.sourceGrid a {
  color: inherit;
  background: var(--surface-2);
  border: 1px solid var(--line-2);
  border-radius: 0;
  padding: 16px 18px;
  text-decoration: none;
}

.sourceGrid strong,
.sourceGrid span {
  display: block;
}

.sourceGrid span {
  color: var(--muted);
  margin-top: 4px;
}

.discordLanding {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  background: var(--surface);
  border: 1px solid var(--line-2);
  border-radius: 0;
  padding: clamp(22px, 3vw, 34px);
  margin-bottom: 18px;
}

.discordLanding > div {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.discordLanding img {
  width: 76px;
  height: 76px;
  object-fit: contain;
}

.discordLanding h3 {
  margin: 0 0 8px;
  color: #5865f2;
}

.discordLanding p,
.legalCopy p {
  color: var(--text);
}

.discordLanding img {
  grid-row: 1 / span 2;
}

.discordLanding h3,
.discordLanding p {
  grid-column: 2;
}

.discordLanding p {
  max-width: none;
  margin: 0;
  line-height: 1.5;
}

.listingList {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.listingList a {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  color: inherit;
  background: var(--surface);
  border: 1px solid var(--line-2);
  border-radius: 0;
  padding: 16px 18px;
  text-decoration: none;
  transition: background .16s ease, transform .16s var(--ease-out), border-color .16s ease;
}

.listingList a:hover {
  background: var(--surface-2);
  border-color: var(--line-3);
  transform: translateY(-2px);
}

.listingList span {
  color: var(--accent-bright);
  font-family: var(--display);
  font-size: 1.2rem;
}

.listingList strong {
  color: var(--text-bright);
}

.listingList small {
  color: var(--muted);
}

.legalCopy {
  display: grid;
  gap: 14px;
}

@media (max-width: 899px) {
  .faqResources {
    grid-template-columns: 1fr;
  }

  .sourceGrid,
  .listingList a {
    grid-template-columns: 1fr;
  }

  .discordLanding,
  .discordLanding > div {
    grid-template-columns: 1fr;
  }
}

.copyIpPill {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 58px;
  margin: 0 auto;
  padding: 14px 24px;
  color: var(--text-bright);
  background: var(--surface-2);
  border: 1px solid var(--line-3);
  border-radius: var(--r);
  box-shadow: var(--shadow-1);
  font-family: var(--pixel);
  line-height: 1;
  text-align: center;
  transition: transform .16s var(--ease-out), border-color .16s ease, background .16s ease;
}

.copyIpPill:hover,
.copyIpPill:focus-visible {
  background: var(--surface-3);
  border-color: var(--accent-line);
  outline: 0;
  transform: translateY(-2px);
}

.copyIpPill span {
  color: var(--accent-bright);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.copyIpPill strong {
  color: var(--white);
  font-size: 1.05em;
}

.copyIpPill small {
  color: var(--muted);
  font-size: .75em;
}

.copyIpPill.copied {
  border-color: var(--green);
}

.homeHeroLead .copyIpPill {
  margin-top: 2px;
}

.introLead .copyIpPill {
  width: 100%;
}

.navActions {
  display: flex;
  align-items: stretch;
  gap: 8px;
  flex: none;
}

.navStore {
  min-width: 86px;
  border-radius: var(--button-radius) !important;
  color: #fff;
  background: var(--accent);
  font-family: var(--pixel);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  transition: background .16s ease, transform .16s var(--ease-out), box-shadow .16s ease;
}

.navStore:hover,
.navStore:focus-visible {
  background: var(--accent-bright);
  color: var(--ink);
  outline: 0;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px #e15ac94d;
}

.navDiscord img,
.footerDiscord img {
  filter: brightness(0) invert(1);
}

.siteFooter {
  overflow: hidden;
}

.footerMain {
  grid-template-columns: minmax(260px, 420px) minmax(0, 1fr) !important;
  align-items: start;
}

.footerBrand {
  align-items: center !important;
  min-width: 0;
}

.footerBrand .footerLogo {
  width: clamp(170px, 20vw, 260px) !important;
  height: auto !important;
  max-height: none !important;
  flex: 0 1 260px;
  object-fit: contain;
  image-rendering: auto;
  border-radius: 0 !important;
}

.footerBrand > div {
  min-width: 0;
}

.footerBrand p {
  max-width: 260px;
}

.footerDiscord {
  width: fit-content;
  min-height: 42px;
  margin-top: 14px;
  padding: 10px 16px;
  border-radius: var(--button-radius);
  color: #fff;
  background: var(--discord);
  font-family: var(--pixel);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background .16s ease, transform .16s var(--ease-out);
}

.footerDiscord:hover,
.footerDiscord:focus-visible {
  background: #6f79f6;
  outline: 0;
  transform: translateY(-1px);
}

.footerDiscord img {
  width: 18px;
  height: auto;
}

.footerLinks {
  align-items: start;
}

@media (max-width: 1099px) {
  .navActions .navDiscord span,
  .navActions .navStore span {
    display: none;
  }

  .navStore,
  .navDiscord {
    min-width: 44px;
    width: 44px;
    padding-inline: 0;
  }

  .navStore::before {
    content: "S";
    font-family: var(--pixel);
  }
}

@media (max-width: 899px) {
  .footerMain {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 719px) {
  .navActions {
    position: sticky;
    right: 0;
    background: linear-gradient(90deg, transparent, #0f0c11 18%);
    padding-left: 14px;
  }

  .footerBrand {
    align-items: flex-start !important;
    flex-direction: column;
  }

  .footerBrand .footerLogo {
    width: min(72vw, 260px) !important;
  }
}

/* Link prominence and channel-specific highlights. */
.resourcePanel h2 {
  color: var(--text-bright) !important;
  font-family: var(--display) !important;
  font-size: clamp(1.65rem, 2.4vw, 2.15rem) !important;
  line-height: 1.05 !important;
  letter-spacing: .01em !important;
  text-align: left !important;
  margin-bottom: 18px !important;
}

.homeFacts .homeFactDiscord,
.resourcePanel .resourceDiscord {
  border-color: rgba(88, 101, 242, .66) !important;
  box-shadow: inset 0 0 0 1px rgba(88, 101, 242, .16), inset 0 0 30px rgba(88, 101, 242, .18), var(--shadow-1) !important;
}

.homeFacts .homeFactDiscord small,
.resourcePanel .resourceDiscord small {
  color: #8f9aff !important;
}

.homeFacts .homeFactDiscord:hover,
.resourcePanel .resourceDiscord:hover {
  background: rgba(88, 101, 242, .14) !important;
  border-color: #8f9aff !important;
}

.homeFacts .homeFactStore,
.resourcePanel .resourceStore {
  border-color: rgba(225, 90, 201, .72) !important;
  box-shadow: inset 0 0 0 1px rgba(225, 90, 201, .16), inset 0 0 30px rgba(225, 90, 201, .18), var(--shadow-1) !important;
}

.homeFacts .homeFactStore small,
.resourcePanel .resourceStore small {
  color: var(--accent-bright) !important;
}

.homeFacts .homeFactStore:hover,
.resourcePanel .resourceStore:hover {
  background: rgba(225, 90, 201, .14) !important;
  border-color: var(--accent-bright) !important;
}

.navDiscord {
  border: 1px solid rgba(143, 154, 255, .78) !important;
  box-shadow: inset 0 0 20px rgba(88, 101, 242, .26), 0 6px 16px rgba(0, 0, 0, .34) !important;
}

.navStore {
  border: 1px solid rgba(255, 122, 217, .78) !important;
  box-shadow: inset 0 0 20px rgba(225, 90, 201, .26), 0 6px 16px rgba(0, 0, 0, .34) !important;
}

.footerLinks {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 899px) {
  .footerLinks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 519px) {
  .footerLinks {
    grid-template-columns: 1fr !important;
  }
}

.srOnly {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.homeHero {
  min-height: clamp(330px, 43svh, 470px);
}

.homeHeroContent {
  min-height: clamp(330px, 43svh, 470px);
  gap: 18px;
  padding-block: 34px 42px;
}

.homeHero .wordmark {
  width: clamp(340px, 62vw, 960px);
  max-height: 220px;
  object-fit: contain;
}

.copyIpPill {
  min-height: 50px;
  gap: 12px;
  padding: 10px 18px;
  background: rgba(27, 23, 33, 0.74);
  border-color: var(--line-3);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.26);
  backdrop-filter: blur(10px);
}

.copyIpPill::before {
  content: "IP:";
  color: var(--accent-bright);
  font-family: var(--pixel);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.copyIpPill strong {
  font-size: clamp(1.05rem, 2vw, 1.28rem);
}

.copyIpPill small {
  border-left: 1px solid var(--line-2);
  padding-left: 12px;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.copyIpPill.playersOnline small::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: 999px;
  background: var(--green);
  box-shadow: 0 0 0 4px var(--green-dim);
}

.copyIpPill.copied {
  background: rgba(99, 208, 137, 0.12);
}

.footerBrand .footerLogo {
  width: clamp(96px, 10vw, 150px) !important;
  max-height: 150px !important;
  image-rendering: auto !important;
}

.joinFeature {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  margin-block: clamp(30px, 5vw, 64px);
}

.joinFeatureLeft {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.joinVisualPanel,
.joinGameplayPanel,
.joinCarouselPanel,
.sidebarPanel,
.storeSidebarCard {
  background: var(--surface);
  border: 1px solid var(--line-2);
  border-radius: var(--r);
  box-shadow: var(--shadow-1);
}

.joinFeature {
  --join-bg: var(--surface);
  --join-card: var(--surface-2);
  --join-card-2: var(--surface-3);
  --join-line: var(--line-2);
  --join-line-2: var(--line-3);
  --join-shadow: var(--shadow-1);
}

.joinVisualPanel {
  padding: clamp(18px, 2.2vw, 26px);
}

.joinVisualPanel h2 {
  margin: 0 0 16px;
  color: var(--accent-bright);
  font-family: var(--display);
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  letter-spacing: -0.04em;
}

.joinVisualPanel img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid var(--line-3);
  border-radius: calc(var(--r) - 4px);
  box-shadow: 0 6px 0 rgba(3, 7, 13, 0.74);
}

.joinVisualPanel,
.joinCarouselPanel,
.joinGameplayPanel,
.sidebarPanel,
.storeSidebarCard {
  background: var(--join-bg);
  border-color: var(--join-line);
  border-radius: var(--r-l);
  box-shadow: var(--join-shadow);
}

.joinCarouselPanel {
  padding: 16px;
  overflow: hidden;
}

.joinCarouselHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.joinCarouselHeader h3 {
  margin: 0;
  color: var(--text-bright);
  font-family: var(--display);
  font-size: clamp(1.25rem, 2vw, 1.7rem);
}

.joinCarouselControls {
  display: flex;
  gap: 8px;
}

.joinCarouselControls button {
  width: 38px;
  height: 38px;
  border: 1px solid var(--join-line-2);
  border-radius: var(--r-s);
  background: var(--join-card-2);
  color: var(--text-bright);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.65);
  font-family: var(--pixel);
  font-weight: 900;
  line-height: 1;
}

.joinCarouselControls button:hover,
.joinCarouselControls button:focus-visible {
  background: var(--surface-3);
  color: var(--accent-bright);
  outline: 0;
}

.joinCarouselTrack {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(250px, calc((100% - 36px) / 4));
  gap: 12px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-width: none;
}

.joinCarouselTrack::-webkit-scrollbar {
  display: none;
}

.joinCarouselTile {
  scroll-snap-align: start;
  min-width: 0;
  overflow: hidden;
  background: var(--join-card);
  border: 1px solid var(--join-line);
  border-radius: var(--r);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.62);
}

.joinCarouselTile img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-bottom: 1px solid var(--join-line);
}

.joinCarouselTile div {
  padding: 12px 13px 14px;
}

.joinCarouselTile strong {
  display: block;
  color: var(--text-bright);
  font-family: var(--display);
  font-size: 1rem;
}

.joinCarouselTile small {
  display: block;
  margin-top: 4px;
  color: var(--text);
  font-size: .84rem;
  line-height: 1.28;
}

.joinGuideSection {
  padding-block: clamp(42px, 6vw, 76px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.joinGuideIntro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
  gap: clamp(22px, 5vw, 70px);
  align-items: end;
  margin-bottom: 22px;
}

.joinGuideIntro h2 {
  max-width: 760px;
  margin: 0;
}

.joinGuideIntro p {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 1.02rem;
}

.joinGuideCards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.joinGuideCard {
  display: flex;
  flex-direction: column;
  min-height: 270px;
  padding: clamp(22px, 3vw, 32px);
  color: inherit;
  text-decoration: none;
  background: var(--surface);
  border: 1px solid var(--line-2);
  border-radius: var(--r-l);
  box-shadow: var(--shadow-1);
  transition: transform .2s var(--ease-out), background .2s ease, border-color .2s ease;
}

.joinGuideCard:hover,
.joinGuideCard:focus-visible {
  background: var(--surface-2);
  border-color: var(--line-3);
  outline: 0;
  transform: translateY(-3px);
}

.joinGuideCard > span:first-child {
  width: fit-content;
  margin-bottom: 24px;
  padding: 6px 10px;
  color: var(--accent-bright);
  background: var(--accent-dim);
  border: 1px solid var(--accent-line);
  border-radius: var(--r-s);
  font-family: var(--pixel);
  font-size: .82rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.joinGuideCard h3 {
  margin-bottom: 14px;
  font-size: clamp(1.2rem, 1.9vw, 1.65rem);
}

.joinGuideCard p {
  color: var(--muted);
}

.joinGuideCard strong {
  margin-top: auto;
  padding-top: 24px;
  color: var(--accent-bright);
  font-family: var(--pixel);
  font-size: .95rem;
}

.guidesHub {
  display: grid;
  gap: 18px;
}

.guidesHubIntro {
  padding: clamp(20px, 3vw, 30px);
}

.guidesHubIntro p {
  max-width: 860px;
  color: var(--text);
}

.guidesIndex {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.guidesIndex .joinGuideCard {
  min-height: 280px;
}

.relatedJoinGuides {
  margin-top: clamp(26px, 4vw, 42px);
}

.relatedJoinGuides > h3 {
  margin-bottom: 16px;
  color: var(--text-bright);
}

.relatedJoinGuides .contentCard h3 {
  color: var(--text-bright);
}

.relatedJoinGuides .pathGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.joinGameplayPanel {
  padding: 16px;
}

.gameplayHeader {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.gameplayHeader > span {
  display: grid;
  place-items: center;
  min-width: 38px;
  height: 38px;
  border-radius: calc(var(--r) - 6px);
  background: color-mix(in srgb, var(--accent) 32%, var(--surface-3));
  color: var(--accent-bright);
  font-family: var(--pixel);
  font-size: .86rem;
}

.gameplayHeader h3,
.sidebarPanel h3 {
  margin: 0;
  color: var(--accent-bright);
  font-family: var(--pixel);
  font-size: .95rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.gameplayHeader p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: .95rem;
}

.gameplayTiles {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.gameplayTiles div {
  min-height: 76px;
  padding: 12px 10px;
  background: var(--surface-2);
  border: 1px solid var(--line-2);
  border-radius: calc(var(--r) - 4px);
  text-align: center;
  box-shadow: 0 4px 0 rgba(3, 7, 13, 0.7);
}

.gameplayTiles strong {
  display: block;
  color: var(--accent-bright);
  font-family: var(--pixel);
  font-size: .82rem;
}

.gameplayTiles small {
  display: block;
  margin-top: 5px;
  color: var(--text-soft);
  font-size: .75rem;
  line-height: 1.15;
}

.joinFeatureSidebar {
  display: grid;
  gap: 12px;
  align-content: start;
}

.sidebarPanel {
  padding: 16px;
}

.sidebarHeader {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.sidebarHeader span {
  color: var(--link);
  font-weight: 900;
}

.serverRow {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 8px;
  gap: 10px;
  align-items: center;
  height: 66px;
  padding: 10px 12px;
  background: var(--join-card);
  border: 1px solid var(--join-line);
  border-radius: var(--r);
  box-shadow: 0 4px 0 rgba(3, 7, 13, 0.7);
}

.serverRow + .serverRow {
  margin-top: 10px;
}

.serverRow img {
  width: 32px;
  height: 32px;
  image-rendering: pixelated;
}

.serverRow strong {
  display: block;
  color: var(--green);
  font-family: var(--display);
  font-size: .98rem;
  line-height: 1.06;
  white-space: nowrap;
}

.serverRow span {
  display: block;
  margin-top: 2px;
  color: var(--text-bright);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
  white-space: nowrap;
}

.serverRow i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--green);
  box-shadow: 0 0 0 4px var(--green-dim);
}

.sidebarDivider {
  height: 1px;
  margin: 16px 0 14px;
  background: var(--line-2);
}

.sidebarSubhead {
  margin-bottom: 12px !important;
}

.discordSidebarLink {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: var(--join-card);
  border: 1px solid var(--join-line);
  border-radius: var(--r);
  box-shadow: 0 4px 0 rgba(3, 7, 13, 0.7);
  text-decoration: none;
}

.discordSidebarLink img {
  width: 22px;
  height: 22px;
}

.discordSidebarLink strong {
  color: #5865f2;
  font-family: var(--display);
}

.discordSidebarLink span {
  padding: 9px 16px;
  border-radius: calc(var(--r) - 6px);
  background: #2d3f97;
  color: var(--white);
  font-weight: 900;
}

.storeSidebarCard {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 94px;
  padding: 14px 18px;
  background: var(--join-card);
  color: var(--text-bright);
  text-decoration: none;
  transition: transform .16s var(--ease-out), background .16s ease;
}

.storeSidebarCard:hover,
.storeSidebarCard:focus-visible {
  background: var(--surface-3);
  outline: 0;
  transform: translateY(-2px);
}

.storeSidebarCard img {
  max-width: 62px;
  max-height: 54px;
  object-fit: contain;
}

.storeSidebarCard strong,
.storeSidebarCard small {
  display: block;
}

.storeSidebarCard strong {
  color: var(--text-bright);
  font-family: var(--pixel);
  text-transform: uppercase;
}

.storeSidebarCard small {
  margin-top: 4px;
  color: var(--link);
}

.voteSidebarButton {
  display: grid;
  place-items: center;
  min-height: 48px;
  padding: 12px 18px;
  border-radius: var(--r);
  background: var(--accent);
  color: var(--white);
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 5px 0 rgba(3, 7, 13, 0.7);
  transition: transform .16s var(--ease-out), background .16s ease;
}

.voteSidebarButton:hover,
.voteSidebarButton:focus-visible {
  background: var(--accent-strong);
  outline: 0;
  transform: translateY(-2px);
}

.resourceSidebar {
  display: grid;
  gap: 10px;
}

.resourceSidebar h3 {
  margin-bottom: 4px;
}

.resourceSidebar a {
  display: block;
  padding: 13px 14px;
  background: var(--join-card);
  border: 1px solid var(--join-line);
  border-radius: var(--r);
  color: var(--text-bright);
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 4px 0 rgba(3, 7, 13, 0.7);
}

.resourceSidebar a:hover,
.resourceSidebar a:focus-visible {
  background: var(--surface-3);
  color: var(--accent-bright);
  outline: 0;
}

@media (max-width: 1080px) {
  .joinFeature {
    grid-template-columns: 1fr;
  }

  .joinGuideIntro,
  .joinGuideCards,
  .guidesIndex {
    grid-template-columns: 1fr;
  }

  .joinGuideCard {
    min-height: auto;
  }

  .relatedJoinGuides .pathGrid {
    grid-template-columns: 1fr;
  }

  .joinFeatureSidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .serverStatusPanel,
  .resourceSidebar {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .joinCarouselTrack {
    grid-auto-columns: minmax(220px, 82%);
  }

  .joinFeatureSidebar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 719px) {
  .homeHero,
  .homeHeroContent {
    min-height: 330px;
  }

  .homeHero .wordmark {
    width: min(88vw, 620px);
  }

  .copyIpPill {
    width: min(100%, 330px);
    flex-wrap: wrap;
    gap: 8px 12px;
  }

  .copyIpPill small {
    flex-basis: 100%;
    border-left: 0;
    padding-left: 0;
  }

  .footerBrand .footerLogo {
    width: 120px !important;
  }
}

/* Current visual pass: clean white titles, image-card lightbox, no big pink headers. */
.joinVisualPanel h2,
.joinGuideIntro h2,
.joinCarouselHeader h3,
.sectionHeading h2,
.relatedJoinGuides > h3,
.relatedJoinGuides .contentCard h3 {
  color: var(--text-bright) !important;
}

.joinGuideIntro {
  grid-template-columns: 1fr !important;
  justify-items: center;
  text-align: center;
}

.joinGuideIntro > div {
  display: grid;
  justify-items: center;
}

.joinGuideIntro .kicker,
.joinGuideIntro p {
  color: var(--text-bright) !important;
}

.joinGuideIntro .kicker::before {
  background: var(--text-bright) !important;
}

.joinGuideIntro p {
  max-width: 760px;
  margin: 0 !important;
}

.showcaseTile,
.joinCarouselTile {
  appearance: none;
  text-align: center;
  cursor: zoom-in;
  font: inherit;
}

.showcaseTile div {
  display: grid;
  place-items: center;
  min-height: 72px;
  padding: 16px 18px !important;
}

.showcaseTile h3,
.joinCarouselTile strong {
  margin: 0 !important;
  color: var(--text-bright) !important;
  font-family: var(--sans) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-shadow: none !important;
  text-transform: none !important;
}

.showcaseTile p,
.joinCarouselTile small {
  display: none !important;
}

.joinCarouselTile div {
  display: grid;
  place-items: center;
  min-height: 54px;
  padding: 12px 13px !important;
}

body.lightboxOpen {
  overflow: hidden;
}

.imageLightbox[hidden] {
  display: none !important;
}

.imageLightbox {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: grid;
  place-items: center;
  padding: clamp(18px, 4vw, 54px);
  background: rgba(5, 3, 8, 0.82);
  backdrop-filter: blur(12px);
}

.imageLightbox figure {
  width: min(1120px, 100%);
  margin: 0;
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--line-3);
  border-radius: var(--r-l);
  box-shadow: var(--shadow-2);
}

.imageLightbox img {
  width: 100%;
  max-height: min(76vh, 780px);
  object-fit: contain;
  background: var(--bg-2);
}

.imageLightbox figcaption {
  padding: 14px 18px 16px;
  color: var(--text-bright);
  font-weight: 800;
  text-align: center;
}

.imageLightboxClose {
  position: fixed;
  top: clamp(14px, 3vw, 28px);
  right: clamp(14px, 3vw, 28px);
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--line-3);
  border-radius: var(--r);
  background: var(--surface-2);
  color: var(--text-bright);
  box-shadow: 0 5px 0 rgba(0, 0, 0, .62);
  font-size: 1.6rem;
  line-height: 1;
}

/* Heading cleanup: most sections use one centered title; the join guide keeps its explanatory line. */
.sectionHeading {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 18px !important;
  margin-bottom: 24px !important;
}

.sectionHeading .kicker,
.sectionHeading > p {
  display: none !important;
}

.sectionHeading.hasHeadingAction {
  justify-content: space-between !important;
  text-align: left !important;
}

.sectionHeading.hasHeadingAction > div:first-child {
  min-width: 0;
}

.sectionHeadingAction {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.sectionHeadingAction .copyIpPill {
  width: auto;
  min-width: min(360px, 38vw);
  margin: 0;
}

.joinGuideIntro .kicker {
  display: none !important;
}

.joinGuideIntro p {
  color: var(--muted) !important;
}

.joinGuideIntro {
  grid-template-columns: minmax(0, 1fr) auto !important;
  justify-items: stretch !important;
  align-items: center !important;
  text-align: left !important;
}

.joinGuideIntro > div {
  justify-items: start !important;
}

.joinGuideIntro .copyIpPill {
  justify-self: end;
  margin: 0;
  min-width: min(360px, 34vw);
}

@media (max-width: 760px) {
  .sectionHeading.hasHeadingAction {
    flex-direction: column;
    align-items: stretch !important;
    text-align: center !important;
  }

  .sectionHeadingAction,
  .sectionHeadingAction .copyIpPill {
    width: 100%;
  }

  .joinGuideIntro {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .joinGuideIntro > div {
    justify-items: center !important;
  }

  .joinGuideIntro .copyIpPill {
    justify-self: center;
    width: min(100%, 360px);
    min-width: 0;
  }
}

/* Guide expansion + home exploration cards. */
.exploreMoreGrid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.exploreMoreCard {
  min-height: 285px;
}

.exploreMoreCard:first-child {
  grid-column: span 4;
  min-height: 430px;
}

.exploreMoreCard:nth-child(2) {
  grid-column: span 2;
  min-height: 430px;
}

.exploreMoreCard:nth-child(n + 3) {
  grid-column: span 3;
}

.exploreMoreCard .landscapeCardContent > span:last-child {
  max-width: 620px;
  color: #e7dfec;
}

.guideArticleLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: clamp(26px, 4vw, 48px);
  align-items: start;
}

.guideArticle {
  min-width: 0;
}

.seoArticle .steps {
  padding-left: 0 !important;
}

.serverGuidesAside {
  position: sticky;
  top: calc(var(--nav-height) + 24px);
  border: 1px solid var(--line);
  border-radius: var(--r-l);
  background: var(--surface);
  padding: 24px;
  box-shadow: var(--shadow-1);
}

.serverGuidesAside h2 {
  margin-bottom: 18px;
  color: var(--accent-bright);
  font-family: var(--pixel);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .95rem;
}

.serverGuidesAside nav {
  display: grid;
  gap: 8px;
}

.serverGuidesAside a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-height: 68px;
  color: var(--muted);
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 10px 12px;
  text-decoration: none;
  transition: background .16s ease, border-color .16s ease, transform .16s var(--ease-out);
}

.serverGuidesAside a:hover,
.serverGuidesAside a[aria-current="page"] {
  color: var(--text-bright);
  border-color: var(--accent-line);
  background: var(--surface-3);
}

.serverGuidesAside a:hover {
  transform: translateY(-1px);
}

.serverGuidesAside small {
  display: grid;
  place-items: center;
  width: 34px;
  height: 30px;
  color: var(--accent-bright);
  background: var(--accent-dim);
  border: 1px solid var(--accent-line);
  border-radius: var(--r-s);
  font-family: var(--pixel);
  font-size: .76rem;
}

.serverGuidesAside span {
  color: inherit;
  font-weight: 800;
  line-height: 1.25;
}

.guideQuickAnswer {
  border: 1px solid var(--line-3);
  border-left: 4px solid var(--accent);
  border-radius: var(--r);
  background: var(--surface-2);
  margin-bottom: 24px;
  padding: 18px 20px;
}

.guideQuickAnswer p {
  margin: 0;
  color: var(--text);
}

.guideInfoGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 28px;
}

.guideInfoGrid a {
  display: grid;
  gap: 5px;
  color: inherit;
  text-decoration: none;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surface);
  padding: 16px;
}

.guideInfoGrid a:hover {
  border-color: var(--line-3);
  background: var(--surface-2);
}

.guideInfoGrid small {
  color: var(--accent-bright);
  font-family: var(--pixel);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .78rem;
}

.guideInfoGrid strong {
  color: var(--text-bright);
  font-family: var(--pixel);
  font-size: 1rem;
}

.guideInfoGrid span,
.guideNote {
  color: var(--muted);
}

.guideNote {
  margin-top: 22px;
}

.guidesIndex {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.guidesIndex .joinGuideCard {
  min-height: 255px;
}

.seoArticle > .sectionNote,
.sectionNote {
  max-width: none !important;
  width: 100%;
}

.joinGuideIntro p {
  max-width: none !important;
}

@media (min-width: 1100px) {
  .seoArticle > .sectionNote {
    white-space: nowrap;
  }

  .joinGuideIntro p {
    white-space: nowrap;
  }
}

@media (max-width: 1080px) {
  .guideArticleLayout {
    grid-template-columns: 1fr;
  }

  .serverGuidesAside {
    position: static;
  }

  .guideInfoGrid,
  .guidesIndex {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .exploreMoreGrid,
  .guideInfoGrid,
  .guidesIndex {
    grid-template-columns: 1fr;
  }

  .exploreMoreCard,
  .exploreMoreCard:first-child,
  .exploreMoreCard:nth-child(2),
  .exploreMoreCard:nth-child(n + 3) {
    grid-column: auto;
    min-height: 300px;
  }
}