/* One continuous texture ring avoids joins between independent beam faces. */

.home-atlas .hero { height: auto; min-height: 790px; }
.home-atlas .world-portal { height: auto; padding: 0; gap: 16px; }
.home-atlas .atlas-scene-caption { position: static; align-self: center; text-align: center; }
.home-atlas .portal-coordinate { display: none; }
.home-atlas .portal-stage { isolation: isolate; transform-style: flat; }
.home-atlas .world-portal .hero-world-preview { inset: calc(var(--beam) - 3px); }
.home-atlas .portal-selector { position: static; flex-shrink: 0; }

.home-atlas .portal-frame { position: absolute; inset: 0; z-index: 2; padding: var(--beam); background: url('../icons/minecraft/glowstone.png') 0 0 / var(--beam) var(--beam) repeat; image-rendering: pixelated; pointer-events: none; transform: none; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.home-atlas .portal-frame::after { content: ''; position: absolute; inset: 0; box-shadow: 0 0 24px #77cce955, inset 0 0 0 1px #ffffff45; pointer-events: none; }
.home-atlas .portal-readout { min-width: 0; max-width: 260px; display: flex; align-items: baseline; justify-content: center; gap: 14px; width: auto; transform: none; color: var(--atlas-ink); pointer-events: none; }
.home-atlas .portal-readout span { display: grid; gap: 3px; min-width: 0; text-align: center; }
.home-atlas .portal-readout small { color: currentColor; font: 10px var(--font-body); opacity: .76; }
.home-atlas .portal-readout strong { color: currentColor; font: 700 clamp(16px, 2vw, 22px)/1.2 var(--font-heading); overflow-wrap: anywhere; }
.home-atlas .portal-readout > b { flex-shrink: 0; color: currentColor; font: 10px var(--font-code); opacity: .72; }
.home-atlas .portal-controls { display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; min-height: 50px; }
.home-atlas .portal-flint { position: static; z-index: 5; flex: 0 0 40px; width: 40px; height: 40px; }
html:not([data-theme="dark"]) .home-atlas .world-portal .hero-world-preview { background: #d6f2fb; box-shadow: 0 0 32px #74c8e350; }
html:not([data-theme="dark"]) .home-atlas .portal-frame { background-image: url('../icons/minecraft/glowstone.png'); }
html:not([data-theme="dark"]) .home-atlas .portal-membrane {
  background: linear-gradient(145deg, #f1fcff99 0%, #8cdef533 38%, #a0ddf2aa 63%, #fffdf477);
  background-size: 180% 180%;
  animation: sky-water 8s ease-in-out infinite alternate paused;
  opacity: .4;
}
html:not([data-theme="dark"]) .home-atlas .world-portal .hero-world-preview::after { background: linear-gradient(0deg,#b5e5f04d,transparent 65%); box-shadow: inset 0 0 18px #d9f8ff; }
html:not([data-theme="dark"]) .home-atlas .portal-readout { color: #254856; }
html:not([data-theme="dark"]) .home-atlas .portal-flint { background: #effbff; border-color: #afd3df; }
html:not([data-theme="dark"]) .home-atlas .portal-energy i { background: #d6f8ff; }
html:not([data-theme="dark"]) .home-atlas .world-portal.portal-unlit .hero-world-preview { background: transparent; box-shadow: none; }
html:not([data-theme="dark"]) .home-atlas .world-portal.portal-unlit .hero-world-preview::after { background: none; box-shadow: none; }
html[data-theme="dark"] .home-atlas .world-portal .hero-world-preview { box-shadow: 0 0 32px #ad43ff40; }
html[data-theme="dark"] .home-atlas .portal-frame { background-image: url('../icons/minecraft/obsidian.png'); }
html[data-theme="dark"] .home-atlas .world-portal .hero-world-preview::after { background: linear-gradient(0deg,#180f2de8,transparent 70%); box-shadow: inset 0 0 14px #b983e86b; }
html[data-theme="dark"] .home-atlas .portal-readout { color: #efe3fa; }
html[data-theme="dark"] .home-atlas .world-portal.portal-unlit .hero-world-preview { background: transparent; box-shadow: none; }
html[data-theme="dark"] .home-atlas .world-portal.portal-unlit .hero-world-preview::after { background: none; box-shadow: none; }
html[data-motion="reduce"] .home-atlas .portal-membrane { animation: none; }
@keyframes sky-water { from { background-position: 0 0; } to { background-position: 100% 100%; } }
@media (prefers-reduced-motion: reduce) { html:not([data-theme="dark"]) .home-atlas .portal-membrane { animation: none; } }

@media (max-width: 760px) {
  .home-atlas .hero { height: auto; min-height: max(720px, 100svh); padding-top: 128px; padding-bottom: 44px; }
  .home-atlas .biome-toggle { width: auto; gap: 5px; padding-inline: 8px; }
  .home-atlas .biome-toggle span { display: inline; white-space: nowrap; }
  .home-atlas .world-portal { position: relative; inset: auto; width: 100%; height: auto; margin-top: 28px; padding: 0 0 8px; overflow: visible; }
  .home-atlas .portal-stage { width: min(300px, 94%); height: auto; aspect-ratio: 332 / 410; --beam: 26px; }
  .home-atlas .portal-controls { margin-top: 8px; }
  .home-atlas .portal-selector { position: static; margin-top: 8px; }
  .home-atlas .atlas-hero-bottom { position: relative; inset: auto; margin-top: 14px; }
}
@media (max-width: 760px) and (max-height: 760px) {
  .home-atlas .hero { min-height: 720px; padding-top: 128px; padding-bottom: 44px; }
  .home-atlas .world-portal { margin-top: 18px; }
}