*{box-sizing:border-box}body{margin:0;background:radial-gradient(#2a0d0d,#0b0b0f);color:#f5f0e0;font-family:Verdana,Arial,sans-serif;font-size:20px;line-height:1.7;letter-spacing:.04em;text-align:center}
header h1{color:#f2c14e;font-size:3rem;margin:.4em 0 0;text-shadow:0 0 12px #c0392b}.tag{color:#e74c3c;margin:0;font-size:1.3rem}
main{max-width:640px;margin:auto;padding:1rem}#table{min-height:300px;background:#0f3d24;border:6px solid #f2c14e;border-radius:24px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}
#hand{cursor:pointer;outline:none}#hand.shake{animation:shake .12s infinite}#hand.throw{animation:throw .4s ease-out}
@keyframes shake{0%{transform:translate(-8px,4px) rotate(-10deg)}50%{transform:translate(8px,-4px) rotate(10deg)}100%{transform:translate(-8px,4px) rotate(-10deg)}}
@keyframes throw{0%{transform:rotate(0)}50%{transform:translateY(20px) rotate(40deg)}100%{transform:rotate(0)}}
#dice{display:flex;gap:18px;justify-content:center;min-height:80px}
.die{width:72px;height:72px;background:#fff;border-radius:14px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:8px;box-shadow:0 4px 10px #000a}
.die.tumble{animation:tumble .9s ease-out}@keyframes tumble{0%{transform:translate(-120px,-120px) rotate(0)}70%{transform:translate(8px,0) rotate(600deg)}100%{transform:none}}
.pip{width:14px;height:14px;border-radius:50%;background:#c0392b;margin:auto}
button{margin:1rem;font-size:1.5rem;padding:.7em 1.6em;border:0;border-radius:40px;background:linear-gradient(#f2c14e,#c9962a);color:#2a0d0d;font-weight:bold;cursor:pointer}button:disabled{opacity:.6}
.snd{display:block}.card{background:#1a1a22;border:2px solid #c0392b;border-radius:16px;margin:1rem 0;padding:.5rem 1rem}.card h2{color:#f2c14e}
#history{text-align:left}footer{padding:2rem;color:#aaa;font-size:1rem}