@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

:root{
  --ouro:#d6ae60;
  --ouro-claro:#f2e0ac;
  --ouro-escuro:#8a7038;
  --tinta:#efe6cf;
  --tinta-fraca:#b3a583;
  --fundo:#070605;
  --fundo2:#15110a;
  --painel:rgba(18,15,10,.92);
  --borda:rgba(214,174,96,.30);
  --sombra:0 18px 40px rgba(0,0,0,.72), 0 0 0 1px rgba(214,174,96,.28), 0 2px 6px rgba(0,0,0,.5);
  --serif:'Cinzel', Georgia, 'Times New Roman', serif;
  --sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cw:112px;
  --ch:179px;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:
    radial-gradient(1200px 760px at 50% 40%, #2a2113 0%, #14100a 48%, #070605 100%),
    var(--fundo);
  color:var(--tinta);
  font-family:var(--sans);
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
  user-select:none;
}
button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}
#app{display:flex;flex-direction:column;height:100%}

/* ------------------------------------------------ topo */
.topo{
  display:flex;align-items:center;gap:18px;
  padding:10px 18px;
  background:linear-gradient(180deg, rgba(34,27,15,.96), rgba(12,10,7,.85));
  border-bottom:1px solid var(--borda);
  box-shadow:0 6px 24px rgba(0,0,0,.45);
  z-index:60;
  flex-wrap:wrap;
}
.marca{display:flex;align-items:center;gap:11px;min-width:200px}
.marca-selo{
  width:38px;height:38px;border-radius:50%;
  border:1px solid var(--ouro);display:grid;place-items:center;
  color:var(--ouro-claro);font-size:16px;
  background:radial-gradient(circle at 40% 35%, rgba(201,169,97,.28), rgba(201,169,97,.04));
  box-shadow:0 0 18px rgba(201,169,97,.18) inset;
}
.marca-txt{display:flex;flex-direction:column;line-height:1.15}
.marca-txt strong{font-family:var(--serif);font-weight:600;letter-spacing:.06em;font-size:16px;color:var(--ouro-claro)}
.marca-txt span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-fraca)}

.topo-meio{display:flex;gap:8px;align-items:center}
.topo-dir{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}

