@charset "UTF-8";
/* DEU PIZZA! — identidade "caixa de pizza": duas tintas (vermelho e verde) fora de registro
   sobre papelão, molduras impressas, botões-cupom e comanda de papel térmico. */
:root{--caixa:#f7f0df;--branco:#fffdf6;--kraft:#c69c62;--kraft2:#a97f47;--vermelho:#d7261e;--verde:#0b7a43;--sobre:#3a1d14;--queijo:#ffc93c;--rosa:#f2b4a6;--menta:#a8d5b5;
  --titulo:Impact,Haettenschweiler,'Arial Narrow Bold','Roboto Condensed','Arial Black',sans-serif;--nota:'Courier New',Courier,monospace;
  color:var(--sobre);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:var(--kraft) repeating-linear-gradient(90deg,transparent 0 5px,#a97f4733 5px 7px);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
[hidden]{display:none!important}
button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}
h1,h2,p{margin:0}p{line-height:1.5}
:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}
.pular{position:fixed;left:8px;top:-90px;z-index:40;background:var(--sobre);color:var(--branco);padding:12px 16px}.pular:focus{top:8px}

/* toalha xadrez: a faixa de cima */
.toalha{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;min-height:60px;background-color:var(--branco);background-image:linear-gradient(90deg,#d7261e85 50%,transparent 0),linear-gradient(#d7261e85 50%,transparent 0);background-size:28px 28px;border-bottom:3px solid var(--sobre)}
.etiqueta{background:var(--branco);border:2px solid var(--sobre);padding:6px 11px 5px;font:17px/1 var(--titulo);letter-spacing:.5px;text-decoration:none;transform:rotate(-2deg)}
.etiqueta span{display:block;font:bold 9px/1.3 var(--nota);letter-spacing:1px;text-transform:uppercase}
main{width:min(100% - 24px,980px);margin:0 auto;padding:14px 0 26px}
.tela{animation:surge .28s ease-out}@keyframes surge{from{opacity:0;transform:translateY(8px)}}

/* botões-cupom: borda tracejada de "destaque aqui" */
.cupom{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 18px;background:var(--vermelho);color:var(--branco);border:0;border-radius:4px;outline:2px dashed var(--branco);outline-offset:-7px;font:20px/1.05 var(--titulo);letter-spacing:.6px;text-transform:uppercase;text-decoration:none;text-align:center;transition:transform .08s}
.cupom:hover{filter:brightness(1.08)}.cupom:active{transform:translateY(2px) scale(.985)}
.cupom:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}
.cupom.claro{background:var(--branco);color:var(--sobre);outline-color:var(--sobre)}
.cupom.pequeno{min-height:44px;padding:8px 13px;font:bold 12px/1 var(--nota);background:var(--branco);color:var(--sobre);outline:0;border:2px solid var(--sobre);letter-spacing:0;text-transform:none}
.texto{background:none;border:0;min-height:44px;padding:8px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.miudo{font-size:12px;line-height:1.45;color:#5b3a2b}.centro{text-align:center}

/* tampa da caixa */
.tampa{position:relative;background:var(--caixa);border:4px solid var(--vermelho);outline:2px solid var(--verde);outline-offset:-12px;border-radius:5px;padding:26px 22px 22px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"selo selo" "logo mascote" "chamada mascote";align-items:center;gap:6px 18px;overflow:hidden}
.selo{grid-area:selo;font:bold 12px/1.4 var(--nota);letter-spacing:1.5px;text-align:center;color:var(--verde)}.selo span{color:var(--vermelho);white-space:nowrap}
.logo{grid-area:logo;font-size:0;line-height:0}.logo svg{display:block;width:100%;height:auto;max-width:430px}
.logo span[data-logo]:not(:has(svg)){font:60px/1 var(--titulo);color:var(--vermelho)}
.mascote{grid-area:mascote;display:block;width:100%;aspect-ratio:10/9;max-height:300px}
.chamada{grid-area:chamada;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.cupom.gigante{font-size:30px;min-height:72px;padding:14px 30px;box-shadow:5px 5px 0 var(--verde);animation:chama 1.5s ease-in-out infinite}
@keyframes chama{50%{transform:translateY(-3px) rotate(-1deg)}}
.tres-passos{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tres-passos li{display:flex;align-items:center;gap:10px;background:var(--branco);border:3px solid var(--sobre);border-radius:4px;padding:10px 12px;font-size:13px;line-height:1.3}
.tres-passos b{flex:none;width:38px;height:38px;border-radius:50%;background:var(--vermelho);color:var(--branco);border:3px solid var(--sobre);display:grid;place-items:center;font:22px/1 var(--titulo)}
.tres-passos strong{display:block;font:18px/1.05 var(--titulo);text-transform:uppercase;letter-spacing:.2px}
.slogan{font:22px/1.15 var(--titulo);letter-spacing:.3px;text-transform:uppercase;color:var(--verde)}.slogan strong{color:var(--vermelho);font-weight:400}
.carimbo-menu{position:absolute;right:16px;top:44px;font:bold 10px/1.25 var(--nota);letter-spacing:1px;text-align:center;color:var(--vermelho);border:2px solid var(--vermelho);border-radius:50%;width:74px;height:74px;display:grid;place-items:center;transform:rotate(14deg);opacity:.85}

/* cardápio: os dois pedidos */
/* Quadro de avisos: a manchete inventada do dia e o crachá da carreira */
.quadro-aviso{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:14px}
.jornal,.cracha{border:3px solid var(--sobre);border-radius:4px;padding:14px 16px 12px;display:flex;flex-direction:column;gap:7px}
.jornal{background:var(--branco);transform:rotate(-.5deg)}
.jornal-topo,.cracha-topo{font:bold 11px/1 var(--nota);letter-spacing:1.4px;display:flex;justify-content:space-between;gap:8px;border-bottom:3px double var(--sobre);padding-bottom:7px}
.manchete{font:25px/1.06 var(--titulo);text-transform:uppercase;letter-spacing:.2px;color:var(--sobre);text-wrap:balance}
.cracha{background:var(--queijo);transform:rotate(.6deg)}
.cracha-cargo strong{display:block;font:30px/1 var(--titulo);text-transform:uppercase;color:var(--vermelho);text-shadow:2px 1.5px 0 #0b7a4340}.cracha-cargo em{font:bold 12px/1.3 var(--nota);font-style:normal}
.trilho{height:14px;border:2.5px solid var(--sobre);border-radius:3px;background:var(--branco);overflow:hidden}.trilho i{display:block;height:100%;width:0;background:repeating-linear-gradient(-55deg,var(--verde) 0 9px,#0a6034 9px 18px);transition:width .5s}
.sequencia{font:bold 13px/1.3 var(--nota);color:var(--vermelho)}
.grade{font-size:19px;line-height:1.18;letter-spacing:1px;text-align:center;white-space:pre}
.miudo.forte{font-weight:700;color:var(--sobre);font-size:13px}
.cardapio{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.pedido{background:var(--branco);border:3px solid var(--sobre);border-radius:4px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:11px;position:relative}
.pedido::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:repeating-linear-gradient(90deg,var(--vermelho) 0 14px,var(--branco) 14px 28px)}
.pedido.verde::before{background:repeating-linear-gradient(90deg,var(--verde) 0 14px,var(--branco) 14px 28px)}
.numero{font:bold 11px/1 var(--nota);letter-spacing:1.2px;margin-top:8px}
.pedido h2{font:38px/.95 var(--titulo);text-transform:uppercase;color:var(--vermelho);text-shadow:2.5px 2px 0 #0b7a4359;letter-spacing:.3px}
.pedido.verde h2{color:var(--verde);text-shadow:2.5px 2px 0 #d7261e4d}
.pedido p{font-size:15px}.pedido .cupom{margin-top:auto}.pedido.verde .cupom{background:var(--verde)}
.modos{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.modos legend{font:bold 11px/1 var(--nota);letter-spacing:1px;text-transform:uppercase;padding:0;margin-bottom:7px}
.modos label{position:relative;cursor:pointer}.modos input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.modos span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 8px;border:2px dashed var(--sobre);border-radius:4px;font-size:13px;font-weight:700;text-align:center}
.modos input:checked+span{background:var(--queijo);border-style:solid}.modos input:focus-visible+span{outline:3px solid #1d4ed8;outline-offset:2px}

/* balcão: itens pagos com cristais */
.balcao{margin-top:14px;background:var(--branco);border:3px solid var(--sobre);border-radius:4px;padding:16px 18px 18px}
.balcao h2{font:26px/1 var(--titulo);text-transform:uppercase;color:var(--vermelho)}
.balcao-conta{font-size:13px;margin-top:10px}.balcao-conta a{font-weight:700}
.balcao-itens{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.balcao-itens li{display:flex;flex-direction:column;gap:7px;padding:13px;border:2px dashed var(--sobre);border-radius:4px;background:var(--caixa)}
.balcao-itens li.seu{border-style:solid;background:var(--queijo)}
.balcao-itens strong{font:21px/1 var(--titulo);text-transform:uppercase;letter-spacing:.3px;color:var(--verde)}
.balcao-itens span{font-size:13px;line-height:1.45;flex:1}.balcao-itens .cupom{font-size:16px;min-height:48px}.balcao-itens .cupom:disabled{opacity:.6;cursor:default}
.balcao-itens small{font-size:12px;min-height:1.3em;font-weight:700}
/* álbum */
.album{margin-top:14px;background:var(--caixa);border:3px solid var(--sobre);border-radius:4px;padding:16px 18px 18px}
.album h2{font:26px/1 var(--titulo);text-transform:uppercase;color:var(--verde);display:flex;justify-content:space-between;align-items:baseline;gap:10px}.album h2 span{font:bold 14px var(--nota);color:var(--sobre)}
.album ul{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px}
.album li{font:bold 12px/1.25 var(--nota);padding:9px 10px;border:2px dashed #3a1d1466;border-radius:4px;color:#3a1d1480;min-height:40px;display:flex;align-items:center}
.album li.achado{border-style:solid;border-color:var(--sobre);color:var(--sobre);background:var(--branco)}
.album li.achado.sabor{background:var(--queijo)}.album li.achado.queda{background:var(--rosa)}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cartaz{display:block;width:calc(100% + 36px);margin:-18px -18px 2px;aspect-ratio:360/190;border-bottom:3px solid var(--sobre);border-radius:1px 1px 0 0;background:var(--menta)}
.pedido:has(.cartaz)::before{display:none}
.guia{margin-top:14px;background:var(--caixa);border:3px solid var(--sobre);border-radius:4px;padding:16px 18px 12px}
.guia h2{font:26px/1 var(--titulo);text-transform:uppercase;color:var(--verde);margin:4px 0 10px}.guia h2+details{margin-top:0}
.passos{margin:0 0 18px;padding-left:22px;display:grid;gap:7px;font-size:14px;line-height:1.45}
.guia details{border-top:2px dashed #3a1d1466;padding:2px 0}.guia summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;font-size:15px}
.guia details p{font-size:14px;margin:0 0 12px}
/* ---------- partida ---------- */
.palco{width:min(100%,calc((100dvh - 150px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) * .75));margin:0 auto;border:4px solid var(--sobre);border-radius:6px;overflow:hidden;background:var(--caixa);box-shadow:0 0 0 4px var(--vermelho),0 0 0 6px var(--sobre)}
.palco canvas{display:block;width:100%;aspect-ratio:360/480;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}
.palco canvas:focus-visible{outline:4px solid #1d4ed8;outline-offset:-4px}
#game{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding-top:6px}
.painel{background:var(--caixa);border:3px solid var(--sobre);border-radius:4px;padding:9px 10px 10px}
.medidores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.medidor{position:relative;display:grid;justify-items:center;gap:3px;padding-top:4px}
.medidor canvas{width:44px;height:44px;display:block}
.medidor span{font:bold 10px/1.1 var(--nota);letter-spacing:.2px;text-transform:uppercase;text-align:center}
.barra{position:relative;width:100%;height:11px;background:var(--branco);border:2px solid var(--sobre);border-radius:6px;overflow:hidden}
.barra::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 80%,#d7261e66 0) ;pointer-events:none}
.duplo .barra::after{background:linear-gradient(90deg,#d7261e66 20%,transparent 0 80%,#d7261e66 0)}
.barra b{display:block;height:100%;width:50%;background:var(--verde);transition:width .45s cubic-bezier(.2,1.5,.4,1)}
.perigo .barra b{background:var(--vermelho)}.perigo span{color:var(--vermelho)}.perigo{animation:treme .32s linear infinite}
@keyframes treme{25%{transform:translate(1px,-1px) rotate(.6deg)}75%{transform:translate(-1px,1px) rotate(-.6deg)}}
.medidor.sobe canvas,.medidor.desce canvas{animation:pulo .42s cubic-bezier(.2,1.6,.4,1)}@keyframes pulo{40%{transform:scale(1.32) rotate(-6deg)}}
.bolinha{position:absolute;top:0;right:calc(50% - 30px);width:0;height:0;border-radius:50%;background:var(--sobre);transition:width .12s,height .12s}
.bolinha.t1{width:8px;height:8px}.bolinha.t2{width:15px;height:15px;background:var(--vermelho);box-shadow:0 0 0 2px var(--branco)}
.prazo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:9px;font:bold 10px/1 var(--nota);letter-spacing:.5px}
.prazo strong{font:bold 12px/1 var(--nota)}
.trilho{position:relative;height:12px;border:2px solid var(--sobre);border-radius:7px;background:var(--branco)}
.trilho i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--queijo) 0 8px,#f2a71b 8px 10px);border-radius:5px 0 0 5px;transition:width .5s}
.trilho b{position:absolute;top:50%;left:0;width:22px;height:22px;margin:-11px 0 0 -11px;background:var(--queijo);border:2px solid var(--sobre);border-radius:50% 50% 50% 4px;transform:rotate(-45deg);transition:left .5s cubic-bezier(.2,1.5,.4,1)}
.trilho b::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--vermelho)}
.prazo.pula strong{color:var(--vermelho)}.prazo.pula .trilho b{animation:pulo .5s infinite}
.plantao{background:var(--queijo);border:3px solid var(--sobre);border-radius:4px;padding:8px 11px;font:italic 700 14px/1.35 Georgia,'Times New Roman',serif;min-height:58px;display:flex;align-items:center;gap:9px}
.plantao b{font:normal 12px/1 var(--titulo);letter-spacing:.8px;background:var(--vermelho);color:var(--branco);padding:5px 6px 4px;flex-shrink:0;transform:rotate(-3deg)}
.plantao.pisca{animation:pisca .5s ease-out}@keyframes pisca{0%{transform:scale(1.035);background:var(--branco)}}
.mesa{position:relative;display:grid;place-items:center;padding:4px 0}
.mesa::before,.mesa::after{content:"";position:absolute;width:calc(100% - 22px);height:calc(100% - 12px);background:var(--branco);border:3px solid var(--sobre);border-radius:6px;transform:rotate(-2.2deg);opacity:.75}
.mesa::after{transform:rotate(1.6deg);opacity:.9}
.carta{position:relative;z-index:1;width:100%;background:var(--branco);border:3px solid var(--sobre);border-radius:6px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:transform .22s cubic-bezier(.2,1.4,.4,1)}
.carta.pega{cursor:grabbing;transition:none}
.carta header{display:flex;justify-content:space-between;padding:7px 11px 6px;font:bold 11px/1 var(--nota);letter-spacing:.8px;border-bottom:2px dashed var(--sobre)}
.retrato{display:block;width:100%;height:clamp(150px,27dvh,230px)}
.quem{padding:9px 13px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 9px}
.quem strong{font:23px/1 var(--titulo);letter-spacing:.3px;text-transform:uppercase;color:var(--vermelho)}.quem span{font:bold 11px/1.2 var(--nota)}
.fala{padding:7px 13px 15px;font:700 17px/1.38 Georgia,'Times New Roman',serif;min-height:7.2em}
.fala::before{content:"“"}.fala::after{content:"”"}
.dica{position:absolute;top:44px;z-index:2;max-width:62%;padding:8px 11px 7px;background:var(--sobre);color:var(--branco);font:17px/1.1 var(--titulo);letter-spacing:.4px;text-transform:uppercase;border-radius:3px;opacity:0;transition:opacity .1s;pointer-events:none}
.dica.esquerda{right:10px;transform:rotate(5deg);text-align:right}.dica.direita{left:10px;transform:rotate(-5deg)}
.carta.vai-a .dica.esquerda,.carta.vai-b .dica.direita{opacity:1}
.chega{animation:chega .34s cubic-bezier(.2,1.35,.4,1)}.chega-primeira{animation:chega .5s cubic-bezier(.2,1.35,.4,1)}
@keyframes chega{from{transform:translateY(46px) rotate(5deg) scale(.9);opacity:0}}
.sai-a{transition:transform .22s ease-in,opacity .22s;transform:translate(-125%,34px) rotate(-22deg);opacity:0}
.sai-b{transition:transform .22s ease-in,opacity .22s;transform:translate(125%,34px) rotate(22deg);opacity:0}
.selo-jogo{position:absolute;z-index:3;left:50%;top:38%;margin-left:-120px;width:240px;text-align:center;font:31px/1 var(--titulo);letter-spacing:1px;color:var(--verde);background:#fffdf6e6;border:5px solid var(--verde);padding:10px 8px 7px;transform:rotate(-9deg);pointer-events:none}
.selo-jogo.bate{animation:carimba .32s cubic-bezier(.2,1.6,.4,1)}
.escolhas{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.escolha{font-size:16px;min-height:62px;padding:9px 10px;gap:7px}.escolha i{font-style:normal;font-size:20px}
.escolha[data-lado="b"]{background:var(--verde)}.escolha.mira{transform:scale(1.04);filter:brightness(1.1)}
.ajuda{font-size:11.5px;line-height:1.4;text-align:center;color:#4a2c20}
#sair{align-self:center}
body[data-tela="game"] footer{display:none}

/* ---------- comanda (resultado) ---------- */
#result{max-width:430px;margin:8px auto 0;display:flex;flex-direction:column;gap:12px}
.comanda{position:relative;background:var(--branco);padding:20px 20px 24px;margin:10px 0;font:bold 13px/1.45 var(--nota);text-align:center;filter:drop-shadow(4px 5px 0 #3a1d1433)}
.comanda::before,.comanda::after{content:"";position:absolute;left:0;right:0;height:10px;background:linear-gradient(-45deg,var(--branco) 7px,transparent 0),linear-gradient(45deg,var(--branco) 7px,transparent 0);background-size:14px 14px;background-repeat:repeat-x}
.comanda::before{top:-9px}.comanda::after{bottom:-9px;transform:scaleY(-1)}
.comanda.imprime{animation:imprime .9s steps(11,end)}@keyframes imprime{from{clip-path:inset(0 0 100% 0);transform:translateY(-22px)}to{clip-path:inset(-12px 0 -12px 0)}}
.comanda-logo{display:block;width:170px;margin:0 auto 4px}.comanda-logo svg{display:block;width:100%;height:auto}
.comanda-casa{font-size:10px;letter-spacing:.6px}
.comanda-linha{display:flex;justify-content:space-between;gap:10px;border-block:2px dashed var(--sobre);padding:7px 0;margin:9px 0 4px;font-size:12px}
.res-arte{display:block;width:100%;height:150px}
.comanda h2{font:42px/.95 var(--titulo);text-transform:uppercase;letter-spacing:.4px;margin:4px 0 8px;color:var(--vermelho);text-shadow:3px 2.5px 0 #0b7a4359}
.comanda.vitoria h2{color:var(--verde);text-shadow:3px 2.5px 0 #d7261e4d}
.itens{list-style:none;padding:9px 0;margin:11px 0 0;border-top:2px dashed var(--sobre);text-align:left;text-transform:uppercase;font-size:12px}
.itens li{display:flex;align-items:baseline;gap:6px;padding:2px 0}.itens li span:first-child{flex:1;min-width:0}
.itens li span:first-child::after{content:" ..............................................";white-space:nowrap}
.itens li span:first-child{overflow:hidden;white-space:nowrap}.itens li span:last-child{flex-shrink:0}
.comanda-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px dashed var(--sobre);padding-top:9px;font-size:19px}.comanda-total strong{color:var(--vermelho)}
.comanda-rodape{font-size:11px;margin-top:8px}
.carimbo{position:absolute;right:8px;top:214px;font:25px/1 var(--titulo);letter-spacing:1px;color:var(--vermelho);border:4px solid var(--vermelho);padding:7px 10px 5px;transform:rotate(-13deg);opacity:.9;animation:carimba .32s .85s cubic-bezier(.2,1.6,.4,1) backwards}
@keyframes carimba{from{transform:rotate(-13deg) scale(2.6);opacity:0}}
.selo-fiel{display:none;position:absolute;left:10px;top:14px;width:76px;height:76px;place-items:center;border:3px solid var(--sobre);border-radius:50%;background:var(--queijo);font:13px/1.1 var(--titulo);letter-spacing:.5px;transform:rotate(-14deg)}
.comanda.fiel{background:#fff6d2;outline:3px dashed #e0a800;outline-offset:-9px}.comanda.fiel::before,.comanda.fiel::after{background-image:linear-gradient(-45deg,#fff6d2 7px,transparent 0),linear-gradient(45deg,#fff6d2 7px,transparent 0)}.comanda.fiel .selo-fiel{display:grid}
.oferta{font-size:13px;text-align:center;background:var(--caixa);border:2px dashed var(--sobre);border-radius:4px;padding:9px 12px}
.botoes{display:grid;gap:9px}

footer{margin-top:22px;padding:14px 4px 0;border-top:3px dashed var(--sobre);font-size:12px;display:grid;gap:5px}footer a{font-weight:700}

@media(max-width:720px){.tres-passos{grid-template-columns:1fr;gap:7px}.chamada{align-items:stretch}.cupom.gigante{font-size:26px}.quadro-aviso{grid-template-columns:1fr}.manchete{font-size:22px}.jornal,.cracha{transform:none}
  .tampa{grid-template-columns:1fr;grid-template-areas:"selo" "logo" "chamada" "mascote";padding:22px 18px 18px;text-align:center;gap:4px}
  .logo svg{max-width:300px;margin:4px auto 0}.mascote{max-height:170px;aspect-ratio:auto;height:150px}.slogan{font-size:19px}.selo{font-size:10px;letter-spacing:1px}
  .carimbo-menu{width:62px;height:62px;font-size:8px;right:10px;top:42px}
  .cardapio{grid-template-columns:1fr}.pedido h2{font-size:34px}
  .fala{font-size:16px;min-height:6.4em}.escolha{font-size:15px}
}
@media(max-width:380px){.medidor span{font-size:9px}.fala{font-size:15px}.escolha{font-size:14px;padding:8px 7px}.comanda h2{font-size:36px}.quem strong{font-size:21px}}
@media(max-height:700px){.toalha{min-height:50px;padding:4px 12px}main{padding-top:8px}#game{gap:7px}.retrato{height:clamp(100px,19dvh,150px)}.plantao{min-height:46px;padding:6px 10px;font-size:13px}.fala{min-height:5.6em;padding-bottom:10px}.escolha{min-height:56px}.ajuda{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}