.mapa{gap:18px;min-width:0;display:grid}.mapa-palco{position:relative}.mapa-tela{width:100%;position:relative}.mapa-tela canvas{touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}.mapa-rotulo{z-index:2;color:#efeae0c7;white-space:nowrap;pointer-events:none;background:#0b1512f0;border:1px solid #efeae033;border-radius:10px;gap:2px;padding:9px 13px;font-size:13.5px;line-height:1.4;display:grid;position:absolute;transform:translate(16px,-50%);box-shadow:0 10px 28px #0006}.mapa-rotulo-esquerda{transform:translate(calc(-100% - 16px),-50%)}.mapa-rotulo-solto{white-space:normal;max-width:240px;transform:none}.mapa-rotulo strong{font-family:var(--titulo);color:var(--creme);font-size:16px;font-weight:600}.mapa-rotulo strong span{letter-spacing:.08em;color:var(--sage);margin-left:3px;font-size:12px}.mapa-rotulo a{pointer-events:auto;color:var(--ouro);margin-top:4px;font-weight:600;text-decoration:none}.mapa-falha{color:#efeae0b3;font-size:14px;position:absolute;bottom:0;left:0}.mapa-palco-cartao{grid-template-columns:minmax(0,1fr);display:grid}.mapa-palco-cartao>.mapa-tela{width:var(--mapa-largura,100%);grid-area:1/1;place-self:start}.mapa-cartao-lugar{z-index:1;width:calc(196px * var(--quadro-zoom,1));padding-top:calc(var(--mapa-largura,100%) * var(--mapa-quadro,.712));pointer-events:none;grid-area:1/1;place-self:end}.mapa-cartao{-webkit-backdrop-filter:blur(12px)saturate(1.15);backdrop-filter:blur(12px)saturate(1.15);zoom:var(--quadro-zoom,1);background:linear-gradient(#cfa65a14 0,#cfa65a00 60px),#0b15128c;border-radius:16px;padding:15px 16px 13px;animation:1s cubic-bezier(.2,.8,.2,1) .5s both mapa-cartao-entra;position:relative;box-shadow:0 18px 40px #0000006b}.mapa-cartao:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(#cfa65abf 0%,#cfa65a38 50%,#efeae012 100%);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes mapa-cartao-entra{0%{opacity:0;filter:blur(8px);transform:translateY(16px)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.mapa-cartao{animation:none}}.mapa-regua-titulo{font-family:var(--titulo);letter-spacing:.12em;text-transform:uppercase;color:var(--sage);white-space:nowrap;font-size:10.5px;font-weight:600;line-height:1}.mapa-regua{max-width:320px;min-height:25px;margin-top:15px}.mapa-regua-escala{position:relative}.mapa-regua-tons{border-radius:3px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;height:5px;display:grid;overflow:hidden}.mapa-regua-tons i{display:block}.mapa-regua-mediana{left:var(--mediana);box-sizing:border-box;background:var(--creme);border:2px solid var(--ouro);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-2.5px;box-shadow:0 0 0 2px #0b1512e6}.mapa-regua-mediana:before{content:"";background:#efeae099;width:1px;height:13px;margin-left:-.5px;position:absolute;bottom:calc(100% + 2px);left:50%}.mapa-regua-marcas{color:#efeae080;height:12px;margin-top:7px;font-size:10px;line-height:12px;position:relative}.mapa-regua-marcas span{position:absolute;top:0;transform:translate(-50%)}.mapa-regua-marcas span:first-child{transform:none}@media (max-width:570px){.mapa-palco-cartao>.mapa-tela{grid-area:auto;width:100%}.mapa-cartao-lugar{grid-area:auto;place-self:auto start;width:min(100%,360px);margin:14px 0 0;padding-top:0}.mapa-cartao{padding:18px 20px 16px}}