.btn{
  padding:8px 14px;border-radius:9px;font-size:12.5px;font-weight:500;letter-spacing:.03em;
  border:1px solid var(--borda);color:var(--tinta);
  background:linear-gradient(180deg, rgba(58,46,24,.72), rgba(24,19,11,.78));
  transition:.18s ease;white-space:nowrap;
}
.btn:hover:not(:disabled){border-color:var(--ouro);color:var(--ouro-claro);transform:translateY(-1px)}
.btn:disabled{opacity:.32;cursor:not-allowed}
.btn-principal{
  background:linear-gradient(180deg, rgba(230,196,118,.95), rgba(176,138,64,.95));
  color:#17121f;border-color:rgba(233,220,178,.5);font-weight:600;
  box-shadow:0 4px 18px rgba(214,174,96,.26);
}
.btn-principal:hover:not(:disabled){color:#0d0a14;background:linear-gradient(180deg,#f2e0ac,#d6ae60)}
.btn-fantasma{background:rgba(255,255,255,.03)}
.btn-icone{padding:8px 10px;font-size:14px;min-width:38px;text-align:center}
.btn-bloco{width:100%;justify-content:center;display:flex;padding:10px}
.btn-mini{padding:6px 11px;font-size:11.5px;border-radius:7px;border:1px solid var(--borda);background:rgba(255,255,255,.04)}
.btn-mini:hover{border-color:var(--ouro);color:var(--ouro-claro)}

.tiragem-grupo{display:flex;border:1px solid var(--borda);border-radius:9px;overflow:hidden}
.btn-tir{padding:8px 12px;font-size:12px;background:rgba(255,255,255,.02);border-right:1px solid var(--borda);transition:.15s}
.btn-tir:last-child{border-right:none}
.btn-tir:hover{background:rgba(201,169,97,.12);color:var(--ouro-claro)}
.btn-tir.ativo{background:linear-gradient(180deg, rgba(230,196,118,.92), rgba(176,138,64,.92));color:#17120a;font-weight:600}

/* ------------------------------------------------ palco */
.corpo{position:relative;flex:1;min-height:0}
.palco-wrap{position:absolute;inset:0;overflow:hidden;z-index:1}
.palco{
  position:absolute;inset:0;
  background:
    radial-gradient(1100px 700px at 52% 42%, rgba(214,174,96,.20) 0%, rgba(150,116,54,.10) 38%, rgba(8,7,6,.85) 78%, #060505 100%),
    radial-gradient(700px 460px at 18% 62%, rgba(214,174,96,.10) 0%, rgba(8,7,6,0) 70%),
    linear-gradient(180deg,#1a150c 0%, #0d0b08 55%, #060505 100%);
}
.mesa-veio{
  position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:
    repeating-linear-gradient(96deg, rgba(232,206,150,.05) 0 2px, transparent 2px 6px),
    repeating-linear-gradient(6deg, rgba(232,206,150,.035) 0 2px, transparent 2px 8px);
  mix-blend-mode:screen;
}
.mesa-mandala{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1680px;height:1080px;pointer-events:none;opacity:.9}

.palco-zoom{
  position:absolute;left:50%;top:50%;
  width:1440px;height:940px;
  transform:translate(-50%,-50%) scale(1);
  transform-origin:center center;
}
.palco-conteudo{position:absolute;inset:0}
.camada{position:absolute;inset:0}
#slots{z-index:10;pointer-events:none}
#cartas{z-index:20}
#efeitos{z-index:40;pointer-events:none}

/* ------------------------------------------------ slots */
.slot{
  position:absolute;width:var(--cw);height:var(--ch);
  border:1.5px dashed rgba(201,169,97,.35);border-radius:11px;
  background:radial-gradient(circle at 50% 50%, rgba(201,169,97,.06), transparent 70%);
  transition:.25s;pointer-events:auto;
}
.slot .slot-rot{
  position:absolute;left:50%;top:-25px;transform:translateX(-50%);
  font-family:var(--serif);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(233,220,178,.62);white-space:nowrap;
}
.slot .slot-num{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-family:var(--serif);font-size:30px;color:rgba(201,169,97,.22);
}
.slot.ativo{border-color:var(--ouro);box-shadow:0 0 0 1px rgba(201,169,97,.3), 0 0 26px rgba(201,169,97,.22)}
.slot.ocupado{border-color:transparent;background:none;box-shadow:none}
.slot.ocupado .slot-num{opacity:0}
.slot.ocupado .slot-rot{color:rgba(233,220,178,.85)}
.slot.alvo{border-color:var(--ouro-claro);box-shadow:0 0 0 2px rgba(233,220,178,.35), 0 0 34px rgba(201,169,97,.35)}

/* ------------------------------------------------ cartas */
.carta{
  position:absolute;width:var(--cw);height:var(--ch);
  left:0;top:0;
  transform-origin:center center;
  will-change:transform;
  transition:transform .45s cubic-bezier(.22,.9,.3,1);
}
.carta.sem-transicao{transition:none}
.carta-inner{
  position:absolute;inset:0;transform-style:preserve-3d;
  transition:transform .6s cubic-bezier(.4,1.5,.5,1);
}
.carta.virada .carta-inner{transform:rotateY(180deg)}
.lado{
  position:absolute;inset:0;border-radius:11px;overflow:hidden;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
  box-shadow:var(--sombra);
  background:#0d0b16;
}
.lado img{width:100%;height:100%;display:block;object-fit:cover}
.lado-verso{transform:rotateY(0deg)}
.lado-frente{transform:rotateY(180deg)}
.carta.arrastando{transition:none;z-index:900!important;cursor:grabbing}
.carta.arrastando .lado{box-shadow:0 30px 60px rgba(0,0,0,.72), 0 0 0 1px rgba(201,169,97,.35)}
.carta.oculta{display:none}
.carta.leque{cursor:pointer}
.carta.leque:hover{z-index:850}
.carta.leque .lado{box-shadow:0 10px 26px rgba(0,0,0,.55), 0 0 0 1px rgba(201,169,97,.18)}
.carta.pousada{cursor:grab}
.carta.pousada .lado{box-shadow:0 16px 34px rgba(0,0,0,.62), 0 0 0 1px rgba(201,169,97,.22)}
.carta.brilho .lado{box-shadow:0 16px 40px rgba(0,0,0,.62), 0 0 0 1px rgba(233,220,178,.5), 0 0 30px rgba(201,169,97,.35)}

.chip{
  position:absolute;top:5px;left:5px;z-index:3;
  min-width:19px;height:19px;padding:0 4px;border-radius:6px;
  display:grid;place-items:center;
  font-size:10.5px;font-weight:600;letter-spacing:.02em;
  background:rgba(10,8,18,.78);color:var(--ouro-claro);
  border:1px solid rgba(201,169,97,.45);
  backdrop-filter:blur(3px);
}
.chip.pilha{
  top:auto;bottom:auto;left:50%;transform:translateX(-50%);
  background:rgba(10,8,18,.9);font-size:11px;padding:0 8px;height:21px;
}
.chip.numero-leque{opacity:.9}

.carta-acoes{
  position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);
  display:flex;gap:5px;opacity:0;transition:.2s;z-index:5;
}
.carta:hover .carta-acoes{opacity:1}
.btn-carta{
  width:27px;height:27px;border-radius:50%;
  display:grid;place-items:center;font-size:12.5px;
  background:rgba(14,11,24,.94);border:1px solid rgba(201,169,97,.5);
  color:var(--ouro-claro);box-shadow:0 4px 12px rgba(0,0,0,.5);transition:.15s;
}
.btn-carta:hover{background:var(--ouro);color:#100d1a;transform:scale(1.12)}
.btn-carta.virar{width:31px;height:31px;font-size:14px}

.indicador-corte{
  position:absolute;height:2px;left:-14px;right:-14px;
  background:linear-gradient(90deg, transparent, var(--ouro-claro), transparent);
  box-shadow:0 0 12px rgba(233,220,178,.7);z-index:30;pointer-events:none;
}
.indicador-corte::after{
  content:attr(data-txt);position:absolute;right:-6px;top:-24px;
  font-size:10.5px;letter-spacing:.06em;color:var(--ouro-claro);
  background:rgba(10,8,18,.9);padding:2px 7px;border-radius:5px;border:1px solid var(--borda);
  white-space:nowrap;
}

/* ------------------------------------------------ painel */
.painel{
  position:absolute;top:0;right:0;bottom:0;width:352px;z-index:50;
  background:var(--painel);backdrop-filter:blur(14px);
  border-left:1px solid var(--borda);
  display:flex;flex-direction:column;
  transform:translateX(102%);transition:transform .35s cubic-bezier(.3,.9,.3,1);
  box-shadow:-20px 0 50px rgba(0,0,0,.5);
}
.painel.aberto{transform:translateX(0)}
.painel-topo{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 11px;border-bottom:1px solid var(--borda)}
.painel-topo h2{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-claro)}
.btn-x{font-size:22px;line-height:1;color:var(--tinta-fraca);padding:0 6px}
.btn-x:hover{color:var(--ouro-claro)}
.painel-tiragem{padding:11px 18px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro);border-bottom:1px solid rgba(201,169,97,.14)}
.painel-lista{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:11px}
.painel-lista::-webkit-scrollbar{width:7px}
.painel-lista::-webkit-scrollbar-thumb{background:rgba(201,169,97,.3);border-radius:4px}
.painel-lista .vazio{color:var(--tinta-fraca);font-size:13px;text-align:center;margin-top:34px;line-height:1.7}
.painel-lista .vazio small{font-size:11.5px;opacity:.75}
.entrada{
  border:1px solid rgba(201,169,97,.2);border-radius:10px;padding:11px 12px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  animation:entra .4s ease;
}
@keyframes entra{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.entrada .pos{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);margin-bottom:5px}
.entrada .nome{font-family:var(--serif);font-size:14.5px;color:var(--ouro-claro);letter-spacing:.03em}
.entrada .cod{font-size:10.5px;color:var(--tinta-fraca);margin:3px 0 7px}
.entrada .txt{font-size:12px;line-height:1.62;color:rgba(234,227,210,.86)}
.painel-rodape{padding:13px 16px;border-top:1px solid var(--borda)}

/* ------------------------------------------------ resumo flutuante */
.resumo-flutuante{
  position:fixed;z-index:120;width:326px;
  background:linear-gradient(180deg, rgba(32,25,14,.97), rgba(12,10,7,.97));
  border:1px solid var(--borda);border-radius:14px;padding:15px 17px 13px;
  box-shadow:0 24px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(201,169,97,.12) inset;
  backdrop-filter:blur(10px);
  animation:entra .32s cubic-bezier(.2,.9,.3,1);
}
.resumo-x{position:absolute;top:7px;right:10px;font-size:19px;color:var(--tinta-fraca)}
.resumo-x:hover{color:var(--ouro-claro)}
.resumo-cab{border-bottom:1px solid rgba(201,169,97,.18);padding-bottom:9px;margin-bottom:10px}
.resumo-num{font-family:var(--serif);font-size:11px;letter-spacing:.2em;color:var(--ouro)}
.resumo-cab h3{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ouro-claro);letter-spacing:.05em;margin:2px 0 5px}
.resumo-sub{font-size:10.5px;letter-spacing:.07em;color:var(--tinta-fraca);text-transform:uppercase}
.resumo-txt{font-size:12.5px;line-height:1.68;color:rgba(234,227,210,.9)}
.resumo-rodape{margin-top:11px;display:flex;justify-content:flex-end}

/* ------------------------------------------------ modal */
.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center}
.modal[hidden]{display:none}
.modal-fundo{position:absolute;inset:0;background:rgba(4,3,9,.82);backdrop-filter:blur(6px)}
.modal-caixa{
  position:relative;max-width:min(1060px,94vw);max-height:90vh;overflow-y:auto;
  background:linear-gradient(180deg,#1d1810,#0c0a07);
  border:1px solid var(--borda);border-radius:18px;padding:26px 28px;
  box-shadow:0 40px 90px rgba(0,0,0,.75);
  animation:entra .3s ease;
}
.modal-caixa::-webkit-scrollbar{width:8px}
.modal-caixa::-webkit-scrollbar-thumb{background:rgba(201,169,97,.3);border-radius:4px}
.modal-x{position:absolute;top:12px;right:16px;font-size:26px;color:var(--tinta-fraca);z-index:3}
.modal-x:hover{color:var(--ouro-claro)}
.modal h3{font-family:var(--serif);font-size:21px;color:var(--ouro-claro);letter-spacing:.06em;margin-bottom:4px}
.modal .sub{font-size:12px;color:var(--tinta-fraca);margin-bottom:18px}
.grade-cartas{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px}
.grade-item{cursor:pointer;text-align:center;transition:.2s}
.grade-item:hover{transform:translateY(-4px)}
.grade-item img{width:100%;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.55);border:1px solid rgba(201,169,97,.22)}
.grade-item span{display:block;margin-top:6px;font-size:10.5px;letter-spacing:.05em;color:var(--tinta-fraca)}
.grade-item:hover span{color:var(--ouro-claro)}

