/* MNDN Jornada v65: mochila de atalhos da praça */
#praca.anm-atalhos #opDiario,#praca.anm-atalhos #opRadio,#praca.anm-atalhos #opCadernoLeis,#praca.anm-atalhos #opNoticias,
#praca.anm-atalhos #opMenuPraca,#praca.anm-atalhos #menuAcessosPraca,#praca.anm-atalhos #opTutorial,#praca.anm-atalhos #opParticipar,
#praca.anm-atalhos #opPainelMissoes,#praca.anm-atalhos #opMissoesAmigos,#praca.anm-atalhos #opComunidadeOnline{display:none!important}
#praca.anm-atalhos:not(.anm-presente-livre) #opRecompensa{display:none!important}
#praca.anm-atalhos.anm-presente-livre #opRecompensa{animation:anmPresente 1.6s ease-in-out infinite}
@keyframes anmPresente{0%,100%{translate:0 0;rotate:0}20%{translate:0 -8px;rotate:-6deg}40%{translate:0 0;rotate:5deg}60%{rotate:-3deg}}
#praca.anm-atalhos .tg-news-tip{display:none!important}

.anm-mochila{position:absolute;right:max(10px,1.6%);top:clamp(118px,17vh,150px);z-index:58;display:flex;flex-direction:column;align-items:center;gap:2px;width:74px;padding:8px 4px 7px!important;border:3px solid #6b3f1d!important;border-radius:20px!important;background:linear-gradient(#f9e2a6,#e9bf6a)!important;color:#4a2a0d!important;box-shadow:0 5px 0 #6b3f1d,0 10px 18px #0005!important;cursor:pointer;transition:translate .15s,scale .15s}
.anm-mochila:hover{translate:0 -3px}
.anm-mochila:active{translate:0 3px;box-shadow:0 2px 0 #6b3f1d,0 6px 12px #0005!important}
.anm-mochila-ic{font-size:32px;line-height:1;display:block;transform-origin:50% 90%}
.anm-mochila-txt{font:900 12px/1 system-ui,sans-serif}
.anm-mochila.anm-tem-aviso .anm-mochila-ic{animation:anmMochila 2.4s ease-in-out infinite}
@keyframes anmMochila{0%,70%,100%{rotate:0}76%{rotate:-12deg}84%{rotate:10deg}92%{rotate:-6deg}}
.anm-mochila.aberta .anm-mochila-ic{animation:anmMochilaAbre .4s ease}
@keyframes anmMochilaAbre{40%{scale:1.25 .85}100%{scale:1}}
.anm-mochila-badge{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#d94035;color:#fff;font:900 13px/24px system-ui,sans-serif;font-style:normal;border:2px solid #fff;box-shadow:0 2px 6px #0005;animation:anmPing 1.6s ease-in-out infinite}
@keyframes anmPing{50%{scale:1.15}}

.anm-gaveta-fundo{position:absolute;inset:0;z-index:60;background:#0b2a2033;backdrop-filter:blur(1px)}
.anm-gaveta{position:absolute;z-index:61;right:max(10px,1.6%);top:clamp(118px,17vh,150px);width:min(360px,calc(100% - 20px));max-height:calc(100% - 300px);overflow:auto;padding:12px;border:3px solid #6b3f1d;border-radius:22px;background:#fff8e6;box-shadow:0 6px 0 #6b3f1d,0 18px 40px #0006;transform-origin:calc(100% - 37px) 30px;animation:anmGavetaAbre .32s cubic-bezier(.2,1.3,.4,1)}
.anm-gaveta.saindo{animation:anmGavetaFecha .22s ease forwards}
@keyframes anmGavetaAbre{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
@keyframes anmGavetaFecha{to{opacity:0;scale:.4}}
.anm-gaveta header{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}
.anm-gaveta header b{font:900 16px/1.2 system-ui,sans-serif;color:#4a2a0d}
.anm-gaveta header button{width:34px;height:34px;padding:0!important;border-radius:50%!important;border:2px solid #6b3f1d!important;background:#fff!important;color:#4a2a0d!important;font:900 15px/1 system-ui,sans-serif!important;cursor:pointer}
.anm-gaveta-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.anm-gaveta-grade button{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;padding:10px!important;border:2px solid #e2c98f!important;border-radius:16px!important;background:#fff!important;color:#2d2416!important;box-shadow:0 3px 0 #e2c98f!important;cursor:pointer;animation:anmTile .4s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i)*35ms + 80ms);transition:translate .12s,box-shadow .12s}
@keyframes anmTile{from{opacity:0;translate:0 14px;scale:.8}to{opacity:1;translate:0 0;scale:1}}
.anm-gaveta-grade button:hover{translate:0 -2px;border-color:#c99a3c!important}
.anm-gaveta-grade button.anm-toque{scale:.94}
.anm-gaveta-grade .ic{grid-row:span 2;font-size:28px;line-height:1}
.anm-gaveta-grade b{font:900 13px/1.15 system-ui,sans-serif}
.anm-gaveta-grade small{font:700 10.5px/1.2 system-ui,sans-serif;color:#7a6a50}
.anm-gaveta-grade button.aviso{border-color:#e0483c!important;box-shadow:0 3px 0 #e0483c!important;background:#fff4f2!important}
.anm-gaveta-grade button i{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:#d94035;color:#fff;font:900 12px/22px system-ui,sans-serif;font-style:normal;text-align:center;border:2px solid #fff}
.anm-gaveta-grade button.bloq{background:#f2ece0!important;color:#9a8c74!important;box-shadow:none!important;border-style:dashed!important;cursor:default}
.anm-gaveta-grade button.bloq .ic{filter:grayscale(1);opacity:.7}
.anm-gaveta-grade button.anm-nao{animation:anmShake .4s ease}
@media (max-width:600px){
  .anm-mochila{width:62px;top:118px;right:8px}.anm-mochila-ic{font-size:26px}.anm-mochila-txt{font-size:10.5px}
  .anm-gaveta{top:118px;right:8px;width:calc(100% - 16px);max-height:calc(100% - 250px)}
  .anm-gaveta-grade button{padding:9px!important}.anm-gaveta-grade .ic{font-size:24px}
}
body.reduce-motion .anm-gaveta,body.reduce-motion .anm-gaveta-grade button,body.reduce-motion .anm-mochila *{animation:none!important}
@media (prefers-reduced-motion:reduce){.anm-gaveta,.anm-gaveta-grade button,.anm-mochila *{animation:none!important}}