/* Level 2 v11 — atmospheric polish, mobile-first */
body{background:radial-gradient(circle at 50% 15%,#30485e 0,#121b28 48%,#080d14 100%)}
#game{filter:saturate(1.16) contrast(1.06) brightness(1.03)}
#hud{gap:10px}
.hud-panel,.objective,.bark-meter{background:linear-gradient(180deg,rgba(20,31,45,.80),rgba(8,14,23,.76));border:1px solid rgba(157,217,255,.24);box-shadow:0 12px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07)}
.objective{position:relative;overflow:hidden}
.objective:before{content:'🏘️ PUEBLO ABANDONADO';display:block;font-size:10px;letter-spacing:.13em;font-weight:800;color:#9fdaff;margin-bottom:3px;opacity:.88}
.card{border:1px solid rgba(161,219,255,.25);box-shadow:0 26px 70px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.08);background:linear-gradient(165deg,rgba(26,43,59,.95),rgba(9,16,26,.94))}
.card h1,.card h2{text-shadow:0 3px 18px rgba(80,190,255,.18)}
.logo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.howto{background:rgba(7,16,27,.42);border:1px solid rgba(145,208,248,.13);border-radius:14px;padding:7px 10px}
.primary,.primary-link{background:linear-gradient(180deg,#55bce9,#2679b5)!important;border-color:rgba(189,235,255,.6)!important;box-shadow:0 10px 26px rgba(32,151,218,.30),inset 0 1px rgba(255,255,255,.28)!important}
.level-link{border-radius:12px;transition:transform .15s ease,background .15s ease}
.level-link:active,.actions button:active{transform:scale(.94)}
.actions button{position:relative;overflow:hidden;background:linear-gradient(165deg,rgba(48,72,94,.96),rgba(14,28,42,.96));border:1px solid rgba(174,224,255,.24);box-shadow:0 10px 28px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.14)}
.actions button:after{content:'';position:absolute;left:10%;right:10%;top:7%;height:28%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));pointer-events:none}
.actions button.bark{box-shadow:0 10px 30px rgba(40,184,255,.22),inset 0 1px rgba(255,255,255,.16)}
.joystick-ring{background:radial-gradient(circle,rgba(92,160,198,.11),rgba(7,20,31,.70));border:2px solid rgba(149,211,245,.30);box-shadow:0 12px 30px rgba(0,0,0,.34),inset 0 0 24px rgba(77,174,225,.10)}
.stick{background:radial-gradient(circle at 35% 30%,#7ed5fb,#2f759b 55%,#173d54);border:1px solid rgba(210,244,255,.42)}
.toast{font-weight:800;letter-spacing:.01em;background:linear-gradient(180deg,rgba(20,43,59,.94),rgba(7,18,29,.94));border:1px solid rgba(130,218,255,.31);box-shadow:0 16px 42px rgba(0,0,0,.42)}
.rotate-hint{background:rgba(7,15,24,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
/* cinematic edge shading without touching game controls */
body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 51%,rgba(3,8,13,.10) 73%,rgba(2,5,9,.26) 100%)}
#hud,#mobileControls,.overlay,.toast,.rotate-hint{z-index:6}
@media(max-width:850px){#game{filter:saturate(1.13) contrast(1.045) brightness(1.025)}.card{border-radius:20px}.objective:before{font-size:9px}.actions{gap:7px}.actions button{min-width:54px;min-height:54px}.action-wrap span{font-size:9px;letter-spacing:.05em}.hud-panel{font-size:14px}}
@media(prefers-reduced-motion:reduce){.level-link,.actions button{transition:none}}