/* Actual in-game scenery, with typography and a connection-safe loading state. */
#load{position:fixed;inset:0;z-index:10000;overflow:auto;color:#f7efdd;background:#1b2925;font-family:var(--font),sans-serif;isolation:isolate;display:flex;flex-direction:column;text-align:left;padding:clamp(24px,4.5vw,70px);padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(26px,env(safe-area-inset-bottom));box-sizing:border-box;min-height:100svh}
#load .intro-landscape{position:absolute;inset:0;z-index:-2;background:#384c3c url('ranch-intro.webp') 64% center/cover no-repeat}
#load:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,27,24,.94) 0%,rgba(12,27,24,.86) 27%,rgba(16,29,25,.46) 55%,rgba(12,24,22,.04) 85%),linear-gradient(0deg,rgba(13,25,23,.75),transparent 35%,transparent 80%,rgba(13,25,23,.26));pointer-events:none}
.intro-top{display:flex;align-items:center;gap:16px;font-size:10px;font-weight:600;letter-spacing:.21em;color:#f2dfb4}.intro-top>span:last-child{display:flex;flex-direction:column;gap:6px}.intro-top i{font-style:normal;font-size:8px;letter-spacing:.24em;color:#c0c6b6}
.intro-monogram{position:relative;display:grid;place-items:center;width:39px;height:47px;border:1px solid #d2b982;border-radius:18px 18px 3px 3px;font:25px/1 Georgia,serif;letter-spacing:-3px;padding-right:3px;box-sizing:border-box}.intro-monogram span{font-size:15px;position:absolute;right:5px;bottom:7px}
.intro-content{margin:auto 0;max-width:620px;padding:48px 0 36px}.intro-eyebrow{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.23em;font-weight:600;margin:0 0 21px;color:#d3bf93}.intro-eyebrow>span{width:31px;height:1px;background:#cbb180}
#load h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,6.7vw,102px);font-weight:400;line-height:1.04;letter-spacing:-.052em;margin:0;color:#fff5df;text-shadow:0 2px 25px #16262255}#load h1>span{font:500 clamp(11px,1.1vw,15px)/1.4 var(--font),sans-serif;display:block;letter-spacing:.7em;padding-left:5px;margin-top:19px;color:#ddc69c}
.intro-story{font-size:clamp(14px,1.22vw,18px);font-weight:400;line-height:1.65;letter-spacing:.015em;color:#d9dfd0;margin:32px 0 35px}
.intro-loading{max-width:300px}.intro-status{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.03em}.intro-pulse{display:flex;gap:4px}.intro-pulse i{height:3px;width:3px;border-radius:100%;background:#dabd83;animation:intro-breathe 1.5s infinite}.intro-pulse i:nth-child(2){animation-delay:.2s}.intro-pulse i:nth-child(3){animation-delay:.4s}
#loadbar{height:2px;margin:13px 0 10px;background:#ede3c533;overflow:hidden;border-radius:2px}#loadbar i{display:block;height:100%;width:38%;background:#e0c48b;animation:loading-drift 1.8s ease-in-out infinite alternate}#loadpct{font-size:11px;line-height:1.5;color:#cad1c2;min-height:17px;letter-spacing:.015em}
#loadHelp{font-size:12px;line-height:1.5;color:#f0e8d7;margin-top:13px}#loadRetry{margin-top:12px;min-height:44px;border:1px solid #d5bd88;background:#eddfbf;color:#263d34;border-radius:4px;padding:10px 17px;font:600 13px var(--font),sans-serif;box-shadow:none}#loadRetry span{padding-left:26px}#loadRetry:focus-visible{outline:2px solid #fff;outline-offset:4px}#load [hidden]{display:none!important}
#load.load-failed #loadbar,#load.load-failed .intro-pulse{display:none}#load.load-ready #loadbar i{width:100%;animation:none}
.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:.19em;color:#d0d2bf}.intro-location{font-size:10px;letter-spacing:.035em;display:flex;gap:9px;align-items:center}.intro-location i{width:5px;height:5px;background:#d8bb81;transform:rotate(45deg)}
@keyframes loading-drift{to{transform:translateX(165%)}}@keyframes intro-breathe{50%{opacity:.25}}
@media(max-width:650px){#load{padding-left:27px;padding-right:27px}#load:after{background:linear-gradient(90deg,#101f1beb,#101f1b99 75%,#101f1b66),linear-gradient(0deg,#12271be0,transparent 60%)}#load .intro-landscape{background-position:66% center}.intro-content{padding:34px 0}.intro-story{margin:27px 0 33px}.intro-eyebrow{font-size:8px}.intro-bottom{align-items:flex-start;flex-direction:column;gap:12px}.intro-loading{max-width:280px}#load h1{font-size:clamp(46px,11.5vw,70px)}}
@media(max-height:570px) and (min-width:651px){#load{padding:20px 34px}.intro-top{position:absolute;right:32px;top:24px}.intro-content{padding:13px 0 20px}#load h1{font-size:58px}.intro-eyebrow{margin-bottom:12px}#load h1>span{margin-top:10px}.intro-story{font-size:13px;line-height:1.4;margin:17px 0}.intro-story br{display:none}.intro-story br:after{content:' '}.intro-loading{max-width:310px}.intro-bottom{font-size:7px}.intro-location{font-size:9px}#loadHelp{font-size:11px}.intro-content:has(#loadRetry:not([hidden])) .intro-story{display:none}}
@media(prefers-reduced-motion:reduce){#loadbar i,.intro-pulse i{animation:none!important}#loadbar i{width:60%}}