#openingSplash{position:fixed;inset:0;z-index:200000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#fff9e7,#ffe0a8 55%,#f4963f);text-align:center;color:#703313;animation:opening-failsafe 0s 4s forwards}
.opening-brand{padding:24px;max-width:100%;box-sizing:border-box}
.opening-brand img{display:block;width:min(58vw,240px);height:auto;margin:0 auto 24px;border-radius:50%;box-shadow:0 0 0 8px #fff3cd,0 22px 45px #91401d38;animation:opening-logo 1.8s ease-in-out both}
.opening-brand h2{font:800 clamp(26px,6vw,38px)/1.6 var(--font,sans-serif);margin:0;color:#773619}
.opening-brand p{font-size:20px;margin:8px 0 22px;color:#91401d}
.opening-progress{width:130px;height:4px;border-radius:8px;background:#d6843433;overflow:hidden;margin:auto}
.opening-progress span{display:block;width:100%;height:100%;background:#dc641d;transform-origin:left;animation:opening-fill 1.9s linear both}
#openingSkip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:24px;padding:10px 18px;min-height:44px;background:#fff9e7;border:1px solid #dba268;border-radius:24px;color:#703313;font:inherit}
#openingSkip:focus-visible{outline:3px solid #703313;outline-offset:4px}
@keyframes opening-logo{0%{opacity:0;transform:translateY(24px) scale(.78) rotate(-7deg)}45%{opacity:1;transform:translateY(-8px) scale(1.04) rotate(2deg)}75%{transform:translateY(0) scale(.98)}100%{opacity:1;transform:scale(1)}}
@keyframes opening-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes opening-failsafe{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.opening-brand img,.opening-progress span{animation:none}}
@media print{#openingSplash{display:none!important}}