/* ══════════════════════════════════════════════════════════════════════════
   OMNI GAME (M7, 28/08/2026) — folha própria do módulo.

   Duas peles de propósito:
   • A CONFIGURAÇÃO segue o tema do OMNI (é tela de supervisor, mora dentro do
     modal padrão da casa).
   • O PAINEL DO JOGO tem mundo próprio, sempre escuro. Não é esquecimento: é o
     que separa jogo de relatório, e é o que a TV da sala precisa. Por isso ele
     pinta fundo e cor explicitamente, sem depender de token de tema.

   Tudo prefixado `og-` porque divide página com uma folha de 50 mil linhas.
   ══════════════════════════════════════════════════════════════════════════ */
.og-mundo{display:block;
  --og-noite:#0a0d14; --og-noite-2:#131a26;
  --og-ouro:#ffcc4d; --og-ouro-2:#e8a33d; --og-ouro-fundo:#8a5c10;
  --og-menta:#2fd6ae; --og-coral:#ff7070;
  --og-tinta:#eef3fa; --og-tinta-2:#93a3b8; --og-linha:#2a3646;
  position:relative;background:
    radial-gradient(120% 82% at 50% -8%, #1d2942 0%, transparent 58%),
    linear-gradient(180deg,var(--og-noite-2),var(--og-noite));
  color:var(--og-tinta);overflow:hidden;container-type:inline-size;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.og-mundo::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(80% 62% at 50% 22%,#000,transparent 78%);
          mask-image:radial-gradient(80% 62% at 50% 22%,#000,transparent 78%)}
.og-vista[hidden]{display:none}
.og-mundo *{box-sizing:border-box}

/* ── abas do painel ── */
.og-abas{display:flex;gap:3px;background:var(--bg-elev,rgba(15,23,42,.06));border:1px solid var(--border,#dbe3ea);
  border-radius:9px;padding:3px}
.og-aba{border:0;background:transparent;color:var(--text,inherit);font:700 13px Inter,sans-serif;
  padding:7px 15px;border-radius:7px;cursor:pointer}
.og-aba[aria-pressed="true"]{background:var(--primary,#005c4b);color:#fff}
.og-aba:focus-visible{outline:2px solid var(--primary,#005c4b);outline-offset:2px}


/* ══════════ TELA CHEIA DO JOGO ══════════
   O painel NÃO é modal. Modal vira cartão preto com botãozinho dentro e barra
   lateral aparecendo atrás — parece formulário, não jogo. Aqui ele toma a tela
   inteira, por cima de tudo (a casa vai até z-index 99999), e a própria barra do
   topo é peça do jogo, não moldura do sistema. */
.og-tela{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;
  background:var(--og-noite,#0a0d14);animation:og-abre .28s cubic-bezier(.2,.8,.3,1)}
/* na ABA dedicada não há nada por cima de quê ficar: ocupa o corpo da página */
.og-tela.og-pagina{position:static;height:100%;z-index:auto}
@keyframes og-abre{from{opacity:0;transform:scale(.985)}}
.og-tela .og-mundo{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.og-tela .og-vista{flex:1;min-height:0}
.og-tela .og-vista[data-og-caixa="eu"]{overflow:auto}
.og-tela .og-vista[data-og-caixa="eq"]{display:flex;align-items:center;justify-content:center;
  padding:0 1cqw}
.og-tela .og-vista[data-og-caixa="eq"][hidden]{display:none}
.og-tela .og-tv{width:100%;max-height:100%;margin:auto}

/* barra do topo — do jogo, não do sistema */
.og-barra{flex:none;display:flex;align-items:center;gap:14px;padding:12px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent);
  border-bottom:1px solid rgba(255,255,255,.08);color:#eef3fa;
  font-family:Inter,system-ui,sans-serif}
.og-marca{display:flex;align-items:center;gap:11px;font:800 17px/normal "Baloo 2",Inter,sans-serif;
  letter-spacing:.02em}
.og-marca .dado{width:32px;height:32px;border-radius:9px;flex:none;display:grid;place-items:center;
  font-size:18px;background:linear-gradient(150deg,#ffd76b,#e8a33d);box-shadow:0 2px 0 #a9741d}
.og-tela .og-abas{margin-left:auto;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.og-tela .og-aba{color:#c8d3e2}
.og-tela .og-aba[aria-pressed="true"]{background:#2fd6ae;color:#07120f}
.og-tela .og-aba:focus-visible{outline:2px solid #2fd6ae;outline-offset:2px}
.og-som{flex:none;margin-left:auto;width:38px;height:38px;border-radius:10px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#c8d3e2;
  font-size:17px;line-height:1;cursor:pointer}
.og-som:hover{background:rgba(255,255,255,.1)}
.og-som[aria-pressed="true"]{border-color:rgba(47,214,174,.5);background:rgba(47,214,174,.14)}
.og-som:focus-visible{outline:2px solid #2fd6ae;outline-offset:2px}
/* pisca só pra quem JÁ tinha ligado o som antes: o navegador exige um clique nesta
   aba e a pessoa não tem como adivinhar isso sozinha */
.og-som.chama{animation:og-chama 1.9s ease-in-out infinite}
@keyframes og-chama{0%,100%{box-shadow:0 0 0 0 rgba(47,214,174,.5)}
  55%{box-shadow:0 0 0 8px rgba(47,214,174,0)}}
.og-tela.og-pagina .og-abas{margin-left:auto}
.og-tela.og-pagina .og-som{margin-left:14px}
@media (max-width:720px){ .og-barra{padding:10px 12px;gap:9px} }

/* ══ PERSONAGEM ══ */
.og-pers{position:relative;display:flex;flex-direction:column;align-items:center;
  padding-top:calc(var(--og-w,84px)*.34)}   /* espaço da coroa, no fluxo */
.og-corpo{position:relative;width:var(--og-w,84px);transform-origin:50% 100%;
  animation:og-bole 3.4s ease-in-out infinite;animation-delay:var(--og-atraso,0s)}
@keyframes og-bole{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.og-cabeca{position:relative;width:var(--og-w,84px);height:var(--og-w,84px);border-radius:50%;
  background:linear-gradient(160deg,#2b3a52,#243040);display:grid;place-items:center;
  font:800 calc(var(--og-w,84px)*.4)/normal "Baloo 2",Inter,sans-serif;color:#0e1420;
  overflow:hidden;box-shadow:0 0 0 3px #3a4a5e,0 8px 18px rgba(0,0,0,.45)}
.og-cabeca img{width:100%;height:100%;object-fit:cover;display:block}
.og-cabeca svg{width:100%;height:100%;display:block}
.og-tronco{width:calc(var(--og-w,84px)*.88);height:calc(var(--og-w,84px)*.52);
  margin:calc(var(--og-w,84px)*-.09) auto 0;
  border-radius:calc(var(--og-w,84px)*.2) calc(var(--og-w,84px)*.2)
                calc(var(--og-w,84px)*.13) calc(var(--og-w,84px)*.13);
  background:linear-gradient(180deg,var(--og-cor,#2a5f7a),
             color-mix(in srgb,var(--og-cor,#2a5f7a) 62%,#0a0d14));
  box-shadow:inset 0 2px 0 rgba(255,255,255,.16)}
.og-sombra{width:calc(var(--og-w,84px)*.8);height:calc(var(--og-w,84px)*.13);border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 72%);
  animation:og-sombra-bole 3.4s ease-in-out infinite;animation-delay:var(--og-atraso,0s)}
@keyframes og-sombra-bole{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(.9);opacity:.6}}
.og-coroa{position:absolute;top:calc(var(--og-w,84px)*-.30);left:50%;transform:translateX(-50%);
  font-size:calc(var(--og-w,84px)*.34);filter:drop-shadow(0 3px 5px rgba(0,0,0,.5));
  animation:og-coroa 3.4s ease-in-out infinite}
@keyframes og-coroa{0%,100%{transform:translateX(-50%) translateY(0) rotate(-6deg)}
                    50%{transform:translateX(-50%) translateY(-5px) rotate(6deg)}}
.og-nivel{position:absolute;right:calc(var(--og-w,84px)*-.05);bottom:calc(var(--og-w,84px)*.30);
  min-width:calc(var(--og-w,84px)*.32);min-height:calc(var(--og-w,84px)*.32);
  padding:calc(var(--og-w,84px)*.03) calc(var(--og-w,84px)*.055);border-radius:8px;
  background:linear-gradient(160deg,#ffd76b,#e0952b);color:#3d2708;border:2px solid #0e1420;
  display:grid;place-items:center;font:800 calc(var(--og-w,84px)*.19)/1 "Baloo 2",Inter,sans-serif}

.og-pers.ganhou .og-corpo{animation:og-pulo .72s cubic-bezier(.28,.9,.32,1)}
@keyframes og-pulo{0%{transform:translateY(0) scale(1,1)}14%{transform:translateY(0) scale(1.16,.82)}
  42%{transform:translateY(-34px) scale(.9,1.14)}62%{transform:translateY(-30px) scale(1,1)}
  86%{transform:translateY(0) scale(1.1,.9)}100%{transform:translateY(0) scale(1,1)}}
.og-pers.ganhou .og-sombra{animation:og-sombra-pulo .72s cubic-bezier(.28,.9,.32,1)}
@keyframes og-sombra-pulo{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(.52);opacity:.3}}
.og-pers.ganhou .og-cabeca{box-shadow:0 0 0 3px var(--og-ouro),0 0 32px rgba(255,204,77,.55),0 8px 18px rgba(0,0,0,.45)}
.og-pers.triste .og-corpo{animation:og-murcha 1.5s ease-out}
@keyframes og-murcha{0%{transform:translateY(0) rotate(0) scale(1)}
  22%,70%{transform:translateY(7px) rotate(-5deg) scale(1.04,.92)}
  100%{transform:translateY(0) rotate(0) scale(1)}}
.og-pers.triste .og-cabeca{filter:grayscale(.75) brightness(.72);box-shadow:0 0 0 3px #4a5464,0 8px 18px rgba(0,0,0,.45)}
.og-nuvem{position:absolute;top:calc(var(--og-w,84px)*-.46);left:50%;transform:translateX(-50%);
  font-size:calc(var(--og-w,84px)*.34);opacity:0;pointer-events:none}
.og-pers.triste .og-nuvem{animation:og-nuvem 1.5s ease-out}
@keyframes og-nuvem{0%{opacity:0;transform:translateX(-50%) translateY(8px)}
  18%,72%{opacity:1;transform:translateX(-50%) translateY(0)}
  100%{opacity:0;transform:translateX(-50%) translateY(-6px)}}

.og-flut{position:absolute;left:50%;top:calc(var(--og-w,84px)*-.26);pointer-events:none;z-index:30;
  font:800 calc(var(--og-w,84px)*.34)/normal "Baloo 2",Inter,sans-serif;white-space:nowrap;
  text-shadow:0 0 12px #0a0d14,0 3px 0 rgba(0,0,0,.6)}
.og-flut.mais{color:var(--og-ouro);animation:og-sobe 1.25s cubic-bezier(.2,.7,.3,1) forwards}
.og-flut.menos{color:var(--og-coral);animation:og-desce 1.35s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes og-sobe{0%{opacity:0;transform:translate(-50%,10px) scale(.5)}
  22%{opacity:1;transform:translate(-50%,-16px) scale(1.25)}
  100%{opacity:0;transform:translate(-50%,-62px) scale(1)}}
@keyframes og-desce{0%{opacity:0;transform:translate(-50%,-14px) scale(1.15)}
  25%{opacity:1;transform:translate(-50%,4px) scale(1)}
  100%{opacity:0;transform:translate(-50%,34px) scale(.85)}}

/* ══ PILHA DE MOEDA ══ */
.og-pilha{position:relative;width:var(--og-pw,116px);height:var(--og-ph,86px);flex:none}
.og-pilha i{position:absolute;width:var(--og-m,22px);height:calc(var(--og-m,22px)*.68);
  border-radius:50%;left:var(--og-x);bottom:var(--og-y);
  background:radial-gradient(circle at 34% 28%,#fff0bd,var(--og-ouro) 44%,var(--og-ouro-2) 78%,#b8781c 100%);
  box-shadow:0 1px 0 var(--og-ouro-fundo),0 2px 3px rgba(0,0,0,.45),
             inset 0 -1px 0 rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.35)}
.og-pilha i.cai{animation:og-moeda-cai .55s cubic-bezier(.3,1.5,.5,1)}
@keyframes og-moeda-cai{0%{transform:translateY(-46px) scale(.5) rotate(-90deg);opacity:0}
  60%{opacity:1}100%{transform:translateY(0) scale(1) rotate(0);opacity:1}}
.og-saco,.og-bau{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:0;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.og-brilho{position:absolute;inset:-14% -6% 0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 78%,rgba(255,204,77,.22),transparent 68%)}

/* ══ PALCO / TV ══ */
.og-tv{aspect-ratio:16/9;display:flex;flex-direction:column;padding:2.2cqw 2.4cqw 1.6cqw;position:relative}
.og-tv-topo{display:flex;align-items:flex-start;gap:14px;flex:none}
.og-tv-tit{font:800 2.5cqw/normal "Baloo 2",Inter,sans-serif;letter-spacing:.02em;
  width:max-content;max-width:46%}
.og-tv-tit span{display:block;font:800 1.15cqw/1 Inter,sans-serif;letter-spacing:.2em;
  color:var(--og-tinta-2);margin-top:.7cqw}
.og-tv-agora{margin-left:auto;margin-right:3.4cqw;display:flex;align-items:center;gap:9px;
  font:800 1.25cqw Inter,sans-serif;color:var(--og-tinta-2)}
.og-pulso{width:10px;height:10px;border-radius:50%;background:var(--og-menta);flex:none;
  box-shadow:0 0 0 0 rgba(47,214,174,.7);animation:og-bate 1.9s infinite}
@keyframes og-bate{70%{box-shadow:0 0 0 12px rgba(47,214,174,0)}100%{box-shadow:0 0 0 0 rgba(47,214,174,0)}}
.og-cheia{position:absolute;top:1.4cqw;right:1.4cqw;z-index:5;width:2.4cqw;height:2.4cqw;
  min-width:30px;min-height:30px;border-radius:8px;border:1px solid #33445e;background:#1b2434;
  color:#c9d3e0;font-size:15px;cursor:pointer}
.og-cheia:hover{background:#243044}

.og-cena{flex:1;display:flex;align-items:stretch;gap:1.6cqw;min-height:0;overflow:hidden}
.og-palco{flex:1 1 auto;min-width:0;display:flex;align-items:flex-end;justify-content:center;
  gap:1.2cqw;padding:1cqw 1.2cqw 0;position:relative}
.og-vaga{flex:1 1 0;max-width:19%;display:flex;flex-direction:column;align-items:center;gap:.5cqw;
  transition:transform .55s cubic-bezier(.3,.9,.3,1)}
.og-vaga .og-pers{--og-w:7cqw}
.og-vaga.p1 .og-pers{--og-w:8.6cqw}
.og-vaga .og-pilha{--og-pw:5.6cqw;--og-ph:7.4cqw;--og-m:1.6cqw}
.og-vaga.p1 .og-pilha{--og-pw:5.8cqw;--og-ph:9cqw;--og-m:1.75cqw}
.og-chao{display:flex;align-items:flex-end;justify-content:center;gap:.2cqw;width:100%}
.og-holofote{position:absolute;bottom:1.1cqw;left:50%;transform:translateX(-50%);
  width:17cqw;height:16cqw;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse at 50% 100%,rgba(255,204,77,.2),transparent 66%)}
.og-degrau{width:100%;height:var(--og-h,7.4cqw);border-radius:.5cqw .5cqw 0 0;
  background:linear-gradient(180deg,#2b3a52,#18212f);border-top:2px solid #4a6183;
  box-shadow:inset 0 -14px 26px rgba(0,0,0,.35);display:flex;flex-direction:column;
  align-items:center;gap:.15cqw;padding:.55cqw .4cqw 0;
  transition:height .55s cubic-bezier(.3,.9,.3,1)}
.og-vaga.p1 .og-degrau{background:linear-gradient(180deg,#4a3a1a,#211a0e);border-top-color:#a4813a}
.og-vaga-nm{font:800 1.4cqw/normal "Baloo 2",Inter,sans-serif;text-align:center;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:100%}
.og-vaga.p1 .og-vaga-nm{font-size:1.75cqw;color:var(--og-ouro)}
.og-vaga-sal{display:flex;align-items:center;justify-content:center;gap:.45cqw;
  font:800 1.75cqw/normal "Baloo 2",Inter,sans-serif;color:var(--og-ouro);font-variant-numeric:tabular-nums}
.og-vaga.p1 .og-vaga-sal{font-size:2.3cqw}
.og-mo{width:1.35cqw;height:1.35cqw;min-width:14px;min-height:14px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 34% 28%,#fff0bd,#ffcc4d 44%,#e8a33d 78%,#b8781c 100%);
  box-shadow:0 1px 0 #8a5c10}
.og-cfg .og-mo{width:16px;height:16px}
.og-vaga-agora{font:700 1.05cqw/1.2 Inter,sans-serif;color:#9fb0c4;text-align:center}
.og-vaga-agora b{color:#2fd6ae;font-weight:800}
.og-vaga.p1 .og-vaga-agora{font-size:1.25cqw}
.og-sent-agora{font:700 .9cqw Inter,sans-serif;color:#7c8ba3}
.og-vaga-pos{font:800 1cqw Inter,sans-serif;letter-spacing:.16em;color:var(--og-tinta-2)}


/* Palco com 1 ou 2 pessoas: as medidas foram desenhadas pra cinco, e com pouca
   gente sobrava um vazio enorme em cima do único boneco. Menos gente = boneco
   maior, que é como um jogo mostraria mesmo. */
.og-palco.poucos{padding-top:1cqw}   /* espaço pra coroa do boneco grande */
.og-palco.poucos .og-vaga{max-width:34%}
.og-palco.poucos .og-vaga .og-pers{--og-w:9cqw}
.og-palco.poucos .og-vaga.p1 .og-pers{--og-w:10.5cqw}
.og-palco.poucos .og-vaga .og-pilha{--og-pw:7cqw;--og-ph:9cqw;--og-m:2cqw}
.og-palco.poucos .og-vaga.p1 .og-pilha{--og-pw:8cqw;--og-ph:10.5cqw;--og-m:2.3cqw}
.og-palco.poucos .og-vaga-nm{font-size:2.2cqw}
.og-palco.poucos .og-vaga.p1 .og-vaga-nm{font-size:2.7cqw}
.og-palco.poucos .og-vaga-sal{font-size:2.6cqw}
.og-palco.poucos .og-vaga.p1 .og-vaga-sal{font-size:3.2cqw}
.og-palco.poucos .og-holofote{width:26cqw;height:24cqw}

/* cantinho de quem saiu */
.og-cantinho{flex:0 0 25%;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;
  border-left:1px dashed var(--og-linha);padding-left:1.4cqw;position:relative}
.og-cantinho::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(10,13,20,.45),rgba(10,13,20,.72))}
.og-cant-rot{font:800 1cqw Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:#8b9ab3;flex:none;margin-bottom:.5cqw}
.og-banco{flex:1;min-height:0;overflow:hidden;display:flex;flex-wrap:wrap;align-content:center;gap:1.2cqw 1cqw;
  padding-bottom:1.1cqw;position:relative}
.og-banco::after{content:"";position:absolute;left:0;right:6%;bottom:.8cqw;height:2px;
  background:linear-gradient(90deg,var(--og-linha),transparent)}
.og-sent{display:flex;flex-direction:column;align-items:center;gap:.25cqw;width:calc(50% - .5cqw)}
.og-sent .og-pers{--og-w:5cqw;padding-top:0}
.og-sent .og-corpo{animation:og-cochila 5.2s ease-in-out infinite;animation-delay:var(--og-atraso,0s);
  margin-bottom:calc(var(--og-w)*.10)}
@keyframes og-cochila{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(3px) rotate(-13deg)}}
.og-sent .og-cabeca{filter:grayscale(.4) brightness(.78);margin-bottom:calc(var(--og-w)*-.06)}
.og-sent .og-tronco{height:calc(var(--og-w)*.34);width:calc(var(--og-w)*1.02);
  border-radius:calc(var(--og-w)*.1) calc(var(--og-w)*.1) calc(var(--og-w)*.05) calc(var(--og-w)*.05);
  filter:saturate(.45) brightness(.7)}
.og-sent .og-sombra{animation:none;opacity:.4;transform:scale(1.1,.8)}
.og-sent .og-pers::after{content:"";position:absolute;bottom:calc(var(--og-w)*.02);left:50%;
  transform:translateX(-50%);width:calc(var(--og-w)*1.25);height:3px;border-radius:2px;background:#33445e}
.og-sent-nm{font:800 1.1cqw/1.3 Inter,sans-serif;color:#9aa8bf;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:100%}
.og-sent-sal{display:flex;align-items:center;gap:.35cqw;font:800 1.25cqw/normal "Baloo 2",Inter,sans-serif;
  color:#b79a5e;font-variant-numeric:tabular-nums}
.og-conta{width:.9cqw;height:.9cqw;min-width:7px;min-height:7px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 34% 28%,#fff0bd,var(--og-ouro) 44%,var(--og-ouro-2) 78%,#b8781c 100%);
  animation:og-vira 2.6s ease-in-out infinite;animation-delay:var(--og-atraso,0s)}
@keyframes og-vira{0%,64%,100%{transform:rotateY(0) scaleX(1)}74%{transform:rotateY(70deg) scaleX(.42)}
  84%{transform:rotateY(180deg) scaleX(1)}}
.og-mais-fora{width:100%;text-align:center;font:800 1cqw Inter,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;color:#7c8ba3}
.og-cant-vazio{font:600 .95cqw/1.4 Inter,sans-serif;color:#55627a;margin:auto 0}

/* mural + fita */
.og-mural{flex:none;height:6.4cqw;display:flex;align-items:stretch;gap:.8cqw;margin-top:.6cqw}
.og-mural-rot{writing-mode:vertical-rl;transform:rotate(180deg);font:800 .95cqw Inter,sans-serif;
  letter-spacing:.2em;text-transform:uppercase;color:var(--og-tinta-2);
  display:flex;align-items:center;justify-content:center;padding:0 .2cqw}
.og-mural-cards{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.7cqw}
.og-mc{border-radius:.8cqw;padding:.7cqw .85cqw;background:linear-gradient(165deg,#1b2434,#141c29);
  border:1px solid var(--og-linha);display:flex;align-items:center;gap:.7cqw;min-width:0}
.og-mc.rara{border-color:#8a6a1e;background:linear-gradient(165deg,#33280f,#161d2a 70%)}
.og-mc.rara .og-mc-p{color:var(--og-ouro)}
.og-mc.epica{border-color:#5b4bb5;background:linear-gradient(165deg,#251f47,#161d2a 70%)}
.og-mc.epica .og-mc-p{color:#c3b6ff}
.og-mc.apaga{opacity:.42}
.og-mc-p{font:800 2.2cqw/normal "Baloo 2",Inter,sans-serif;color:#9fb0c4;flex:none}
.og-mc-t{min-width:0}
.og-mc-n{display:block;font:800 1.05cqw/1.1 Inter,sans-serif;letter-spacing:.05em;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.og-mc-s{display:block;font:600 .88cqw/1.2 Inter,sans-serif;color:var(--og-tinta-2);margin-top:.15cqw;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.og-fita{flex:none;margin-top:.7cqw;border-top:1px solid #232e3f;padding-top:.65cqw;
  display:flex;align-items:center;gap:1.3cqw;overflow:hidden;white-space:nowrap;height:2.4cqw}
.og-fi{font:700 1.05cqw Inter,sans-serif;color:#9fb0c4;flex:none;
  animation:og-entra .5s cubic-bezier(.3,1.4,.5,1)}
@keyframes og-entra{from{opacity:0;transform:translateX(-14px)}}
.og-fi b{font-weight:800;margin-left:.3cqw}
.og-fi.ganho b{color:var(--og-menta)}
.og-fi.perda b{color:var(--og-coral)}

/* ══ MEU PLACAR ══ */
.og-eu-topo{display:flex;align-items:flex-end;gap:3cqw;padding:3cqw 3cqw 2.2cqw;flex-wrap:wrap}
.og-eu-id{flex:1;min-width:220px;padding-bottom:6px}
.og-eu-nome{font:800 clamp(24px,3.4cqw,42px)/normal "Baloo 2",Inter,sans-serif}
.og-eu-classe{display:inline-flex;align-items:center;gap:6px;margin-top:6px;
  font:800 12px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#3d2708;
  background:linear-gradient(160deg,#ffd76b,#e0952b);border-radius:20px;padding:6px 12px;
  box-shadow:0 2px 0 #a9741d}
.og-xp{margin-top:14px;max-width:440px}
.og-xp-trilho{height:16px;border-radius:9px;background:#0d1420;border:1px solid #2a3646;overflow:hidden}
.og-xp-trilho i{display:block;height:100%;border-radius:8px;position:relative;
  background:linear-gradient(180deg,#48e6c2,var(--og-menta) 55%,#1a9d80);
  box-shadow:0 0 16px rgba(47,214,174,.45)}
.og-xp-trilho i::after{content:"";position:absolute;inset:0;border-radius:8px;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);
  background-size:220% 100%;animation:og-varre 2.6s linear infinite}
@keyframes og-varre{to{background-position:-220% 0}}
.og-xp-leg{display:flex;justify-content:space-between;gap:12px;font:700 12.5px Inter,sans-serif;
  color:var(--og-tinta-2);margin-top:6px;font-variant-numeric:tabular-nums}
.og-xp-leg b{color:var(--og-tinta)}
.og-eu-cofre{text-align:center;flex:none}
.og-eu-topo .og-pers{padding-top:0}
.og-eu-cofre .og-pilha{--og-pw:150px;--og-ph:104px;--og-m:26px;margin:0 auto}
.og-eu-cofre .n{font:800 clamp(34px,5cqw,58px)/normal "Baloo 2",Inter,sans-serif;color:var(--og-ouro);
  font-variant-numeric:tabular-nums;text-shadow:0 3px 0 rgba(0,0,0,.35);margin-top:6px}
.og-eu-cofre .r{font:800 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:var(--og-tinta-2)}
.og-sec{padding:0 3cqw}
.og-sec + .og-sec{margin-top:2.4cqw}
.og-sec:last-child{padding-bottom:2.6cqw}
.og-sec-tit{display:flex;align-items:center;gap:10px;margin:0 0 12px;
  font:800 12.5px Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--og-tinta-2)}
.og-sec-tit::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#2a3646,transparent)}

.og-missoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px}
.og-mis{position:relative;border-radius:14px;padding:15px;overflow:hidden;
  background:linear-gradient(165deg,#1b2434,#141c29);border:1px solid var(--og-linha)}
.og-mis.rara{border-color:#8a6a1e;background:linear-gradient(165deg,#33280f,#161d2a 68%)}
.og-mis.epica{border-color:#5b4bb5;background:linear-gradient(165deg,#251f47,#161d2a 68%)}
.og-mis.cumprida{opacity:.6}
.og-mis-selo{position:absolute;top:11px;right:11px;font:800 9.5px Inter,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;padding:4px 8px;border-radius:6px;background:#0d1420;color:var(--og-tinta-2)}
.og-mis.rara .og-mis-selo{background:#8a6a1e;color:#fff6e2}
.og-mis.epica .og-mis-selo{background:#5b4bb5;color:#efeaff}
.og-mis-ico{font-size:26px;line-height:1}
.og-mis-nm{font:800 17px/normal "Baloo 2",Inter,sans-serif;margin-top:8px}
.og-mis-sub{font:600 12.5px/1.45 Inter,sans-serif;color:var(--og-tinta-2);margin-top:3px}
.og-mis-pe{display:flex;align-items:center;gap:8px;margin-top:12px}
.og-mis-pr{display:flex;align-items:center;gap:6px;font:800 22px/normal "Baloo 2",Inter,sans-serif;color:var(--og-ouro)}
.og-mis-barra{flex:1;height:8px;border-radius:5px;background:#0d1420;overflow:hidden;border:1px solid #2a3646}
.og-mis-barra i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#1a9d80,var(--og-menta))}
.og-mis-qt{font:800 11.5px Inter,sans-serif;color:var(--og-tinta-2);font-variant-numeric:tabular-nums}

.og-extrato{border:1px solid var(--og-linha);border-radius:12px;overflow:hidden;background:#131b28}
.og-ex{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #212c3c;font-size:14px}
.og-ex:last-child{border-bottom:0}
.og-ex-ico{width:26px;text-align:center;font-size:16px;flex:none}
.og-ex-nm{flex:1;font-weight:600;min-width:0}
.og-ex-c{color:var(--og-tinta-2);font:600 13px Inter,sans-serif;font-variant-numeric:tabular-nums;
  width:88px;text-align:right}
.og-ex-v{width:74px;text-align:right;font:800 15px "Baloo 2",Inter,sans-serif;color:var(--og-ouro);
  font-variant-numeric:tabular-nums}
.og-ex-v.neg{color:var(--og-coral)}
.og-ex.tot{background:#182234;font-weight:800}
.og-ex.tot .og-ex-v{font-size:19px}

.og-medalhas{display:flex;gap:10px;flex-wrap:wrap}
.og-med{display:flex;align-items:center;gap:9px;border:1px solid var(--og-linha);background:#131b28;
  border-radius:12px;padding:9px 13px;font:700 13px Inter,sans-serif;max-width:100%}
.og-med.ganha{border-color:#8a6a1e;background:linear-gradient(140deg,#33280f,#141c29 72%)}
.og-med.presa{opacity:.5}
.og-med .e{font-size:20px;flex:none}
.og-med small{display:block;font:500 11px Inter,sans-serif;color:var(--og-tinta-2);margin-top:1px}
.og-vazio{padding:16px;border:1px dashed var(--og-linha);border-radius:12px;color:var(--og-tinta-2);
  font-size:13.5px;text-align:center}

/* ══ CONFIGURAÇÃO (segue o tema da casa) ══ */
.og-cfg,.og-mod{--og-ouro:#ffcc4d; --og-ouro-2:#e8a33d; --og-ouro-fundo:#8a5c10;
  --og-menta:#2fd6ae; --og-coral:#ff7070}
.og-cfg{font-size:14px}
.og-cfg-abas{display:flex;gap:2px;border-bottom:1px solid var(--border,#dbe3ea);overflow-x:auto;margin:0 0 16px}
.og-cfg-aba{border:0;background:transparent;color:var(--text-muted,#64748b);font:700 13.5px Inter,sans-serif;
  padding:10px 13px;cursor:pointer;border-bottom:2.5px solid transparent;white-space:nowrap}
.og-cfg-aba[aria-selected="true"]{color:var(--primary,#005c4b);border-bottom-color:var(--primary,#005c4b)}
.og-cfg-vista[hidden]{display:none}
.og-cfg-sub{color:var(--text-muted,#64748b);font-size:13px;margin:0 0 14px;max-width:74ch;line-height:1.55}
.og-conq{border:1px solid var(--border,#dbe3ea);border-radius:12px;margin-bottom:11px;overflow:hidden}
.og-conq.off{opacity:.6}
.og-conq-topo{display:flex;align-items:center;gap:11px;padding:11px 13px;
  background:var(--bg-elev,rgba(0,0,0,.03));border-bottom:1px solid var(--border,#dbe3ea)}
.og-selo{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;font-size:20px;
  background:var(--card-bg,#fff);border:1px solid var(--border,#dbe3ea)}
.og-conq-nm{flex:1;min-width:0}
.og-conq-nm input{width:100%;border:1px solid transparent;background:transparent;color:inherit;
  font:800 15px Inter,sans-serif;padding:3px 6px;border-radius:7px}
.og-conq-nm input.desc{font:500 12.5px Inter,sans-serif;color:var(--text-muted,#64748b)}
.og-conq-nm input:hover{border-color:var(--border,#dbe3ea)}
.og-conq-corpo{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 16px;padding:13px}
.og-rot{display:block;font:800 10.5px Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;
  color:var(--text-muted,#64748b);margin-bottom:5px}
.og-linha{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.og-cfg select,.og-cfg input[type=number]{border:1px solid var(--border,#dbe3ea);
  background:var(--card-bg,#fff);color:inherit;border-radius:9px;padding:8px 10px;
  font:600 13.5px Inter,sans-serif;min-width:0;max-width:100%}
.og-cfg select{flex:1}
.og-cfg input[type=number]{width:84px;text-align:right;font-variant-numeric:tabular-nums}
.og-unid{font:700 13px Inter,sans-serif;color:var(--text-muted,#64748b)}
.og-chave{position:relative;width:46px;height:26px;border-radius:14px;flex:none;cursor:pointer;
  background:var(--bg-elev,#e5e9ef);border:1px solid var(--border,#dbe3ea);transition:background .18s}
.og-chave::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .18s}
.og-chave[aria-pressed="true"]{background:var(--primary,#005c4b);border-color:var(--primary,#005c4b)}
.og-chave[aria-pressed="true"]::after{transform:translateX(20px)}
.og-grade{width:100%;border-collapse:collapse;border:1px solid var(--border,#dbe3ea);
  border-radius:10px;overflow:hidden;font-size:13.5px}
.og-grade th{background:var(--bg-elev,rgba(0,0,0,.03));text-align:left;font:800 11px Inter,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#64748b);padding:9px 12px;
  border-bottom:1px solid var(--border,#dbe3ea);white-space:nowrap}
.og-grade td{padding:8px 12px;border-bottom:1px solid var(--border,#dbe3ea);vertical-align:middle}
.og-grade tr:last-child td{border-bottom:0}
.og-grade td.n{text-align:right;font-variant-numeric:tabular-nums}
.og-rolagem{overflow-x:auto}
.og-recado{display:flex;gap:10px;padding:11px 13px;border-radius:10px;font-size:13px;line-height:1.5;
  margin:0 0 14px;border:1px solid var(--border,#dbe3ea);background:var(--bg-elev,rgba(0,0,0,.03))}
.og-novo{width:100%;border:1.5px dashed var(--border,#dbe3ea);background:transparent;
  color:var(--text-muted,#64748b);border-radius:12px;padding:12px;font:800 13px Inter,sans-serif;cursor:pointer}
.og-novo:hover{border-color:var(--primary,#005c4b);color:var(--primary,#005c4b)}
.og-mod{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--border,#dbe3ea);
  border-radius:12px;margin-bottom:10px}
.og-mod.aceso{border-color:#e3c483;background:linear-gradient(100deg,rgba(251,241,220,.5),transparent 62%)}
.og-mod .ico{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  font-size:20px;background:var(--bg-elev,rgba(0,0,0,.04));border:1px solid var(--border,#dbe3ea)}
.og-mod.aceso .ico{background:linear-gradient(150deg,#ffd76b,#e8a33d);border-color:#c9962f}
.og-mod-txt{flex:1;min-width:0}
.og-mod-nm{font-weight:800;font-size:15px}
.og-mod-sub{font-size:12.5px;color:var(--text-muted,#64748b);margin-top:2px}

@media (prefers-reduced-motion: reduce){
  .og-mundo *,.og-mundo *::before,.og-mundo *::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important}
}




/* ══════════ ACABAMENTO DE JOGO ══════════
   Relato do dono: "clico em vários locais e fica com o seletor de texto; é um jogo, é
   pra ser premium, não pode ter esses detalhes". Tinha razão — arrastar o mouse e sair
   pintando texto de azul é comportamento de documento, não de jogo.

   Bloqueia seleção e o cursor de texto no mundo inteiro, e DEVOLVE nos lugares onde
   digitar é o ponto (campos da loja, da configuração e da tela de entrar). Tirar de
   tudo sem devolver quebraria o formulário — é o erro clássico deste conserto. */
.og-tela, .og-mundo{
  -webkit-user-select:none; -moz-user-select:none; user-select:none;
  cursor:default; -webkit-tap-highlight-color:transparent}
.og-tela ::selection{background:rgba(47,214,174,.28)}
.og-tela input, .og-tela textarea, .og-tela select,
.og-tela [contenteditable="true"]{
  -webkit-user-select:text; -moz-user-select:text; user-select:text; cursor:text}
.og-tela select{cursor:pointer}
.og-tela button, .og-tela .og-item, .og-tela .og-aba,
.og-tela .og-chave, .og-tela .og-selo{cursor:pointer}
.og-tela button:disabled, .og-tela .og-item:disabled{cursor:not-allowed}
/* o arrasto de imagem também é coisa de documento: a foto do avatar não se arrasta */
.og-tela img, .og-tela svg{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.og-tela button svg, .og-tela .og-item svg{pointer-events:none}


/* ── a configuração DENTRO do jogo (não é mais modal) ── */
.og-tela .og-vista[data-og-caixa="cfg"]{overflow:auto}
.og-cfg-tela{padding:2.6cqw 3cqw 3cqw}
.og-cfg-topo{display:flex;align-items:flex-start;gap:2cqw;flex-wrap:wrap;margin-bottom:18px}
.og-cfg-acoes{margin-left:auto;display:flex;align-items:center;gap:12px}
.og-cfg-aviso{font:700 12.5px Inter,sans-serif;padding:7px 11px;border-radius:8px}
.og-cfg-aviso.ok{color:#07120f;background:#2fd6ae}
.og-cfg-aviso.erro{color:#ffd0d8;background:rgba(255,112,112,.16);border:1px solid #5e2e2e}
/* dentro do mundo escuro, o formulário usa a tinta do jogo — não a da casa */
.og-tela .og-cfg{--border:#2a3646; --text-muted:#93a3b8; --card-bg:#0d1420;
  --bg-elev:rgba(255,255,255,.04); --primary:#2fd6ae; color:#eef3fa}
.og-tela .og-cfg .og-conq{background:linear-gradient(165deg,#1b2434,#141c29)}
.og-tela .og-cfg .og-conq-topo{background:rgba(255,255,255,.03)}
.og-tela .og-cfg .og-selo{background:#0d1420}
.og-tela .og-cfg .og-grade th{background:rgba(255,255,255,.04)}
.og-tela .og-cfg .og-chave{background:#0d1420}
.og-tela .og-cfg .og-chave::after{background:#8b98ad}
.og-tela .og-cfg .og-chave[aria-pressed="true"]::after{background:#07120f}
.og-tela .og-cfg .og-recado{background:rgba(255,255,255,.04)}

/* ══════════ ENTRAR (domínio próprio do jogo) ══════════ */
.og-tela.og-entrada{display:flex;align-items:center;justify-content:center;padding:24px}
.og-entrar{width:min(380px,100%);display:flex;flex-direction:column;gap:13px;
  padding:30px 26px;border-radius:18px;color:#eef3fa;
  background:linear-gradient(165deg,#1b2434,#141c29);border:1px solid #2a3646;
  box-shadow:0 24px 64px rgba(0,0,0,.5);font-family:Inter,system-ui,sans-serif}
.og-entrar-marca{display:flex;align-items:center;gap:11px;font:800 19px/normal "Baloo 2",Inter,sans-serif}
.og-entrar-marca .dado{width:34px;height:34px;border-radius:10px;flex:none;display:grid;
  place-items:center;font-size:18px;background:linear-gradient(150deg,#ffd76b,#e8a33d);
  box-shadow:0 2px 0 #a9741d}
.og-entrar-lead{font:600 13px/1.55 Inter,sans-serif;color:#93a3b8;margin:0 0 4px}
.og-campo{display:flex;flex-direction:column;gap:5px}
.og-campo span{font:800 10.5px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#93a3b8}
.og-campo input{border:1px solid #2a3646;background:#0d1420;color:#eef3fa;border-radius:10px;
  padding:11px 13px;font:600 15px Inter,sans-serif}
.og-campo input:focus{outline:2px solid #2fd6ae;outline-offset:-1px;border-color:#2fd6ae}
.og-entrar-bt{margin-top:6px;border:0;border-radius:10px;padding:12px;cursor:pointer;
  font:800 14px Inter,sans-serif;background:#2fd6ae;color:#07120f}
.og-entrar-bt:hover:not(:disabled){background:#48e6c2}
.og-entrar-bt:disabled{opacity:.6;cursor:default}
.og-entrar-bt:focus-visible{outline:2px solid #eef3fa;outline-offset:2px}
.og-entrar-erro{margin:2px 0 0;font:700 12.5px/1.5 Inter,sans-serif;color:#ff9b9b;
  padding:9px 11px;border-radius:9px;background:rgba(255,112,112,.1);border:1px solid #5e2e2e}


/* ── a ação do provador: clicar PROVA, o botão COMPRA ── */
.og-prov-acao{width:100%;display:flex;flex-direction:column;gap:9px;align-items:stretch}
.og-acao-vazia{font:600 12px/1.5 Inter,sans-serif;color:#7c8ba3;text-align:center;margin:0}
.og-acao-nome{font:800 15px/normal "Baloo 2",Inter,sans-serif;text-align:center;color:#eef3fa}
.og-acao-bt{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:0;border-radius:11px;padding:12px 14px;cursor:pointer;
  font:800 14px Inter,sans-serif;background:#2a3646;color:#eef3fa}
.og-acao-bt.comprar{background:linear-gradient(160deg,#ffd76b,#e8a33d);color:#3d2708;
  box-shadow:0 3px 0 #a9741d}
.og-acao-bt.comprar:hover:not(:disabled){background:linear-gradient(160deg,#ffe293,#f0b154)}
.og-acao-bt:hover:not(:disabled):not(.comprar){background:#33445e}
.og-acao-bt:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.og-acao-bt:focus-visible{outline:2px solid #2fd6ae;outline-offset:2px}
.og-acao-bt .og-mo{width:16px;height:16px;min-width:16px;min-height:16px}
.og-acao-erro{margin:0;font:700 11.5px/1.45 Inter,sans-serif;color:#ff9b9b;text-align:center}
/* o item que está no espelho */
.og-item.provando{border-color:#ffcc4d;box-shadow:0 0 0 1px #ffcc4d inset,0 0 18px rgba(255,204,77,.18)}
/* o ganho de HOJE, do lado do saldo que ficou parado */
.og-hoje{font:800 1.15cqw/1 Inter,sans-serif;color:#2fd6ae;font-style:normal;
  background:rgba(47,214,174,.14);border-radius:20px;padding:.25cqw .6cqw;margin-left:.35cqw}
.og-vaga.p1 .og-hoje{font-size:1.4cqw}

/* ══════════ TELA DE MISSÕES ══════════ */
.og-tela .og-vista[data-og-caixa="mis"]{overflow:auto}
.og-mis-topo{display:flex;align-items:flex-start;gap:2cqw;padding:2.6cqw 3cqw 0;flex-wrap:wrap}
.og-mis-titulo{font:800 clamp(24px,3cqw,38px)/normal "Baloo 2",Inter,sans-serif;margin:0}
.og-mis-lead{font:600 13.5px/1.6 Inter,sans-serif;color:#93a3b8;margin:6px 0 0;max-width:62ch}
.og-mis-lead b{color:#eef3fa}
.og-mis-cofre{margin-left:auto;display:flex;align-items:center;gap:9px;
  font:800 28px/normal "Baloo 2",Inter,sans-serif;color:#ffcc4d;font-variant-numeric:tabular-nums}
.og-mis-cofre .og-mo{width:22px;height:22px;min-width:22px;min-height:22px}
.og-mis-cofre small{font:800 10.5px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:#93a3b8;align-self:flex-end;padding-bottom:6px}
.og-tela .og-vista[data-og-caixa="mis"] .og-sec:first-of-type{margin-top:2.6cqw}
.og-mis-comofazer{margin-top:11px;padding:10px 12px;border-radius:10px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.og-mis-faca{font:700 13px/1.5 Inter,sans-serif;color:#eef3fa}
.og-mis-faca b{color:#ffcc4d}
.og-mis-agora{font:600 12px/1.5 Inter,sans-serif;color:#93a3b8;margin-top:4px}
.og-mis-agora b{color:#eef3fa}
.og-mis-agora .og-tem{color:#2fd6ae}
.og-mis.prioridade{border-color:#ffcc4d;box-shadow:0 0 0 1px rgba(255,204,77,.35) inset}
.og-mis-rodape{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.og-aceitar{border:0;border-radius:9px;padding:9px 16px;cursor:pointer;
  font:800 13px Inter,sans-serif;background:#2fd6ae;color:#07120f}
.og-aceitar:hover:not(:disabled){background:#48e6c2}
.og-aceitar:disabled{opacity:.6;cursor:default}
.og-aceitar:focus-visible{outline:2px solid #eef3fa;outline-offset:2px}
.og-mis-prazo{font:700 11.5px Inter,sans-serif;color:#93a3b8}
.og-mis-andando{font:800 11px Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;
  color:#0e1420;background:#ffcc4d;border-radius:20px;padding:5px 11px}
.og-mis-feita{font:800 12.5px Inter,sans-serif;color:#2fd6ae}

/* botão de tela cheia na barra do jogo (vale pro jogo inteiro, não só pra TV) */
.og-barra .og-cheia{position:static;width:38px;height:38px;min-width:38px;min-height:38px;
  border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);
  color:#c8d3e2;font-size:16px;cursor:pointer;flex:none;margin-left:8px}
.og-barra .og-cheia:hover{background:rgba(255,255,255,.1)}
.og-barra .og-cheia[aria-pressed="true"]{border-color:rgba(47,214,174,.5);background:rgba(47,214,174,.14)}
.og-barra .og-cheia:focus-visible{outline:2px solid #2fd6ae;outline-offset:2px}

/* ══════════ A LOJA ══════════ */
.og-tela .og-vista[data-og-caixa="loja"]{overflow:auto}
.og-loja{display:flex;gap:2cqw;padding:2.4cqw 3cqw 3cqw;align-items:flex-start}
@media (max-width:900px){ .og-loja{flex-direction:column} }
.og-provador{flex:0 0 240px;position:sticky;top:0;display:flex;flex-direction:column;
  align-items:center;gap:12px;padding:18px 16px;border-radius:16px;
  background:linear-gradient(165deg,#1b2434,#141c29);border:1px solid var(--og-linha,#2a3646)}
@media (max-width:900px){ .og-provador{position:static;flex:none;width:100%} }
.og-prov-boneco{width:170px;height:170px;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 3px #3a4a5e,0 10px 26px rgba(0,0,0,.5)}
.og-prov-boneco svg{width:100%;height:100%;display:block}
.og-prov-cofre{display:flex;align-items:center;gap:8px;font:800 26px/normal "Baloo 2",Inter,sans-serif;
  color:#ffcc4d;font-variant-numeric:tabular-nums}
.og-prov-cofre .og-mo{width:20px;height:20px;min-width:20px;min-height:20px}
.og-prov-cofre small{font:800 10.5px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:#93a3b8;align-self:flex-end;padding-bottom:5px}
.og-prov-aviso{font:600 12px/1.55 Inter,sans-serif;color:#d9b981;text-align:center;margin:0;
  padding:9px 11px;border-radius:10px;background:rgba(255,204,77,.08);border:1px solid #6b5426}
.og-prov-aviso b{color:#ffcc4d}
.og-prov-aviso em{font-style:normal;color:#eef3fa;font-weight:700}
.og-prov-nota{font:600 12px/1.55 Inter,sans-serif;color:#93a3b8;text-align:center;margin:0}
.og-prov-nota b{color:#eef3fa}

.og-prateleiras{flex:1;min-width:0;display:flex;flex-direction:column;gap:22px}
.og-prateleira .og-sec-tit{margin-bottom:10px}
.og-itens{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:11px}
.og-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;
  padding:11px 9px 9px;border-radius:14px;cursor:pointer;color:#eef3fa;font-family:inherit;
  background:linear-gradient(165deg,#1b2434,#141c29);border:1px solid var(--og-linha,#2a3646);
  transition:transform .15s ease,border-color .15s ease}
.og-item:hover:not(:disabled){transform:translateY(-3px);border-color:#3d4d64}
.og-item:focus-visible{outline:2px solid #2fd6ae;outline-offset:2px}
.og-item:disabled{opacity:.4;cursor:not-allowed}
.og-item.rara{border-color:#8a6a1e}
.og-item.epica{border-color:#5b4bb5}
.og-item.vestindo{border-color:#2fd6ae;box-shadow:0 0 0 1px #2fd6ae inset}
.og-item.recusado{animation:og-nega .4s}
@keyframes og-nega{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.og-item-fig{width:74px;height:74px;border-radius:50%;overflow:hidden;flex:none;
  box-shadow:0 0 0 2px #2a3646}
.og-item-fig svg{width:100%;height:100%;display:block}
.og-item-nm{font:700 12.5px/1.25 Inter,sans-serif;text-align:center}
.og-item-pe{min-height:20px;display:flex;align-items:center;justify-content:center}
.og-item-preco{display:inline-flex;align-items:center;gap:5px;font:800 14px "Baloo 2",Inter,sans-serif;
  color:#ffcc4d;font-variant-numeric:tabular-nums}
.og-item-preco .og-mo{width:14px;height:14px;min-width:14px;min-height:14px}
.og-usando{font:800 10.5px Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;
  color:#07120f;background:#2fd6ae;border-radius:20px;padding:3px 9px;font-style:normal}
.og-tenho{font:800 10.5px Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;
  color:#93a3b8;font-style:normal}
.og-falta{font:700 10.5px/1.3 Inter,sans-serif;color:#ff9b9b;font-style:normal;text-align:center}
.og-item-selo{position:absolute;top:7px;right:7px;font:800 8.5px Inter,sans-serif;letter-spacing:.09em;
  text-transform:uppercase;padding:3px 6px;border-radius:5px;background:#0d1420;color:#93a3b8}
.og-item.rara .og-item-selo{background:#8a6a1e;color:#fff6e2}
.og-item.epica .og-item-selo{background:#5b4bb5;color:#efeaff}