/* Decorative jackpot sculpture. No wagers, payouts or game outcomes. */
.jackpot-control {
  position: relative;
  display: block;
  width: 100%;
  height: 306px;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 9px;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
  touch-action: manipulation;
}
.jackpot-control:hover { background: #e7dcf333; }
.jackpot-stage { position: absolute; display: block; inset: 0 0 23px; pointer-events: none; }
.jackpot-ground { position: absolute; top: 237px; left: 12%; width: 77%; height: 26px; border-radius: 50%; background: radial-gradient(ellipse, #64437d35, #b7a3d022 48%, transparent 72%); transform: rotate(-7deg); }
.jackpot-machine {
  position: absolute;
  z-index: 5;
  top: 94px;
  left: calc(50% - 115px);
  width: 230px;
  height: 156px;
  padding: 9px;
  border: 1px solid #fff;
  border-radius: 14px 14px 25px 16px;
  background: linear-gradient(135deg, #fff 0%, #b9a8d0 15%, #fbf8ff 27%, #8e75a8 54%, #e8dff2 78%, #fff 91%, #a58cbb 100%);
  box-shadow: 7px 10px 0 #6b4d88, 8px 11px 0 1px #d6c6e5, 12px 19px 17px #432b632d, inset 0 0 0 2px #ffffff9c;
  transform: rotate(-7deg);
  transform-origin: 50% 80%;
  animation: machine-rock 7.2s ease-in-out infinite;
}
.jackpot-marquee { position: absolute; left: 18px; top: -27px; width: 193px; height: 45px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 4px solid #cfbfdf; outline: 1px solid #8d73a6; border-radius: 25px 25px 7px 7px; background: linear-gradient(140deg, #513065, #29143d 55%, #5b397b); box-shadow: inset 0 0 0 1px #fff8, 0 -2px 0 #fff, 2px 4px 4px #341b4933; }
.jackpot-marquee b { color: #bafff4; font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; font-size: 25px; letter-spacing: 2px; text-shadow: 0 0 8px #76e8df50; animation: marquee-glow 7.2s ease-in-out infinite; }
.jackpot-marquee i { width: 5px; height: 5px; background: #adfff0; border-radius: 50%; box-shadow: 0 0 5px #76e8df; }
.jackpot-window { position: absolute; display: flex; gap: 5px; top: 30px; left: 15px; right: 15px; height: 79px; padding: 6px; background: #2d1a40; border: 2px solid #705589; border-radius: 6px; box-shadow: inset 0 3px 6px #150b2280, 0 2px 1px #fff; }
.jackpot-reel { position: relative; display: block; flex: 1; height: 63px; overflow: hidden; border-radius: 3px; background: #f6f2fc; box-shadow: inset 0 6px 9px #5b3b7830, inset 0 -5px 9px #50356535; }
.jackpot-reel:after { content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(#2c17472b, transparent 29% 72%, #2c174730); pointer-events: none; }
.reel-strip { display: block; animation: reel-one 7.2s cubic-bezier(.2,.7,.3,1) infinite; }
.reel-strip i { display: flex; align-items: center; justify-content: center; height: 63px; font: italic 800 57px/1 'Barlow Condensed', 'Arial Narrow', sans-serif; color: #684093; text-shadow: 1px 2px 0 #fff, 2px 3px 0 #b49ccb; }
.jackpot-reel:nth-child(2) .reel-strip { animation-name: reel-two; }
.jackpot-reel:nth-child(2) .reel-strip i { color: #338e99; }
.jackpot-reel:nth-child(3) .reel-strip { animation-name: reel-three; }
.jackpot-tray { position: absolute; left: 17px; right: 15px; bottom: 13px; height: 26px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 2px solid #f9f6ff; border-radius: 0 0 13px 6px; padding: 0 9px; background: linear-gradient(170deg, #9479b1, #d8cae8 50%, #bba6d0); }
.jackpot-tray span { font: italic 800 13px 'Barlow Condensed', sans-serif; color: #52316d; letter-spacing: 1px; }
.jackpot-tray>i { display: block; width: 57px; height: 7px; border-radius: 5px; background: #4e3662; box-shadow: inset 0 2px 2px #1a0d22, 0 2px 0 #fff9; }
.jackpot-lever { position: absolute; top: 22px; right: -28px; width: 12px; height: 84px; border-radius: 9px; background: linear-gradient(90deg, #6d4b87, #fff 35%, #c7b5db 62%, #735486); transform: rotate(23deg); transform-origin: 50% 87%; box-shadow: 2px 3px 2px #51336b44; animation: lever-pull 7.2s ease-in-out infinite; }
.jackpot-lever:after { content: ''; position: absolute; bottom: -9px; left: -9px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; background: linear-gradient(135deg, #d4c5e4, #8e71aa 55%, #f4ebfc); box-shadow: 2px 2px 0 #75528d; }
.jackpot-lever>i { position: absolute; z-index: 1; left: -11px; top: -20px; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #c8fff8; background: radial-gradient(circle at 30% 25%, #fff 0%, #bafff1 18%, #76e8df 42%, #369caa 88%); box-shadow: 2px 4px 2px #45305770, inset -2px -2px 3px #23819130; }
.poker-fan { position: absolute; top: 19px; left: calc(50% - 102px); width: 204px; height: 111px; z-index: 2; }
.poker-card { position: absolute; top: 0; left: 62px; width: 77px; height: 112px; display: block; background: linear-gradient(130deg, #fff, #f8f4fe 55%, #d5c8e5); border: 1px solid #aa90c1; border-radius: 7px; box-shadow: 3px 4px 0 #c3afd6, 6px 9px 10px #39204722; transform-origin: 50% 95%; }
.poker-card:after { content: ''; position: absolute; inset: 6px; border: 1px solid #dacbe7; border-radius: 3px; }
.poker-card>b { position: absolute; top: 7px; left: 9px; font: 700 18px/1 'Barlow Condensed', sans-serif; color: #52316e; text-align: center; }
.poker-card>b span { display: block; font-size: 14px; margin-top: 2px; }
.poker-card>i { position: absolute; left: 23px; top: 34px; font: normal 49px/1 Georgia, serif; color: #624187; }
.card-spade { z-index: 1; transform: rotate(-33deg) translateX(-34px); animation: card-fan-left 7.2s ease-in-out infinite; }
.card-club { z-index: 2; transform: rotate(-4deg) translateY(-9px); animation: card-fan-center 7.2s ease-in-out infinite; }
.card-club>i,.card-club>b { color: #338b95; }
.card-diamond { z-index: 3; transform: rotate(29deg) translateX(32px); animation: card-fan-right 7.2s ease-in-out infinite; }
.card-diamond>i { color: #8b5ab7; }
.poker-chip { position: absolute; z-index: 6; display: grid; place-items: center; width: 49px; height: 49px; border: 6px dashed #ece3f6; border-radius: 50%; background: #764a9e; outline: 1px solid #9e7bbb; box-shadow: 0 5px 0 #4f316d, 3px 8px 10px #43266525; animation: chip-float 4s ease-in-out infinite; }
.poker-chip b { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #ccafdf; border-radius: 50%; color: #f2e7ff; font: 24px/1 Georgia, serif; }
.chip-one { left: 12%; top: 128px; transform: rotate(-26deg); }
.chip-two { right: 9%; top: 37px; width: 39px; height: 39px; border-width: 5px; background: #76e8df; border-color: #e4fff9; outline-color: #8dd9d5; box-shadow: 0 4px 0 #388d98, 3px 7px 9px #43266520; animation-delay: -1.2s; }
.chip-two b { width: 24px; height: 24px; font-size: 19px; color: #39717e; border-color: #469ea9; }
.chip-three { left: 22%; top: 230px; transform: rotate(18deg); background: #a389bd; width: 43px; height: 43px; border-width: 5px; animation-delay: -.6s; }
.chip-three b { width: 26px; height: 26px; font-size: 22px; }
.chip-four { right: 16%; top: 225px; width: 52px; height: 52px; background: #76e8df; border-color: #effffb; outline-color: #83c9c8; box-shadow: 0 5px 0 #388d98, 3px 8px 9px #43266520; animation-delay: -2.4s; }
.chip-four b { border-color: #41929d; color: #336b7a; }
.jackpot-spark { position: absolute; display: block; font: normal 30px/1 Georgia, serif; color: #8e64b2; animation: jackpot-spark 7.2s ease-in-out infinite; }
.spark-one { top: 63px; left: 12%; transform: rotate(-13deg); }
.spark-two { top: 175px; right: 7%; font-size: 40px; color: #50b7b6; animation-delay: -.2s; }
.spark-three { top: 238px; right: 35%; font-size: 17px; animation-delay: -.1s; }
.jackpot-label { position: absolute; left: 0; right: 0; bottom: 4px; display: flex; justify-content: center; align-items: center; gap: 6px; color: #705c80; font-size: 9px; letter-spacing: .02em; }
.jackpot-label svg { width: 12px; height: 12px; }
@keyframes reel-one { 0%,11% { transform: translateY(0); } 20% { transform: translateY(-126px); } 35% { transform: translateY(-63px); } 54%,87% { transform: translateY(-252px); } 100% { transform: translateY(0); } }
@keyframes reel-two { 0%,16% { transform: translateY(0); } 28% { transform: translateY(-189px); } 44% { transform: translateY(-63px); } 63%,87% { transform: translateY(-252px); } 100% { transform: translateY(0); } }
@keyframes reel-three { 0%,21% { transform: translateY(0); } 37% { transform: translateY(-126px); } 53% { transform: translateY(-63px); } 71%,87% { transform: translateY(-252px); } 100% { transform: translateY(0); } }
@keyframes machine-rock { 0%,100% { transform: rotate(-7deg) translateY(0); } 15% { transform: rotate(2deg) translateY(3px); } 40% { transform: rotate(-5deg) translateY(-5px); } 69% { transform: rotate(-8deg) translateY(0); } 75% { transform: rotate(-4deg) translateY(-8px); } 82% { transform: rotate(-8deg) translateY(0); } }
@keyframes lever-pull { 0%,5%,100% { transform: rotate(23deg); } 12%,18% { transform: rotate(73deg); } 29%,90% { transform: rotate(23deg); } }
@keyframes marquee-glow { 0%,65%,100% { color: #bafff4; text-shadow: 0 0 8px #76e8df50; } 75%,85% { color: #fff; text-shadow: 0 0 13px #76e8df, 0 0 22px #76e8df70; } }
@keyframes card-fan-left { 0%,100% { transform: rotate(-33deg) translateX(-34px); } 25%,60% { transform: rotate(-43deg) translate(-46px,-9px); } 78% { transform: rotate(-29deg) translate(-26px,-4px); } }
@keyframes card-fan-center { 0%,100% { transform: rotate(-4deg) translateY(-9px); } 40% { transform: rotate(4deg) translateY(-18px); } 78% { transform: rotate(-6deg) translateY(-14px); } }
@keyframes card-fan-right { 0%,100% { transform: rotate(29deg) translateX(32px); } 25%,60% { transform: rotate(43deg) translate(46px,-9px); } 78% { transform: rotate(24deg) translate(25px,-4px); } }
@keyframes chip-float { 0%,100% { translate: 0 0; rotate: -12deg; } 50% { translate: 3px -14px; rotate: 13deg; } }
@keyframes jackpot-spark { 0%,60%,100% { opacity: .2; scale: .65; } 75%,85% { opacity: 1; scale: 1.2; } }
/* The reference's eight brand links span the whole navigation row. */
.nav.wrap { display: flex; align-items: stretch; justify-content: space-between; gap: 20px; min-height: 49px; overflow-x: auto; scrollbar-width: none; }
.nav.wrap::-webkit-scrollbar { display: none; }
.nav.wrap a { display: inline-flex; align-items: center; flex: 0 0 auto; padding: 13px 0; color: #49345c; font-size: 11px; line-height: 1.7; font-weight: 800; letter-spacing: .035em; white-space: nowrap; }
.nav.wrap a.on,.nav.wrap a:hover { color: var(--violet); box-shadow: inset 0 -3px 0 var(--violet); }
@media(max-width: 1000px) { .nav.wrap { gap: 22px; } .nav.wrap a { font-size: 10px; } }
@media(max-width: 700px) { .nav.wrap { min-height: 42px; gap: 23px; } .nav.wrap a { font-size: 9px; padding: 12px 0; } .jackpot-control { height: 313px; } .jackpot-stage { inset: 0 -7px 23px; } .chip-one { left: 7%; } .chip-two { right: 5%; } }
@media(max-width: 360px) { .jackpot-stage { transform: scale(.87); transform-origin: 50% 53%; } .jackpot-control { height: 285px; } }
@media(prefers-reduced-motion: reduce) { .jackpot-control *, .jackpot-control *:before, .jackpot-control *:after { animation: none !important; transition: none !important; } .reel-strip { transform: translateY(-252px); } }