.boom-table { background:linear-gradient(160deg,#0d1a2e 0%,#1a0a2e 50%,#0d1a2e 100%); border:1px solid rgba(255,255,255,.1); position:relative; overflow:hidden; }
.boom-table::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(248,81,73,.07) 0%,transparent 70%); pointer-events:none; }
.boom-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; max-width:340px; margin:0 auto 20px; }
.boom-cell { aspect-ratio:1; border-radius:8px; font-size:1.1rem; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .15s; font-weight:700; user-select:none; }
.boom-cell:hover:not(:disabled):not(.revealed) { background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.3); transform:scale(1.05); }
.boom-cell.diamond { background:rgba(63,185,80,.2); border-color:rgba(63,185,80,.5); }
.boom-cell.bomb-hit { background:rgba(248,81,73,.3); border-color:rgba(248,81,73,.6); animation:bombShake .3s; }
.boom-cell.bomb-reveal { background:rgba(248,81,73,.1); border-color:rgba(248,81,73,.2); }
.boom-cell.safe-reveal { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); opacity:.5; }
.boom-cell:disabled { cursor:not-allowed; }
@keyframes bombShake { 0%,100%{transform:rotate(0)} 25%{transform:rotate(-5deg)} 75%{transform:rotate(5deg)} }
@keyframes diamondPop { 0%{transform:scale(0.5);opacity:0} 70%{transform:scale(1.15)} 100%{transform:scale(1);opacity:1} }
.boom-cell.diamond { animation:diamondPop .25s ease; }
.boom-diff-chip { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; font-weight:700; font-size:.85rem; border:2px solid; transition:all .2s; cursor:pointer; }
.boom-diff-chip:hover { transform:scale(1.1); }
.boom-diff-chip.selected { background:rgba(248,81,73,.25) !important; border-color:rgba(248,81,73,.7) !important; color:#fca5a5 !important; box-shadow:0 0 14px rgba(248,81,73,.3); }