/* static/css/core/jackpot.css
   The Jackpot page's own styles, moved out of the page unchanged. */

#jackpot-game{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background:#1a1200;border-radius:12px;overflow:hidden;user-select:none}
.jp-header{color:var(--accent-gold);font-size:0.875rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:8px 0 2px;text-align:center}
.jp-score{color:#8a7a3a;font-size:0.875rem;font-weight:600;letter-spacing:1px;margin-bottom:4px}
#jp-coin-wrap{flex:1;display:flex;align-items:center;justify-content:center;perspective:400px}
#jp-coin{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#f5e27a,var(--accent-gold) 40%,#a67c00 80%,#7a5a00);box-shadow:0 0 24px rgba(212,175,55,.4),inset 0 2px 6px rgba(255,255,200,.3);display:flex;align-items:center;justify-content:center;border:3px solid #b8960c}
#jp-coin-face{font-size:2.4rem;font-weight:800;color:#3d2e00;text-shadow:0 1px 2px rgba(255,255,200,.3)}
#jp-coin.jp-flip{animation:jp-flip .6s ease-out}
@keyframes jp-flip{0%{transform:rotateY(0)}50%{transform:rotateY(900deg)}100%{transform:rotateY(1800deg)}}
#jp-coin.jp-correct{box-shadow:0 0 30px rgba(100,255,100,.5),inset 0 2px 6px rgba(255,255,200,.3)}
#jp-coin.jp-wrong{box-shadow:0 0 30px rgba(255,50,50,.5),inset 0 2px 6px rgba(255,255,200,.3)}
#jp-buttons{display:flex;gap:12px;padding:0 20px 20px;width:100%;box-sizing:border-box}
.jp-btn{flex:1;padding:10px 0;border:2px solid var(--accent-gold);border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s}
.jp-btn-heads{background:#2a2000;color:var(--accent-gold)}
.jp-btn-heads:hover{background:var(--accent-gold);color:#1a1200}
.jp-btn-tails{background:#2a2000;color:var(--accent-gold)}
.jp-btn-tails:hover{background:var(--accent-gold);color:#1a1200}
/* Off is its own colour, not a faded gold — and it is declared
   after the hover rules, which a disabled button still matches. */
.jp-btn:disabled{background:#1a1200;border-color:#4a4436;color:#6e6752;cursor:default;transform:none}
#jackpot-game.jp-shake{animation:jp-shake .4s ease}
@keyframes jp-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
#jp-overlay{position:absolute;inset:0;background:rgba(26,18,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:12px;z-index:2}
#jp-overlay.jp-hidden{display:none}
#jp-overlay-text{color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:2px;text-align:center;line-height:1.4}
#jp-overlay-text.jp-won{color:var(--accent-gold)}
#jp-overlay-text.jp-lost{color:#e04040}
#jp-overlay-btn{padding:8px 24px;border:none;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:transform .15s}
#jp-overlay-btn:hover{transform:scale(1.05)}
.jp-btn-restart{background:var(--accent-gold);color:#1a1200}
.jp-btn-claim{background:var(--accent-gold);color:#1a1200}