/* The Hi-Lo dice table in Full House (casino/dice.js). */
#dice{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box;padding:14px 16px 16px;background:rgba(40,12,16,.95);border:1px solid #a8833a;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:6}
#dice[hidden]{display:none}
#dice .head{display:flex;align-items:center;justify-content:space-between}
#dice .head b{font-size:17px;color:#ffd76a}
#dice .x{width:36px;height:36px;border-radius:8px;border:1px solid var(--hud-line);background:transparent;color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
#dice .wallet{display:flex;align-items:center;gap:6px;margin:10px 0;font-weight:700}
#dice .wallet svg{width:18px;height:18px;fill:#e8b53a;stroke:#a8741a;stroke-width:2}
#dice .dice{display:flex;justify-content:center;gap:14px;margin:6px 0 10px}
.die{width:60px;height:60px;box-sizing:border-box;padding:8px;border-radius:12px;background:#fbf7ee;box-shadow:inset 0 -4px 0 #d9cfbd,0 4px 10px rgba(0,0,0,.4);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}
.die i{width:11px;height:11px;border-radius:50%}
.die i.pip{background:#1d1d1d}
.die i.pip.red{background:#c8302a;width:15px;height:15px}
.die.spin{animation:dieSpin .3s linear infinite}
@keyframes dieSpin{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(12deg) translateY(-6px)}50%{transform:rotate(0) translateY(0)}75%{transform:rotate(-12deg) translateY(-4px)}100%{transform:rotate(0)}}
#diceResult{min-height:22px;text-align:center;font-weight:700;margin-bottom:10px}
#diceResult.win{color:#8fe08a}
#diceResult.lose{color:#ff9a8a}
#dice .label{font-size:12px;opacity:.8;margin-bottom:4px}
#diceBets,#diceChoices{display:flex;gap:8px;margin-bottom:10px}
#diceBets button,#diceChoices button{flex:1;min-height:42px;border-radius:9px;border:1px solid var(--hud-line);background:rgba(0,0,0,.3);color:var(--ink);font:600 14px 'Kanit',system-ui,sans-serif;cursor:pointer}
#diceBets button[aria-pressed="true"]{background:var(--gold);color:#3b2410;border-color:transparent}
#diceChoices button{background:#a8243a;border-color:transparent;font-size:13px;line-height:1.2;white-space:pre-line}
#diceChoices button[data-pick="triple"]{background:#6a3aa8}
#dice button:disabled{opacity:.45;cursor:default}
#diceHistory{display:flex;flex-direction:column;gap:2px;font-size:12px;margin-bottom:8px}
#diceHistory span.high{color:#ffd76a}
#diceHistory span.low{color:#9fd2ff}
#diceHistory span.triple{color:#d9a8ff}
#dice .rules{font-size:11px;opacity:.7;line-height:1.4}