/* Home-only art direction. Existing account and feature-page styles are independent. */
body.home-atlas { --atlas-forest: #10251e; --atlas-lime: #ceee91; --atlas-paper: var(--night-surface-1, #f5f6f3); --atlas-ink: var(--night-ink, #20362c); --atlas-muted: var(--night-secondary, #626f66); --atlas-line: var(--night-line, #d5dcd7); background: var(--atlas-paper); }
.home-atlas :is(.nav,.hero,.atlas-launchpad,#worlds,#status,#hub,#community,.footer) * { letter-spacing: 0; }
.home-atlas::before { display: none; }
.home-atlas [hidden] { display: none !important; }
.home-atlas :is(.nav,.hero,.atlas-launchpad,#worlds,#status,#hub,#community,.footer) :is(a,button,summary):focus-visible { outline: 3px solid #89b95a; outline-offset: 5px; }
.home-atlas :is(.nav,.hero) :is(a,button):focus-visible { outline-color: #d8efa7; }
.home-atlas .scroll-progress { height: 2px; }
.home-atlas .scroll-progress i { background: var(--atlas-lime); box-shadow: none; }

/* A quiet masthead leaves the scene to the world itself. */
.home-atlas .nav, .home-atlas .nav.scrolled { position: absolute; inset: 0 0 auto; min-height: 86px; padding: 16px max(28px, calc((100vw - 1280px) / 2)); background: #10251ee8; border-bottom: 1px solid #d1e4bf1a; box-shadow: none; gap: 24px; }
.home-atlas .brand { color: #f4f2df; font-size: 20px; font-weight: 850; gap: 4px; letter-spacing: 0; }
.home-atlas .brand span { color: var(--atlas-lime); }
.home-atlas .brand-mark { width: 33px; height: 33px; margin-right: 8px; background: var(--atlas-lime); color: var(--night-ink, #193328); border: 0; border-radius: 0; box-shadow: 3px 3px 0 #739358; font: 900 21px/33px var(--font-code); transform: none; }
.home-atlas .nav-links { gap: 30px; }
.home-atlas .nav-links a { color: #c5d2c3; font-size: 13px; letter-spacing: 0; white-space: nowrap; }
.home-atlas .nav-links a:hover { color: #fffde9; }
.home-atlas .nav-links a::after { background: var(--atlas-lime); }
.home-atlas .biome-toggle { min-height: 40px; background: transparent; border-color: #d4e5c326; border-radius: 2px; }
.home-atlas .nav-account { border-color: #d4e5c339; border-radius: 2px; background: #ffffff08; }
.home-atlas .na-label { color: #e3e8d9; }
.home-atlas .na-avatar { color: #cee09f; background: #c7e59d17; }

/* The panorama fills the scene; the portal is an interactive world entrance. */
.home-atlas .hero { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); align-items: center; gap: 64px; height: min(820px,calc(100svh - 72px)); min-height: 670px; max-height: none; padding: 116px max(28px, calc((100vw - 1280px) / 2)) 92px; overflow: hidden; isolation: isolate; background: #10251e; }
.home-atlas .hero::before { z-index: 0; inset: 0; mask-image: none; background: linear-gradient(90deg, #10251ee8, #10251e8f 43%, #10251e0a 80%), linear-gradient(0deg, #10251ee6, transparent 35%); }
.home-atlas .hero::after { height: 1px; background: #d2e4b52b; }
.home-atlas .mc-landscape { z-index: -1; inset: 0; }
.home-atlas .mc-landscape > img { opacity: 1; filter: saturate(.9); object-position: center 47%; }
.home-atlas .cherry-petals { display: none; }
.home-atlas .hero-content { position: relative; z-index: 3; width: 100%; min-width: 0; max-width: 740px; padding: 0; margin: 0; }
.home-atlas .hero-kicker { display: flex; align-items: center; gap: 10px; color: #d0dcbe; font: 600 11px/1.7 var(--font-code); letter-spacing: 0; }
.home-atlas .hero-kicker i { width: 7px; height: 7px; background: var(--atlas-lime); box-shadow: 3px 3px 0 #c5e38925; border-radius: 0; }
.home-atlas .hero-content h1 { width: 100%; max-width: none; margin: 24px 0 16px; font: 850 88px/1.1 var(--font-heading); color: #f6f8ee; letter-spacing: 0; text-shadow: 0 3px 24px #10251e66; white-space: nowrap; }
.home-atlas .hero-content h1 em { display: inline; font: inherit; color: var(--atlas-lime); background: none; -webkit-text-fill-color: currentColor; }
.home-atlas .atlas-hero-title { color: #f2f5e8; font-size: 32px; font-weight: 750; line-height: 1.5; }
.home-atlas .hero-content h1 mark { display: inline; position: relative; padding: 0; color: var(--atlas-lime); background: none; -webkit-text-fill-color: currentColor; }
.home-atlas .hero-content h1 mark::after { content: ''; position: absolute; left: 2%; right: 8%; bottom: -9px; height: 5px; background: var(--night-surface-3, #9dc875); clip-path: polygon(0 0,91% 0,91% 40%,100% 40%,100% 100%,8% 100%,8% 65%,0 65%); }
.home-atlas .hero-content > p { width: auto; max-width: 490px; margin: 22px 0 30px; color: #e0e8d9; font-size: 15px; line-height: 1.95; }
.home-atlas .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.home-atlas .hero-action { min-height: 52px; padding: 14px 22px; border: 1px solid #c1d6b34a; border-radius: 2px; color: #edf3de; background: #132e26; font-size: 14px; box-shadow: none; gap: 26px; }
.home-atlas .hero-action.primary { background: var(--atlas-lime); border-color: var(--atlas-lime); color: var(--night-ink, #243925); box-shadow: 0 4px 0 #6b8d4f; }
.home-atlas .hero-action.primary:hover { background: var(--night-surface-2, #e0f5b4); border-color: var(--night-line, #e0f5b4); }
.home-atlas .hero-action:hover { border-color: var(--night-line, #bdd397); background: #223e30; transform: translateY(-2px); }
.home-atlas .atlas-hero-note { display: flex; align-items: center; gap: 10px; max-width: 358px; margin-top: 30px; color: #c1d4b9; font-size: 11px; }
.home-atlas .atlas-hero-note > span:first-child { font-size: 19px; color: #b1cb8e; }
.home-atlas .atlas-note-line { height: 1px; flex: 1; margin-left: 8px; background: #b1c89125; }
.home-atlas .atlas-sky { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.home-atlas .atlas-cloud { position: absolute; width: 126px; height: 32px; background: #bdceb711; clip-path: polygon(0 45%,20% 45%,20% 10%,50% 10%,50% 0,72% 0,72% 30%,90% 30%,90% 60%,100% 60%,100% 100%,0 100%); animation: atlas-cloud-drift 26s ease-in-out infinite alternate paused; }
.home-atlas .cloud-one { right: 36%; top: 23%; }
.home-atlas .cloud-two { right: 5%; top: 37%; width: 170px; animation-delay: -14s; }
.home-atlas .atlas-star { position: absolute; width: 7px; height: 7px; background: var(--night-surface-2, #dceea3); opacity: .55; animation: atlas-star-glow 5s ease-in-out infinite alternate paused; }
.home-atlas .star-one { right: 41%; top: 46%; }
.home-atlas .star-two { right: 7%; top: 60%; width: 4px; height: 4px; animation-delay: -3s; }
.home-atlas .world-portal { position: relative; inset: auto; transform: none; z-index: 2; width: 100%; max-width: 500px; height: 520px; margin: 0; justify-self: end; perspective: 1200px; display: flex; align-items: center; justify-content: center; padding: 30px 0 48px; gap: 0; }
.home-atlas .atlas-scene-caption { position: absolute; top: 0; left: 15px; color: #e5ebd8; font: 10px/1.6 var(--font-code); }
.home-atlas .atlas-scene-caption span { display: block; margin-top: 6px; color: #c2d4b9; font: 11px var(--font-body); }
.home-atlas .portal-coordinate { position: absolute; top: 13px; right: 24px; margin: 0; font: 10px var(--font-code); color: #b9cfa3; }
.home-atlas .portal-coordinate b { font-size: 18px; padding-left: 10px; color: #e2edbf; }
.home-atlas .portal-stage { --turn: -9deg; --beam: 30px; --depth: 38px; width: 332px; height: 410px; margin: 0; }
.home-atlas .world-portal .hero-world-preview { box-shadow: 0 0 40px #c09ee825; }
.home-atlas .world-portal .hero-world-preview::after { background: linear-gradient(0deg,#10231df0,transparent 70%); box-shadow: inset 0 0 10px #d6b3fa40; }
.home-atlas .portal-world-tag { top: 10px; left: 10px; right: 10px; justify-content: space-between; padding: 7px 8px; color: #dbe5cb; background: #10231dc9; font-size: 9px; border: 1px solid #d9edc027; }
.home-atlas .portal-world-tag b { font-size: 9px; }
.home-atlas .portal-content { inset: auto 14px 18px; padding-right: 44px; text-shadow: none; }
.home-atlas .portal-content > span { gap: 5px; }
.home-atlas .portal-content strong { font-size: 24px; color: #f1f2dc; }
.home-atlas .portal-content small { font-size: 11px; color: #c1d1b4; }
.home-atlas .portal-flint { z-index: 4; right: calc(var(--beam) + 10px); bottom: calc(var(--beam) + 16px); width: 40px; height: 40px; background: #1b2d2666; }
.home-atlas .portal-flint img { width: 26px; height: 26px; }
.home-atlas .portal-selector { position: absolute; bottom: 0; left: 0; transform: none; width: 100%; max-width: 100%; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; gap: 8px; padding: 4px; scrollbar-width: thin; }
.home-atlas .portal-selector button:first-of-type { margin-left: auto; }
.home-atlas .portal-selector button:last-of-type { margin-right: auto; }
.home-atlas .portal-selector-label { display: none; }
.home-atlas .portal-selector button { flex: 0 0 42px; width: 42px; height: 42px; min-height: 42px; border: 1px solid #c7dfa85c; border-radius: 0; background: #153326; color: #d6e3c6; box-shadow: none; font: 11px var(--font-code); }
.home-atlas .portal-selector button[aria-pressed="true"] { background: var(--atlas-lime); border-color: var(--atlas-lime); color: var(--night-ink, #213b25); box-shadow: 0 3px #658950; }
.home-atlas .atlas-hero-bottom { position: absolute; z-index: 3; bottom: 31px; left: max(28px, calc((100vw - 1280px) / 2)); right: max(28px, calc((100vw - 1280px) / 2)); display: flex; align-items: center; justify-content: space-between; }
.home-atlas .atlas-hero-bottom > a { display: flex; gap: 12px; align-items: center; color: #d0dfbb; font-size: 11px; }
.home-atlas .atlas-hero-bottom > a > span { font-size: 20px; }
.home-atlas .atlas-hero-bottom small { color: var(--night-muted, #708c78); font: 9px var(--font-code); margin-left: 7px; }
.home-atlas #atlasMotionToggle { display: flex; gap: 9px; align-items: center; padding: 10px 0 10px 12px; min-height: 40px; color: #a4bb9d; background: none; border: 0; cursor: pointer; font: 11px var(--font-body); }
.home-atlas .atlas-motion-icon { display: inline-block; width: 14px; font: 13px var(--font-code); }
.home-atlas[data-scene="night"] .hero { background: #102126; }
.home-atlas[data-scene="night"] .hero::before { background: linear-gradient(90deg,#102126e0,#10212677 50%,#10212622),linear-gradient(0deg,#102126e0,transparent 45%); }
.home-atlas[data-scene="night"] .atlas-star { box-shadow: 0 0 12px #dceea370; }
.home-atlas .hero[data-motion="running"] :is(.atlas-cloud,.atlas-star) { animation-play-state: running; }
@keyframes atlas-cloud-drift { to { transform: translateX(36px); } }
@keyframes atlas-star-glow { to { opacity: .15; transform: translateY(-8px); } }

/* The itinerary is also a set of useful links. */
.home-atlas .atlas-launchpad { display: grid; grid-template-columns: 1.3fr repeat(3,1fr); gap: 0; padding: 0 max(28px,calc((100vw - 1280px)/2)); border-bottom: 1px solid var(--atlas-line); background: var(--night-surface-2, #e9eddd); color: var(--atlas-ink); }
.home-atlas .atlas-launch-title { display: flex; align-items: center; gap: 12px; padding: 25px 20px 25px 0; font-size: 14px; font-weight: 750; }
.home-atlas .atlas-launch-title img { image-rendering: pixelated; }
.home-atlas .atlas-launchpad > a { display: flex; align-items: center; gap: 12px; padding: 25px 26px; border-left: 1px solid var(--atlas-line); color: var(--night-ink, #344d36); font-size: 13px; transition: background .2s; }
.home-atlas .atlas-launchpad > a:hover { background: var(--night-surface-2, #dce6c9); }
.home-atlas .atlas-launchpad > a > span { font: 10px var(--font-code); color: var(--night-muted, #798c68); }
.home-atlas .atlas-launchpad > a > b { margin-left: auto; font: 20px var(--font-body); }

/* Full width sections with a consistent, bounded reading area. */
.home-atlas :is(#worlds,#status,#hub,#community) { max-width: none; margin: 0; padding: 94px max(28px,calc((100vw - 1280px)/2)); border: 0; box-shadow: none; scroll-margin-top: 24px; }
.home-atlas :is(#worlds,#hub,#community)::before, .home-atlas .mc-section-edge { display: none; }
.home-atlas .wp-head { grid-template-columns: minmax(0,1fr) minmax(230px,.65fr); gap: 12px 40px; max-width: none; padding: 0 0 26px; margin: 0 0 34px; border-bottom: 1px solid var(--atlas-line); }
.home-atlas :is(#worlds,#hub) .wp-head { border-bottom-color: var(--atlas-line); margin-bottom: 34px; }
.home-atlas .wp-head::after { display: none; }
.home-atlas .wp-kicker, .home-atlas .vice-kicker { color: var(--night-secondary, #688354); font: 600 10px/1.8 var(--font-code); letter-spacing: 0; margin-bottom: 6px; }
.home-atlas :is(#worlds,#hub) .wp-kicker::before { width: 6px; height: 6px; background: #70964c; box-shadow: none; }
.home-atlas .wp-kicker::after { display: none; }
.home-atlas .wp-title { color: var(--atlas-ink); font: 800 38px/1.35 var(--font-heading); letter-spacing: 0; }
.home-atlas .wp-title em { color: var(--night-muted, #6c884e); margin: 0; }
.home-atlas .wp-desc { align-self: end; color: var(--atlas-muted); font-size: 13px; line-height: 1.8; margin: 0; max-width: none; }
.home-atlas #worlds { background: var(--atlas-paper); }
.home-atlas .wp-grid { grid-template-columns: repeat(12,minmax(0,1fr)); grid-auto-rows: 246px; gap: 18px; max-width: none; }
.home-atlas .wp-grid .wp-card { grid-column: span 3; padding: 23px; border: 1px solid var(--night-line, #c6cdbd); border-radius: 3px; box-shadow: none; background: #243a30; }
.home-atlas .wp-grid .wp-card:first-child { grid-column: span 6; grid-row: span 2; }
.home-atlas .wp-grid .wp-card::before { filter: saturate(.8) brightness(.88); transform: scale(1); }
.home-atlas .wp-grid .wp-card::after { background: linear-gradient(0deg,#11271deb 1%,#14281c29 72%); }
.home-atlas .wp-grid .wp-card:hover { border-color: var(--night-line, #4f7840); box-shadow: 0 10px 25px #1d352316; }
.home-atlas .wp-grid .wp-card:hover::before { transform: scale(1.04); }
.home-atlas .wp-grid .wp-card .wp-no { top: 18px; left: 20px; width: auto; min-width: 31px; padding: 6px; border: 1px solid #e2eac364; border-radius: 0; background: #17332999; box-shadow: none; color: #e8eecb; font: 11px var(--font-code); letter-spacing: 0; }
.home-atlas .wp-card .wp-meta { color: #dae5bf; font: 11px/1.5 var(--font-body); letter-spacing: 0; margin-bottom: 7px; }
.home-atlas .wp-grid .wp-name { margin: 0 0 17px; font-size: 26px; line-height: 1.25; color: #fff8e4; text-shadow: none; }
.home-atlas .wp-grid .wp-card:first-child .wp-name { font-size: 38px; }
.home-atlas .wp-card .wp-go { padding: 0; background: none; border: 0; color: #dce8c1; font-size: 11px; border-radius: 0; }
.home-atlas .wp-card:hover .wp-go { color: #fff; background: none; }

/* Live data is visually separate from the decorative world scene. */
.home-atlas #status { background: #172d25; color: #e9eedc; position: relative; overflow: hidden; }
.home-atlas .vice-bg { opacity: .4; background: repeating-linear-gradient(90deg,#d0e3b007 0 1px,transparent 1px 80px); }
.home-atlas .vice-inner { max-width: none; }
.home-atlas .vice-kicker { color: #b7cd96; }
.home-atlas .vice-title { font: 800 38px/1.35 var(--font-heading); color: #f0f0dc; letter-spacing: 0; text-shadow: none; }
.home-atlas .vice-desc { margin: 16px 0 30px; color: var(--night-muted, #a4b7a2); font-size: 13px; }
.home-atlas #status .vice-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0 0 32px; border: 1px solid #aec99129; border-radius: 2px; background: #203a2f; box-shadow: none; }
.home-atlas .vsum { padding: 25px; border-right: 1px solid #aec99129; }
.home-atlas .vsum:first-child { padding-left: 25px; }
.home-atlas .vsum:last-child { border: 0; }
.home-atlas .vsum-num { color: var(--atlas-lime); font: 500 36px/1.15 var(--font-code); }
.home-atlas .vsum-label { margin-top: 8px; font-size: 12px; color: #b6c6a9; letter-spacing: 0; }
.home-atlas .srvstat-board { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.home-atlas .sstat { border: 1px solid #9db88630; border-radius: 3px; background: #1d352b; box-shadow: none; }
.home-atlas .sstat::before { display: none; }
.home-atlas .sstat-name { color: #e8efd7; text-shadow: none; }
.home-atlas :is(.sstat-subtitle,.sstat-primary-label,.sstat-capacity .sstat-bar-head .k,.sstat-metric > span) { color: #a6b9a5; }
.home-atlas .sstat-metric { background: #172d25; border-color: #9bb48024; border-radius: 2px; }
.home-atlas .sstat-online-value b { color: #d3eba4; }
.home-atlas .sstat-ip { background: #14291f; border-color: #9bb48024; }

/* Useful tools, arranged as a tidy field kit. */
.home-atlas #hub { background: var(--night-surface-2, #edf2f4); }
.home-atlas .crafting-disclosure { margin-bottom: 26px; background: var(--night-surface-2, #e4e9d5); border: 1px solid var(--night-line, #cbd4ba); border-radius: 3px; }
.home-atlas .crafting-disclosure > summary { color: var(--night-ink, #3c5738); padding: 16px 21px; font-size: 13px; }
.home-atlas .crafting-disclosure .crafting-bench { background: var(--night-surface-2, #e4e9d5); border-color: var(--night-line, #cbd4ba); }
.home-atlas .crafting-copy h3 { color: var(--night-ink, #29452f); }
.home-atlas .crafting-copy :is(p,small), .home-atlas .crafting-eyebrow { color: var(--night-secondary, #637551); }
.home-atlas .inventory-caption { color: var(--night-secondary, #657454); margin-bottom: 20px; }
.home-atlas #hub .hub-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: minmax(200px,auto); gap: 16px; padding: 0; background: none; border: 0; box-shadow: none; }
.home-atlas #hub .feat { grid-column: auto; min-width: 0; padding: 25px; border: 1px solid var(--night-line, #cfdade); border-radius: 3px; background: var(--night-surface-1, #fafcfc); box-shadow: none; text-align: left; --fa: #46716b; --far: 70,113,107; }
.home-atlas #hub .feat-primary { grid-column: span 2; background: var(--night-surface-2, #d5e8e4); }
.home-atlas #hub .feat::before, .home-atlas #hub .feat::after { display: none; }
.home-atlas #hub .feat:hover { background: var(--night-surface-2, #e7edda); border-color: var(--night-line, #7c9b60); }
.home-atlas .feat .feat-ic { width: 43px; height: 43px; background: transparent; }
.home-atlas .feat .feat-ic::before { width: 34px; height: 34px; }
.home-atlas .feat-t, .home-atlas .feat-lg .feat-t { color: var(--night-ink, #2d432c); font-size: 18px; }
.home-atlas .feat-d { color: var(--night-secondary, #6d7965); font-size: 12px; line-height: 1.7; }
.home-atlas .feat-go { color: var(--night-secondary, #536f3e); font-size: 11px; }

/* Compact community widget: no continuous animation or backdrop blur. */
.home-atlas .qq-fab { right: max(20px,env(safe-area-inset-right)); bottom: max(24px,env(safe-area-inset-bottom)); width: auto; height: auto; z-index: 80; }
.home-atlas .qq-ball { display: flex; gap: 8px; width: auto; height: 48px; padding: 0 15px; border: 2px solid #7d9b66; border-radius: 5px; background: #203c2d; color: #eef7e3; font: 600 13px var(--font-body); box-shadow: 0 4px 0 #10251e,0 8px 22px #0003; animation: none; }
.home-atlas .qq-ball:hover { transform: translateY(-2px); background: #2d503b; border-color: #bfdf95; box-shadow: 0 4px 0 #10251e,0 8px 22px #0003; }
.home-atlas .qq-ball svg { width: 22px; height: 22px; }
.home-atlas .qq-panel { width: min(340px,calc(100vw - 32px)); max-height: calc(100dvh - 110px); overflow: auto; padding: 22px 18px 18px; border: 1px solid var(--night-line,#96ad83); border-radius: 8px; background: var(--night-surface-1,#f4f5e9); color: var(--night-ink,#203c2d); box-shadow: 0 12px 35px #0004; transform: none; transition: none; }
.home-atlas .qq-panel[hidden] { display: none; }
.home-atlas .qq-title { margin: 0; padding-right: 30px; color: inherit; font: 700 18px/1.5 var(--font-body); }
.home-atlas .qq-sub,.home-atlas .qq-num { margin: 0; color: var(--night-secondary,#52634b); }
.home-atlas .qq-group { padding: 12px; border-color: var(--night-line,#c7d1ba); border-radius: 5px; background: var(--night-surface-2,#e6ecd9); }
.home-atlas .qq-group-name { color: var(--night-ink,#203c2d); white-space: normal; overflow-wrap: anywhere; }
.home-atlas .qq-join { background: #c4e49b; color: #203518; border-radius: 3px; padding: 10px 12px; }
.home-atlas .qq-close { top: 10px; right: 10px; width: 32px; height: 32px; font-size: 25px; color: var(--night-secondary,#52634b); }
.home-atlas .qq-fab :is(button,a):focus-visible { outline: 2px solid #80a958; outline-offset: 4px; }
@media (max-width:600px) {
  .home-atlas .qq-fab { right: max(12px,env(safe-area-inset-right)); bottom: max(16px,env(safe-area-inset-bottom)); }
  .home-atlas .qq-ball { padding: 0 12px; height: 44px; }
}
/* A sunlit campsite for the community. */
.home-atlas #community { background: var(--night-surface-2, #f0e6e3); }
.home-atlas #community .wp-head { border-color: var(--night-line, #d7c7c1); }
.home-atlas #community .wp-kicker, .home-atlas #community .wp-title em { color: var(--night-danger, #976052); }
.home-atlas .community-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; max-width: none; }
.home-atlas #community .comm-card { grid-column: auto; min-height: 240px; padding: 25px; background: var(--night-surface-1, #fbf7f5); border: 1px solid var(--night-line, #dacbc5); border-radius: 3px; box-shadow: none; text-align: left; --fa: #976052; }
.home-atlas #community .comm-card::before, .home-atlas #community .comm-card::after { display: none; }
.home-atlas #community .comm-card:hover { border-color: var(--night-line, #739455); background: var(--night-surface-1, #fafbf1); }
.home-atlas .comm-no { color: var(--night-muted, #91a67f); font: 12px var(--font-code); }
.home-atlas .comm-t { color: var(--night-ink, #2d432c); font-size: 18px; margin-top: 22px; }
.home-atlas .comm-d { color: var(--night-secondary, #6a785e); font-size: 12px; line-height: 1.8; }
.home-atlas .comm-go { color: var(--night-secondary, #597746); font-size: 11px; }
.home-atlas .community-link { grid-column: span 2; display: flex; gap: 20px; padding: 22px 24px; border: 1px solid var(--night-line, #dacbc5); border-radius: 3px; background: var(--night-surface-2, #e8d9d2); }
.home-atlas .community-link:hover { background: var(--night-surface-2, #eaf0df); border-color: var(--night-line, #739455); }
.home-atlas .community-link-no { color: var(--night-muted, #6d875b); font: 12px var(--font-code); }
.home-atlas .community-link-copy strong { color: var(--night-ink, #334c32); font-size: 14px; }
.home-atlas .community-link-copy small { color: var(--night-secondary, #667a58); font-size: 11px; }
.home-atlas .community-link-go { color: var(--night-green, #587845); }
.home-atlas .community .checkin { max-width: none; margin: 28px 0 0; padding: 22px 26px; border: 1px solid var(--night-line, #8fa777); border-radius: 3px; background: #24442e; box-shadow: none; }
.home-atlas .ci-title { color: #e4efcf; font-size: 15px; }
.home-atlas .ci-sub { color: #a6bc94; font-size: 11px; }
.home-atlas .ci-btn { background: var(--atlas-lime); border: 1px solid var(--atlas-lime); border-radius: 2px; color: var(--night-ink, #2a442c); padding: 12px 25px; font-size: 12px; }
.home-atlas .ci-btn:hover { background: var(--night-surface-2, #e0f5b5); }
.home-atlas .footer { padding: 60px max(28px,calc((100vw - 1280px)/2)) 36px; background: #10251e; border: 0; text-align: left; }
.home-atlas .atlas-footer-heading { margin: 0 0 32px; color: #f1efdb; font-size: 38px; font-weight: 750; }
.home-atlas .atlas-footer-heading span { color: #b6d88a; }
.home-atlas .footer-logo { font-size: 21px; color: #e4e9d2; letter-spacing: 0; }
.home-atlas .footer-logo span { color: #b6d88a; }
.home-atlas .footer-meta { margin-top: 15px; color: var(--night-muted, #9aaf92); font-size: 11px; }
.home-atlas .footer-sub { color: var(--night-muted, #829879); font-size: 10px; }
.home-atlas .footer-utilities { justify-content: flex-start; margin-top: 16px; }

@media (max-width: 1100px) {
  .home-atlas .nav-links { gap: 19px; }
  .home-atlas .hero { min-height: 630px; gap: 32px; }
  .home-atlas .hero-content h1 { font-size: 62px; }
  .home-atlas .atlas-hero-title { font-size: 26px; }
  .home-atlas .world-portal { height: 470px; }
  .home-atlas .portal-stage { width: 286px; height: 360px; }
  .home-atlas .atlas-scene-caption { left: 0; }
  .home-atlas .atlas-launchpad { grid-template-columns: 1.25fr repeat(3,1fr); }
  .home-atlas .atlas-launchpad > a { padding-inline: 16px; gap: 8px; }
  .home-atlas .atlas-launch-title { font-size: 12px; gap: 8px; }
  .home-atlas .wp-grid { grid-auto-rows: 230px; gap: 14px; }
  .home-atlas .wp-grid .wp-card { grid-column: span 4; padding: 18px; }
  .home-atlas .wp-grid .wp-card:first-child { grid-column: span 4; }
  .home-atlas .wp-grid .wp-card:first-child .wp-name { font-size: 28px; }
  .home-atlas .community-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-atlas .community-link { grid-column: auto; }
  .home-atlas .srvstat-board { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1000px) {
  .home-atlas .nav-links { display: none; }
  .home-atlas .nav-actions { margin-left: auto; flex-shrink: 0; }
  .home-atlas .nav-toggle { display: flex; flex-shrink: 0; }
  .home-atlas .nav.open .nav-links { display: flex; position: absolute; inset: 100% 0 auto; flex-direction: column; gap: 5px; padding: 15px 20px; background: #132d23; border-bottom: 1px solid #acc59133; }
  .home-atlas .nav.open .nav-links a { min-height: 44px; padding: 12px 8px; }
  .home-atlas .nav.open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .home-atlas .nav.open .nav-toggle span:nth-child(2) { opacity: 0; }
  .home-atlas .nav.open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}
@media (max-width: 760px) {
  .home-atlas .nav, .home-atlas .nav.scrolled { min-height: 72px; padding: 14px 20px; gap: 0; }
  .home-atlas .brand { font-size: 17px; }
  .home-atlas .brand-mark { width: 28px; height: 28px; line-height: 28px; font-size: 18px; margin-right: 6px; }
  .home-atlas .nav-links { background: #132d23; border-color: #acc59133; }
  .home-atlas .nav.open .nav-links { gap: 5px; padding: 15px 20px; }
  .home-atlas .nav-links a { padding: 12px 8px; }
  .home-atlas .nav-toggle { margin-left: 12px; }
  .home-atlas .hero { display: block; height: min(880px,calc(100svh - 58px)); padding: 106px 24px 58px; min-height: 680px; }
  .home-atlas .hero-content { padding: 0; width: 100%; max-width: none; }
  .home-atlas .hero-kicker { font-size: 10px; }
  .home-atlas .hero-content h1 { font-size: 56px; margin: 15px 0 8px; }
  .home-atlas .atlas-hero-title { font-size: 24px; }
  .home-atlas .hero-content > p { font-size: 12px; max-width: 400px; margin: 12px 0 18px; }
  .home-atlas .hero-action { min-height: 48px; padding: 12px 17px; font-size: 12px; gap: 14px; }
  .home-atlas .atlas-hero-note { display: none; }
  .home-atlas .mc-landscape { left: 0; }
  .home-atlas .hero::before { background: linear-gradient(180deg,#10251ea6,#10251e40 55%,#10251ed9); }
  .home-atlas[data-scene="night"] .hero::before { background: linear-gradient(180deg,#102126a6,#10212640 55%,#102126d9); }
  .home-atlas .world-portal { position: absolute; inset: auto 24px 60px; transform: none; width: calc(100% - 48px); max-width: none; margin: 0; height: 364px; padding: 0 0 54px; }
  .home-atlas .portal-stage { --beam: 22px; --depth: 28px; width: 238px; height: 298px; aspect-ratio: auto; }
  .home-atlas .atlas-scene-caption { display: none; }
  .home-atlas .atlas-scene-caption span { font-size: 10px; }
  .home-atlas .portal-coordinate { display: none; }
  .home-atlas .portal-coordinate b { font-size: 16px; }
  .home-atlas .portal-selector { flex-wrap: nowrap; gap: 8px; }
  .home-atlas .portal-selector button { width: 40px; height: 42px; }
  .home-atlas .cloud-one { top: 60%; right: 55%; }
  .home-atlas .cloud-two { top: 74%; right: 0; }
  .home-atlas .star-one { right: 15%; top: 81%; }
  .home-atlas .star-two { right: 88%; top: 68%; }
  .home-atlas .atlas-hero-bottom { left: 24px; right: 24px; bottom: 17px; }
  .home-atlas .atlas-hero-bottom small { display: none; }
  .home-atlas .atlas-launchpad { grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0 24px 12px; }
  .home-atlas .atlas-launch-title { grid-column: 1 / -1; padding: 20px 0 12px; }
  .home-atlas .atlas-launchpad > a { flex-wrap: wrap; gap: 6px; padding: 10px 10px 12px; font-size: 11px; }
  .home-atlas .atlas-launchpad > a > span { width: 100%; font-size: 9px; }
  .home-atlas .atlas-launchpad > a > b { font-size: 14px; }
  .home-atlas .atlas-launchpad > a:first-of-type { border-left: 0; padding-left: 0; }
  .home-atlas :is(#worlds,#status,#hub,#community) { padding: 56px 24px; }
  .home-atlas .wp-head { grid-template-columns: 1fr; gap: 10px; }
  .home-atlas .wp-desc { grid-column: 1; grid-row: auto; margin-top: 6px; font-size: 12px; }
  .home-atlas .wp-title { font-size: 28px; }
  .home-atlas .wp-kicker, .home-atlas .vice-kicker { font-size: 9px; }
  .home-atlas .wp-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 238px; gap: 12px; }
  .home-atlas .wp-grid .wp-card, .home-atlas .wp-grid .wp-card:first-child { grid-column: auto; grid-row: auto; padding: 18px; }
  .home-atlas .wp-grid .wp-card:first-child { grid-column: 1 / -1; }
  .home-atlas .wp-grid .wp-card .wp-no { left: 16px; top: 14px; }
  .home-atlas .wp-grid .wp-name { font-size: 22px; }
  .home-atlas .vice-title { font-size: 26px; }
  .home-atlas .vice-desc { font-size: 12px; line-height: 1.8; }
  .home-atlas .vsum { padding: 20px 8px; }
  .home-atlas .vsum:first-child { padding-left: 8px; }
  .home-atlas .vsum-num { font-size: 26px; }
  .home-atlas .vsum-label { font-size: 10px; }
  .home-atlas .srvstat-board { grid-template-columns: 1fr; }
  .home-atlas #hub .hub-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(205px,auto); gap: 12px; }
  .home-atlas #hub .feat { padding: 18px; }
  .home-atlas .feat-t, .home-atlas .feat-lg .feat-t { font-size: 17px; }
  .home-atlas .feat-d { font-size: 11px; }
  .home-atlas .inventory-caption small { font-size: 10px; }
  .home-atlas .crafting-disclosure > summary { padding: 14px; font-size: 11px; }
  .home-atlas .crafting-disclosure > summary img { width: 24px; height: 24px; }
  .home-atlas #community .comm-card { min-height: 230px; padding: 20px; }
  .home-atlas .comm-t { font-size: 17px; }
  .home-atlas .community-link { grid-column: 1 / -1; padding: 20px; }
  .home-atlas .community .checkin { padding: 20px; gap: 18px; }
  .home-atlas .ci-title { font-size: 13px; }
  .home-atlas .ci-btn { padding: 11px 18px; }
  .home-atlas .footer { padding: 44px 24px 28px; }
}
@media (max-width: 380px) {
  .home-atlas .nav, .home-atlas .nav.scrolled { padding-inline: 14px; }
  .home-atlas .brand { font-size: 15px; }
  .home-atlas .nav-toggle { margin-left: 8px; }
  .home-atlas .hero { padding-inline: 18px; }
  .home-atlas .hero-content h1 { font-size: 46px; }
  .home-atlas .hero-kicker { font-size: 9px; }
  .home-atlas .hero-action { padding-inline: 13px; gap: 8px; }
  .home-atlas .world-portal { inset-inline: 18px; width: calc(100% - 36px); }
  .home-atlas .portal-content strong { font-size: 21px; }
  .home-atlas .atlas-hero-bottom { left: 18px; right: 18px; }
  .home-atlas .atlas-launchpad { padding-inline: 18px; }
  .home-atlas .atlas-launchpad > a { font-size: 10px; padding-inline: 7px; }
  .home-atlas :is(#worlds,#status,#hub,#community) { padding-inline: 18px; }
  .home-atlas .wp-grid { grid-template-columns: 1fr; grid-auto-rows: 232px; }
  .home-atlas #hub .hub-grid, .home-atlas .community-grid { grid-template-columns: 1fr; }
  .home-atlas #hub .feat-primary, .home-atlas .community-link { grid-column: auto; }
  .home-atlas #hub .hub-grid { grid-auto-rows: minmax(175px,auto); }
  .home-atlas #community .comm-card { min-height: 208px; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .home-atlas .hero-content h1 { font-size: 52px; }
  .home-atlas .hero-content > p { font-size: 13px; }
  .home-atlas .hero-action { padding-inline: 14px; gap: 12px; font-size: 12px; }
  .home-atlas .atlas-hero-title { font-size: 24px; }
}
@media (max-width: 760px) and (max-height: 760px) {
  .home-atlas .hero { height: calc(100svh - 48px); min-height: 0; padding-top: 94px; }
  .home-atlas .hero-kicker { display: none; }
  .home-atlas .hero-content h1 { margin-top: 0; font-size: 46px; }
  .home-atlas .atlas-hero-title { font-size: 21px; }
  .home-atlas .hero-content > p { display: none; }
  .home-atlas .hero-actions { margin-top: 18px; }
  .home-atlas .world-portal { height: 310px; bottom: 48px; }
  .home-atlas .portal-stage { width: 204px; height: 252px; --beam: 19px; }
  .home-atlas .portal-content strong { font-size: 18px; }
  .home-atlas .portal-content { inset: auto 8px 10px; padding-right: 0; }
  .home-atlas .portal-content small { font-size: 10px; }
  .home-atlas .portal-world-tag { display: none; }
  .home-atlas .portal-flint { bottom: auto; top: calc(var(--beam) + 8px); right: calc(var(--beam) + 6px); }
  .home-atlas .atlas-hero-bottom { bottom: 4px; }
}
@media (max-width: 760px) and (max-height: 620px) {
  .home-atlas .hero { height: auto; min-height: calc(100svh - 42px); padding-top: 90px; padding-bottom: 280px; }
  .home-atlas .hero-actions { margin-top: 12px; }
  .home-atlas .hero-action { min-height: 42px; padding-block: 9px; }
  .home-atlas .world-portal { height: 270px; }
  .home-atlas .portal-stage { width: 184px; height: 224px; --beam: 17px; }
  .home-atlas .portal-content strong { font-size: 16px; }
  .home-atlas .portal-content small { display: none; }
  .home-atlas .portal-flint { width: 34px; height: 34px; }
  .home-atlas .portal-flint img { width: 22px; height: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-atlas .hero *, .home-atlas .hero *::before, .home-atlas .hero *::after { animation: none !important; transition: none !important; }
}
html.motion-lite .home-atlas .hero :is(.atlas-cloud,.atlas-star,.atlas-island,.portal-membrane),
html.page-hidden .home-atlas .hero :is(.atlas-cloud,.atlas-star,.atlas-island,.portal-membrane) { animation-play-state: paused !important; }
.home-atlas[data-motion-paused="true"] .hero *, .home-atlas[data-motion-paused="true"] .hero *::before, .home-atlas[data-motion-paused="true"] .hero *::after { animation-play-state: paused !important; }
.home-atlas[data-motion-paused="true"] .hero .hero-enter { animation: none; opacity: 1; transform: none; will-change: auto; }