html, body, #root { width:100%; height:100%; max-width:100vw; margin:0; overflow:hidden!important; background:#07150f; }
*, *::before, *::after { box-sizing:border-box; }
.amd-roulette { width:100%; height:100dvh; min-height:0!important; max-width:100vw; overflow:hidden!important; padding:5px!important; background:radial-gradient(circle at 50% 0,#285b39 0,#071b14 42%,#100904 100%)!important; }
.amd-roulette > header { display:none!important; }
.amd-roulette header::before { content:"AMD GAME"; display:block; color:#f4ce65; font-size:10px; font-weight:900; letter-spacing:.2em; text-align:center; }
.amd-roulette h1 { margin:0!important; font-size:clamp(14px,4vw,22px)!important; line-height:1!important; color:#fff0a8!important; text-align:center; }
.roulette-layout { position:relative!important; width:100%!important; max-width:100%!important; min-height:0!important; gap:4px!important; margin:0!important; }
.roulette-layout > :first-child { display:none!important; }
body.roulette-spin-overlay .roulette-layout > .roulette-wheel-container {
  position:fixed!important; inset:0!important; z-index:9998!important; display:grid!important; place-items:center!important;
  width:100vw!important; max-width:none!important; height:100dvh!important; max-height:none!important; margin:0!important;
  padding:0!important; background:rgba(0,0,0,.82)!important; overflow:hidden!important; transform:none!important;
}
body.roulette-spin-overlay .roulette-wheel-plate {
  margin:0!important; scale:var(--roulette-overlay-scale,.82)!important;
  transform-origin:center!important; filter:drop-shadow(0 0 28px #e7b33b)!important;
  animation:none!important;
}
body.roulette-spin-overlay.roulette-ball-settled .roulette-wheel-plate {
  animation-play-state:paused!important;
}
body.roulette-spin-overlay .roulette-wheel-inner[data-spintoindex]::before {
  transition-duration:4s!important;
  transition-timing-function:cubic-bezier(.08,.72,.12,1)!important;
}
body.roulette-spin-overlay .roulette-wheel-inner::before { opacity:0!important; }
.amd-roulette-overlay-ball-orbit {
  position:absolute!important; inset:30px!important; z-index:50!important; border-radius:50%!important;
  pointer-events:none!important; opacity:0;
}
.amd-roulette-overlay-ball-orbit::before {
  content:""; position:absolute; left:50%; top:-7px; width:18px; height:18px; margin-left:-9px;
  border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff 0 30%,#eee 42%,#aaa 72%,#555 100%);
  box-shadow:0 2px 5px #000,0 0 9px #fff; transform:translateZ(0);
}
body.roulette-spin-overlay .amd-roulette-overlay-ball-orbit {
  opacity:1; animation:amd-roulette-ball-orbit 4s cubic-bezier(.08,.72,.12,1) forwards;
}
@keyframes amd-roulette-ball-orbit {
  from { transform:rotate(var(--amd-roulette-ball-start,2160deg)); }
  to { transform:rotate(var(--amd-roulette-ball-target,0deg)); }
}
.table-scroll { width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; overflow:hidden!important; touch-action:manipulation; }
.roulette-table-container { width:100%!important; max-width:100%!important; margin:0!important; font-size:clamp(7px,2.1vw,12px)!important; }
.roulette-table-container[style] { height:auto!important; aspect-ratio:2/1!important; }
.roulette-table-container:not(.read-only) .split-up-bet-catcher-top {
  top:-9px!important; height:18px!important; z-index:20!important; pointer-events:auto!important;
}
.roulette-table-container:not(.read-only) .split-up-bet-catcher-right {
  right:-9px!important; width:18px!important; z-index:20!important; pointer-events:auto!important;
}
.roulette-sector-panel { width:100%; margin:2px 0 5px; padding:5px 7px; border:1px solid #9b7229; border-radius:12px; background:linear-gradient(180deg,#20150c,#0b0d08); }
.roulette-sector-panel > span { display:block; margin:0 0 4px; color:#f6d777; font-size:clamp(10px,2.8vw,13px); font-weight:900; letter-spacing:.12em; text-align:center; }
.roulette-sector-panel > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
.roulette-sector-panel button { min-width:0; min-height:30px; padding:4px 2px; border:1px solid #d6a138; border-radius:9px; color:#1a0a00; background:linear-gradient(#fff1a8,#d8981e); font-size:clamp(8px,2.4vw,11px); font-weight:900; }
.roulette-controls, .roulette-totals { gap:3px!important; margin:3px 0!important; padding:3px!important; }
.roulette-totals { position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; height:36px!important; min-height:36px!important; margin-top:18px!important; }
.roulette-totals > span { position:absolute!important; left:2px!important; bottom:calc(100% + 2px)!important; margin:0!important; line-height:1!important; }
.roulette-controls button, .roulette-totals button { height:36px!important; min-height:36px!important; padding:3px 6px!important; font-size:clamp(9px,2.6vw,13px)!important; }
.roulette-chips-list { gap:3px!important; padding:2px!important; overflow:hidden!important; }
.roulette-chips-list > li { position:relative!important; width:32px!important; height:32px!important; min-width:32px!important; font-size:9px!important; }
.roulette-chips-list > li img { width:32px!important; height:32px!important; }
.roulette-chips-list > li p { margin:0!important; }
@media (max-width:850px) and (orientation:portrait) {
  .amd-roulette { display:flex!important; flex-direction:column!important; }
  .roulette-layout { flex:1 1 auto!important; display:block!important; }
  .roulette-wheel-container { margin:0!important; }
  .roulette-controls { flex:0 0 auto!important; }
}
@media (max-height:600px) and (orientation:landscape) {
  .amd-roulette { display:grid!important; grid-template-rows:auto minmax(0,1fr) auto!important; }
  .roulette-layout { display:block!important; }
  .roulette-wheel-container { margin:0!important; }
  .roulette-controls, .roulette-totals { min-height:0!important; }
  .roulette-table-container[style] { width:min(86vw,720px)!important; margin-inline:auto!important; }
}