/* Separate catalogue-style surfaces. Keep roulette geometry independent of legacy mobile rules. */
body #sw-bonus-page {
  --bonus-line:rgba(255,255,255,.18);
  --bonus-divider:rgba(255,255,255,.10);
  --bonus-muted:#b9b9c3;
  --bonus-surface:rgba(30,30,30,.55);
  --bonus-space:24px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:20px;
  width:calc(100% - 64px);
  max-width:1440px;
  min-width:0;
  margin:32px auto 44px;
  padding:0;
  background:none;
  border:0;
  box-shadow:none;
  color:#f5f5f7;
}
#sw-bonus-page *,#sw-bonus-page *::before,#sw-bonus-page *::after{box-sizing:border-box;}

/* The four sections share a surface, but each has its own outline and spacing. */
body #sw-bonus-page .roll_lenta,
body #sw-bonus-page .sw-bonus-guide,
body #sw-bonus-page .prizes_list,
body #sw-bonus-page .live_prizes {
  display:block!important;
  width:100%!important;
  min-width:0;
  max-height:none!important;
  margin:0!important;
  padding:var(--bonus-space)!important;
  background:var(--bonus-surface)!important;
  border:1px solid var(--bonus-line)!important;
  border-radius:16px!important;
  box-shadow:0 8px 26px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}
body #sw-bonus-page .roll-row{width:100%!important;margin:0!important;padding:0!important;}
body #sw-bonus-page .sw-bonus-header {
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between;
  gap:20px!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body #sw-bonus-page .roll_text{width:auto!important;min-width:0;flex:1;}
body #sw-bonus-page .roll_text_h {
  margin:0 0 6px!important;
  padding:0;
  font-size:26px!important;
  line-height:1.2!important;
  font-weight:600;
  letter-spacing:0!important;
  text-transform:none!important;
  text-shadow:none!important;
  color:#f4f1e9;
}
body #sw-bonus-page .roll_text_s{margin:0;font-size:14px!important;line-height:1.5!important;color:var(--bonus-muted);}
body #sw-bonus-page .button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex:0 0 auto;
  width:auto!important;
  height:auto!important;
  min-height:46px!important;
  max-width:100%;
  margin:0!important;
  padding:12px 20px!important;
  border:1px solid #edc569;
  border-radius:10px!important;
  background:linear-gradient(180deg,#f1d187,#dfb252);
  color:#28200e;
  font-family:inherit;
  font-size:14px!important;
  font-weight:600;
  line-height:1.4!important;
  box-shadow:inset 0 1px 0 #ffffff40;
  text-shadow:none;
  text-transform:none;
  cursor:pointer;
  transition:filter .2s ease;
}
#sw-bonus-page .button:hover:not([disabled]){filter:brightness(1.07);}
#sw-bonus-page .button:active:not([disabled]){filter:brightness(.95);}
#sw-bonus-page .button::before,#sw-bonus-page .button::after{content:none!important;}
body #sw-bonus-page .button[disabled]{background:transparent!important;border-color:var(--bonus-line);color:var(--bonus-muted)!important;box-shadow:none;cursor:default;}
#sw-bonus-page .button:focus-visible{outline:2px solid #efcf97;outline-offset:4px;}

#sw-bonus-page .sw-bonus-reel{margin:20px 0 0;min-width:0;}
body #sw-bonus-page .wraper {
  position:relative;
  width:100%;
  max-width:100%;
  margin:0;
  overflow:hidden;
  border:1px solid var(--bonus-line);
  border-radius:12px;
  padding:4px 0;
  background:rgba(0,0,0,.12);
  isolation:isolate;
}
#sw-bonus-page .wraper::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 26px 0 24px -25px #000b,inset -26px 0 24px -25px #000b;z-index:2;}
#sw-bonus-page .window{position:relative;right:0;width:25000px;height:138px!important;overflow:hidden;}
#sw-bonus-page .list{display:flex;width:max-content;max-width:none;position:relative;list-style:none;margin:0;padding:0;}
#sw-bonus-page .list .roll-item{display:block;float:none;flex:0 0 238px;width:238px;height:138px;margin:0;padding:4px;border:0;position:relative;}
#sw-bonus-page .list .roll-item img{display:block;width:230px!important;height:130px!important;margin:0!important;padding:0!important;object-fit:cover;border:1px solid var(--bonus-divider);border-radius:8px;}
#sw-bonus-page .list .roll-item span{position:absolute;bottom:11px;left:12px;width:214px;margin:0;padding:5px 7px;background:rgba(22,22,26,.82);border:1px solid var(--bonus-divider);border-radius:6px;text-align:center;font-size:12px;line-height:1.3;color:#f5f5f7;overflow-wrap:anywhere;}
#sw-bonus-page .arrowup,#sw-bonus-page .arrowdown{position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;z-index:3;}
#sw-bonus-page .arrowdown{top:0;border-top:10px solid #e8c576;}
#sw-bonus-page .arrowup{bottom:0;border-bottom:10px solid #e8c576;}
#sw-bonus-page .sw-bonus-reel__caption{margin:10px 0 0;font-size:12px;line-height:1.4;text-align:center;color:#a2a2ae;}