.carta-grande{display:flex;gap:28px;flex-wrap:wrap}
.carta-grande .fig{width:290px;flex:0 0 auto}
.carta-grande .fig img{width:100%;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.7);border:1px solid rgba(201,169,97,.25)}
.carta-grande .info{flex:1;min-width:290px}
.carta-grande h2{font-family:var(--serif);font-size:29px;color:var(--ouro-claro);letter-spacing:.06em;margin-bottom:3px}
.carta-grande .cod{font-size:12px;color:var(--ouro);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.carta-grande p{font-size:13.5px;line-height:1.78;color:rgba(234,227,210,.9);margin-bottom:14px}
.bloco{border-left:2px solid rgba(201,169,97,.4);padding-left:13px;margin-bottom:13px}
.bloco .rot{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);margin-bottom:4px}
.bloco .val{font-size:13px;line-height:1.6;color:rgba(234,227,210,.88)}
.lemas{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}
.lema{font-size:11px;padding:4px 10px;border-radius:20px;border:1px solid rgba(201,169,97,.3);color:var(--ouro-claro);background:rgba(201,169,97,.07)}
.guia{font-size:13.5px;line-height:1.85;color:rgba(234,227,210,.9);max-width:720px}
.guia h4{font-family:var(--serif);font-size:15px;color:var(--ouro-claro);margin:18px 0 7px;letter-spacing:.05em}
.guia ul{margin:0 0 6px 20px}
.guia li{margin-bottom:4px}
.guia kbd{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:5px;padding:1px 6px;font-size:11.5px;font-family:var(--sans)}

