*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a0a;font-family:'Georgia',serif;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:8px;background-image:radial-gradient(ellipse at center,#1a1410 0%,#000 100%)}

/* CAPA */
#capaLivro{max-width:550px;width:100%;background:linear-gradient(135deg,#2c1810,#1a0f0a 50%,#2c1810);border:12px double #8b6914;border-radius:10px;padding:35px 25px;text-align:center;box-shadow:0 0 60px rgba(139,105,20,0.4);cursor:pointer;transition:all .3s}
#capaLivro:hover{box-shadow:0 0 80px rgba(139,105,20,0.7);transform:scale(1.02)}
.capaOrnamento{font-size:2.2rem;color:#8b6914;letter-spacing:6px;margin-bottom:8px}
.capaTitulo{font-size:2.2rem;color:#d4a745;text-transform:uppercase;letter-spacing:4px;font-weight:bold;text-shadow:0 0 20px rgba(212,167,69,0.6);line-height:1.2;margin-bottom:12px}
.capaSubtitulo{font-size:.9rem;color:#c9a96e;margin-bottom:15px}
.capaLinha{width:60%;height:2px;background:linear-gradient(90deg,transparent,#8b6914,transparent);margin:12px auto}
.capaAutor{font-size:.85rem;color:#a08050;margin-top:12px}
.capaCredito{font-size:.8rem;color:#8b6914;margin-top:6px;font-style:italic}
.capaVersao{font-size:.65rem;color:#5a3a1a;margin-top:10px;letter-spacing:1px}
.capaInstrucao{font-size:.8rem;color:#d4a745;margin-top:15px;animation:piscar 1.5s infinite}
@keyframes piscar{0%,100%{opacity:.5}50%{opacity:1}}

/* TELAS INICIAIS */
#telaNome,#telaClasse{max-width:500px;width:100%;background:#f5ecd7;border:10px double #5c3e2a;border-radius:12px;padding:25px;text-align:center;display:none;box-shadow:0 20px 50px rgba(0,0,0,0.8)}
#telaNome h2,#telaClasse h2{font-size:1.5rem;color:#3e2c1c;margin-bottom:15px}
.inputNome{background:#fff;border:3px solid #8b6914;color:#2c1810;padding:12px;border-radius:25px;font-size:1.2rem;text-align:center;width:80%;margin-bottom:15px;font-family:'Georgia',serif}
.btnOk{background:#8b6914;color:#f7eedb;border:none;padding:10px 30px;border-radius:25px;font-weight:bold;font-size:1rem;cursor:pointer;border-bottom:4px solid #5a412a}
.classeOpcao{background:#6b4f35;color:#f7eedb;padding:14px;margin:8px 0;border-radius:15px;cursor:pointer;border-bottom:4px solid #2e1f14;text-align:left;transition:background .2s}
.classeOpcao:hover{background:#8b623f}
.classeOpcao h3{font-size:1.2rem;margin-bottom:4px}
.classeOpcao p{font-size:.85rem;opacity:.9}
.versaoRodape{font-size:.6rem;color:#8b7355;margin-top:15px;letter-spacing:1px}

/* JOGO */
#jogo{max-width:750px;width:100%;background:#f5ecd7;border:10px double #5c3e2a;border-radius:12px;padding:18px;display:none;flex-direction:column;gap:10px;box-shadow:0 20px 50px rgba(0,0,0,0.8)}
.headerJogo{text-align:center;border-bottom:2px dashed #b29664;padding-bottom:6px}
.headerJogo h1{font-size:1.3rem;color:#3e2c1c}
.capituloTxt{font-size:.75rem;color:#7a5a3a;font-style:italic}
.stats{background:#cfb991;border:2px solid #7a5a3a;border-radius:8px;padding:6px 10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:4px;font-weight:bold;color:#2d2416;font-size:.72rem}
.st{display:flex;align-items:center;gap:3px;background:#f7efd6;padding:2px 8px;border-radius:12px;border:1px solid #8b6f4c}
.sv{font-size:.9rem;color:#8b1a1a;font-weight:bold}

.aliadosBarra{background:#d4c49a;border:1px solid #8b6f4c;border-radius:8px;padding:4px 10px;display:flex;flex-wrap:wrap;gap:8px;font-size:.7rem;font-weight:bold;color:#3e2c1c;min-height:10px}
.aliadoTag{background:#8b6914;color:#f7eedb;padding:2px 8px;border-radius:10px;display:flex;align-items:center;gap:4px}
.aliadoTag span{color:#ffd700}

.btnPequeno{background:#5a3d2b;color:#f7eedb;border:none;padding:4px 8px;border-radius:12px;cursor:pointer;font-weight:bold;font-size:.7rem;border-bottom:2px solid #2e1f14;transition:background .2s}
.btnPequeno:hover{background:#7a5238}
.btnFicha{background:#4a3060}
.btnBolsa{background:#8b6914}
.textoNarrativa{background:#fef7e6;border:3px solid #b4945a;padding:16px;border-radius:8px;font-size:1.05rem;line-height:1.8;color:#2c2416;min-height:180px;max-height:380px;overflow-y:auto;text-align:justify;white-space:pre-line;box-shadow:inset 0 0 15px rgba(180,148,90,0.3)}
.botoes{display:flex;flex-direction:column;gap:8px}
.btnEscolha{background:#5a3d2b;color:#f7eedb;font-weight:bold;font-size:.95rem;padding:13px 15px;border-radius:22px;text-align:left;cursor:pointer;border:none;border-bottom:4px solid #2e1f14;width:100%;transition:all .2s}
.btnEscolha:hover{background:#7a5238;color:#fff;transform:translateY(-1px)}
.botoesRodape{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.btnRodape{background:#b8966a;border:none;color:#241d10;font-weight:bold;padding:7px 15px;border-radius:15px;font-size:.78rem;cursor:pointer;border-bottom:3px solid #5a412a;transition:background .2s}
.btnRodape:hover{background:#d4b078}
.btnSalvar{background:#6a8b50;border-bottom-color:#3a5a20}
.btnCarregar{background:#508b8b;border-bottom-color:#205a5a}

/* POPUPS */
.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:999;justify-content:center;align-items:center;flex-direction:column}
.popupBox{background:#2c2416;border:5px double #8b6914;border-radius:15px;padding:20px;max-width:480px;width:95%;max-height:80vh;overflow-y:auto;color:#d4a745}
.popupBox h2{font-size:1.3rem;margin-bottom:8px;text-align:center}
.popupLevelUp{text-align:center;background:linear-gradient(135deg,#2c1810,#4a3020);border-color:#d4a745;box-shadow:0 0 50px rgba(212,167,69,0.6)}
.popupFechar{background:#8b3a3a;color:#fff;border:none;padding:6px 18px;border-radius:15px;cursor:pointer;font-weight:bold;margin:8px auto 0;display:block;transition:background .2s}
.popupFechar:hover{background:#ab4a4a}
.itemBolsa{background:#3a2d1a;border:1px solid #8b6914;border-radius:6px;padding:6px 10px;margin:4px 0;display:flex;justify-content:space-between;align-items:center}
.alerta{background:#2d5a1a;color:#a0d070;padding:5px 10px;border-radius:5px;margin:3px 0;text-align:center;font-weight:bold;font-size:.75rem}
.musicaToggle{position:fixed;top:6px;right:6px;z-index:998;background:rgba(0,0,0,0.7);color:#d4a745;border:1px solid #8b6914;padding:4px 8px;border-radius:12px;cursor:pointer;font-size:.7rem;font-family:'Georgia',serif}

/* MINI-GAMES */
.miniGameBtn{background:#4a3060;color:#f7eedb;font-weight:bold;font-size:1rem;padding:12px 20px;border-radius:15px;cursor:pointer;border:none;border-bottom:3px solid #2a1040;margin:5px;transition:all .2s;min-width:80px}
.miniGameBtn:hover{background:#6a5090;transform:scale(1.05)}
.dadoResultado{font-size:4rem;font-weight:bold;color:#d4a745;text-align:center;animation:girar .5s ease-out}
@keyframes girar{0%{transform:rotate(0) scale(0)}50%{transform:rotate(180deg) scale(1.3)}100%{transform:rotate(360deg) scale(1)}}

/* MERCADOR */
.mercadorItem{background:#3a2d1a;border:1px solid #8b6914;border-radius:8px;padding:10px 14px;margin:6px 0;display:flex;justify-content:space-between;align-items:center}
.mercadorItem .info{flex:1}
.mercadorItem .nome{font-weight:bold;font-size:.95rem}
.mercadorItem .desc{font-size:.75rem;color:#a08050}
.mercadorItem .preco{color:#ffd700;font-weight:bold;margin-right:10px}
.btnComprar{background:#4a8b3a;color:#fff;border:none;padding:6px 14px;border-radius:12px;cursor:pointer;font-weight:bold;font-size:.8rem;border-bottom:2px solid #2a5a1a}
.btnComprar:hover{background:#5aab4a}
.btnComprar.semOuro{background:#5a3a3a;border-bottom-color:#2a1a1a;cursor:not-allowed}

@media(max-width:600px){.capaTitulo{font-size:1.6rem}.textoNarrativa{font-size:.95rem;padding:12px}.stats{flex-direction:column;gap:3px}#jogo{padding:10px}}