/* ---------- botón "Volver" de algunas salas (cuarto del Gran Gato) ---------- */
.room-back-btn { position: absolute; left: 50%; top: 100px; transform: translateX(-50%); z-index: 2000; padding: 12px 30px; border-radius: 26px;
  border: 5px solid #3a2a00; background: linear-gradient(#ffe48a, #ffd23f); color: #3a2a00; font: 800 28px var(--font); cursor: pointer;
  box-shadow: 0 6px 0 rgba(0,0,0,.3), 0 0 20px rgba(125,255,106,.4); }
.room-back-btn:hover { transform: translateX(-50%) translateY(-3px); }

/* ---------- Alimenta a los Patos ---------- */
.mg-duck .mg-bg { filter: blur(3px) brightness(.85); transform: scale(1.04); }
.mg-duck .mg-pill, .mg-duck .mg-timer { border-color: #7fd0ff; background: rgba(10,40,70,.82); color: #eaf8ff; box-shadow: 0 0 16px rgba(127,208,255,.4); }
.mg-duck .mg-card { border-color: #7fd0ff; background: rgba(10,40,70,.94); color: #eaf8ff; }
.mg-duck .mg-card h2 { color: #bfeaff; }
.dk-pond { position: absolute; left: 60px; right: 60px; top: 330px; height: 600px; border-radius: 50%; overflow: hidden;
  background: radial-gradient(ellipse at 50% 40%, #8fe0ff, #4aa8e0 55%, #2a78b8); box-shadow: inset 0 0 0 14px rgba(255,255,255,.55), inset 0 -30px 60px rgba(0,40,90,.35), 0 0 0 10px rgba(120,90,60,.55); }
.dk-ripple { position: absolute; width: 220px; height: 60px; border: 4px solid rgba(255,255,255,.55); border-radius: 50%; animation: dkRipple 3.2s ease-out infinite; }
.dk-ripple.r1 { left: 18%; top: 30%; } .dk-ripple.r2 { left: 60%; top: 55%; animation-delay: 1.1s; } .dk-ripple.r3 { left: 38%; top: 75%; animation-delay: 2.2s; }
@keyframes dkRipple { from { transform: scale(.3); opacity: .9; } to { transform: scale(1.4); opacity: 0; } }
.dk-duck { position: absolute; width: 190px; transform: translate(-50%, -100%); pointer-events: none; }
.dk-duck img { width: 100%; display: block; filter: drop-shadow(0 6px 4px rgba(0,40,80,.35)); }
.dk-duck.flip img { transform: scaleX(-1); }
.dk-duck.baby { width: 120px; }
.dk-duck.gold img { filter: sepia(1) saturate(4) hue-rotate(5deg) brightness(1.15) drop-shadow(0 0 16px #ffe48a); }
.dk-want { position: absolute; left: 50%; top: -78px; transform: translateX(-50%); width: 84px; height: 76px; border-radius: 26px; background: #fff; border: 4px solid #1d3a5c;
  font-size: 46px; line-height: 68px; text-align: center; box-shadow: 0 5px 0 rgba(0,0,0,.2); }
.dk-want::after { content: ''; position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%); border: 9px solid transparent; border-top: 11px solid #1d3a5c; }
.dk-duck.baby .dk-want { top: -70px; transform: translateX(-50%) scale(.85); }
.dk-duck.happy { animation: dkHappy .5s ease-out; }
@keyframes dkHappy { 40% { translate: 0 -30px; } }
.dk-duck.nope { animation: dkNope .35s; }
@keyframes dkNope { 25% { translate: -10px 0; } 75% { translate: 10px 0; } }
.dk-gull { position: absolute; width: 200px; transform: translate(-50%, -50%); pointer-events: none; z-index: 2000; }
.dk-gull img { width: 100%; display: block; filter: drop-shadow(0 8px 6px rgba(0,0,0,.25)); }
.dk-gull.flip img { transform: scaleX(-1); }
.dk-gull.shoo, .dk-gull.flyoff { transition: translate .6s ease-in, opacity .6s; translate: 0 -500px; opacity: 0; }
.dk-food { position: absolute; z-index: 2100; font-size: 54px; transform: translate(-50%, -50%); pointer-events: none; filter: drop-shadow(0 4px 2px rgba(0,0,0,.3)); }
.dk-tray { position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%); display: flex; gap: 18px; z-index: 2200; padding: 12px 22px; border-radius: 30px;
  background: rgba(10,40,70,.88); border: 4px solid #7fd0ff; }
.dk-tray button { position: relative; width: 150px; height: 120px; border-radius: 24px; border: 5px solid #3f6a8a; background: #f2fbff; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--font); }
.dk-tray button span { font-size: 58px; line-height: 1; }
.dk-tray button b { font: 700 20px var(--font); color: #1d3a5c; }
.dk-tray button kbd { position: absolute; top: 4px; right: 8px; font: 700 16px var(--font); color: #7a9ab8; }
.dk-tray button.on { border-color: #ffd23f; background: #fff6c8; transform: translateY(-8px); box-shadow: 0 0 22px rgba(255,210,63,.8); }