/* ------------------------------------------------ dica + toast */
.dica{
  position:absolute;left:18px;top:50%;transform:translateY(-50%);
  display:flex;align-items:flex-start;gap:9px;z-index:70;
  background:rgba(10,8,6,.42);border:1px solid rgba(214,174,96,.16);border-radius:12px;
  padding:7px 13px;backdrop-filter:blur(8px);
  font-size:11.5px;line-height:1.45;color:rgba(239,230,207,.72);letter-spacing:.02em;
  box-shadow:0 8px 20px rgba(0,0,0,.3);max-width:232px;
  transition:opacity .5s ease, visibility .5s ease;
}
.dica.oculta{opacity:0;visibility:hidden}
.dica-ico{color:var(--ouro);font-size:12px}
.dica.pulso{animation:pulso 2.6s ease-in-out infinite}
@keyframes pulso{0%,100%{box-shadow:0 10px 26px rgba(0,0,0,.42)}50%{box-shadow:0 10px 30px rgba(214,174,96,.3)}}

/* ------------------------------------------------ zoom da mesa */
.zoom-grupo{
  display:flex;align-items:center;gap:2px;
  border:1px solid var(--borda);border-radius:10px;padding:2px;
  background:rgba(20,16,10,.6);
}
.zoom-grupo .btn{border:none;background:transparent;min-width:30px;padding:5px 8px}
.zoom-grupo .btn:hover:not(:disabled){background:rgba(214,174,96,.16)}
.btn-zoom{
  font-size:11.5px;font-variant-numeric:tabular-nums;letter-spacing:.04em;
  color:var(--ouro-claro);min-width:52px !important;
}

