:root{--realm-gold:#dec58c;--realm-mint:#80d5b2;--realm-line:#8db49a40}
.mode-section{max-width:1440px;margin:auto;padding:76px 5% 64px;scroll-margin-top:100px}
.mode-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}
.mode-heading h2{font-family:var(--display,Georgia);font-size:clamp(28px,3.2vw,46px);line-height:1.15;color:#ecf3e7;margin:10px 0}
.mode-heading p{max-width:480px;color:#a6bbb0;line-height:1.8;margin:0}.mode-heading>a{color:var(--realm-gold);white-space:nowrap}
.realm-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.realm-mode{position:relative;display:flex;flex-direction:column;justify-content:end;min-height:350px;overflow:hidden;border:1px solid var(--realm-line);border-radius:4px 24px 4px 24px;padding:25px;background:#0d211b;text-decoration:none;color:#e9f1e9;isolation:isolate;transition:transform .2s,border-color .2s}
.realm-mode::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--realm-art) center/cover;transition:transform .5s}.realm-mode::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06181000 5%,#06181050 30%,#061810f5 88%)}
.realm-mode:hover{transform:translateY(-5px);border-color:#d7c58a}.realm-mode:hover::before{transform:scale(1.04)}
.realm-mode:focus-visible,.realm-action:focus-visible{outline:3px solid #a6ffd1;outline-offset:5px}
.realm-mode .mode-state{position:absolute;left:18px;top:18px;background:#061c16dc;padding:6px 10px;border:1px solid #76ab8e77;color:#a3ebbc;font-size:10px;font-weight:800;letter-spacing:.12em}.realm-mode--maintenance .mode-state{color:#ecd29b;border-color:#b6a06c80}
.realm-mode small{color:var(--realm-gold);font-size:10px;letter-spacing:.17em;font-weight:800}.realm-mode h3{font-size:26px;margin:9px 0 10px;line-height:1.1}.realm-mode p{font-size:13px;color:#bdd0c4;line-height:1.75;margin:0 0 18px}.realm-mode .mode-link{color:#d3e9da;font-size:12px;font-weight:800}
.realm-page{background:#071610;color:#deeadf;min-height:100svh}.realm-page .info-nav{max-width:1360px;margin:auto;position:relative;z-index:2;padding:24px 5%;display:flex;flex-wrap:wrap;align-items:center;gap:22px}.realm-page .info-nav .brand{margin-right:auto}.realm-page .info-nav>a{font-size:13px}
.realm-intro{position:relative;isolation:isolate;min-height:570px;padding:110px max(5%,calc((100vw - 1210px)/2)) 70px;display:flex;align-items:center;border-bottom:1px solid var(--realm-line);overflow:hidden}
.realm-intro::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--realm-art) center/cover}
.realm-intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06170ff5,#06170fbb 46%,#06170f25),linear-gradient(0deg,#071610,transparent 45%)}
.realm-intro-copy{max-width:650px}.realm-eyebrow{color:var(--realm-gold);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.realm-intro h1{font-family:var(--display,Georgia);font-size:clamp(42px,6vw,82px);line-height:1.02;margin:22px 0;color:#f0f3df;letter-spacing:-.045em}.realm-intro h1 em{font-style:normal;color:#9de1b7}.realm-intro p{font-size:17px;line-height:1.85;max-width:560px;color:#c2d2c5}
.realm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.realm-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid #a68c56;border-radius:3px 13px 3px 13px;color:#11281c;background:linear-gradient(135deg,#ead79f,#c8ad67);font-weight:800;font-size:13px;text-decoration:none;cursor:pointer}.realm-action--secondary{background:#0d291dc9;color:#d5e6d9;border-color:#729c7e66}
.realm-content{max-width:1280px;margin:auto;padding:64px 5%}.realm-copy-heading{max-width:720px;margin-bottom:30px}.realm-copy-heading h2{font-family:var(--display,Georgia);font-size:clamp(27px,3vw,40px);line-height:1.2;margin:14px 0}.realm-copy-heading p{color:#a7bdae;line-height:1.8}
.realm-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.realm-story{background:linear-gradient(145deg,#132f21,#0a2118);border:1px solid var(--realm-line);border-radius:3px 19px 3px 19px;padding:28px}.realm-story>span{color:var(--realm-gold);font-size:11px;letter-spacing:.1em}.realm-story h3{font-size:21px;color:#ecf2de;margin:16px 0 12px}.realm-story p,.realm-story li{font-size:14px;line-height:1.85;color:#abc1b1}.realm-story ul{padding-left:19px}.realm-story a{color:#cbe8ce}.realm-callout{margin:32px 0;padding:25px 28px;border-left:3px solid var(--realm-gold);background:#17332380;line-height:1.8;color:#bed2c0}.realm-callout strong{color:#f1dc9b}.realm-footer{border-top:1px solid var(--realm-line);margin-top:35px;padding:28px 0;color:#8ca996;font-size:12px}
.realm-page .hub-grid{max-width:1280px;margin:auto;padding:24px 5% 72px}.realm-page .hub-card{background:linear-gradient(140deg,#163523,#0a2118);border-color:var(--realm-line)}
/* Shared public pages keep their existing controls, account forms and navigation behavior. */
.home-hero .home-intro{margin-left:9%;width:min(660px,54%)}.home-hero .home-description{max-width:560px}.home-hero .home-title{font-size:clamp(40px,4.8vw,76px)}.home-hero .home-title span{letter-spacing:-.03em}.home-updates{border-color:#6f9b7b55}.home-update-content{background:linear-gradient(0deg,#061810fa 8%,#061810b8 65%,transparent)}
@media(min-width:1700px){.home-hero .home-intro{margin-left:15%}}
@media(max-width:1000px){.realm-mode-grid,.realm-stories{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-heading{display:block}.mode-heading>a{display:inline-block;margin-top:18px}.realm-intro{min-height:510px;padding-top:75px}.realm-intro::after{background:linear-gradient(90deg,#06170ff5,#06170f8c),linear-gradient(0deg,#071610,transparent)}.home-hero .home-intro{margin-left:0;width:75%}}
@media(max-width:600px){.mode-section{padding:46px 20px}.realm-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.realm-mode{min-height:290px;padding:17px}.realm-mode h3{font-size:20px}.realm-mode p{font-size:12px}.realm-mode small{font-size:8px}.realm-mode .mode-state{left:12px;top:12px;font-size:8px}.realm-stories{grid-template-columns:1fr}.realm-intro{padding:65px 22px;min-height:490px}.realm-intro h1{font-size:45px}.realm-content{padding:42px 22px}.realm-page .info-nav{gap:14px;padding:18px 22px}.realm-page .info-nav .brand{flex-basis:100%}.home-hero .home-intro{width:100%;margin:0}.home-hero .home-title{font-size:clamp(35px,9vw,50px)}.realm-actions>*{flex:1 1 160px}.realm-page .hub-grid{grid-template-columns:1fr}}
@media(max-width:360px){.realm-mode-grid{grid-template-columns:1fr}.realm-mode{min-height:290px}}
@media(prefers-reduced-motion:reduce){.realm-mode,.realm-mode::before{transition:none}.realm-mode:hover{transform:none}}

.realm-downloads{max-width:1280px;margin:auto;padding:56px 5%;color:#dcebdc}.realm-downloads>div>h2{font-size:clamp(26px,3vw,42px);margin:15px 0}.realm-downloads p{color:#b2c6b9;line-height:1.8}.realm-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.realm-download-grid article{border:1px solid #789e7d66;border-radius:4px 22px;padding:27px;background:linear-gradient(135deg,#173a28,#0a2017)}.realm-download-grid article>span{font-size:11px;color:#dec58c;letter-spacing:.15em}.realm-download-grid h3{font-size:24px}.realm-download-grid .realm-action{margin-right:18px;margin-bottom:14px}.realm-download-grid article>a:last-child{font-size:12px;color:#c3ddc8;white-space:nowrap}.realm-download-note{text-align:center;padding:20px;color:#b1c7b8;font-size:13px}@media(max-width:600px){.realm-download-grid{grid-template-columns:1fr}.realm-downloads{padding:40px 20px}}

.realm-art-survival{--realm-art:url("/assets/realm-survival.png")}
.realm-art-faction{--realm-art:url("/assets/realm-faction.png")}
.realm-art-towny{--realm-art:url("/assets/realm-towny.png")}
.realm-art-skyblock{--realm-art:url("/assets/home-landscape-v2.png")}
