/* Homepage only: one fixed landscape, distinct readable content areas. */
.homepage{background:#0d1917;isolation:isolate}.homepage main{position:relative;z-index:1}.homepage .header{position:fixed;animation:none}.landscape-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#19362e}.landscape-slide{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:0;transition:opacity 2.4s ease-in-out}.landscape-slide.is-active{opacity:1}.landscape-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031b18bc,transparent 72%),linear-gradient(0deg,#06241c8c,transparent 50%)}
.homepage .hero{background:transparent;isolation:auto;min-height:700px;height:100svh;max-height:1100px;overflow:visible}.homepage .hero-shade{z-index:0;background:linear-gradient(90deg,#041c1980,transparent 70%);pointer-events:none}.homepage .hero-copy{z-index:1;padding-top:clamp(165px,22vh,240px)}.homepage .hero .scroll-cue{z-index:1;bottom:35px}.homepage .hero-coordinate{display:none}.village-controls{position:absolute;right:4%;bottom:42px;display:flex;align-items:center;gap:18px;z-index:2;padding:14px 18px;background:#071c19c9;border:1px solid #cfb58669;backdrop-filter:blur(8px)}.village-label{display:grid;min-width:90px;line-height:1.6}.village-label small{font-size:9px;color:#c6cfbd}.village-label b{font-size:14px;font-weight:600}.village-dots{display:flex;gap:7px}.village-dots button{width:32px;height:32px;border:1px solid #c4b89577;background:transparent;font-size:10px;color:#eee0c6}.village-dots button[aria-pressed=true]{background:var(--gold);color:#142820;border-color:var(--gold)}#village-pause{font-size:10px;background:none;padding:8px;color:#e2d4b7;min-width:58px}
.content-deck{width:min(1440px,calc(100% - 40px));margin:0 auto;background:#0c1917f5;box-shadow:0 -20px 90px #001c1866;border:1px solid #bfa26d59;border-bottom:0;position:relative}.content-deck>.wrap,.content-deck .world-inner,.content-deck .guide>.wrap,.content-deck .download-content{width:calc(100% - 88px);max-width:1240px}.homepage .section{padding-block:76px}.homepage .news{padding-top:58px}.homepage .news h2{font-size:36px}.notice-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--gold);border-bottom:1px solid var(--line);background:#14251f}.notice-board{min-width:0;padding:24px}.notice-board+.notice-board{border-left:1px solid var(--line)}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.board-heading h3{font-size:19px;margin:0}.board-heading>span{font-size:9px;letter-spacing:.13em;color:var(--gold)}.board-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:58px;padding:12px 0;border-top:1px solid #c4ae7e1c;background:none;text-align:left}.board-entry strong{font-size:12px;font-weight:500;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.board-entry time{font-size:10px;color:#a3b3a0}.board-entry:hover strong{color:var(--gold)}.board-empty{font-size:12px;padding:26px 0;color:#9cad9e}.featured-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:40px 0 20px}.featured-heading .eyebrow{font-size:9px;margin-bottom:5px}.featured-heading h3{font-size:21px;margin:0}.featured-heading>span{font-size:11px;color:#9faf9d}.homepage .news-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.homepage .story{background:#14241e;border:1px solid #bba37238}.homepage .cms-image{height:auto;aspect-ratio:16/10}.homepage .cms-open{padding:20px 18px}.homepage .cms-open strong{font-size:17px;min-height:52px}.homepage .story-bottom{margin-top:20px}.text-story .story-kicker{height:110px;display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid #baa57926;background:linear-gradient(135deg,#263b2d,#15241f)}.story-kicker span{font-size:11px;letter-spacing:.1em;color:#cfb787}.story-kicker b{font:44px Georgia,serif;color:#bfa36a55}.text-story .cms-open>small{color:#aebda9}
.video-preview{position:relative;aspect-ratio:16/9;background:#07100e;overflow:hidden}.video-preview video{width:100%;height:100%;display:block;object-fit:cover}.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#0005,transparent 70%);padding:0}.video-play .play-disc{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:1px solid #f7e9ccbb;background:#0b201bc9;box-shadow:0 5px 25px #0005;transition:transform .2s,background .2s}.video-play .play-disc:before{content:"";display:block;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid #f8e2b8;margin-left:5px}.video-play:hover .play-disc{transform:scale(1.08);background:#345340e6}.video-status{position:absolute;bottom:8px;left:10px;right:10px;font-size:11px;margin:0;color:#fff}.post-dialog .video-preview{margin:0 0 24px}.post-dialog #post-body .video-preview video{margin:0;max-height:none}.post-dialog .video-preview:has(video[controls]){aspect-ratio:auto}.post-dialog .video-preview video[controls]{max-height:430px;object-fit:contain}
.homepage .world{min-height:0;background:#192b23;border-block:1px solid var(--line)}.homepage .world:after{display:none}.homepage .world-copy{max-width:680px}.homepage .world-copy h2{font-size:38px}.homepage .world-caption{padding:28px;max-width:260px;border:1px solid var(--line);background:#0c1b1766}.homepage .pets{background:#101f1a}.homepage .pet-stage{margin-top:10px}.homepage .pet-portrait{height:290px}.homepage .guide{background:#18291f}.homepage .guide-grid{margin-top:28px}.homepage .download{background:#10251f}.homepage .download:before{display:none}.homepage .download-panel{background:#1a3026;max-width:640px}.homepage .faq{border-top:1px solid var(--line)}.homepage footer{position:relative;z-index:1}.homepage .community h2{font-size:28px}.homepage .community{padding-top:0}
@media(min-width:1600px){.homepage .hero-copy{padding-top:clamp(180px,24vh,270px)}}
@media(max-width:1100px){.notice-board{padding:20px 16px}.board-heading h3{font-size:17px}.board-heading>span{font-size:8px}.homepage .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage .cms-open strong{min-height:0}.village-controls{gap:10px}.content-deck>.wrap,.content-deck .world-inner,.content-deck .guide>.wrap,.content-deck .download-content{width:calc(100% - 56px)}}
@media(max-width:800px){.homepage .hero{height:100svh;min-height:720px;max-height:1000px}.homepage .hero-copy{padding-top:clamp(150px,26vh,240px);padding-bottom:120px;text-align:left}.homepage .hero-copy>.eyebrow{font-size:9px}.homepage .hero-actions{justify-content:flex-start}.homepage .hero-shade{background:linear-gradient(90deg,#061b19dc,#061b1977 60%,#061b1922),linear-gradient(0deg,#061b19bf,transparent 70%)}.homepage .hero h1{font-size:clamp(38px,7vw,54px)}.homepage .little-rule{margin:22px 0}.landscape-slide{object-position:57% center}.village-controls{left:28px;right:auto;bottom:28px}.homepage .scroll-cue{display:none}.content-deck{width:calc(100% - 24px)}.homepage .section{padding-block:50px}.notice-columns{grid-template-columns:1fr}.notice-board+.notice-board{border-left:0;border-top:1px solid var(--line)}.notice-board{padding:22px}.board-entry{min-height:52px}.board-entry strong{font-size:13px}.board-heading h3{font-size:20px}.homepage .world-copy h2{font-size:32px}.homepage .world-inner{display:block}.homepage .world-caption{display:none}.homepage .news h2{font-size:32px}.homepage .pet-stage{gap:20px}.homepage .news-tools{margin-top:0}}
@media(max-width:560px){.homepage .hero{min-height:700px}.homepage .hero-copy{padding-top:160px;padding-bottom:140px}.homepage .hero-description{font-size:13px}.homepage .hero-actions{align-items:flex-start;gap:12px}.homepage .hero-actions .button{width:auto;min-width:210px}.homepage .hero-brand{font-size:14px}.homepage .hero h1{font-size:40px}.homepage .platforms{margin-top:20px}.village-controls{left:20px;bottom:30px;gap:9px;padding:11px}.village-label{min-width:70px}.village-label b{font-size:12px}.village-dots{gap:4px}.village-dots button{width:28px;height:28px;font-size:9px}#village-pause{font-size:9px;min-width:48px;padding:4px}.content-deck{width:100%;border-inline:0}.content-deck>.wrap,.content-deck .world-inner,.content-deck .guide>.wrap,.content-deck .download-content{width:calc(100% - 36px)}.homepage .news-grid{grid-template-columns:1fr;gap:18px}.homepage .cms-open{padding:22px}.homepage .cms-open strong{font-size:20px}.featured-heading{margin-top:32px}.featured-heading>span{display:none}.homepage .section-top{margin-bottom:24px}.homepage .pet-portrait{height:280px}.homepage .download .lead{font-size:13px!important}.homepage .faq{gap:18px}.homepage .header .brand{font-size:16px}.homepage .header .discord-login{font-size:10px}}
@media(prefers-reduced-motion:reduce){.landscape-slide{transition:none}.video-play .play-disc{transition:none}}
/* Dedicated landscape and portrait cameras keep the town centre full-screen. */
.landscape-slide{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.landscape-backdrop picture{display:contents}