/* Level 1 v12 — Bosque Perdido premium atmosphere */
body{background:radial-gradient(circle at 50% 10%,#315f68 0,#16382f 42%,#081712 100%)}
#game{filter:saturate(1.22) contrast(1.055) brightness(1.045)}
.hud-panel,.objective,.bark-meter{background:linear-gradient(180deg,rgba(18,47,42,.83),rgba(7,20,18,.80));border:1px solid rgba(165,241,203,.24);box-shadow:0 12px 34px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08)}
.objective{position:relative;overflow:hidden}
.objective:before{content:'🌲 BOSQUE PERDIDO';display:block;font-size:10px;letter-spacing:.13em;font-weight:900;color:#a9f3c4;margin-bottom:3px;opacity:.9}
.card{border:1px solid rgba(177,242,207,.24);box-shadow:0 26px 70px rgba(0,0,0,.43),inset 0 1px rgba(255,255,255,.08);background:linear-gradient(165deg,rgba(25,55,49,.96),rgba(7,19,18,.94))}
.card h1,.card h2{text-shadow:0 3px 18px rgba(89,255,171,.16)}
.logo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.howto{background:rgba(6,25,20,.46);border:1px solid rgba(153,239,194,.14);border-radius:14px;padding:7px 10px}
.primary,.primary-link{background:linear-gradient(180deg,#78df87,#35a95c)!important;border-color:rgba(210,255,218,.62)!important;box-shadow:0 10px 26px rgba(56,184,97,.28),inset 0 1px rgba(255,255,255,.28)!important}
.actions button{background:linear-gradient(165deg,rgba(49,88,73,.96),rgba(12,37,31,.96));border:1px solid rgba(180,241,207,.23);box-shadow:0 10px 28px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.14)}
.actions button.bark{box-shadow:0 10px 30px rgba(91,236,255,.2),inset 0 1px rgba(255,255,255,.16)}
.joystick-ring{background:radial-gradient(circle,rgba(106,188,139,.12),rgba(6,29,23,.70));border:2px solid rgba(168,238,195,.30);box-shadow:0 12px 30px rgba(0,0,0,.34),inset 0 0 24px rgba(83,208,130,.11)}
.stick{background:radial-gradient(circle at 35% 30%,#a5efad,#4dbd69 55%,#245d38);border:1px solid rgba(222,255,229,.44)}
.toast{background:linear-gradient(180deg,rgba(21,58,47,.95),rgba(7,24,20,.94));border:1px solid rgba(137,241,187,.30);box-shadow:0 16px 42px rgba(0,0,0,.40)}
body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 54%,rgba(2,16,10,.10) 76%,rgba(1,8,5,.26) 100%)}
#hud,#mobileControls,.overlay,.toast,.rotate-hint{z-index:6}
.forest-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.forest-firefly,.forest-leaf{position:absolute;will-change:transform,opacity}
.forest-firefly{width:5px;height:5px;border-radius:50%;background:#dfff8e;box-shadow:0 0 9px #dfff8e,0 0 18px rgba(219,255,142,.48);animation:forestGlow var(--dur,4s) ease-in-out infinite alternate}
.forest-leaf{width:10px;height:6px;border-radius:80% 20% 80% 20%;background:#7acb68;opacity:.4;animation:forestLeaf var(--dur,8s) linear infinite}
@keyframes forestGlow{from{opacity:.15;transform:translate(0,0) scale(.7)}to{opacity:.9;transform:translate(var(--dx,12px),var(--dy,-20px)) scale(1.35)}}
@keyframes forestLeaf{0%{opacity:0;transform:translate3d(0,-8vh,0) rotate(0)}12%{opacity:.55}100%{opacity:0;transform:translate3d(var(--dx,80px),108vh,0) rotate(520deg)}}
body.power-active .forest-firefly{background:#fff4a3;box-shadow:0 0 12px #ffe966,0 0 25px rgba(255,226,85,.6)}
@media(max-width:850px){#game{filter:saturate(1.17) contrast(1.045) brightness(1.035)}.objective:before{font-size:9px}.actions{gap:7px}.actions button{min-width:54px;min-height:54px}.hud-panel{font-size:14px}.forest-leaf:nth-of-type(n+8){display:none}}
@media(prefers-reduced-motion:reduce){.forest-firefly,.forest-leaf{display:none!important}}