/* MNDN Jornada v69: Fliperama do MNDN */
.fl-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.fl-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:14px 14px 12px;border-radius:18px;border:3px solid #6b3f1d;background:linear-gradient(160deg,#fff8e6,#fde8b8);box-shadow:0 5px 0 #6b3f1d;cursor:pointer;font-family:system-ui,sans-serif;color:#2a1c0a;transition:transform .15s;overflow:hidden}
.fl-item:hover,.fl-item:focus-visible{transform:translateY(-4px) rotate(-.6deg)}
.fl-item:active{transform:translateY(2px);box-shadow:0 2px 0 #6b3f1d}
.fl-ic{font-size:38px;line-height:1;animation:flBoia 2.4s ease-in-out infinite}
.fl-item:nth-child(2n) .fl-ic{animation-delay:-.8s}.fl-item:nth-child(3n) .fl-ic{animation-delay:-1.5s}
.fl-item b{font-size:17px}.fl-item small{font-size:13px;line-height:1.35;color:#5a4426}
.fl-rec{font-size:13px;color:#1c6a4a}
.fl-jogar{margin-top:4px;padding:6px 12px;border-radius:10px;background:#1c8058;color:#fff;font-weight:900;font-size:14px}
@keyframes flBoia{50%{transform:translateY(-5px) rotate(4deg)}}

body.ar-aberto{overflow:hidden}
.ar-overlay{position:fixed;inset:0;z-index:24000;display:flex;background:radial-gradient(circle at 50% 0,#22476b,#0d1b2a 75%);font-family:system-ui,sans-serif;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none}
.ar-shell{display:flex;flex-direction:column;width:100%;max-width:900px;margin:0 auto;height:100%;padding:8px 10px calc(10px + env(safe-area-inset-bottom))}
.ar-top{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.ar-btn-top{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:2px solid #ffffff55;background:#0006;color:#fff;font:900 20px system-ui;cursor:pointer}
.ar-tit{flex:1;min-width:0}.ar-tit small{color:#f7d974;font-weight:900;font-size:10px;letter-spacing:.06em}
.ar-tit h2{margin:0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-hud{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ar-hud>span{padding:5px 9px;border-radius:12px;background:#0007;font-weight:800;font-size:14px;white-space:nowrap}
.ar-pts b{font-size:17px;color:#ffe680}.ar-pts.pula{animation:arPula .3s ease}
@keyframes arPula{50%{transform:scale(1.18)}}
.ar-palco{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;margin:8px 0;overflow:hidden}
.ar-palco.treme{animation:arTreme .35s linear}
@keyframes arTreme{20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,1px)}80%{transform:translate(3px,0)}}
.ar-canvas{display:block;border-radius:14px;box-shadow:0 8px 30px #0008;border:3px solid #6b3f1d;background:#000;touch-action:none}
.ar-controles{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ar-controles:empty{display:none}
.ar-cobrinha .ar-controles,.ar-comilao .ar-controles{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,56px)}
.ar-tecla{min-width:64px;height:56px;padding:0 14px;border-radius:16px;border:3px solid #6b3f1d;background:#f7d974;color:#4a2d12;font:900 24px system-ui;box-shadow:0 4px 0 #6b3f1d;cursor:pointer;touch-action:none}
.ar-tecla.larga{min-width:110px}
.ar-tecla.on,.ar-tecla:active{transform:translateY(3px);box-shadow:0 1px 0 #6b3f1d;background:#ffe9a0}
.ar-vazio{display:block}
.ar-card{display:flex;gap:16px;align-items:center;max-width:560px;margin:auto;padding:20px;border-radius:22px;background:#fff8e6;color:#2a1c0a;border:3px solid #6b3f1d;box-shadow:0 6px 0 #6b3f1d;animation:anmPop .4s cubic-bezier(.3,1.5,.5,1)}
.ar-card h3{margin:0 0 6px;font-size:21px}.ar-card p{margin:0 0 8px;line-height:1.45}
.ar-card ul{margin:0 0 12px;padding-left:18px;line-height:1.5}
.ar-masc{width:110px;flex:0 0 110px;filter:drop-shadow(0 6px 6px #0004)}
.ar-masc.pula{animation:arMasc 1.4s ease-in-out infinite}
.ar-masc.festa{animation:arFesta .7s ease-in-out infinite}
@keyframes arMasc{50%{transform:translateY(-8px) rotate(-3deg)}}
@keyframes arFesta{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(6deg)}}
.ar-prim,.ar-fim-btns button{padding:12px 18px;border:0;border-radius:12px;background:#e9dcc0;color:#4a2d12;font:900 15px system-ui,sans-serif;cursor:pointer}
.ar-prim{background:#1c8058!important;color:#fff!important}
.ar-fim-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ar-fim,.ar-pausa-tela{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;background:#0009;z-index:5}
.ar-fim-pts b{font-size:40px;color:#1c8058}
.ar-rank-linha{font-size:14px;background:#eef6f0;border-radius:10px;padding:8px}
.ar-fato{font-size:14px;background:#fff0c4;border-radius:10px;padding:8px}
.ar-balao{position:absolute;left:50%;top:6px;transform:translate(-50%,-140%);display:flex;align-items:center;gap:8px;width:max-content;max-width:min(92%,420px);padding:6px 14px 6px 6px;border-radius:30px;background:#fff;color:#2a1c0a;font-weight:800;font-size:14px;box-shadow:0 4px 14px #0006;transition:transform .35s cubic-bezier(.3,1.5,.5,1);z-index:4;pointer-events:none}
.ar-balao img{width:44px;height:34px;object-fit:contain}
.ar-balao.on{transform:translate(-50%,0)}
.ar-mini{padding:7px 12px;border-radius:10px;border:2px solid #6b3f1d;background:#fff8e6;color:#4a2d12;font:800 13px system-ui;cursor:pointer}

/* quebra-cabeça */
.ar-quebra .ar-palco{flex-direction:column;gap:8px}
.ar-escolha{flex-direction:column;text-align:center}
.ar-qc-topo{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;font-weight:800}
.ar-qc-info{padding:4px 10px;border-radius:10px;background:#0007}
.ar-qc{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:2px;width:min(100%,calc((100vh - 230px) * 1.5),620px);max-height:calc(100vh - 230px);padding:2px;border:3px solid #6b3f1d;border-radius:12px;background:#6b3f1d;box-shadow:0 8px 30px #0008}
.ar-peca{border:0;padding:0;background-size:calc(var(--n) * 100%) calc(var(--n) * 100%);background-repeat:no-repeat;cursor:pointer;transition:filter .2s,outline-color .2s;outline:3px solid transparent;outline-offset:-3px;touch-action:manipulation}
.ar-peca.certa{outline-color:#5cd68a66}
.ar-peca.sel{outline-color:#ffe680;filter:brightness(1.15);z-index:2}
.ar-peca.pop{animation:anmPop .3s ease}
.ar-qc.espia::after,.ar-qc.pronto::after{content:"";position:absolute;inset:2px;background:var(--img) center/100% 100% no-repeat;border-radius:9px;pointer-events:none}
.ar-qc.espia::after{opacity:.85}
.ar-qc.espia .ar-peca{opacity:.35}
.ar-qc.pronto{gap:0;animation:anmPop .5s ease}.ar-qc.pronto .ar-peca{outline-color:transparent}

/* palavra cruzada */
.ar-cruzada .ar-palco{align-items:stretch;overflow:auto;touch-action:auto}
.ar-cruzada.ar-overlay{touch-action:auto}
.ar-cz{display:flex;gap:14px;align-items:flex-start;justify-content:center;width:100%;flex-wrap:wrap}
.ar-cz-grade{display:grid;grid-template-columns:repeat(var(--w),minmax(0,1fr));gap:2px;width:min(100%,calc(var(--w) * 38px));flex:0 1 auto}
.ar-cz-cel,.ar-cz-vazio{aspect-ratio:1;position:relative}
.ar-cz-cel{border:0;padding:0;border-radius:4px;background:#fff;color:#1c2a3a;font:900 clamp(12px,3.4vw,20px) system-ui;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ar-cz-cel sup{position:absolute;left:2px;top:1px;font-size:9px;font-weight:700;color:#6b3f1d;line-height:1}
.ar-cz-cel.na-palavra{background:#fff3b0}
.ar-cz-cel.cursor{background:#ffd34d;box-shadow:inset 0 0 0 2px #c58b00}
.ar-cz-cel.certa{background:#b9ecc9;color:#145c38}
.ar-cz-cel.certa.cursor{background:#8fdcaa}
.ar-cz-lado{flex:1 1 280px;max-width:420px;display:flex;flex-direction:column;gap:8px}
.ar-cz-pista{margin:0;padding:10px 12px;border-radius:12px;background:#fff8e6;color:#2a1c0a;line-height:1.4;min-height:44px}
.ar-cz-teclado{display:flex;flex-direction:column;gap:4px}
.ar-cz-teclado div{display:flex;gap:4px;justify-content:center}
.ar-cz-teclado button{flex:1;max-width:38px;height:42px;border:0;border-radius:8px;background:#f7d974;color:#4a2d12;font:900 16px system-ui;box-shadow:0 3px 0 #6b3f1d;cursor:pointer;padding:0}
.ar-cz-teclado button.apaga{max-width:56px;background:#e9dcc0}
.ar-cz-teclado button:active{transform:translateY(2px);box-shadow:0 1px 0 #6b3f1d}
.ar-cz-acoes{display:flex;gap:8px;justify-content:center}
.ar-cz-lista{background:#fff8e6;color:#2a1c0a;border-radius:12px;padding:8px 12px;font-size:13px}
.ar-cz-lista summary{cursor:pointer;font-weight:800}
.ar-cz-lista ol{margin:4px 0 8px;padding-left:4px;list-style:none}
.ar-cz-lista li{padding:3px 0;cursor:pointer}.ar-cz-lista li.feita{text-decoration:line-through;color:#1c8058}

@media (max-width:600px){
  .ar-card{flex-direction:column;text-align:center;padding:16px}.ar-card ul{text-align:left}
  .ar-masc{width:80px;flex-basis:auto}
  .ar-hud .ar-rec{display:none}
  .ar-tit h2{font-size:15px}
  .ar-tecla{height:52px}
}
body.reduce-motion .fl-ic,body.reduce-motion .ar-masc{animation:none}
@media (prefers-reduced-motion:reduce){.fl-ic,.ar-masc{animation:none}.ar-palco.treme{animation:none}}

.ar-cruzada .ar-balao,.ar-quebra .ar-balao{top:auto;bottom:6px;transform:translate(-50%,160%)}.ar-cruzada .ar-balao.on,.ar-quebra .ar-balao.on{transform:translate(-50%,0)}