body.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(70% 45% at 50% 0%,#2a2108 0%,#0b0b0b 60%)}
.app-top{padding:1rem 1.25rem}
.app-brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--sw-font-display);color:var(--gold);font-size:1.15rem}
.app-main{width:100%;max-width:34rem;margin:0 auto;padding:1rem 1.25rem 4rem}
.lab{font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);margin:1.2rem 0 0}
.ref{font-family:var(--sw-font-display);font-size:clamp(3rem,2rem + 8vw,5.2rem);line-height:1;margin:.2rem 0 .6rem;color:var(--gold);text-transform:uppercase}
.sub{color:var(--soft)}
.dicas{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:.7rem}
.dicas li{display:flex;gap:.9rem;align-items:center;border:1px solid var(--line);background:#16130b;border-radius:1rem;padding:.9rem 1.1rem}
.dicas li.res{border-color:var(--gold-deep);background:#241d0c}
.dicas .n{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--gold-deep);color:#0b0b0b;font-weight:700;display:grid;place-items:center}
.dicas b{color:var(--gold)}
.dicas .resp{font-family:Fredoka,var(--sw-font-body);font-size:1.6rem;color:var(--ink);line-height:1.15}
.dicas small{display:block;color:var(--gold-deep);margin-top:.2rem}
.acoes{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.btn.ghost{background:transparent;color:var(--gold);border:2px solid var(--gold-deep)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.audio{margin-top:1.5rem;color:var(--soft);font-size:.9rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.feitos{margin-top:2.4rem}
.feitos h2{font-size:1.2rem}
.feitos ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem;color:var(--soft)}
dialog{background:#120f06;color:var(--ink);border:1px solid var(--gold-deep);border-radius:1.4rem;max-width:30rem;width:calc(100% - 2rem);padding:1.6rem}
dialog::backdrop{background:rgba(0,0,0,.72)}