/* Game artwork and worn metal replace flat green surfaces. */
.world-section{position:relative;isolation:isolate}
.world-section:before{content:'';position:absolute;inset:-85px 0 -180px;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(10,12,11,.76),rgba(10,12,11,.70) 42%,rgba(10,12,11,.53)),url(assets/world-atmosphere.webp) center 55%/cover no-repeat;mask-image:linear-gradient(transparent,#000 15%,#000 77%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 77%,transparent)}
.world-section:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0c0e0d4a,transparent 65%)}
.world-copy{padding:20px 0;text-shadow:0 2px 12px #0009}
.world-copy>p:not(.lead):not(.eyebrow){color:#c1c2b4}
.forest-frame{padding:0}
.forest-media,.gallery-media{isolation:isolate}
.forest-media:after,.gallery-media:after{inset:-1px;opacity:.9}
.forest-frame figcaption{background:transparent;text-shadow:0 2px 5px #000}

/* The same metal texture used by the game, with warm charcoal shading. */
dialog{width:min(1200px,96vw,calc((96svh - 185px)*1.7778));background:linear-gradient(110deg,#141410d9,#090b0bba),url(assets/game-metal.webp) center/cover;box-shadow:0 28px 120px #000c}
dialog::backdrop{background:#050606e8;backdrop-filter:blur(8px)}
.dialog-top{position:relative;background:linear-gradient(90deg,#0d0f0f52,transparent 55%,#0d0f0f52);border:0;padding:23px 28px 26px}
.dialog-top h2{color:#e8dfc9;text-shadow:0 2px 4px #000}
.dialog-top:after{content:'';position:absolute;bottom:3px;left:27px;right:27px;height:12px;opacity:.62;background:url(assets/divider-gold.webp) center/100% 100% no-repeat;pointer-events:none}
.demo-note{position:relative;margin:0;padding:18px 24px;color:#b8b3a4;background:linear-gradient(0deg,#090b0b70,transparent)}
.fishing-overlay{background:radial-gradient(ellipse at center,rgba(6,8,8,.85) 0%,rgba(6,8,8,.65) 30%,rgba(6,8,8,.18) 66%,transparent 88%)}
.fishing-overlay h3,.fishing-overlay p,.input-hint{text-shadow:0 2px 8px #000}
.fishing-toolbar{background:linear-gradient(#060808a3,transparent)}
.fishing-shell{background:#0c0d0b url(assets/game-metal.webp) center/cover}
.close:hover{color:#fff0bd}

/* Readable navigation, separated by the original emerald ornament. */
.site-header{height:116px;border:0;background:linear-gradient(0deg,#0a0d0ce0,#0a0d0cec),url(assets/game-metal.webp) center 35%/cover;box-shadow:0 9px 30px #0003}
.site-header:after{content:'';position:absolute;left:4.5vw;right:4.5vw;bottom:0;height:13px;background:url(assets/divider-gold.webp) center/100% 100% no-repeat;opacity:.73;pointer-events:none}
.site-header nav{gap:34px;align-items:center;font-family:var(--serif);font-size:clamp(18px,1.2vw,23px);line-height:1.25;color:#e8e0cc;text-shadow:0 2px 4px #000}
.site-header nav a{position:relative;padding:14px 8px;white-space:nowrap;transition:color .18s}
.site-header nav a+a:before{content:'';position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:10px;height:18px;background:url(assets/ornament-emerald.webp) center/contain no-repeat;opacity:.84;pointer-events:none}
.site-header nav a:hover,.site-header nav a[aria-current=location]{color:#f1d69f}
.site-header nav a:after{content:'';position:absolute;bottom:0;left:calc(50% - 5px);width:10px;height:15px;background:url(assets/ornament-emerald.webp) center/contain no-repeat;opacity:0;transition:opacity .18s}
.site-header nav a:hover:after,.site-header nav a[aria-current=location]:after{opacity:1}
.brand-group .brand{width:184px}
.locale-compact select{border:0;color:#d6c49b;font-size:11px}
.hero-languages{padding-bottom:22px}
.hero-languages:after{left:25%;right:25%;height:10px;background:url(assets/divider-gold.webp) center/100% 100% no-repeat;opacity:.75}
.hero-languages button[aria-pressed=true]:after{height:3px;background:#b79b63;clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%)}
.text-link{border-bottom:0}
.site-footer{position:relative;border:0;background:linear-gradient(0deg,#090b0b66,transparent)}
.site-footer:before{content:'';position:absolute;top:0;left:5vw;right:5vw;height:9px;background:url(assets/divider-gold.webp) center/100% 100% no-repeat;opacity:.55;pointer-events:none}
@media(max-width:1000px){.site-header nav{gap:22px;font-size:18px}.site-header nav a+a:before{left:-16px;width:9px}.brand-group .brand{width:155px}}
@media(max-width:650px){
 .site-header{height:100px;padding:0 22px;background:linear-gradient(0deg,#0a0d0ccf,#0a0d0ce8),url(assets/game-metal.webp) center/cover}
 .brand-group .brand{width:136px}
 .site-header nav{display:flex;position:absolute;left:14px;right:14px;top:100%;justify-content:center;gap:14px;padding:8px 4px 12px;font-size:16px;background:linear-gradient(#0a0d0cbd,#0a0d0c52,transparent);flex-wrap:wrap}
 .site-header nav a{padding:5px 6px 9px}
 .site-header nav a+a:before{left:-11px;width:7px;height:13px}
 .site-header nav a:after{height:10px;width:7px;left:calc(50% - 3.5px)}
 .hero-content{padding-top:185px}
 .world-section:before{inset:-40px 0 -100px;background-position:34% center;background-image:linear-gradient(#090c0ba3,#090c0bb8),url(assets/world-atmosphere.webp)}
 .world-copy{padding:0}
 .dialog-top{padding:15px 17px 21px}
 .dialog-top:after{left:14px;right:14px;height:8px}
 .dialog-top .eyebrow{letter-spacing:.14em}
 .demo-note{padding:14px;font-size:9px}
 .fishing-overlay{padding:80px 22px 65px;background:radial-gradient(ellipse at center,#060808d9,#06080870 60%,#06080816)}
 .forest-media:after,.gallery-media:after{inset:-1px}
}
@media(prefers-reduced-motion:reduce){.site-header nav a,.site-header nav a:after{transition:none}}