:root{--gold:#f8b700;--gold-soft:#e0c040;--stone:#1b1812;--stone-2:#252017;--panel:rgba(20,16,10,.92);--panel-border:#6b5a2e;--text:#e8ddc4;--text-dim:#b6a87f;--hp:#5fbf3f;--mana:#2f7fe0;--rage:#c43030;--energy:#e0c020;--focus:#d98020;--xp:#a335ee;--epic:#a335ee;--rare:#0070dd;--uncommon:#1eff00}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:#0a0806;color:var(--text);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}body.scrollable{overflow:auto}a{color:var(--gold);text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:#5a4a26;border-radius:5px}button{font-family:inherit;cursor:pointer}.btn{background:linear-gradient(#3a3018,#221c0e);border:1px solid var(--panel-border);border-radius:4px;color:var(--gold-soft);padding:10px 18px;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 1px #000;transition:all .12s ease;text-transform:uppercase;font-size:13px}.btn:hover:not(:disabled){background:linear-gradient(#4a3c1e,#2c2412);border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px rgba(248,183,0,.3)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(#7a5e1a,#4a3810);color:#fff4d0;border-color:var(--gold)}.btn-primary:hover:not(:disabled){background:linear-gradient(#9a7820,#5a4614);box-shadow:0 0 18px rgba(248,183,0,.5)}.panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:8px;box-shadow:0 0 0 1px #000,inset 0 0 30px rgba(0,0,0,.6),0 8px 30px rgba(0,0,0,.7)}.gold-text{color:var(--gold);text-shadow:0 0 8px rgba(248,183,0,.4)}.cinzel{font-family:Cinzel,Trajan Pro,Times New Roman,serif;letter-spacing:1px}.q-poor{color:#9d9d9d}.q-common{color:#fff}.q-uncommon{color:#1eff00}.q-rare{color:#0070dd}.q-epic{color:#a335ee}.q-legendary{color:#ff8000}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease}