/* Public welcome screen; separate from operational screens. */
.parque-splash[hidden]{display:none!important}
.parque-splash{position:fixed;inset:0;z-index:10000;background:#102f29;background-image:linear-gradient(145deg,#102f29,#19483c);color-scheme:dark;display:grid;place-items:center;padding:24px;overflow:auto;color:#fff}
.splash-content{text-align:center;width:min(100%,620px);margin:auto;animation:splash-arrive .35s ease-out}
.splash-parque{display:block;width:min(250px,60vw);height:210px;object-fit:contain;margin:0 auto 20px;background:#143e32;border-radius:24px;padding:20px;box-sizing:border-box}
.splash-content h1{font-family:Georgia,serif;font-size:clamp(24px,5vw,36px);line-height:1.3;margin:20px 0}
.splash-content h1 span{display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:400;margin-top:10px;color:#e0eee8}
.splash-mesvora{display:block;width:min(340px,85vw);height:auto;object-fit:contain;margin:24px auto;border:0;border-radius:14px;padding:0;box-sizing:border-box;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.splash-content button{min-height:48px;min-width:130px;background:#fff;color:#143e32;border:2px solid #fff;border-radius:8px;cursor:pointer;font-size:16px}
body.splash-open{overflow:hidden}
@keyframes splash-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.splash-content{animation:none}}

.splash-content button:focus-visible{outline:3px solid #ff7958;outline-offset:5px}