/* Snow Dig — theme styles */
.scene.themed { background:linear-gradient(180deg,#BDE3F5 0%, #D9ECFA 34%, #F4FAFF 35%, #EAF4FB 100%); }
.prop.flake { width:clamp(14px,2.4vw,26px); aspect-ratio:1; border-radius:50%; background:#fff; opacity:.85; animation:flake-fall 7s linear infinite; }
.prop.flake.f1 { left:16%; top:-4%; } .prop.flake.f2 { left:52%; top:-4%; animation-delay:2.3s } .prop.flake.f3 { left:82%; top:-4%; animation-delay:4.6s }
@keyframes flake-fall { from{transform:translateY(-4vh)} to{transform:translateY(106vh)} }

.intro-cluster { position:absolute; left:4%; bottom:26%; z-index:4; display:flex; flex-direction:column; gap:16px; max-width:min(320px,60vw); }
.host-el { width:clamp(120px,22vw,200px); flex:none; aspect-ratio:1; animation:host-bob 2.6s ease-in-out infinite; }
@keyframes host-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }
.host-el svg, .host-el img { width:100%; height:100%; border-radius:18px; }
.host-bubble { font-size:.98rem; }
.intro-panel { position:absolute; right:3%; bottom:4%; z-index:5; background:rgba(255,251,245,.92); border-radius:22px; box-shadow:var(--shadow); padding:20px 22px; text-align:center; width:min(360px, 60vw); }
.intro-panel h1 { font-size:clamp(1.5rem,4.6vw,2.2rem); }
.intro-panel .tagline { color:var(--body); font-size:.95rem; line-height:1.45; margin:8px 0 14px; }
.intro-panel .micro { margin-top:10px; font-size:.78rem; color:var(--muted); }
@media (max-width:620px) {
  .intro-cluster { left:4%; bottom:auto; top:10%; max-width:70vw; flex-direction:row; align-items:flex-end; }
  .host-el { order:-1; }
  .host-bubble { align-self:flex-start; }
  .intro-panel { left:50%; right:auto; transform:translateX(-50%); bottom:3%; width:min(420px, calc(100vw - 24px)); }
}
.dig-grid { --cols:3; --cols-wide:6; --burst-c:#FFFFFF; --found-border:#B9D7EE; }