.toast{
  position:fixed;left:20px;top:76px;
  background:rgba(201,169,97,.95);color:#141020;font-size:12.5px;font-weight:600;
  padding:9px 16px;border-radius:10px;z-index:300;box-shadow:0 12px 30px rgba(0,0,0,.5);
  animation:entra .25s ease;max-width:326px;text-align:left;
}
.toast[hidden]{display:none}

@media (max-width:1180px){
  .marca-txt span{display:none}
  .topo{padding:8px 12px;gap:10px}
  .painel{width:300px}
}

/* ------------------------------------------------ tema + mesa (abertura) */
.tema-caixa{
  position:absolute;inset:0;z-index:80;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:26px;padding:26px;overflow-y:auto;
  background:
    radial-gradient(900px 620px at 50% 40%, rgba(214,174,96,.16) 0%, rgba(10,8,6,.9) 62%, rgba(5,4,4,.97) 100%);
  backdrop-filter:blur(3px);
  transition:opacity .45s ease, visibility .45s ease;
}
.tema-caixa[hidden]{display:none}
.tema-caixa.saindo{opacity:0;visibility:hidden}
.tema-titulo{text-align:center;max-width:640px}
.tema-selo{
  display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;
  border:1px solid var(--ouro);color:var(--ouro-claro);font-size:18px;margin-bottom:14px;
  background:radial-gradient(circle at 40% 35%, rgba(214,174,96,.3), rgba(214,174,96,.04));
  box-shadow:0 0 22px rgba(214,174,96,.2) inset;
}
.tema-titulo h1{
  font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ouro-claro);margin-bottom:8px;
}
.tema-titulo p{font-size:13px;color:var(--tinta-fraca);letter-spacing:.03em}

.tema-grade{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.tema-card{
  width:196px;padding:22px 18px;border-radius:16px;text-align:center;cursor:pointer;
  border:1px solid var(--borda);
  background:linear-gradient(180deg, rgba(46,36,18,.72), rgba(16,13,8,.85));
  transition:.22s ease;
}
.tema-card:hover{transform:translateY(-5px);border-color:var(--ouro);box-shadow:0 18px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(214,174,96,.35)}
.tema-card .ico{font-size:30px;display:block;margin-bottom:11px;filter:sepia(.5) saturate(1.3)}
.tema-card .nome{
  font-family:var(--serif);font-size:16px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ouro-claro);margin-bottom:6px;
}
.tema-card .desc{font-size:11.5px;line-height:1.55;color:var(--tinta-fraca)}
.tema-card.ativo{border-color:var(--ouro);box-shadow:0 0 0 1px rgba(214,174,96,.45), 0 14px 34px rgba(0,0,0,.5)}

