/* === edge-meter.css === */
.edge-meter { display: flex; flex-direction: column; gap: 18px; margin: 0 0 32px; padding: 20px; background: #131A2E; border: 1px solid rgba(148, 163, 184, 0.10); border-radius: 14px; }
.edge-meter .edge-meter-title { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; color: #ffffff; }
.edge-meter h2.edge-meter-title, .edge-meter h3.edge-meter-title, .edge-meter h4.edge-meter-title { font-size: 17px; }
.edge-meter .edge-meter-control { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.edge-meter .edge-meter-label { font-size: 15px; line-height: 1.5; color: #CBD5E1; }
.edge-meter .edge-meter-amount { font-weight: 800; color: #ffffff; font-variant-numeric: tabular-nums; }
.edge-meter .edge-meter-range { display: block; width: 100%; height: 28px; margin: 0; accent-color: #F97316; cursor: pointer; }
.edge-meter .edge-meter-range:focus-visible { outline: 2px solid #93C5FD; outline-offset: 4px; }
.edge-meter .edge-meter-list { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; }
.edge-meter .edge-meter-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 6px 12px; margin: 0; }
.edge-meter .edge-meter-name { font-size: 15px; font-weight: 600; line-height: 1.4; color: #ffffff; }
.edge-meter .edge-meter-rate { display: block; font-size: 13px; font-weight: 400; line-height: 1.4; color: #94A3B8; }
.edge-meter .edge-meter-cost { font-size: 16px; font-weight: 800; line-height: 1.2; color: #ffffff; text-align: right; font-variant-numeric: tabular-nums; }
.edge-meter .edge-meter-bar { grid-column: 1 / -1; grid-row: 2; display: block; height: 8px; background: rgba(148, 163, 184, 0.12); border-radius: 999px; overflow: hidden; }
.edge-meter .edge-meter-fill { display: block; height: 100%; border-radius: 999px; background: #CBD5E1; }
.edge-meter .edge-meter-fill-french { width: 17.1%; background: #4ADE80; }
.edge-meter .edge-meter-fill-european { width: 34.2%; background: #93C5FD; }
.edge-meter .edge-meter-fill-american { width: 66.7%; background: #FBBF24; }
.edge-meter .edge-meter-fill-five { width: 100%; background: #EF4444; }
.edge-meter .edge-meter-note { margin: 0; font-size: 14px; line-height: 1.6; color: #94A3B8; }
/* online slots */
.edge-meter .edge-meter-fill-rtp97 { width: 50%; background: #4ADE80; }
.edge-meter .edge-meter-fill-rtp96 { width: 66.7%; background: #93C5FD; }
.edge-meter .edge-meter-fill-rtp95 { width: 83.3%; background: #FBBF24; }
.edge-meter .edge-meter-fill-rtp94 { width: 100%; background: #EF4444; }
/* blackjack */
.edge-meter .edge-meter-fill-current { background: #F97316; }
.edge-meter .edge-meter-fill-level-1 { width: 5%; }
.edge-meter .edge-meter-fill-level-2 { width: 10%; }
.edge-meter .edge-meter-fill-level-3 { width: 15%; }
.edge-meter .edge-meter-fill-level-4 { width: 20%; }
.edge-meter .edge-meter-fill-level-5 { width: 25%; }
.edge-meter .edge-meter-fill-level-6 { width: 30%; }
.edge-meter .edge-meter-fill-level-7 { width: 35%; }
.edge-meter .edge-meter-fill-level-8 { width: 40%; }
.edge-meter .edge-meter-fill-level-9 { width: 45%; }
.edge-meter .edge-meter-fill-level-10 { width: 50%; }
.edge-meter .edge-meter-fill-level-11 { width: 55%; }
.edge-meter .edge-meter-fill-level-12 { width: 60%; }
.edge-meter .edge-meter-fill-level-13 { width: 65%; }
.edge-meter .edge-meter-fill-level-14 { width: 70%; }
.edge-meter .edge-meter-fill-level-15 { width: 75%; }
.edge-meter .edge-meter-fill-level-16 { width: 80%; }
.edge-meter .edge-meter-fill-level-17 { width: 85%; }
.edge-meter .edge-meter-fill-level-18 { width: 90%; }
.edge-meter .edge-meter-fill-level-19 { width: 95%; }
.edge-meter .edge-meter-fill-level-20 { width: 100%; }
/* video poker */
.edge-meter .edge-meter-fill-vp96 { width: 9.1%; background: #4ADE80; }
.edge-meter .edge-meter-fill-vp85 { width: 54%; background: #93C5FD; }
.edge-meter .edge-meter-fill-vp75 { width: 77%; background: #FBBF24; }
.edge-meter .edge-meter-fill-vp65 { width: 100%; background: #EF4444; }
.edge-meter .edge-meter-item.is-current .edge-meter-name { color: #F97316; }
.edge-meter .edge-meter-item.is-current .edge-meter-bar { box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.55); }
/* baccarat */
.edge-meter .edge-meter-fill-bac-banker { width: 7.4%; background: #4ADE80; }
.edge-meter .edge-meter-fill-bac-player { width: 8.6%; background: #4ADE80; }
.edge-meter .edge-meter-fill-bac-nocomm { width: 10.2%; background: #93C5FD; }
.edge-meter .edge-meter-fill-bac-tie9 { width: 33.7%; background: #FBBF24; }
.edge-meter .edge-meter-fill-bac-pair { width: 72.2%; background: #F97316; }
.edge-meter .edge-meter-fill-bac-tie8 { width: 100%; background: #EF4444; }
/* game shows */
.edge-meter .edge-meter-fill-show342 { width: 37.2%; background: #4ADE80; }
.edge-meter .edge-meter-fill-show377 { width: 41%; background: #93C5FD; }
.edge-meter .edge-meter-fill-show392 { width: 42.7%; background: #93C5FD; }
.edge-meter .edge-meter-fill-show559 { width: 60.8%; background: #FBBF24; }
.edge-meter .edge-meter-fill-show567 { width: 61.7%; background: #FBBF24; }
.edge-meter .edge-meter-fill-show919 { width: 100%; background: #EF4444; }
/* bingo */
.edge-meter .edge-meter-fill-bingo90 { width: 33.3%; background: #4ADE80; }
.edge-meter .edge-meter-fill-bingo85 { width: 50%; background: #93C5FD; }
.edge-meter .edge-meter-fill-bingo80 { width: 66.7%; background: #FBBF24; }
.edge-meter .edge-meter-fill-bingo70 { width: 100%; background: #EF4444; }
/* keno */
.edge-meter .edge-meter-fill-keno-roulette { width: 5.4%; background: #4ADE80; }
.edge-meter .edge-meter-fill-keno-online-low { width: 15.8%; background: #93C5FD; }
.edge-meter .edge-meter-fill-keno-online-high { width: 18.3%; background: #93C5FD; }
.edge-meter .edge-meter-fill-keno-lottery-low { width: 75.8%; background: #FBBF24; }
.edge-meter .edge-meter-fill-keno-lottery-high { width: 100%; background: #EF4444; }
/* crash games */
.edge-meter .edge-meter-item.edge-meter-item-divider { padding: 14px 0 0; border-top: 1px dashed rgba(148, 163, 184, 0.25); }
/* craps */
.edge-meter .edge-meter-fill-craps-pass { width: 8.5%; background: #4ADE80; }
.edge-meter .edge-meter-fill-craps-place { width: 9.1%; background: #93C5FD; }
.edge-meter .edge-meter-fill-craps-field { width: 33.3%; background: #FBBF24; }
.edge-meter .edge-meter-fill-craps-hard { width: 54.5%; background: #F59E0B; }
.edge-meter .edge-meter-fill-craps-horn { width: 75%; background: #F97316; }
.edge-meter .edge-meter-fill-craps-seven { width: 100%; background: #EF4444; }
/* sic bo */
.edge-meter .edge-meter-fill-dice-1 { width: 5.9%; background: #4ADE80; }
.edge-meter .edge-meter-fill-dice-2 { width: 16.7%; background: #93C5FD; }
.edge-meter .edge-meter-fill-dice-3 { width: 20.6%; background: #93C5FD; }
.edge-meter .edge-meter-fill-dice-4 { width: 29.4%; background: #FBBF24; }
.edge-meter .edge-meter-fill-dice-5 { width: 35.3%; background: #FBBF24; }
.edge-meter .edge-meter-fill-dice-6 { width: 70.6%; background: #EF4444; }
.edge-meter .edge-meter-fill-dice-7 { width: 100%; background: #EF4444; }
/* scratch cards */
.edge-meter .edge-meter-fill-scratch70 { width: 100%; background: #EF4444; }
.edge-meter .edge-meter-fill-scratch90 { width: 33.3%; background: #FBBF24; }
.edge-meter .edge-meter-fill-scratch97 { width: 10%; background: #93C5FD; }
.edge-meter .edge-meter-fill-scratch-roulette { width: 9%; background: #4ADE80; }
.edge-meter .edge-meter-field { display: contents; }
@media (min-width: 768px) {
  .edge-meter { gap: 20px; margin: 0 0 40px; padding: 24px; }
  .edge-meter .edge-meter-title, .edge-meter h2.edge-meter-title, .edge-meter h3.edge-meter-title, .edge-meter h4.edge-meter-title { font-size: 19px; }
  .edge-meter .edge-meter-item { grid-template-columns: minmax(0, 260px) minmax(0, 1fr) 96px; gap: 16px; align-items: center; }
  .edge-meter .edge-meter-bar { grid-column: 2; grid-row: 1; height: 10px; }
}