.boot-scene{color:#223d54;font-family:var(--font-body,system-ui);font-size:var(--text-xl,1.5rem);background:#e9f4fa;place-content:center;justify-items:center;font-weight:700;line-height:1.4;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.boot-scene:before{content:"";background:radial-gradient(circle,#fff 2px,#0000 3px) 0 0/103px 137px;animation:8s linear infinite boot-snow;position:absolute;top:-137px;bottom:0;left:0;right:0}.boot-scene:after{content:"";clip-path:polygon(0 70%,20% 40%,40% 75%,60% 15%,100% 80%,100% 100%,0 100%);background:#d3e5ec;animation:6s ease-in-out infinite alternate boot-landscape;position:absolute;top:40%;bottom:-5%;left:-10%;right:-10%}.boot-scene>*{z-index:1;position:relative}@keyframes boot-snow{0%{transform:translateY(-137px)}to{transform:translateY(0)}}@keyframes boot-landscape{0%{transform:translate(-2%)}to{transform:translate(2%)}}@media (prefers-reduced-motion:reduce){.boot-scene:before,.boot-scene:after{animation:none}}.boot-mascot{transform-origin:50% 80%;width:280px;height:280px;animation:2.8s ease-in-out infinite alternate boot-mascot-sway;overflow:hidden}.boot-mascot img{width:280px;max-width:none;height:1960px;display:block}@keyframes boot-mascot-sway{0%{transform:translate(-2px,1px)rotate(-1deg)}to{transform:translate(2px,-1px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.boot-mascot{animation:none}}