.mesa-titulo{
  font-family:var(--serif);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ouro);margin-top:6px;
}
.mesa-grade{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:760px}
.mesa-card{
  width:168px;padding:15px 14px;border-radius:13px;cursor:pointer;text-align:left;
  border:1px solid var(--borda);
  background:linear-gradient(180deg, rgba(40,32,16,.6), rgba(14,12,8,.85));
  transition:.2s ease;
}
.mesa-card:hover{transform:translateY(-4px);border-color:var(--ouro)}
.mesa-card .t{font-family:var(--serif);font-size:13.5px;color:var(--ouro-claro);letter-spacing:.06em;margin-bottom:4px}
.mesa-card .d{font-size:11px;line-height:1.5;color:var(--tinta-fraca)}
.mesa-card.destaque{border-color:rgba(214,174,96,.5)}
.mesa-card.simnao{
  border-color:rgba(214,174,96,.55);
  background:linear-gradient(180deg, rgba(60,46,20,.72), rgba(18,14,9,.9));
}
.mesa-card.simnao .t{color:#f2e0ac}
.mesa-card.simnao .t em{font-style:normal;color:#9adcae}
.mesa-card.simnao .t i{font-style:normal;color:#e08c8c}

.painel-tema{
  padding:10px 18px 0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--tinta-fraca);
}
.painel-tema strong{color:var(--ouro-claro);letter-spacing:.12em}
.btn-tema{
  width:100%;display:flex;justify-content:center;margin-top:8px;
}

.tema-tag{
  display:inline-block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ouro);border:1px solid rgba(214,174,96,.35);border-radius:20px;
  padding:2px 9px;margin-bottom:6px;
}
.leitura-tema{
  font-size:12px;line-height:1.62;color:rgba(239,230,207,.92);
  border-left:2px solid rgba(214,174,96,.45);padding-left:10px;margin:7px 0 6px;
}
.leitura-tema .rot{
  display:block;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ouro);margin-bottom:4px;line-height:1.3;
}

/* 2 cartas · SIM e NÃO */
.simnao-deco{position:absolute;inset:0;z-index:5;pointer-events:none}
.simnao-deco[hidden]{display:none}
.simnao-pergunta{
  position:absolute;left:50%;top:52px;transform:translateX(-50%);
  width:min(680px,72%);text-align:center;pointer-events:auto;
}
.simnao-pergunta label{
  display:block;font-family:var(--serif);font-size:10.5px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ouro);margin-bottom:12px;line-height:1.4;
}
.simnao-pergunta input{
  width:100%;padding:11px 18px;border-radius:30px;text-align:center;
  background:rgba(12,10,7,.82);border:1px solid var(--borda);color:var(--tinta);
  font-family:var(--serif);font-size:14.5px;letter-spacing:.04em;
  outline:none;transition:.2s;
}
.simnao-pergunta input::placeholder{color:rgba(179,165,131,.7);font-family:var(--sans);font-size:12.5px;letter-spacing:.02em}
.simnao-pergunta input:focus{border-color:var(--ouro);box-shadow:0 0 0 3px rgba(214,174,96,.14)}

.simnao-divisor{
  position:absolute;left:50%;top:250px;bottom:150px;width:1px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(214,174,96,0), rgba(214,174,96,.42) 18%, rgba(214,174,96,.42) 82%, rgba(214,174,96,0));
}
.simnao-lado{
  position:absolute;top:250px;font-family:var(--serif);
  font-size:56px;letter-spacing:.24em;opacity:.08;user-select:none;
}
.simnao-lado.sim{left:calc(50% - 300px);transform:translateX(-50%);color:#9adcae}
.simnao-lado.nao{left:calc(50% + 300px);transform:translateX(-50%);color:#e08c8c}

.slot.resposta-sim{border-color:rgba(126,200,140,.5)}
.slot.resposta-nao{border-color:rgba(206,110,110,.5)}
.slot.resposta-sim .slot-rot{color:rgba(150,222,164,.9)}
.slot.resposta-nao .slot-rot{color:rgba(228,140,140,.9)}
.slot.apoio{
  border-style:dashed;border-color:rgba(214,174,96,.3);
}
.slot.apoio .slot-rot{
  color:rgba(214,174,96,.72);font-size:8.5px;letter-spacing:.12em;
}
.slot.apoio .slot-num{font-size:19px;color:rgba(214,174,96,.32)}
.slot.apoio.ocupado{border-style:solid;border-color:rgba(214,174,96,.55)}
.veredito{
  border:1px solid var(--borda);border-radius:12px;padding:13px 15px;
  background:linear-gradient(180deg, rgba(46,36,18,.55), rgba(14,12,8,.7));
  animation:entra .4s ease;
}
.veredito .rot{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);margin-bottom:7px}
.veredito .resp{
  font-family:var(--serif);font-size:22px;letter-spacing:.14em;text-transform:uppercase;
  margin-bottom:8px;
}
.veredito .resp.sim{color:#9adcae}
.veredito .resp.nao{color:#e08c8c}
.veredito .resp.indef{color:var(--ouro-claro)}
.veredito .txt{font-size:12px;line-height:1.6;color:rgba(239,230,207,.88)}
.veredito .forca{font-size:11px;color:var(--tinta-fraca);margin-top:8px}