#sw-bonus-page .sw-bonus-guide h2{font-size:18px;color:#f4f1e9;}
#sw-bonus-page .sw-bonus-guide .sw-bonus-guide__heading{margin-bottom:20px;}
#sw-bonus-page .sw-bonus-guide .sw-bonus-guide__spark{flex-basis:36px;height:36px;border-radius:10px;font-size:22px;}
#sw-bonus-page .sw-bonus-guide .sw-bonus-guide__steps{gap:24px;}
#sw-bonus-page .sw-bonus-guide .sw-bonus-guide__step{padding-left:20px;border-color:var(--bonus-divider);}
#sw-bonus-page .sw-bonus-guide .sw-bonus-guide__step:first-child{padding-left:0;border-left:0;}
#sw-bonus-page .sw-bonus-guide .sw-bonus-guide__number{font-size:11px;margin-bottom:8px;color:#e3c68c;}
#sw-bonus-page .sw-bonus-guide h3{font-size:15px;}
#sw-bonus-page .sw-bonus-guide p{font-size:13px;}
#sw-bonus-page .sw-bonus-guide .sw-bonus-guide__badge{border-color:var(--bonus-line);color:var(--bonus-muted);}
#sw-bonus-page .sw-bonus-guide .sw-bonus-guide__link{cursor:pointer;}
#sw-bonus-page .sw-bonus-guide .sw-bonus-guide__link:active{filter:brightness(.9);}

body #sw-bonus-page .sw-bonus-details{display:grid!important;grid-template-columns:minmax(0,2.2fr) minmax(290px,1fr)!important;gap:20px!important;align-items:start;}
#sw-bonus-page .sw-bonus-details h2{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:0;font-size:18px;font-weight:600;line-height:1.4;text-transform:none;text-shadow:none;color:#f4f1e9;}
#sw-bonus-page .sw-bonus-details h2>span{padding:2px 7px;border:1px solid var(--bonus-line);border-radius:6px;font-size:11px;font-weight:400;color:var(--bonus-muted);}
#sw-bonus-page .sw-bonus-prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;}
body #sw-bonus-page .prizes_item {
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start;
  width:100%!important;
  height:auto!important;
  min-width:0;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid var(--bonus-line);
  border-radius:10px;
  background:rgba(0,0,0,.12);
}
/* Natural image ratio prevents the empty letterbox above the artwork. */
body #sw-bonus-page .prizes_item img {
  display:block;
  flex:0 0 auto;
  width:100%!important;
  height:auto!important;
  max-width:100%;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  vertical-align:top;
}
body #sw-bonus-page .prizes_item span{display:block;position:static!important;width:100%!important;margin:0!important;padding:10px 11px!important;background:transparent!important;border-top:1px solid var(--bonus-divider);color:#e7e7ec;font-size:13px!important;line-height:1.45!important;text-align:left!important;overflow-wrap:anywhere;}
#sw-bonus-page .sw-bonus-recent-list{display:flex;flex-direction:column;}
body #sw-bonus-page .live_prizes_item{display:flex!important;align-items:center;gap:12px;width:100%!important;height:auto!important;min-height:68px;margin:0!important;padding:10px 0!important;border:0;border-bottom:1px solid var(--bonus-divider);border-radius:0;overflow:visible;}
body #sw-bonus-page .live_prizes_item:first-child{padding-top:0!important;}
body #sw-bonus-page .live_prizes_item:last-child{padding-bottom:0!important;border-bottom:0;}
body #sw-bonus-page .live_prizes_item_img{display:block;flex:0 0 72px;width:72px!important;height:auto!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;object-fit:contain!important;border:1px solid var(--bonus-divider);border-radius:6px;}
body #sw-bonus-page .live_prizes_item_text{position:static!important;flex:1;min-width:0;width:auto!important;margin:0;padding:0!important;background:transparent!important;color:#cccdd5;font-size:13px!important;line-height:1.5!important;text-align:left!important;overflow-wrap:anywhere;}
#sw-bonus-page .sw-bonus-empty{margin:12px 0;color:var(--bonus-muted);font-size:14px;line-height:1.6;}
#sw-bonus-page .wraper>.sw-bonus-empty{padding:0 18px;}

@media(max-width:1100px) {
  body #sw-bonus-page{--bonus-space:20px;width:calc(100% - 32px);margin:20px auto 28px;}
  body #sw-bonus-page .sw-bonus-details{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr)!important;}
  #sw-bonus-page .sw-bonus-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:800px) {
  #sw-bonus-page .sw-bonus-guide .sw-bonus-guide__steps{gap:16px;}
  #sw-bonus-page .sw-bonus-guide .sw-bonus-guide__step{padding:16px 0 0;border:0;border-top:1px solid var(--bonus-divider);}
  #sw-bonus-page .sw-bonus-guide .sw-bonus-guide__step:first-child{padding-top:0;border-top:0;}
  #sw-bonus-page .sw-bonus-guide .sw-bonus-guide__badge{margin-left:auto;}
}
@media(max-width:760px) {
  body #sw-bonus-page{--bonus-space:18px;width:calc(100% - 24px);gap:16px;}
  body #sw-bonus-page .sw-bonus-header{flex-direction:column!important;align-items:stretch!important;gap:16px!important;}
  body #sw-bonus-page .roll_text_h{font-size:24px!important;}
  body #sw-bonus-page .roll_text_s{font-size:13px!important;}
  body #sw-bonus-page .button{width:100%!important;}
  body #sw-bonus-page .sw-bonus-details{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
  #sw-bonus-page .sw-bonus-prize-grid{gap:10px;}
  #sw-bonus-page .sw-bonus-guide .sw-bonus-guide__heading{gap:10px;}
  #sw-bonus-page .sw-bonus-guide .sw-bonus-guide__spark{display:none;}
  #sw-bonus-page .sw-bonus-guide .sw-bonus-guide__badge{margin-left:0;}
}
@media(prefers-reduced-motion:reduce){#sw-bonus-page .button{transition:none;}}