:root{--navy:#0a0f1d;--navy2:#141c36;--line:rgba(229,184,75,.28);--gold:#e5b84b;--gold-l:#fff1c1;--gold-d:#9a6b12;--text:#f5ecd7;--muted:#b9b09c;--violet:#a78bfa;--right:#3fbf7f;--wrong:#d2424f;--serif:Georgia,"Times New Roman",serif;--display:"Cinzel",Georgia,serif}
*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(ellipse at 50% 0%,#241a4a 0%,#121a38 35%,var(--navy) 70%);color:var(--text);font-family:var(--serif);min-height:100%}
body{min-height:100dvh;-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer;color:inherit}
[hidden]{display:none!important}
.back{color:var(--gold);text-decoration:none;font-size:14px}

/* Abertura e fim */
.intro{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.intro-card{width:100%;max-width:460px;background:linear-gradient(180deg,#1b1d4a,#0d1430);border:1px solid var(--line);border-radius:22px;padding:24px 22px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 80px rgba(167,139,250,.12);text-align:center}
.intro-card .back{display:block;text-align:left}
.olho{width:72px;height:48px;margin:14px auto 0;display:block;filter:drop-shadow(0 0 14px rgba(229,184,75,.55));animation:respira 3.2s ease-in-out infinite}
@keyframes respira{50%{transform:scale(1.06);filter:drop-shadow(0 0 22px rgba(229,184,75,.8))}}
.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin:12px 0 6px}
.intro h1{font-family:var(--display);font-size:32px;line-height:1.15;margin:0 0 10px;color:var(--gold-l);letter-spacing:.03em}
.lead{color:var(--muted);line-height:1.5;margin:0 0 16px}
.lead b{color:var(--gold-l)}
.rules{text-align:left;color:var(--text);font-size:14px;line-height:1.45;padding-left:18px;margin:0 0 16px}
.rules li{margin-bottom:6px}
.rules b{color:var(--gold)}
.helps-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.helps-intro span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:14px;background:#0e1530;border:1px solid var(--line);font-size:12px;color:var(--gold-l)}
.helps-intro svg{width:34px;height:34px}
.helps-intro small{color:var(--muted);font-size:11px}
.primary{width:100%;padding:14px;border:0;border-radius:12px;background:linear-gradient(180deg,#f0c75e,#c99528);color:#1a1205;font-weight:700;font-size:16px;box-shadow:0 6px 18px rgba(229,184,75,.3)}
.primary:active{transform:scale(.98)}
.ghost{padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--gold-l);font-size:14px;text-decoration:none;text-align:center}
.ghost.wide{display:block;margin-top:10px}
.fine{color:var(--muted);font-size:13px;margin:12px 0}
.prize{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 4px;flex-wrap:wrap}
.prize b{font-family:var(--display);font-size:38px;color:var(--gold-l);text-shadow:0 0 18px rgba(229,184,75,.5)}
.prize small{width:100%;color:var(--muted);font-size:13px}
.coin{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1c1,#e5b84b 55%,#9a6b12);box-shadow:0 0 10px rgba(229,184,75,.7)}
.end-card.won .olho{animation:respira 1.2s ease-in-out infinite}

/* Jogo */
.game{max-width:980px;margin:0 auto;padding:10px 12px 24px}
.top{display:flex;align-items:center;gap:10px;padding:4px 0 10px;max-width:560px}
.icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#121a36;color:var(--gold);font-size:19px;text-decoration:none;flex-shrink:0}
.icon.off{opacity:.45}
.status{flex:1;min-width:0}
.step{margin:0;color:var(--muted);font-size:13px}
.worth{margin:2px 0 0;font-size:17px;color:var(--gold-l)}
.worth b{font-family:var(--display);color:var(--gold)}
.layout{display:grid;gap:16px}
.play{max-width:560px;width:100%}

.timer{position:relative;height:10px;border-radius:10px;background:#1c2446;margin-bottom:12px}
.timer i{position:absolute;inset:0;right:auto;width:100%;background:linear-gradient(90deg,var(--violet),var(--gold));border-radius:10px}
.timer.low i{background:linear-gradient(90deg,#ff8a6a,var(--wrong))}
.timer span{position:absolute;right:6px;top:-18px;font-size:12px;color:var(--muted)}
.timer{margin-top:18px}

.question{position:relative;padding:18px 16px;border-radius:20px;background:linear-gradient(180deg,#1d2150,#10173a);border:1px solid var(--line);box-shadow:0 12px 34px rgba(0,0,0,.45),inset 0 0 40px rgba(167,139,250,.08);min-height:120px}
.tier{margin:0 0 8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--violet)}
.question h2{margin:0;font-size:20px;line-height:1.35;font-weight:600;color:var(--text)}
.question.enter{animation:entra .45s ease-out}
@keyframes entra{from{opacity:0;transform:translateY(10px) scale(.98)}}

.owl{margin-top:14px;display:grid;gap:6px}
.owl p{margin:0 0 2px;font-size:13px;color:var(--gold-l)}
.bar{display:grid;grid-template-columns:22px 1fr 40px;align-items:center;gap:8px;font-size:13px}
.bar i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,#b98a3c,var(--gold-l));transform-origin:left;animation:cresce .7s ease-out}
@keyframes cresce{from{transform:scaleX(0)}}
.bar b{color:var(--gold)}
.bar span{text-align:right;color:var(--muted)}

.options{display:grid;gap:10px;margin-top:14px}
.option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;border-radius:16px;border:1px solid var(--line);background:#0f1631;font-size:16px;line-height:1.3;min-height:54px;transition:background .2s,border-color .2s,transform .1s}
.option:active{transform:scale(.99)}
.option b{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#1d2747;color:var(--gold);font-family:var(--display);font-size:14px;border:1px solid var(--line)}
.option.chosen{border-color:var(--gold);background:linear-gradient(180deg,#3a2c10,#221a08);box-shadow:0 0 0 1px var(--gold) inset,0 0 18px rgba(229,184,75,.3)}
.option.chosen b{background:var(--gold);color:#1a1205}
.option.suspense{animation:pisca .5s ease-in-out infinite alternate}
@keyframes pisca{to{box-shadow:0 0 0 1px var(--gold) inset,0 0 30px rgba(229,184,75,.65)}}
.option.right{border-color:var(--right);background:linear-gradient(180deg,#14452e,#0c2a1d);box-shadow:0 0 22px rgba(63,191,127,.45)}
.option.right b{background:var(--right);color:#05150d}
.option.wrong{border-color:var(--wrong);background:linear-gradient(180deg,#4a1219,#2a0a0f)}
.option.wrong b{background:var(--wrong);color:#fff}
.option.gone{opacity:.18;pointer-events:none;filter:grayscale(1)}
.option:disabled{cursor:default}

.confirm{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:12px;padding:12px;border-radius:16px;background:#171d3e;border:1px solid var(--gold)}
.confirm p{grid-column:1/-1;margin:0;text-align:center;font-family:var(--display);color:var(--gold-l);letter-spacing:.05em}

.helps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.help{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:14px;border:1px solid var(--line);background:#121a36;font-size:12px;color:var(--gold-l)}
.help svg{width:32px;height:32px;transition:transform .2s}
.help:not(:disabled):active svg{transform:scale(1.15)}
.help:disabled{opacity:.3;cursor:default;filter:grayscale(.8)}

.footer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.stakes{margin:0;font-size:13px;color:var(--muted)}
.stakes b{color:var(--gold-l)}

/* Escada */
.ladder{display:none}
.ladder ol,.sheet ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;gap:4px}
.rung{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;border-radius:10px;font-size:14px;color:var(--muted);border:1px solid transparent}
.rung span{font-size:12px;opacity:.7}
.rung.safe{color:var(--gold-l);border-color:rgba(229,184,75,.35)}
.rung.done{color:var(--right)}
.rung.now{background:linear-gradient(90deg,#f0c75e,#c99528);color:#1a1205;font-weight:700;box-shadow:0 0 14px rgba(229,184,75,.35)}
.rung.top{font-family:var(--display)}
.sheet{width:min(360px,92vw);border:1px solid var(--line);border-radius:20px;background:#0e1430;color:var(--text);padding:18px}
.sheet::backdrop{background:rgba(5,8,18,.75)}
.sheet h2{font-family:var(--display);color:var(--gold-l);margin:0 0 12px;text-align:center}
.sheet .primary{margin-top:14px}

@media (min-width:900px){
  .layout{grid-template-columns:minmax(0,560px) 280px;justify-content:center}
  .top{max-width:none}
  .ladder{display:block;padding:14px;border-radius:20px;background:#0e1430;border:1px solid var(--line);align-self:start;margin-top:18px}
  .ladder-btn{display:none}
}
@media (max-width:380px){.question h2{font-size:18px}.option{font-size:15px}}