/* ---------- modo Italo ---------- */
.btn.roubar { font-family: 'Baloo 2'; font-size: 17px; padding: 6px 16px; border: 2px solid #fff; color: #fff;
  background: repeating-linear-gradient(-45deg, #111 0 10px, #2b2b2b 10px 20px); box-shadow: 0 0 0 3px #ff2d55, 0 0 22px rgba(255,45,85,.7); animation: wobble2 1.4s infinite; }
@keyframes wobble2 { 0%, 80%, 100% { transform: rotate(0); } 85% { transform: rotate(-6deg); } 90% { transform: rotate(6deg); } 95% { transform: rotate(-3deg); } }
.modal-box.cheat { width: min(620px, 100%); background: linear-gradient(160deg, #1b1030, #10142c); border-color: #ff2d55; }
.cheat-tabs { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.cheat-tabs button { border-radius: 99px; padding: 6px 12px; background: rgba(255,255,255,.07); border: 1px solid var(--line); font-weight: 700; font-size: 13px; }
.cheat-tabs button.on { background: #ff2d55; border-color: #ff2d55; }
#cheatBody { --cw: 46px; display: flex; flex-direction: column; gap: 10px; }
#cheatBody h4 { margin: 4px 0 0; font-size: 13px; color: var(--muted); font-weight: 600; }
.cgrid { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.cgrid .card { cursor: pointer; transition: transform .12s; }
.cgrid .card:hover { transform: translateY(-4px) scale(1.06); }
.cgrid .card.sel { box-shadow: 0 0 0 3px #ff2d55, 0 0 18px #ff2d55; transform: translateY(-6px); }
.crow { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.crow .btn { font-size: 14px; padding: 8px 12px; }
.btn.steal { background: #ff2d55; border: 0; }
.btn.help { background: #2563eb; border: 0; }
.btn.poop { background: #7c4a1e; border: 0; }

.siren { position: fixed; inset: 0; pointer-events: none; z-index: 60; animation: siren .25s steps(1) 8; box-shadow: inset 0 0 120px 30px #ff2d55; }
@keyframes siren { 50% { box-shadow: inset 0 0 120px 30px #2b6bff; } }
.comic { position: fixed; left: 50%; top: 30%; z-index: 62; font-family: 'Baloo 2'; font-weight: 800; font-size: clamp(28px, 7vw, 64px); color: #ffd84d; white-space: nowrap;
  -webkit-text-stroke: 2px #1a0b00; text-shadow: 4px 4px 0 #ff2d55, 8px 8px 0 rgba(0,0,0,.35); animation: comic 2.2s cubic-bezier(.2,1.6,.4,1) forwards; }
.comic small { display: block; text-align: center; font-size: .4em; color: #fff; -webkit-text-stroke: 0; text-shadow: 0 2px 0 #000; }
@keyframes comic { 0% { transform: translate(-50%, -50%) scale(0) rotate(-30deg); } 15% { transform: translate(-50%, -50%) scale(1.15) rotate(-6deg); } 25%, 80% { transform: translate(-50%, -50%) scale(1) rotate(-6deg); opacity: 1; } 100% { transform: translate(-50%, -80%) scale(.9) rotate(-6deg); opacity: 0; } }
.thief { position: fixed; z-index: 61; font-size: clamp(60px, 12vw, 120px); top: 55%; left: -20vw; animation: run 1.9s linear forwards; filter: drop-shadow(0 8px 8px rgba(0,0,0,.5)); }
.thief b { display: inline-block; animation: hop .22s infinite alternate; }
@keyframes run { to { left: 110vw; } }
@keyframes hop { from { transform: translateY(0) rotate(-8deg); } to { transform: translateY(-22px) rotate(8deg); } }
.drop { position: fixed; top: -60px; z-index: 61; font-size: 40px; animation: drop 1.4s cubic-bezier(.5,0,1,1) both; }
@keyframes drop { to { transform: translateY(var(--dy, 60vh)) rotate(540deg); opacity: .2; } }
.angel { position: fixed; z-index: 61; font-size: 90px; left: 50%; top: 70%; transform: translateX(-50%); animation: float 2.2s ease-out forwards; }
@keyframes float { 0% { opacity: 0; } 20% { opacity: 1; } 100% { transform: translate(-50%, -60vh) rotate(10deg); opacity: 0; } }
.eyes { position: fixed; z-index: 61; top: 35%; font-size: clamp(80px, 18vw, 180px); left: 110vw; animation: eyes 2.2s ease-in-out forwards; }
@keyframes eyes { 30%, 70% { left: 35vw; } 50% { left: 40vw; transform: scaleX(-1); } to { left: -40vw; } }
.shake { animation: shake .45s 3; }
@keyframes shake { 25% { transform: translateX(-8px) rotate(-1deg); } 75% { transform: translateX(8px) rotate(1deg); } }