@font-face{font-family:'EB Garamond';src:url(fontes/eb-garamond-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'EB Garamond';src:url(fontes/eb-garamond-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'EB Garamond';src:url(fontes/eb-garamond-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'EB Garamond';src:url(fontes/eb-garamond-latin-500-italic.woff2) format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'EB Garamond';src:url(fontes/eb-garamond-latin-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'EB Garamond';src:url(fontes/eb-garamond-latin-600-italic.woff2) format('woff2');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'EB Garamond';src:url(fontes/eb-garamond-latin-700-normal.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(fontes/montserrat.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Pinyon';src:url(fontes/pinyon.woff2) format('woff2');font-display:swap}
:root{--noite:#0d1533;--noite-funda:#070c22;--ouro:#d9b56e;--ouro-claro:#f1d9a0;--papel:#fbf1dc;--papel-2:#d6c7a8}
*{box-sizing:border-box}
html{background:var(--noite-funda);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100svh;color:var(--papel);font-family:'EB Garamond',Georgia,serif;font-size:1.1875rem;line-height:1.5;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;
  background:radial-gradient(130% 60% at 50% 0%,#1d2758 0%,#111a42 50%,#070c22 100%) fixed}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.8;background-image:
  radial-gradient(1.2px 1.2px at 12% 18%,rgba(255,244,214,.9),transparent 60%),radial-gradient(1px 1px at 27% 72%,rgba(255,244,214,.6),transparent 60%),
  radial-gradient(1.4px 1.4px at 41% 9%,rgba(255,244,214,.8),transparent 60%),radial-gradient(1px 1px at 63% 26%,rgba(255,244,214,.6),transparent 60%),
  radial-gradient(1.2px 1.2px at 79% 14%,rgba(255,244,214,.8),transparent 60%),radial-gradient(1px 1px at 88% 63%,rgba(255,244,214,.5),transparent 60%),
  radial-gradient(1.3px 1.3px at 7% 54%,rgba(255,244,214,.7),transparent 60%),radial-gradient(1px 1px at 53% 88%,rgba(255,244,214,.5),transparent 60%),
  radial-gradient(1.1px 1.1px at 94% 38%,rgba(255,244,214,.7),transparent 60%),radial-gradient(1px 1px at 71% 79%,rgba(255,244,214,.6),transparent 60%)}
:focus-visible{outline:2px solid #fff1cc;outline-offset:3px;border-radius:4px}
button{font:inherit;color:inherit}
.palco{position:relative;max-width:30rem;margin:0 auto;min-height:100svh;display:flex;flex-direction:column;padding:0 1.25rem}
.barra{padding-top:max(.9rem,env(safe-area-inset-top))}
.progresso{display:flex;gap:4px}
.progresso i{flex:1;height:3px;border-radius:2px;background:rgba(241,217,160,.2);transition:background .4s}
.progresso i.feito{background:var(--ouro-claro)}
.topo{display:flex;justify-content:space-between;align-items:baseline;margin-top:.6rem}
.topo .marca{font-family:'Pinyon',cursive;font-size:1.65rem;line-height:1;color:var(--ouro-claro);text-decoration:none}
.topo a.como{font-size:1rem;color:var(--papel-2);text-decoration:none}
#tela{flex:1;display:flex;flex-direction:column;padding:1.5rem 0 .6rem;outline:none}
#tela.entra{animation:entra .45s ease both}
@keyframes entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#tela.entra{animation:none}}
.madame{display:flex;gap:.8rem;align-items:flex-start}
.madame .rosto{flex:none;width:2.9rem;height:2.9rem;border-radius:50%;border:1.5px solid var(--ouro);background:radial-gradient(circle at 50% 40%,#2a3466,#0d1533 75%);display:flex;align-items:center;justify-content:center;color:var(--ouro-claro);overflow:hidden}
.madame .rosto svg{width:1.6rem;height:1.6rem}
.madame .rosto img{width:100%;height:100%;object-fit:cover}
.madame p{margin:.15rem 0 0;font-style:italic;font-size:1.13rem;line-height:1.42;color:#efe0bf;text-wrap:pretty}
h1.pergunta{margin:1.3rem 0 0;font-weight:500;font-size:clamp(1.95rem,7.2vw,2.45rem);line-height:1.1;letter-spacing:-.01em;color:#fff6e4;text-wrap:balance}
.sub{margin-top:.7rem;color:var(--papel-2);font-size:1.08rem;text-wrap:pretty}
.campo{margin-top:1.5rem;position:relative}
.campo input{width:100%;min-height:3.9rem;padding:.6rem 1rem;border-radius:.5rem;border:1px solid rgba(217,181,110,.6);background:rgba(7,12,34,.6);color:#fff6e4;
  font:400 1.6rem/1.2 'EB Garamond',Georgia,serif;font-variant-numeric:lining-nums;text-align:center;letter-spacing:.02em}
.campo input.texto{text-align:left;font-size:1.45rem}
.campo input::placeholder{color:rgba(214,199,168,.45)}
.campo input:focus{outline:none;border-color:var(--ouro-claro);box-shadow:0 0 0 3px rgba(241,217,160,.2)}
.lista{list-style:none;margin:.35rem 0 0;padding:.3rem;border-radius:.5rem;background:#111a42;border:1px solid rgba(217,181,110,.55);box-shadow:0 18px 40px rgba(0,0,0,.5);max-height:15rem;overflow:auto;position:absolute;left:0;right:0;z-index:5}
.lista[hidden]{display:none}
.lista li{padding:.7rem .8rem;border-radius:.35rem;cursor:pointer;font-size:1.2rem;line-height:1.2}
.lista li small{color:var(--papel-2);font-size:.95rem;margin-left:.4rem}
.lista li[aria-selected=true],.lista li[role=option]:hover{background:rgba(217,181,110,.18)}
.lista li.vazia{cursor:default;font-style:italic;font-size:1.02rem;color:var(--papel-2)}
.eco{margin-top:1rem;min-height:1.6rem;text-align:center;font-style:italic;color:var(--ouro-claro);font-size:1.15rem}
.erro{margin-top:.8rem;color:#ffc2b0;font-size:1.05rem;text-align:center}
.erro:empty{display:none}
.opcoes{display:grid;gap:.65rem;margin-top:1.4rem}
.opcoes.duas{grid-template-columns:1fr 1fr}
.opcao{min-height:3.7rem;padding:.65rem 1rem;border-radius:.5rem;border:1px solid rgba(217,181,110,.5);background:rgba(7,12,34,.5);cursor:pointer;text-align:left;
  display:flex;flex-direction:column;justify-content:center;font-weight:500;font-size:1.2rem;line-height:1.2;color:#fff6e4}
.opcao small{display:block;margin-top:.2rem;font-weight:400;font-style:italic;font-size:.98rem;color:var(--papel-2)}
.opcao:hover{border-color:var(--ouro-claro)}
.opcao[aria-pressed=true]{border-color:var(--ouro-claro);background:rgba(217,181,110,.16);box-shadow:0 0 0 1px var(--ouro-claro) inset}
.acoes{margin-top:auto;padding-top:1.5rem;display:grid;gap:.7rem}
.botao{display:flex;align-items:center;justify-content:center;min-height:3.7rem;padding:.3rem 1.4rem;border:0;border-radius:.5rem;cursor:pointer;text-decoration:none;text-align:center;
  font:600 1.25rem/1.15 'EB Garamond',Georgia,serif;color:#1a1838;background:linear-gradient(180deg,#f2d999 0%,#d8b062 100%);box-shadow:inset 0 0 0 1px rgba(255,240,200,.55),0 10px 26px rgba(0,0,0,.35)}
.botao:active{transform:translateY(1px)}
.botao[disabled]{opacity:.45;cursor:default;transform:none}
.botao.sec{color:var(--ouro-claro);background:transparent;box-shadow:inset 0 0 0 1.5px var(--ouro)}
.botao small{display:block;font-weight:400;font-style:italic;font-size:.95rem;margin-top:.15rem}
.botao.duplo{flex-direction:column}
.link{background:none;border:0;padding:.4rem;color:var(--papel-2);text-decoration:underline;text-underline-offset:.2em;cursor:pointer;font-size:1.05rem}
.rodape{margin:0;padding:.5rem 0 max(1rem,env(safe-area-inset-bottom));text-align:center;font-size:.86rem;font-style:italic;color:rgba(214,199,168,.72)}
.aviso{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);z-index:40;background:#fff3d6;color:#1a1838;padding:.8rem 1.2rem;border-radius:.4rem;font-size:1.05rem;box-shadow:0 12px 30px rgba(0,0,0,.45);max-width:calc(100vw - 2rem)}
.aviso[hidden]{display:none}

/* três cartas fechadas, em leque */
.tres{position:relative;height:min(68vw,17.5rem);margin:2.2rem 0 .4rem}
.fechada{position:absolute;top:6%;left:50%;width:40%;aspect-ratio:2/3;padding:0;border:0;border-radius:.6rem;background:none;cursor:pointer;
  transform-origin:50% 115%;transform:translateX(calc(-50% + var(--x))) rotate(var(--r));
  transition:transform .5s cubic-bezier(.3,.7,.2,1),opacity .4s,filter .4s;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55))}
.fechada[data-i="0"]{--x:-46%;--r:-13deg;z-index:1}
.fechada[data-i="1"]{--x:0%;--r:0deg;z-index:2}
.fechada[data-i="2"]{--x:46%;--r:13deg;z-index:1}
.fechada svg{width:100%;height:100%;display:block}
.fechada:hover{filter:drop-shadow(0 0 16px rgba(241,217,160,.35))}
.tres.escolhida .fechada{opacity:.3;filter:grayscale(.4)}
.tres.escolhida .fechada.sim{opacity:1;z-index:3;filter:drop-shadow(0 0 24px rgba(241,217,160,.6));transform:translateX(calc(-50% + var(--x))) rotate(var(--r)) translateY(-9%) scale(1.07)}
@media (prefers-reduced-motion:reduce){.fechada{transition:none}}

/* leitura com suspense */
.lendo{margin:1.4rem auto 0;position:relative;width:min(100%,22rem);aspect-ratio:1}
.lendo .giro{position:absolute;inset:0;animation:gira 14s linear infinite}
.lendo .giro svg{width:100%;height:100%}
@keyframes gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lendo .giro{animation:none}}
.passos{margin:1.2rem 0 0;padding:0;list-style:none;text-align:center;font-style:italic;color:#efe0bf;min-height:5.5rem}
.passos li{opacity:0;transition:opacity .5s}
.passos li.on{opacity:1}

/* carta (frente e verso) — medidas em cqw, base 1080 x 1620 */
.flip{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;perspective:2600px;container-type:inline-size;-webkit-tap-highlight-color:transparent;color:inherit;font:inherit;text-align:center}
.faces{position:relative;width:100%;aspect-ratio:2/3;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.3,.75,.2,1)}
.flip.virada .faces{transform:rotateY(180deg)}
@media (prefers-reduced-motion:reduce){.faces{transition:none}}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:2.4cqw;overflow:hidden;box-shadow:0 3.4cqw 9cqw rgba(0,0,0,.55),0 0 0 .16cqw rgba(217,181,110,.6);background:var(--noite)}
.face.lado-verso{transform:rotateY(180deg)}
.carta{position:absolute;inset:0;overflow:hidden;color:#fbf3e2;text-align:center}
.carta .arte{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.carta .arte-ceu{position:absolute;inset:0;background:linear-gradient(180deg,var(--k1) 0%,var(--k2) 52%,var(--k3) 100%)}
.carta .arte-ceu .medalhao{position:absolute;left:17.96%;width:64.07%;top:14.2%;aspect-ratio:1;filter:drop-shadow(0 1.5cqw 3cqw rgba(0,0,0,.45))}
.carta .arte-ceu .medalhao svg{width:100%;height:100%;display:block}
.carta .arte-ceu .nome-g{position:absolute;left:0;right:0;top:4.6%;font-family:'Pinyon',cursive;font-size:13.9cqw;line-height:1;color:rgba(255,246,226,.92);text-shadow:0 0 3.7cqw rgba(255,220,170,.35)}
.carta .sombra{position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,rgba(11,16,38,0) 0%,rgba(11,16,38,.55) 30%,rgba(9,13,32,.9) 62%,rgba(8,11,28,.97) 100%)}
.carta .base{position:absolute;left:8.9cqw;right:8.9cqw;bottom:9.63cqw}
.carta .nome{font-family:'Pinyon',cursive;font-size:13.9cqw;line-height:1;color:#fff6e2;white-space:nowrap;text-shadow:0 0 2.6cqw rgba(255,214,150,.45),0 .37cqw 1.7cqw rgba(0,0,0,.55)}
.carta .dados{font-family:'EB Garamond',serif;font-style:italic;font-size:3.06cqw;line-height:1.25;margin-top:1.3cqw;color:#f4e6c8}
.carta .guard{font-family:'EB Garamond',serif;font-size:2.78cqw;line-height:1.25;margin-top:.74cqw;color:#e9d39b}
.carta .guard b{font-weight:600;color:#fff3d6}
.carta .fio{width:27.8cqw;height:.1cqw;min-height:1px;margin:2.78cqw auto 3.15cqw;background:linear-gradient(90deg,transparent,#d9b56e,transparent)}
.carta .selos{display:grid;grid-template-columns:repeat(5,1fr);gap:.93cqw}
.carta .selo{display:flex;flex-direction:column;align-items:center;min-width:0}
.carta .selo .ic{width:6.85cqw;height:6.85cqw;border-radius:50%;border:.15cqw solid #d9b56e;display:flex;align-items:center;justify-content:center;color:#f3dca2;background:radial-gradient(circle,rgba(217,181,110,.16),rgba(217,181,110,.03) 70%);box-shadow:0 0 1.7cqw rgba(217,181,110,.18)}
.carta .selo .ic svg{width:3.52cqw;height:3.52cqw}
.carta .selo .ic .cjk{font-family:'Noto Serif CJK TC','Noto Serif TC','Songti TC','PMingLiU',serif;font-weight:600;font-size:3.33cqw;line-height:1}
.carta .selo .ic .rom{font-family:'EB Garamond',serif;font-weight:700;font-size:3.15cqw;line-height:1}
.carta .selo .rot{margin-top:1.3cqw;font-family:Montserrat,sans-serif;font-weight:600;font-size:1.2cqw;letter-spacing:.24em;padding-left:.24em;text-transform:uppercase;color:#cfb27a}
.carta .selo .val{margin-top:.56cqw;font-family:'EB Garamond',serif;font-weight:600;font-size:2.5cqw;line-height:1.08;color:#fff4dc}
.carta .marca{position:absolute;left:0;right:0;bottom:4.44cqw;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.2cqw;letter-spacing:.42em;padding-left:.42em;color:rgba(233,207,154,.8)}
.carta.verso{background:radial-gradient(120% 80% at 50% 42%,#1b2554 0%,#111a40 45%,#0a1029 100%)}
.carta.verso .moldura,.carta.texto .moldura{position:absolute;inset:3.7cqw;border:.15cqw solid rgba(217,181,110,.85);border-radius:.6cqw}
.carta.verso .moldura:after,.carta.texto .moldura:after{content:'';position:absolute;inset:1.1cqw;border:.1cqw solid rgba(217,181,110,.4);border-radius:.3cqw}
.carta.verso .titulo{position:absolute;left:0;right:0;top:10.9cqw}
.carta.verso .titulo .a{font-family:'Pinyon',cursive;font-size:10cqw;line-height:1;color:#fff3dc;white-space:nowrap;text-shadow:0 0 2.4cqw rgba(255,214,150,.35)}
.carta.verso .titulo .b{margin-top:1.5cqw;font-family:Montserrat,sans-serif;font-weight:600;font-size:1.39cqw;letter-spacing:.42em;padding-left:.42em;text-transform:uppercase;color:#d9bf86}
.carta.verso .ceu{position:absolute;left:10.19cqw;top:27.04cqw;width:79.63cqw;height:79.63cqw}
.carta.verso .ceu svg{width:100%;height:100%;display:block}
.carta.verso .posicoes{position:absolute;left:13.89cqw;right:13.89cqw;top:109.26cqw;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.carta.verso .posicoes .rot{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.2cqw;letter-spacing:.26em;padding-left:.26em;text-transform:uppercase;color:#cfb27a}
.carta.verso .posicoes .val{margin-top:.74cqw;font-family:'EB Garamond',serif;font-weight:600;font-size:2.59cqw;color:#fff4dc;white-space:nowrap}
.carta.verso .posicoes .val i{font-weight:400;color:#e8d3a2;margin-left:.56cqw}
.carta.verso .rodape{position:absolute;left:8.9cqw;right:8.9cqw;bottom:10.9cqw;padding:0;font-style:normal}
.carta.verso .rodape .l1{font-family:'EB Garamond',serif;font-style:italic;font-size:3.15cqw;line-height:1.25;color:#f4e6c8}
.carta.verso .rodape .l2{margin-top:.93cqw;font-family:'EB Garamond',serif;font-size:2.6cqw;line-height:1.3;color:#d9c08c}
.carta.verso .marca,.carta.texto .marca{bottom:5.93cqw;letter-spacing:.5em;padding-left:.5em;color:rgba(233,207,154,.7)}
.carta .ceu-espera{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'EB Garamond',serif;font-style:italic;font-size:3cqw;color:#d9c08c}

/* carta de momento e carta do ano */
.carta.momento{background:linear-gradient(180deg,var(--k1) 0%,var(--k2) 55%,var(--k3) 100%)}
.carta.momento .moldura{position:absolute;inset:3.7cqw;border:.15cqw solid rgba(241,217,160,.75);border-radius:.6cqw}
.carta.momento .topo-m{position:absolute;left:0;right:0;top:9cqw}
.carta.momento .topo-m .tipo{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.35cqw;letter-spacing:.42em;padding-left:.42em;text-transform:uppercase;color:rgba(255,240,205,.85)}
.carta.momento .topo-m .deus{margin-top:2cqw;font-family:'Pinyon',cursive;font-size:15cqw;line-height:1;color:#fff6e2;white-space:nowrap;text-shadow:0 0 3cqw rgba(255,220,170,.4)}
.carta.momento .topo-m .tit{margin-top:1cqw;font-family:'EB Garamond',serif;font-style:italic;font-size:4.4cqw;color:#ffeccb}
.carta.momento .medalhao{position:absolute;left:18%;width:64%;top:30%;aspect-ratio:1;filter:drop-shadow(0 1.5cqw 3cqw rgba(0,0,0,.45))}
.carta.momento .medalhao svg{width:100%;height:100%;display:block}
.carta.momento .baixo{position:absolute;left:8cqw;right:8cqw;bottom:11cqw}
.carta.momento .baixo .esc{font-family:'EB Garamond',serif;font-weight:600;font-size:4.2cqw;line-height:1.15;color:#fff6e2}
.carta.momento .baixo .dt{margin-top:1.3cqw;font-family:'EB Garamond',serif;font-style:italic;font-size:3.1cqw;color:#f4e6c8}
.carta.momento .grande{position:absolute;left:0;right:0;top:30%;font-family:'EB Garamond',serif;font-weight:700;font-size:25cqw;line-height:1;color:#fff3d6;text-shadow:0 0 4cqw rgba(255,214,150,.35)}
.carta.momento .duplo-selo{position:absolute;left:0;right:0;top:55%;display:flex;justify-content:center;gap:9cqw}
.carta.momento .duplo-selo > div{display:flex;flex-direction:column;align-items:center;width:30cqw}
.carta.momento .duplo-selo .ic{width:15cqw;height:15cqw;border-radius:50%;border:.2cqw solid #d9b56e;display:flex;align-items:center;justify-content:center;color:#f3dca2;font-family:'EB Garamond',serif;font-weight:700;font-size:6.5cqw;background:radial-gradient(circle,rgba(217,181,110,.18),rgba(217,181,110,.03) 70%)}
.carta.momento .duplo-selo .ic.cjk{font-family:'Noto Serif CJK TC','Noto Serif TC','Songti TC','PMingLiU',serif;font-weight:600}
.carta.momento .duplo-selo small{display:block;margin-top:1.8cqw;font-family:'EB Garamond',serif;font-weight:600;font-size:3.6cqw;line-height:1.15;color:#fff4dc}
.carta.texto{background:radial-gradient(120% 80% at 50% 42%,#1b2554 0%,#111a40 45%,#0a1029 100%)}
.carta.texto .miolo{position:absolute;left:11cqw;right:11cqw;top:10cqw;bottom:12cqw;display:flex;flex-direction:column;justify-content:center;text-align:center}
.carta.texto .miolo .a{font-family:'Pinyon',cursive;font-size:10cqw;line-height:1;color:#fff3dc}
.carta.texto .miolo .b{margin-top:2cqw;font-family:'EB Garamond',serif;font-style:italic;font-size:3.4cqw;line-height:1.3;color:#e8d3a2}
.carta.texto .miolo p{margin:3cqw 0 0;font-family:'EB Garamond',serif;font-size:3.8cqw;line-height:1.38;color:#f6ead0}
.carta.texto .miolo .vir{margin-top:4cqw;padding-top:3cqw;border-top:.15cqw solid rgba(217,181,110,.5)}
.carta.texto .miolo .vir .a{font-size:8cqw}
.carta.texto .miolo .cons{margin-top:4cqw;font-style:italic;color:#f1d9a0}

/* resultado e álbum */
.carta-grande{width:min(84vw,24rem);margin:1.4rem auto 0;animation:revela 1.1s cubic-bezier(.3,.7,.2,1) .15s both}
@keyframes revela{from{opacity:0;transform:perspective(1400px) rotateY(-95deg) scale(.92)}60%{opacity:1}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.carta-grande{animation:none}}
.dica-virar{display:block;margin-top:.8rem;text-align:center;font-style:italic;font-size:1rem;color:var(--papel-2)}
.recado{margin-top:1.6rem;padding:1.1rem 1.1rem 1.2rem;border-radius:.5rem;border:1px solid rgba(217,181,110,.45);background:rgba(7,12,34,.45)}
.recado h2{margin:0;font-weight:600;font-size:1.3rem;line-height:1.2;color:#fff6e4}
.recado p{margin:.5rem 0 0;color:#ecdcb8;text-wrap:pretty}
.album{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem .7rem;margin-top:1.4rem}
.slot-wrap{min-width:0}
.slot{position:relative;aspect-ratio:2/3;border-radius:.45rem;overflow:hidden;container-type:inline-size;background:rgba(7,12,34,.45);border:1px dashed rgba(217,181,110,.4);width:100%;padding:0;display:block}
.slot .carta{border-radius:inherit}
.slot.vazio{display:flex;align-items:center;justify-content:center;flex-direction:column;color:rgba(241,217,160,.6);font-style:italic;font-size:.9rem;text-align:center;padding:.4rem;cursor:pointer}
.slot.vazio b{font-style:normal;font-size:1.6rem;line-height:1;font-weight:400}
.slot.preso:after{content:'';position:absolute;inset:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:rgba(7,12,34,.3);
  mask-image:linear-gradient(180deg,transparent 0 50%,#000 64%);-webkit-mask-image:linear-gradient(180deg,transparent 0 50%,#000 64%)}
.slot .cadeado{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);z-index:2;background:rgba(7,12,34,.85);border:1px solid var(--ouro);border-radius:999px;padding:.1rem .5rem;font-size:.76rem;color:var(--ouro-claro);white-space:nowrap}
.slot.aberto{border-style:solid;border-color:var(--ouro);cursor:pointer}
.legenda-slot{margin-top:.3rem;text-align:center;font-size:.84rem;color:var(--papel-2);line-height:1.2}
.ofertas{display:grid;gap:.7rem;margin-top:1.6rem}
.oferta-vida{margin-top:.4rem;display:grid;grid-template-columns:5.2rem 1fr;gap:.9rem;align-items:center;padding:1rem;border-radius:.5rem;border:1px solid rgba(217,181,110,.6);background:linear-gradient(135deg,rgba(217,181,110,.14),rgba(7,12,34,.4))}
.oferta-vida img{width:100%;border-radius:.35rem;box-shadow:0 0 0 1px rgba(217,181,110,.6)}
.oferta-vida h3{margin:0;font-weight:600;font-size:1.22rem;line-height:1.2;color:#fff6e4}
.oferta-vida p{margin:.3rem 0 .6rem;font-size:1rem;color:#ecdcb8;line-height:1.35}
.oferta-vida .botao{min-height:3rem;font-size:1.08rem}
.modal{position:fixed;inset:0;z-index:30;background:rgba(5,8,22,.88);display:flex;align-items:center;justify-content:center;padding:1rem;flex-direction:column}
.modal[hidden]{display:none}
.modal .caixa{width:min(86vw,24rem)}
.modal .fechar{margin-top:1rem}