.craps-board{display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-size:12px;color:var(--gold, #caa64d)}.craps-board__dice{display:flex;gap:6px}.craps-board .craps-die{width:34px;height:34px;border-radius:6px;background:#0006;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 2px 4px #0006 inset,0 0 4px #ffffff14;border:1px solid rgba(255,255,255,.15)}.craps-board .craps-die--empty{opacity:.3;font-weight:400}.craps-board__meta{font-size:11px;letter-spacing:.05em;text-transform:uppercase;opacity:.85}.board-overlay-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.board-overlay-fill{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;--safe-bottom: env(safe-area-inset-bottom, 0px);--overlay-shift: 0px;transform:translateY(var(--overlay-shift));will-change:transform}@media (max-width: 360px) and (orientation: portrait){.board-overlay-fill{--overlay-shift: calc(-4.5vh - (var(--safe-bottom) * .35))}}@media (min-width: 361px) and (max-width: 390px) and (orientation: portrait){.board-overlay-fill{--overlay-shift: calc(-4vh - (var(--safe-bottom) * .3))}}@media (min-width: 391px) and (max-width: 430px) and (orientation: portrait){.board-overlay-fill{--overlay-shift: calc(-3vh - (var(--safe-bottom) * .25))}}@media (min-width: 431px) and (max-width: 768px) and (orientation: portrait){.board-overlay-fill{--overlay-shift: calc(-2vh - (var(--safe-bottom) * .2))}}.dice-board-canvas{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;contain:layout paint size}.dice-board-canvas canvas{display:block;outline:none;touch-action:none;height:200px!important;width:200px!important}.dice-board-canvas__overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.05em;color:#fff9;text-shadow:0 1px 2px #000c}.dice-board-canvas__faces{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none}.dice-face-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#00000080;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:24px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.dice-board-canvas{height:200px!important;width:200px!important}.dice-cover{position:absolute;inset:0;width:200px;height:200px;margin:auto;background:linear-gradient(180deg,var(--felt),rgba(6,16,10,.85));border:1px solid rgba(214,183,62,.35);box-shadow:inset 0 0 18px #0009,0 4px 20px #00000073;border-radius:9999px;transform:translateY(0);transition:transform .42s cubic-bezier(.22,.61,.36,1);z-index:2}.dice-cover:after{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:linear-gradient(to bottom,#d6b73e59,#d6b73e00);border-top-left-radius:14px;border-top-right-radius:14px;pointer-events:none}.dice-cover.dice-cover--open{transform:translateY(102%)}.dice-cover__brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.dice-cover__brand-text{font-family:Brush Script MT,Lucida Handwriting,Segoe Script,Pacifico,cursive,system-ui,-apple-system,sans-serif;font-size:32px;line-height:1.1;color:#f6e7b2;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 0 1px rgba(212,175,55,.35);filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));text-align:center;padding:0 10px}@media (min-resolution: 2dppx){.dice-board-canvas__overlay{-webkit-font-smoothing:antialiased}}
