/* The Jackpot background (neon casino theme): a black glass safe ringed in neon, with the cards,
   panels and dialogs around it in violet-black glass with pink neon edges. Applied while
   body[data-background="jackpot"]. Derived from the IJskoud theme so it covers the same screens;
   the hand-tuned neon details follow at the end. Red, green and amber keep their meaning. */

/* ---- the scene and its shop card, shown whichever background is active ---- */
.lab-scenery[data-scene="jackpot"] .lab-scene-image{filter:brightness(1.02)}
.lab-scenery[data-scene="jackpot"] .lab-scene-visual{animation:lab-gold-camera 48s ease-in-out infinite alternate; transform-origin:50% 52%}
.lab-modal-open .lab-scenery[data-scene="jackpot"] .lab-scene-visual{animation-play-state:paused!important}
.lab-scenery[data-scene="jackpot"] .lab-scene-gold{display:block}
.lab-scenery[data-scene="jackpot"] .lab-gold-ambient{background:radial-gradient(ellipse at 25% 25%,#ffe4f520,#f1a0d309 36%,transparent 69%)}
.lab-scenery[data-scene="jackpot"] .lab-gold-beam{background:radial-gradient(ellipse 9% 44% at 50% 46%,#ffeaf724,#ffcded16 48%,transparent 100%),radial-gradient(ellipse 36% 48% at 50% 46%,#ffd3ef2c,#f0a0d317 52%,transparent 100%)}
.lab-scenery[data-scene="jackpot"] .lab-gold-dust{background:radial-gradient(circle,#ffeef9 0 22%,#ffc9ebdb 38%,transparent 73%); box-shadow:0 0 6px #ffb6e459}
.lab-scenery[data-scene="jackpot"] .lab-gold-bokeh{background:radial-gradient(circle,#ffe7f6b3,#f5bbe066 24%,#eca6d218 48%,transparent 70%)}
@media (max-width:600px){
  .lab-scenery[data-scene="jackpot"] .lab-scene-image{background-position:4% center}
  .lab-scenery[data-scene="jackpot"] .lab-scene-visual{animation:none; transform:none}
}
#mLoot .lab-scene-card[data-scene="jackpot"]{position:relative; isolation:isolate; border-color:#b17fb2;
  background:radial-gradient(ellipse at 0 50%, rgba(255,181,228,.12), transparent 42%), linear-gradient(155deg,#2f1c38,#201326 68%,#190f1e);
  box-shadow:inset 0 1px 0 rgba(248,228,241,.14), 0 4px 10px #00000055}
#mLoot .lab-scene-card[data-scene="jackpot"].selected{border-color:#fbd6ed; box-shadow:inset 3px 0 0 #fbd6ed, inset 0 1px 0 rgba(248,228,241,.16), 0 4px 10px #00000055}
#mLoot .lab-scene-card[data-scene="jackpot"] .lab-scene-art{border-color:#cba3cc; box-shadow:0 2px 5px #00000088, 0 0 12px rgba(255,181,228,.16)}
#mLoot .lab-scene-card[data-scene="jackpot"] .sh-gold-glint{background:radial-gradient(circle,#ffeaf7,transparent 66%)}
#mLoot .lab-scene-card[data-scene="jackpot"] .sh-gold-glint::before,#mLoot .lab-scene-card[data-scene="jackpot"] .sh-gold-glint::after{background:linear-gradient(90deg,transparent,#ffe8f7,transparent)}
#mLoot .lab-scene-card[data-scene="jackpot"] .sh-gold-particle{background:#ffe0f4; box-shadow:0 0 4px rgba(255,181,228,.6)}

/* ---- shared tokens: neutral greys and borders turn violet-black; meaning colours stay ---- */
body[data-background="jackpot"]{
  --bg0:#0a050c; --bg1:#110914;
  --panel:#221428; --panel2:#180d1d; --well:#0b060d;
  --line:#362040; --line2:#4b2d58; --line3:#6f4681;
  --ink:#f3e7ef; --dim:#c296c3; --faint:#945c96;
  --glow:rgba(255,161,221,.18); --steel:#eb97cc;
}

/* ---- header: the wordmark and its dial in neon pink ---- */
body[data-background="jackpot"] .brand h1{background-image:linear-gradient(180deg,#ffffff 8%,#e7d5e0 46%,#bf8dc1 78%,#935995)}
body[data-background="jackpot"] .brand h1::after{background-image:linear-gradient(105deg,transparent 42%,rgba(255,225,244,.95) 50%,transparent 58%)}
body[data-background="jackpot"] .brand-mark{filter:grayscale(1) brightness(1.18) contrast(1.06) drop-shadow(0 5px 10px rgba(0,0,0,.55))}
body[data-background="jackpot"] .brand .sub{color:#be8cbf}
body[data-background="jackpot"] button:focus-visible{outline-color:#ffc6ea}
body[data-background="jackpot"] .slot.dial-editable:focus-visible{outline-color:rgba(255,198,234,.6)}
body[data-background="jackpot"] :where(.streak-chip,.toolbar,.icon-btn,.lang-switch){
  background:linear-gradient(180deg,#28182f,#1b0f20); box-shadow:0 3px 8px rgba(0,0,0,.35), inset 0 1px 0 rgba(248,228,241,.09)}
body[data-background="jackpot"] :is(.icon-btn,#lvlChip):hover{color:#ffdcf2; border-color:#a86caa}
body[data-background="jackpot"] .toolbar .icon-btn:hover{background:rgba(255,161,221,.1); color:#ffdcf2}
body[data-background="jackpot"] :is(.toolbar .icon-btn.active,.icon-btn.active,.icon-btn.logged){background:rgba(255,161,221,.14); color:#ffeaf7; border-color:#a86caa}
body[data-background="jackpot"] .meta-line .pill{border-color:#945c96; color:#ffdcf2;
  background:linear-gradient(180deg, rgba(255,191,231,.12), rgba(255,191,231,.03))}
body[data-background="jackpot"] .panel-label::before{color:#ffcded; text-shadow:0 0 6px rgba(255,161,221,.6)}

/* ---- today's loot ---- */
body[data-background="jackpot"] .loot-banner{border-color:var(--line2); border-left-color:#fbd6ed;
  background:linear-gradient(112deg, rgba(255,191,231,.08), rgba(32,18,38,.95) 31%, rgba(17,9,20,.93));
  box-shadow:inset 0 1px 0 rgba(248,228,241,.07), 0 14px 28px -24px #000000}
body[data-background="jackpot"] .loot-title{color:#f6eaf2}
body[data-background="jackpot"] .loot-story{color:#f2acd8}
body[data-background="jackpot"] .loot-banner.is-special{border-color:#b17fb2; border-left-color:#f9ecf4; animation-name:jackpot-aura;
  background:radial-gradient(circle at 10% 45%, rgba(255,181,228,.16), transparent 27%),
    linear-gradient(112deg, rgba(215,143,188,.18), rgba(32,18,38,.96) 39%, rgba(17,9,20,.94))}
body[data-background="jackpot"] .loot-banner.is-special::before{
  background:linear-gradient(112deg, transparent 40%, rgba(255,205,237,.2) 49%, rgba(255,255,255,.3) 50%, rgba(255,205,237,.14) 52%, transparent 61%)}
body[data-background="jackpot"] .loot-banner.is-special .loot-title{color:#f9ecf4; text-shadow:0 0 20px rgba(255,161,221,.22)}
body[data-background="jackpot"] .loot-banner.is-special .loot-status{color:#e3c0d6}
body[data-background="jackpot"] .loot-banner.legendary{border-color:#fbd6ed}
body[data-background="jackpot"] .loot-glyph{filter:drop-shadow(0 7px 11px rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(255,181,228,.35))}
body[data-background="jackpot"] .loot-glyph::before{background:radial-gradient(circle, rgba(255,205,237,.26), rgba(255,161,221,.1) 44%, transparent 72%)}
@keyframes jackpot-aura{
  0%,100%{box-shadow:inset 0 0 16px rgba(255,161,221,.06), inset 0 1px 0 rgba(255,255,255,.06), 0 12px 25px -20px #000000, 0 0 7px rgba(255,161,221,.07)}
  50%{box-shadow:inset 0 0 27px rgba(255,161,221,.13), inset 0 1px 0 rgba(255,255,255,.09), 0 14px 30px -20px #000000, 0 0 11px rgba(255,161,221,.12)}}

/* ---- hint and probe cards: violet-black with a polished top edge, black-glass digits ---- */
body[data-background="jackpot"] .clue{border-color:var(--line); border-top-color:#4d2e5a;
  background:linear-gradient(180deg,#26162d,#1c1021 70%,#170e1b);
  box-shadow:0 8px 20px -12px rgba(0,0,0,.75), inset 0 1px 0 rgba(248,228,241,.06)}
body[data-background="jackpot"] .clue:hover{border-color:var(--line3)}
body[data-background="jackpot"] .card-tag{color:#f5c6e4; border-color:var(--line2)}
body[data-background="jackpot"] .dchip{background:linear-gradient(180deg,#0b050d,#110914); border-color:#331d3d;
  color:#ffe4f5; text-shadow:0 0 10px rgba(255,152,217,.35)}
body[data-background="jackpot"] .fbc{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}

/* ---- the start card ---- */
body[data-background="jackpot"] .lab-brief{border-color:var(--line2);
  background:radial-gradient(ellipse at top, rgba(255,181,228,.06), transparent 75%), linear-gradient(180deg,#25152c,#130a17)}
body[data-background="jackpot"] .lab-brief h3{color:#f6eaf2; text-shadow:0 0 22px rgba(255,161,221,.18)}

/* ---- buttons: the main action is polished neon pink, like the crack key ---- */
body[data-background="jackpot"] .btn{background:linear-gradient(180deg,#362040,#221428)}
body[data-background="jackpot"] .btn.primary{color:#120817; border-color:#f2b4db;
  background:linear-gradient(180deg,#ffffff,#fad5ec 46%,#c59dc6);
  box-shadow:0 4px 0 #5a3a68, 0 8px 22px rgba(255,161,221,.2), inset 0 1px 0 rgba(255,255,255,.9)}
body[data-background="jackpot"] .btn.primary:active{box-shadow:0 1px 0 #5a3a68, inset 0 2px 5px rgba(0,0,0,.18)}
body[data-background="jackpot"] .btn.primary::after{background:linear-gradient(105deg, transparent, rgba(255,255,255,.75), transparent)}
body[data-background="jackpot"] .btn.ghost{background:transparent}

/* ---- dialogs: violet-black sheets; their cards follow without touching special states ---- */
body[data-background="jackpot"] .sheet{border-color:#5c3a6a; border-top-color:#ae7bb0;
  background:radial-gradient(120% 60% at 50% -8%, rgba(235,162,208,.08), transparent 55%), linear-gradient(180deg,#28182f,#190e1e);
  box-shadow:0 50px 110px -22px rgba(0,0,0,.95), inset 0 1px 0 rgba(248,228,241,.12)}
body[data-background="jackpot"] .sheet::before{border-color:rgba(232,208,223,.08)}
body[data-background="jackpot"] .sheet h2{color:#f6eaf2; text-shadow:0 0 22px rgba(255,161,221,.22)}
body[data-background="jackpot"] :where(.stat-cell,.stash-item,.sell-row,.inv-slot,.lb-row,.lb-page,.wb-lock,.tool-card,.loot-sum .ls-box,.ach,.card-tag){
  background:linear-gradient(180deg,#24142b,#190d1e)}
body[data-background="jackpot"] :is(.sh-tabs,.sh-subtabs){--sh-highlight:linear-gradient(180deg,#392242,#24152b); --sh-highlight-border:#ae7bb0; --sh-highlight-text:#f6eaf2}
body[data-background="jackpot"] .sh-subtabs{--sh-highlight:linear-gradient(180deg,#ffffff,#fad5ec 46%,#c59dc6); --sh-highlight-border:#f2b4db; --sh-highlight-text:#120817}

/* ---- result: loot cards, level card and badge in neon pink instead of gold ---- */
body[data-background="jackpot"] .loot-card{background:linear-gradient(120deg,#27172e,#1c1021)}
body[data-background="jackpot"] .loot-card.got{border-color:#b17fb2;
  background:linear-gradient(120deg, rgba(255,191,231,.1), rgba(255,191,231,.02));
  box-shadow:0 0 30px rgba(255,161,221,.08), inset 0 1px 0 rgba(248,228,241,.1)}
body[data-background="jackpot"] .loot-card.got::after{background:linear-gradient(105deg, transparent, rgba(255,211,239,.14), transparent)}
body[data-background="jackpot"] .loot-card .ln{color:#f6eaf2}
body[data-background="jackpot"] .loot-card .le-img{filter:drop-shadow(0 5px 9px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(255,181,228,.2))}
body[data-background="jackpot"] .gold-haul .haul-head .lk{color:#f6deed}
body[data-background="jackpot"] .lvl-card{background:linear-gradient(120deg,#27172e,#1c1021)}
body[data-background="jackpot"] .lvl-badge{color:#120817;
  background:linear-gradient(180deg,#ffffff,#fad5ec 55%,#c59dc6); box-shadow:0 3px 8px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.8)}
body[data-background="jackpot"] .lvl-bar i{background:linear-gradient(90deg,#945c96,#f3dfeb)}
body[data-background="jackpot"] .res-next b{color:#ffdcf2}

/* ---- rewards: the level-up and medal block, medal notices and their tooltips ---- */
body[data-background="jackpot"] .reward-summary{border-color:#6e4580;
  background:linear-gradient(115deg,#2c1a34,#1c1021 70%); box-shadow:inset 0 1px 0 rgba(248,228,241,.08)}
body[data-background="jackpot"] .ach-new{border-color:#945c96; border-left-color:#f0dfea;
  background:radial-gradient(ellipse at 0 50%, rgba(255,191,231,.1), transparent 66%), linear-gradient(115deg,#2e1b37,#1d1122 68%,#170e1b);
  box-shadow:inset 0 1px 0 rgba(248,228,241,.1), 0 7px 18px #00000044}
body[data-background="jackpot"] :is(.reward-emblem,.reward-summary .reward-level-badge){border-color:rgba(232,208,223,.35);
  background:radial-gradient(circle at 45% 30%, rgba(255,191,231,.22), #130a17 72%)}
body[data-background="jackpot"] :is(.reward-level-badge,.reward-seal){color:#f6eaf2}
body[data-background="jackpot"] :is(.reward-label,.ach-new .ank){color:#dbb0dc}
body[data-background="jackpot"] :is(.reward-title,.ach-new .ann){color:#f6eaf2}
body[data-background="jackpot"] .reward-medal{border-color:rgba(232,208,223,.18); background:rgba(15,7,18,.6)}
body[data-background="jackpot"] .reward-medal[tabindex]:is(:hover,:focus){border-color:#ae7bb0; background:#24152b}
body[data-background="jackpot"] .reward-medal[tabindex]:focus-visible{outline-color:#ffc6ea}
body[data-background="jackpot"] .reward-tip,body[data-background="jackpot"] .reward-tip::after{border-color:#5c3a6a; background:#130a17}

/* ---- tutorial, statistics strip and debrief, as in the gold background's own theme ---- */
body[data-background="jackpot"] :is(.lab-coach-card,.lab-stats-strip>div,.lab-debrief-digits span,.lab-local){background:linear-gradient(180deg,#27172e,#180d1d)}
body[data-background="jackpot"] .lab-coach-code span{background:linear-gradient(180deg,#110914,#08040a); border-color:var(--line2); color:#ffe4f5}
body[data-background="jackpot"] .lab-coach-choices button:where(:not(.selected)){background:linear-gradient(180deg,#3a2244,#221428); border-color:var(--line2); color:#ffdcf2; box-shadow:0 3px 0 #0a050c, inset 0 1px 0 rgba(255,255,255,.05)}
body[data-background="jackpot"] .lab-coach-choices button.selected{background:#0d080f; color:#945c96}
body[data-background="jackpot"] .lab-coach-choices button:hover{border-color:#ae7bb0}
body[data-background="jackpot"] :is(.lab-eyebrow,.lab-stats-strip b){color:#ffcded}
body[data-background="jackpot"] .lab-coach-status{color:#ffcded!important}
body[data-background="jackpot"] .lab-coach-dialog .lab-coach-status{color:inherit!important}
body[data-background="jackpot"] .lab-dialog .sheet h2{color:#f6eaf2}
body[data-background="jackpot"] .lab-coach-step i{background:#362040}
body[data-background="jackpot"] .lab-coach-step i.done{background:#fbd6ed}
body[data-background="jackpot"] .lab-coach-progress .current{color:#ffdcf2; border-color:#ae7bb0}
body[data-background="jackpot"] .lab-coach-progress .current .lab-coach-number{border-color:#945c96; color:#ffdcf2;
  background:linear-gradient(155deg,#392242,#1d1122); box-shadow:inset 0 1px 0 rgba(248,228,241,.15), 0 0 12px rgba(255,161,221,.08)}
body[data-background="jackpot"] .lab-coach-dialog .lab-coach-card .dchip.lab-coach-tap:not(.marked):not(.confirmed){border-color:#945c96;
  box-shadow:inset 0 1px 0 rgba(248,228,241,.12), 0 0 0 1px rgba(255,161,221,.08)}
@media(hover:hover) and (pointer:fine){
  body[data-background="jackpot"] .lab-coach-dialog .lab-coach-card .dchip.lab-coach-tap:not(.marked):not(.confirmed):hover{border-color:#f2b4db; color:#ffeaf7}
}
body[data-background="jackpot"] .lab-coach-dialog :is(.lab-coach-choices button,.lab-coach-card .dchip.lab-coach-tap):focus-visible{outline-color:#ffc6ea}
body[data-background="jackpot"] .lab-coach-dialog .lab-coach-code .current{border-color:#ef9fd2}
body[data-background="jackpot"] .lab-coach-preview{background:radial-gradient(ellipse at 50% 100%, rgba(255,161,221,.05), transparent 72%), var(--well)}

/* ---- the safehouse: its boxes, slots, tabs and atmosphere cards; gold trophies stay gold ---- */
body[data-background="jackpot"] #mLoot :is(.inv-slot,.tool-card,.wb-lock,.lvl-card):where(:not(.empty):not(.special)),
body[data-background="jackpot"] #mLoot .loot-sum .ls-box{background:linear-gradient(180deg,#27172e,#190e1e); border-color:var(--line2)}
body[data-background="jackpot"] #mLoot .inv-slot.empty{background:rgba(24,13,29,.85); border-color:#4b2d58}
body[data-background="jackpot"] #mLoot :is(.lab-scene-card,.sh-music-card):where(:not([data-scene="gold"]):not([data-scene="diamond"]):not([data-scene="jackpot"])){background:linear-gradient(155deg,#2e1b37,#1f1225 65%,#190f1e)}
body[data-background="jackpot"] #mLoot .sheet{border-color:#4e315b; border-top-color:#a16aa3;
  background:
    radial-gradient(120% 70% at 50% -10%, rgba(255,181,228,.12), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,0) 26%, rgba(0,0,0,.34) 78%, rgba(0,0,0,.52) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='56'%3E%3Crect width='96' height='56' fill='%230a0b0d'/%3E%3Cg%3E%3Crect x='0' y='0' width='44' height='24' rx='1.5' fill='%231d2025'/%3E%3Crect x='48' y='0' width='44' height='24' rx='1.5' fill='%231a1d21'/%3E%3Crect x='-24' y='28' width='44' height='24' rx='1.5' fill='%231c1f23'/%3E%3Crect x='24' y='28' width='44' height='24' rx='1.5' fill='%2320232a'/%3E%3Crect x='72' y='28' width='44' height='24' rx='1.5' fill='%23191b1f'/%3E%3C/g%3E%3Cg fill='rgba(255,211,239,.05)'%3E%3Crect x='2' y='1' width='40' height='1.5'/%3E%3Crect x='50' y='1' width='40' height='1.5'/%3E%3Crect x='-22' y='29' width='40' height='1.5'/%3E%3Crect x='26' y='29' width='40' height='1.5'/%3E%3Crect x='74' y='29' width='40' height='1.5'/%3E%3C/g%3E%3Cg fill='rgba(0,0,0,.45)'%3E%3Crect x='2' y='22' width='40' height='2'/%3E%3Crect x='50' y='22' width='40' height='2'/%3E%3Crect x='-22' y='50' width='40' height='2'/%3E%3Crect x='26' y='50' width='40' height='2'/%3E%3Crect x='74' y='50' width='40' height='2'/%3E%3C/g%3E%3Cg fill='rgba(255,191,231,.025)'%3E%3Crect x='6' y='6' width='14' height='9' rx='2'/%3E%3Crect x='58' y='34' width='16' height='8' rx='2'/%3E%3C/g%3E%3C/svg%3E") 0 0/96px 56px repeat,
    #130a17;
  box-shadow:0 50px 110px -22px rgba(0,0,0,.95), 0 0 0 4px #0e0811, 0 0 0 5px #5c3a6a,
    inset 0 1px 0 rgba(248,228,241,.14), inset 0 -16px 40px rgba(0,0,0,.5)}
body[data-background="jackpot"] #mLoot .sheet::before{border-color:rgba(232,208,223,.12)}
body[data-background="jackpot"] .sh-storage-heading .sh-section-label{color:#eedce8}
body[data-background="jackpot"] .trophy-case{border-color:#945c96;
  background:linear-gradient(180deg, rgba(255,211,239,.07), rgba(255,191,231,.02) 40%, rgba(0,0,0,.15)), linear-gradient(180deg,#221528,#160d1a);
  box-shadow:0 0 24px rgba(255,161,221,.08), inset 0 1px 0 rgba(248,228,241,.14), inset 0 -12px 26px rgba(0,0,0,.45)}
body[data-background="jackpot"] .trophy-case::after{background:linear-gradient(105deg, transparent, rgba(255,220,242,.08), transparent)}
body[data-background="jackpot"] .showcase::before{background:radial-gradient(ellipse 50% 100% at 50% 0%, rgba(255,211,239,.2), transparent 70%)}
body[data-background="jackpot"] .showcase::after{background:radial-gradient(ellipse at 50% 50%, rgba(255,181,228,.2), rgba(255,181,228,.05) 55%, transparent 72%)}
body[data-background="jackpot"] .sl-item::before{background:radial-gradient(circle, rgba(255,211,239,.24), transparent 65%)}
body[data-background="jackpot"] .sl-item.leg::before{background:radial-gradient(circle, rgba(255,215,240,.4), transparent 66%)}
body[data-background="jackpot"] .sl-item .oe-img{filter:drop-shadow(0 6px 10px rgba(0,0,0,.68)) drop-shadow(0 0 10px rgba(255,181,228,.2))}
body[data-background="jackpot"] .sl-item .op{background:radial-gradient(ellipse at 50% 28%, #ffffff, #d4afd6 55%, #6d467e 92%);
  box-shadow:0 5px 12px rgba(0,0,0,.55), 0 0 16px rgba(255,161,221,.3), inset 0 1px 0 rgba(255,255,255,.6)}
body[data-background="jackpot"] .sl-item.leg .op{box-shadow:0 5px 12px rgba(0,0,0,.55), 0 0 28px rgba(255,161,221,.6), inset 0 1px 0 rgba(255,255,255,.6)}
body[data-background="jackpot"] :is(.sl-item .ostar,.twk){color:#ffeaf7; text-shadow:0 0 9px rgba(255,161,221,.85)}
body[data-background="jackpot"] .sl-nav{border-color:#945c96; color:#ffdcf2;
  background:radial-gradient(circle at 50% 32%, rgba(67,40,78,.9), rgba(19,10,23,.85) 70%); box-shadow:0 3px 8px rgba(0,0,0,.45), inset 0 1px 0 rgba(248,228,241,.16)}
body[data-background="jackpot"] .sl-nav:hover{border-color:#f2b4db; color:#ffffff; box-shadow:0 0 14px rgba(255,161,221,.3), 0 3px 8px rgba(0,0,0,.45), inset 0 1px 0 rgba(248,228,241,.2)}
body[data-background="jackpot"] :is(.sl-count,.case-count){color:#be8cbf}
body[data-background="jackpot"] .sl-story{color:#f2acd8}
body[data-background="jackpot"] .plaque{border-color:#945c96; color:#f6deed;
  background:linear-gradient(180deg,#35203e,#1d1222); box-shadow:inset 0 1px 0 rgba(248,228,241,.18), 0 2px 8px rgba(0,0,0,.4)}
body[data-background="jackpot"] .sh-tabs{background:linear-gradient(180deg,#28182f,#1b0f20)}
body[data-background="jackpot"] .sh-subtabs{background:#150c19}
@media (max-width:650px),(hover:none),(pointer:coarse){
  body[data-background="jackpot"] .sh-tab[aria-selected="true"]{background:linear-gradient(180deg,#392242,#24152b); border-color:#ae7bb0; color:#f6eaf2}
  body[data-background="jackpot"] .sh-subtab[aria-selected="true"]{color:#120817; border-color:#f2b4db; background:linear-gradient(180deg,#ffffff,#fad5ec 46%,#c59dc6)}
}

/* ---- the phone's input bar ---- */
body[data-background="jackpot"] .lab-mobile{background:linear-gradient(180deg,#23142af7,#0b060dfc); border-top-color:#6e4580}
body[data-background="jackpot"] .lab-mobile-code button{background:linear-gradient(180deg,#110914,#08040a); border-color:#392242;
  color:#ffe4f5; text-shadow:0 0 8px rgba(255,152,217,.4)}
body[data-background="jackpot"] .lab-mobile-code button.current{border-color:#ef9fd2; box-shadow:inset 0 2px 7px #000000bb, 0 0 9px rgba(255,161,221,.3)}
body[data-background="jackpot"] .lab-mobile-actions button:where(:not(.submit)){background:linear-gradient(180deg,#3a2244,#221428);
  border-color:#4b2d58; color:#f8cae7; box-shadow:0 3px 0 #0a050c}
body[data-background="jackpot"] .lab-mobile-actions .submit{color:#120817; border-color:#f2b4db;
  background:linear-gradient(180deg,#ffffff,#f7c7e5 60%,#b88bba); box-shadow:0 3px 0 #5a3a68, inset 0 1px 0 #ffffff}
body[data-background="jackpot"] .lab-mobile-keys button{background:linear-gradient(180deg,#3a2244,#211327); border-color:#492d55;
  color:#f6e7f0; box-shadow:0 3px 0 #0a050c, inset 0 1px 0 rgba(255,255,255,.08)}

/* ---- the phone menu ---- */
body[data-background="jackpot"] .mobile-nav-toggle{border-color:#945c96; color:#f6e7f0;
  background:linear-gradient(155deg,#392242,#1d1122 65%); box-shadow:inset 0 1px 0 rgba(248,228,241,.12), 0 3px 8px #00000033}
body[data-background="jackpot"] .mobile-nav-toggle[aria-expanded="true"]{border-color:#c89dc9; background:var(--well)}
body[data-background="jackpot"] .header-menu{border-color:#5c3a6a;
  background:radial-gradient(ellipse at 15% 0%, rgba(255,181,228,.1), transparent 58%), linear-gradient(150deg,#28182f,#150c19 65%);
  box-shadow:0 -16px 60px #00000066, inset 0 1px 0 rgba(248,228,241,.14)}
body[data-background="jackpot"] .mobile-nav-eyebrow{color:#f5c6e4}
body[data-background="jackpot"] .mobile-nav-grip{background:rgba(232,208,223,.35)}
body[data-background="jackpot"] .mobile-nav-close{border-color:rgba(232,208,223,.16); background:rgba(11,6,13,.4)}
body[data-background="jackpot"] .header-menu .icon-btn{border-color:rgba(232,208,223,.14);
  background:linear-gradient(145deg, rgba(76,46,89,.35), rgba(32,18,38,.55))}
body[data-background="jackpot"] .header-menu .icon-btn.active{border-color:rgba(232,208,223,.4); background:rgba(255,161,221,.12)}
body[data-background="jackpot"] .header-menu .mobile-nav-icon{color:#f6b5de}
body[data-background="jackpot"] .header-menu #btnLoot{border-color:rgba(251,214,237,.45);
  background:linear-gradient(120deg, rgba(255,191,231,.12), rgba(52,30,62,.3))}
body[data-background="jackpot"] .header-menu #btnLoot .mobile-nav-icon{border-color:rgba(251,214,237,.4); color:#f6eaf2;
  background:linear-gradient(140deg, rgba(255,191,231,.18), rgba(76,46,89,.2)); box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
body[data-background="jackpot"] .header-menu #btnLoot .mobile-nav-name{color:#f6eaf2}
body[data-background="jackpot"] .header-menu #btnAccount{background:rgba(15,7,18,.5)}
body[data-background="jackpot"] .header-menu #btnAccount .mobile-nav-icon{background:#362040}

/* ---- everything else, from a colour audit of every screen: no green or gold left behind ---- */
body[data-background="jackpot"]{background:radial-gradient(130% 95% at 50% 38%, transparent 52%, rgba(0,0,0,.55) 100%),
  radial-gradient(1200px 560px at 50% -220px, rgba(255,161,221,.07), transparent 62%), linear-gradient(180deg,#130a17,var(--bg0) 58%)}
body[data-background="jackpot"] ::-webkit-scrollbar-thumb{background:#3d2448}
body[data-background="jackpot"] ::-webkit-scrollbar-thumb:hover{background:#ae7bb0}
body[data-background="jackpot"] :is(.panel-scroll-body,#mPlayer .player-dialog-body){scrollbar-color:#5c3a6a #180d1d}
body[data-background="jackpot"] .btn:where(:not(.primary):not(.ghost)){box-shadow:0 4px 0 #0a050c, 0 7px 14px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08)}
body[data-background="jackpot"] .btn:where(:not(.primary):not(.ghost)):active{box-shadow:0 1px 0 #0a050c, inset 0 2px 5px rgba(0,0,0,.4)}
body[data-background="jackpot"] .btn-google{box-shadow:0 4px 0 #0a050c, 0 7px 14px rgba(0,0,0,.4)}
body[data-background="jackpot"] .btn-google:active{box-shadow:0 1px 0 #0a050c}
body[data-background="jackpot"] :is(.lab-text-btn,.acc-initial){color:#ffcded}
body[data-background="jackpot"] :is(.acc-forgot,.acc-back):hover{color:#ffdcf2}
body[data-background="jackpot"] .lang-btn.on{border-color:#ae7bb0; background:linear-gradient(180deg, rgba(255,191,231,.16), rgba(255,191,231,.04));
  box-shadow:0 0 10px rgba(255,161,221,.16), inset 0 1px 0 rgba(255,255,255,.08)}
body[data-background="jackpot"] .acc-field input:focus{border-color:#ae7bb0}
body[data-background="jackpot"] .feedback-form :is(select,textarea):focus-visible{outline-color:#ffc6ea}
body[data-background="jackpot"] .acc-card{border-color:#945c96; background:linear-gradient(120deg, rgba(255,191,231,.1), rgba(255,191,231,.02))}
body[data-background="jackpot"] :is(.acc-ava,.lb-ava){color:#120817; background:linear-gradient(135deg,#ffffff,#f2b4db 60%,#b17fb2)}
body[data-background="jackpot"] .acc-tabs button.on{color:#120817; background:linear-gradient(180deg,#ffffff,#fad5ec 55%,#c59dc6)}
body[data-background="jackpot"] .lb-tabs>button.on{background:transparent}
body[data-background="jackpot"] .lb-tabs::before{background:linear-gradient(180deg,#ffffff,#fad5ec 55%,#c59dc6)}
body[data-background="jackpot"] :is(.stat-cell .v,.time-line b,.ap-count b,.lb-val:not(.money),.res-next b,.pend-k){color:#ffdcf2}
body[data-background="jackpot"] .stat-cell .v{text-shadow:0 0 12px rgba(255,161,221,.25)}
body[data-background="jackpot"] .sec-label::before{color:#ffcded; text-shadow:0 0 6px rgba(255,161,221,.6)}
body[data-background="jackpot"] .dist-row:not(.fail) .bar:not(.zero){color:#120817; background:linear-gradient(90deg,#945c96,#f3dfeb)}
body[data-background="jackpot"] .ach.got{border-color:#b17fb2; background:linear-gradient(180deg, rgba(255,191,231,.1), rgba(255,191,231,.02));
  box-shadow:0 0 12px rgba(255,161,221,.1), inset 0 1px 0 rgba(255,255,255,.05)}
body[data-background="jackpot"] :is(.ach.got .an,.ach.got .ach-progress-label){color:#ffdcf2}
body[data-background="jackpot"] .ach-progress-label{color:#c59ac7}
body[data-background="jackpot"] .ach-progress-track{background:#0a050c}
body[data-background="jackpot"] :is(.ach-progress-track i,#mPlayer .profile-level-track i,#mPlayer .profile-medal-progress i){background:linear-gradient(90deg,#945c96,#f3dfeb)}
body[data-background="jackpot"] .lb-page.on{border-color:#f2b4db; color:#120817; background:linear-gradient(180deg,#ffffff,#c59dc6)}
body[data-background="jackpot"] .lb-page:hover:not(:disabled){border-color:#ae7bb0; color:#ffdcf2}
body[data-background="jackpot"] :is(.lb-row.me,.pend-strip){border-color:#b17fb2; background:linear-gradient(120deg, rgba(255,191,231,.12), rgba(255,191,231,.03)); box-shadow:0 0 12px rgba(255,161,221,.1)}
body[data-background="jackpot"] .lb-fairplay-note{border-color:rgba(232,208,223,.16); border-left-color:#ae7bb0; background:rgba(255,191,231,.04)}
body[data-background="jackpot"] .res-code .dchip{border-color:#945c96; color:#ffe4f5; box-shadow:inset 0 3px 9px rgba(0,0,0,.7), 0 0 16px rgba(255,161,221,.1);
  background:linear-gradient(180deg,#0a050c,#130a17)}
body[data-background="jackpot"] :where(.tool-chip,.hstep){background:linear-gradient(180deg,#24142b,#190d1e)}
body[data-background="jackpot"] .fab{border-color:#ae7bb0; color:#ffdcf2; background:linear-gradient(180deg,#362040,#1d1122)}
body[data-background="jackpot"] .hstep .hs-n{color:#120817; background:linear-gradient(180deg,#ffffff,#fad5ec 55%,#c59dc6)}
body[data-background="jackpot"] .inv-slot .sconf{background:rgba(11,6,13,.92)}
body[data-background="jackpot"] .lab-debrief-digits .absent{color:#c79dc8}
body[data-background="jackpot"] .lb-row.lb-podium{
  background:linear-gradient(110deg,rgba(var(--podium-rgb),.13),rgba(var(--podium-rgb),.025) 62%) padding-box,
    linear-gradient(#1b1020,#1b1020) padding-box,
    linear-gradient(115deg,var(--podium-edge),var(--podium-dark) 38%,var(--podium-dark) 66%,var(--podium-edge)) border-box}
body[data-background="jackpot"] .lb-profile-link:not(.lb-podium){--podium-rgb:190,215,240}
body[data-background="jackpot"] .lb-profile-link:focus-visible{outline-color:#ffc6ea}
@media(hover:hover) and (pointer:fine){
  body[data-background="jackpot"] .lb-profile-link:not(.lb-podium):not(.me):hover{border-color:#ae7bb0}
  body[data-background="jackpot"] .lb-profile-link.me:not(.lb-podium):hover{border-color:#fbd6ed}
}
body[data-background="jackpot"] .toast-card{
  background:radial-gradient(ellipse at 0 0, rgba(var(--notice-rgb),.09), transparent 70%), linear-gradient(120deg,#27172e,#170e1b 85%)}
body[data-background="jackpot"] .toast-card:is(:not([data-tone]),[data-tone="info"]){--notice-accent:#ffdcf2; --notice-rgb:200,225,255; border-color:#6e4580}
body[data-background="jackpot"] .toast-card[data-tone="achievement"]{--notice-accent:#f6eaf2; --notice-rgb:200,225,255; border-color:#b17fb2;
  background:radial-gradient(ellipse at 0 0, rgba(255,191,231,.14), transparent 75%), linear-gradient(120deg,#311d39,#1d1122 85%)}
body[data-background="jackpot"] .toast-has-value .toast-message{color:#d4afd6}
body[data-background="jackpot"] .toast-close{color:#c59ac7}
body[data-background="jackpot"] .mobile-nav-close:active{background:rgba(111,70,129,.33)}
body[data-background="jackpot"] .mobile-nav-summary :is(.streak-chip,#lvlChip){background:rgba(11,6,13,.4)}
body[data-background="jackpot"] .header-menu .mobile-nav-switch{border-color:rgba(194,150,195,.33); background:#0b060d}
body[data-background="jackpot"] #soundToggle[aria-pressed="true"] .mobile-nav-switch{background:#276144; border-color:#448562}
body[data-background="jackpot"] .updates-header::after{background:linear-gradient(90deg,#ffffff,#c59dc6)}
body[data-background="jackpot"] :is(.updates-group:first-child .updates-date,.update-copy h4,.update-icon){color:#ffdcf2}
body[data-background="jackpot"] #newsBody:focus-visible{outline-color:#ffc6ea}
body[data-background="jackpot"] :is(.sh-section-heading h3,.sh-item-status){color:#ffdcf2}
body[data-background="jackpot"] #mLoot :is(.lab-scene-card:not([data-scene="gold"]) .lab-scene-copy h3,.sh-music-title){color:#f6eaf2}
body[data-background="jackpot"] #mLoot .lab-scene-card[data-scene="gold"] .sh-item-status{color:#ffd985}
body[data-background="jackpot"] .sh-equipped{border-color:#945c96; color:#ffdcf2}
body[data-background="jackpot"] #mLoot :is(.lab-scene-card,.sh-music-card).selected:where(:not([data-scene="gold"]):not([data-scene="jackpot"])){border-color:#b17fb2;
  box-shadow:inset 3px 0 0 #fbd6ed, inset 0 1px 0 rgba(255,255,255,.04), 0 4px 10px #00000055}
body[data-background="jackpot"] #mLoot button.lab-scene-art:hover{border-color:#ae7bb0}
body[data-background="jackpot"] .lab-scene-progress progress{color:#f2b4db}
body[data-background="jackpot"] .lab-scene-progress progress::-webkit-progress-value{background:#f2b4db}
body[data-background="jackpot"] .lab-scene-progress progress::-moz-progress-bar{background:#f2b4db}
body[data-background="jackpot"] :is(.sh-tab,.sh-subtab):not([aria-selected="true"]):hover{color:#ffdcf2}
body[data-background="jackpot"] #mPlayer button:focus-visible{outline-color:#ffc6ea}
body[data-background="jackpot"] #mPlayer .profile-identity{border-color:#6f4681;
  background:radial-gradient(ellipse at 5% 0%, rgba(255,181,228,.08), transparent 75%), linear-gradient(120deg,#311d39,#1d1122); box-shadow:inset 0 1px 0 rgba(248,228,241,.1)}
body[data-background="jackpot"] #mPlayer .profile-avatar{border-color:#fbd6ed; color:#120817; background:linear-gradient(145deg,#ffffff,#c59dc6); box-shadow:0 0 0 4px rgba(255,191,231,.08), 0 5px 12px #00000044}
body[data-background="jackpot"] #mPlayer .profile-level-badge{color:#120817; background:linear-gradient(#ffffff,#fad5ec 60%,#c59dc6)}
body[data-background="jackpot"] #mPlayer :is(.profile-eyebrow,.profile-views svg,.profile-summary-item strong,.profile-section-title h2,.profile-trophy h3,.profile-trophy-arrow,.profile-cabinet-empty h3){color:#ffdcf2}
body[data-background="jackpot"] #mPlayer .profile-medal h3,
body[data-background="jackpot"] #mPlayer .profile-medal.is-earned .profile-medal-progress>span{color:#ffdcf2}
body[data-background="jackpot"] #mPlayer .profile-summary{background:#160d1a}
body[data-background="jackpot"] #mPlayer .profile-summary>div+div{border-left-color:rgba(88,54,103,.48)}
body[data-background="jackpot"] #mPlayer .profile-panel{background:linear-gradient(145deg,#2a1931,#1b1020)}
body[data-background="jackpot"] #mPlayer .profile-dist-row:not(.is-fail) .profile-dist-fill:not(.is-zero){color:#120817; background:linear-gradient(90deg,#945c96,#f2b4db 60%,#f9ecf4)}
body[data-background="jackpot"] #mPlayer .profile-cabinet{border-color:#6f4681; background:radial-gradient(ellipse at 50% 35%, rgba(255,181,228,.07), transparent 70%), linear-gradient(155deg,#2e1b37,#1b1020)}
body[data-background="jackpot"] #mPlayer .profile-trophy-art{background:radial-gradient(ellipse at 50% 65%, rgba(255,181,228,.08), transparent 61%)}
body[data-background="jackpot"] #mPlayer .profile-trophy.is-legendary .profile-trophy-art{background:radial-gradient(ellipse at 50% 60%, rgba(255,205,237,.14), transparent 62%)}
body[data-background="jackpot"] #mPlayer :is(.profile-trophy-tag,.profile-medal-state){color:#dbb0dc}
body[data-background="jackpot"] #mPlayer :is(.profile-trophy p,.profile-medal p,.profile-medal-progress>span){color:#c79dc8}
body[data-background="jackpot"] #mPlayer .profile-trophy-arrow{border-color:rgba(232,208,223,.3); background:rgba(17,9,20,.8)}
body[data-background="jackpot"] #mPlayer .profile-collection-heading{border-top-color:rgba(232,208,223,.14)}
body[data-background="jackpot"] #mPlayer .profile-trophy-thumbnails{scrollbar-color:#5c3a6a #180d1d}
body[data-background="jackpot"] #mPlayer .profile-trophy-thumbnails button{border-color:#4b2d58; background:#110914}
body[data-background="jackpot"] #mPlayer .profile-trophy-thumbnails button[aria-pressed="true"]{border-color:#fbd6ed; background:rgba(255,191,231,.1); box-shadow:inset 0 0 10px rgba(255,161,221,.12)}
body[data-background="jackpot"] #mPlayer .profile-rare-dot{background:#ffeaf7; box-shadow:0 0 6px rgba(255,161,221,.9)}
body[data-background="jackpot"] #mPlayer .profile-cabinet-empty svg{color:#be8cbf}
body[data-background="jackpot"] #mPlayer .profile-medal{border-color:#6f4681; background:linear-gradient(150deg, rgba(255,191,231,.08), #201326)}
body[data-background="jackpot"] #mPlayer .profile-medal-progress>div{background:#0a050c}
body[data-background="jackpot"] #mPlayer .profile-medal.is-locked{border-color:#3d2547; background:#160d1a}
body[data-background="jackpot"] #mPlayer .profile-medal.is-locked :is(h3,p,.profile-medal-state){color:#a16aa3}
@media(hover:hover) and (pointer:fine){
  body[data-background="jackpot"] #mPlayer .profile-trophy-arrow:hover{background:#362040; border-color:#ae7bb0}
  body[data-background="jackpot"] #mPlayer .profile-trophy-thumbnails button:hover{border-color:#ae7bb0}
}
@media(max-width:700px){body[data-background="jackpot"] #mPlayer .profile-summary .profile-wallet{border-bottom-color:rgba(88,54,103,.48)}}

/* ---- the safe ---- */

body[data-background="jackpot"] .console{
  border-color:#6d467d; border-top-color:#f5bde0;
  --doorframe: 0 0 0 1px #060307, 0 0 0 2px #6d477d, 0 0 0 3px #f3e7ef, 0 0 0 4px #b98cbb, 0 0 0 5px #492e55,
    0 0 0 9px #170b1c, 0 0 0 10px rgba(0,0,0,.6);
  background:
    linear-gradient(115deg, transparent 32%, rgba(244,212,232,.045) 44%, rgba(251,227,242,.09) 50%, rgba(244,212,232,.045) 56%, transparent 68%),
    repeating-conic-gradient(from 0deg at 50% 20%, rgba(255,255,255,.022) 0deg .5deg, transparent .5deg 1.6deg),
    repeating-linear-gradient(90deg, rgba(255,255,255,.008) 0 1px, transparent 1px 3px),
    radial-gradient(120% 80% at 50% -20%, rgba(235,162,208,.15), transparent 58%),
    radial-gradient(90% 60% at 50% 125%, rgba(0,0,0,.55), transparent 70%),
    linear-gradient(168deg,#311d3a,#1c1021 50%,#100813);
  box-shadow:var(--doorframe), 0 40px 80px -26px rgba(0,0,0,.95), 0 0 48px rgba(255,142,214,.07),
    inset 0 1px 0 rgba(248,228,241,.3), inset 2px 0 6px -4px rgba(238,213,229,.16),
    inset -3px 0 8px -5px rgba(0,0,0,.6), inset 0 -14px 30px rgba(0,0,0,.5);
}
body[data-background="jackpot"] .console.open{border-color:#4f9b7c;
  box-shadow:var(--doorframe), 0 40px 80px -26px rgba(0,0,0,.95), 0 0 48px rgba(61,220,151,.15),
    inset 0 1px 0 rgba(248,228,241,.3), inset 0 -14px 30px rgba(0,0,0,.5)}
body[data-background="jackpot"] .console.busted{border-color:#8a3434;
  box-shadow:var(--doorframe), 0 40px 80px -26px rgba(0,0,0,.95), inset 0 0 52px rgba(255,60,60,.12), inset 0 1px 0 rgba(248,228,241,.2)}
body[data-background="jackpot"] .console::after{background:linear-gradient(115deg, transparent 30%, rgba(255,212,239,.34) 50%, transparent 70%)}
body[data-background="jackpot"] .console::before{content:''; position:absolute; inset:0; z-index:5; pointer-events:none; border-radius:inherit;
  background:linear-gradient(105deg, transparent 40%, rgba(255,220,242,.06) 46%, rgba(255,255,255,.12) 50%, rgba(255,220,242,.06) 54%, transparent 60%);
  background-size:300% 100%; background-position:115% 0}
body[data-background="jackpot"]:not(.lab-background-paused):not(.lab-background-still) .console::before{animation:jackpotSheen 10s ease-in-out 2.5s infinite}
@keyframes jackpotSheen{0%,64%{background-position:115% 0}88%,100%{background-position:-15% 0}}

body[data-background="jackpot"] .console .c-frame{inset:4px; border-radius:18px; border-color:rgba(240,215,231,.15); box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}

body[data-background="jackpot"] .console .rivet{width:11px; height:11px;
  background:
    radial-gradient(circle at 32% 28%, #ffffff 0 1.1px, transparent 2px),
    radial-gradient(circle, #ffe8f7 0 28%, transparent 30%),
    conic-gradient(#ffffff 0 12.5%, #c988b1 0 25%, #ffe4f5 0 37.5%, #b36998 0 50%, #ffffff 0 62.5%, #d796bf 0 75%, #ffeaf7 0 87.5%, #bb72a0 0);
  box-shadow:0 0 0 1.5px #f2b4db, 0 0 0 2.5px #5b3a69, 0 1px 3px 2px rgba(0,0,0,.55), 0 0 7px rgba(255,181,228,.3)}
body[data-background="jackpot"] .console .rivet::after{content:''; position:absolute; left:50%; top:50%; width:17px; height:17px; margin:-8.5px 0 0 -8.5px;
  pointer-events:none; opacity:0;
  background:linear-gradient(90deg, transparent 46%, #ffffff 50%, transparent 54%), linear-gradient(0deg, transparent 46%, #ffffff 50%, transparent 54%);
  -webkit-mask:radial-gradient(circle, #000000 0 18%, transparent 68%); mask:radial-gradient(circle, #000000 0 18%, transparent 68%)}
body[data-background="jackpot"]:not(.lab-background-paused):not(.lab-background-still) .console .rivet::after{animation:jackpotGlint 6.4s ease-in-out infinite}
body[data-background="jackpot"] .console .rivet.r2::after{animation-delay:1.6s}
body[data-background="jackpot"] .console .rivet.r3::after{animation-delay:3.3s}
body[data-background="jackpot"] .console .rivet.r4::after{animation-delay:4.7s}
body[data-background="jackpot"] .console .rivet.r5::after{animation-delay:.8s}
body[data-background="jackpot"] .console .rivet.r6::after{animation-delay:2.5s}
@keyframes jackpotGlint{0%,84%,100%{opacity:0; transform:scale(.4) rotate(0)}90%{opacity:1; transform:scale(1.15) rotate(45deg)}96%{opacity:0; transform:scale(.5) rotate(90deg)}}

body[data-background="jackpot"] .console .alabel{color:#d4aed5}
body[data-background="jackpot"] .console .aseg:where(:not(.lit):not(.safe)){border-color:#7f5491;
  background:radial-gradient(circle at 35% 28%, rgba(255,255,255,.32) 0 1.4px, transparent 3px),
    conic-gradient(from 20deg, #4b3057, #221428, #3a2244, #190d1e, #43294e, #221428, #4b3057);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.6), 0 0 0 1px #100813}
body[data-background="jackpot"] .console .aseg.lit{border-color:#ffb1b1;
  background:radial-gradient(circle at 35% 28%, #ffffff 0 1.4px, transparent 3px),
    conic-gradient(from 20deg, #ff8a8a, #b3121f, #ff5a5f, #7d0912, #ff7277, #a30f1b, #ff8a8a)}
body[data-background="jackpot"] .console .aseg.safe{border-color:#a8f0cf;
  background:radial-gradient(circle at 35% 28%, #ffffff 0 1.4px, transparent 3px),
    conic-gradient(from 20deg, #7cf0bf, #0d7a50, #45dca0, #075a39, #5fe8b0, #0b6b46, #7cf0bf)}
body[data-background="jackpot"] .console .timer:where(:not(.jammed)){background:#0b050d; border-color:#583766; color:#ffdcf2;
  text-shadow:0 0 8px rgba(255,142,214,.5)}

body[data-background="jackpot"] .console .dial-wrap::before{
  background:
    radial-gradient(circle at 50% 26%, rgba(255,255,255,.11), transparent 55%),
    repeating-linear-gradient(45deg, rgba(255,255,255,.055) 0 2px, rgba(0,0,0,.2) 2px 4px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,.055) 0 2px, rgba(0,0,0,.2) 2px 4px),
    radial-gradient(circle, #372141 55%, #1b0f20);
  border-color:#ad7caf;
  box-shadow:inset 0 3px 9px rgba(0,0,0,.6), inset 0 -1px 0 rgba(248,228,241,.12), 0 0 0 2px #100813, 0 0 0 3px #d1afd2, 0 0 0 4px #5b3a69;
}
body[data-background="jackpot"] .console .dial-wrap::after{border-top-color:#ffe4f5; filter:drop-shadow(0 0 5px rgba(255,161,221,.75))}
body[data-background="jackpot"] .console .dial-shadow{box-shadow:0 10px 24px rgba(0,0,0,.62), 0 0 22px rgba(255,161,221,.12)}
body[data-background="jackpot"] .console .dial{
  background:radial-gradient(circle at 36% 28%, #5c3b6a, #23142a 55%, #0a050c);
  border-color:#f8cfe9;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.22), inset 0 -8px 16px rgba(0,0,0,.6), 0 0 0 1px #0e0711}
body[data-background="jackpot"] .console .dial.turning{box-shadow:inset 0 2px 3px rgba(255,255,255,.26), inset 0 -8px 16px rgba(0,0,0,.6), 0 0 0 1px #0e0711}
body[data-background="jackpot"] .console .dial:focus-visible{box-shadow:0 0 0 3px rgba(255,161,221,.35), 0 0 20px rgba(255,161,221,.25),
  inset 0 2px 3px rgba(255,255,255,.22), inset 0 -8px 16px rgba(0,0,0,.6)}
body[data-background="jackpot"] .console .dial::before{border-color:rgba(240,215,231,.42); border-style:dotted; opacity:.85}
body[data-background="jackpot"] .console .dial::after{
  background:repeating-conic-gradient(from 2deg, transparent 0 1.6deg, #ffffff 1.6deg 3deg, #e3a1cb 3deg 4.4deg, #ffeaf7 4.4deg 5.8deg, transparent 5.8deg 7.5deg);
  filter:drop-shadow(0 0 2px rgba(255,181,228,.55))}
body[data-background="jackpot"] .console .dial .spoke{background:linear-gradient(90deg,#704a80,#efe2ea 38%,#ffffff 50%,#d0aed1 62%,#5b3b69);
  box-shadow:0 0 0 1px rgba(0,0,0,.35), 0 2px 4px rgba(0,0,0,.45)}
body[data-background="jackpot"] .console .dial .hub{border:2px solid #f8cfe9;
  background:
    radial-gradient(circle at 36% 30%, rgba(255,255,255,.95) 0 1.6px, transparent 3.5px),
    conic-gradient(from 22.5deg, rgba(255,255,255,.55) 0 12.5%, transparent 0 25%, rgba(255,255,255,.55) 0 37.5%, transparent 0 50%,
      rgba(255,255,255,.55) 0 62.5%, transparent 0 75%, rgba(255,255,255,.55) 0 87.5%, transparent 0),
    radial-gradient(circle, #ffeaf7 0 30%, #f7d2ea 31% 36%, transparent 37%),
    conic-gradient(#ffffff 0 12.5%, #c980ae 0 25%, #ffe0f4 0 37.5%, #ad6291 0 50%, #ffffff 0 62.5%, #d691bc 0 75%, #ffe7f6 0 87.5%, #b86d9c 0);
  box-shadow:0 3px 8px rgba(0,0,0,.6), 0 0 14px rgba(255,171,224,.4), inset 0 0 0 1px rgba(0,0,0,.25)}
body[data-background="jackpot"] .console .dial .hub::after{content:''; position:absolute; left:50%; top:50%; width:34px; height:34px; margin:-17px 0 0 -17px;
  pointer-events:none; opacity:0;
  background:linear-gradient(90deg, transparent 47%, #ffffff 50%, transparent 53%), linear-gradient(0deg, transparent 47%, #ffffff 50%, transparent 53%);
  -webkit-mask:radial-gradient(circle, #000000 0 14%, transparent 66%); mask:radial-gradient(circle, #000000 0 14%, transparent 66%)}
body[data-background="jackpot"]:not(.lab-background-paused):not(.lab-background-still) .console .dial .hub::after{animation:jackpotGlint 7.5s ease-in-out 1.1s infinite}

body[data-background="jackpot"] .console .slot{background:linear-gradient(180deg,#050206,#0d0610 65%,#070408);
  box-shadow:inset 0 4px 12px rgba(0,0,0,.8), inset 0 -1px 0 rgba(255,255,255,.04), 0 0 0 1px #100813, 0 1px 0 rgba(248,228,241,.08)}
body[data-background="jackpot"] .console .slot:where(:not(.active):not(.dial-selected):not(.duplicate):not(.good):not(.reveal)){border-color:#4e305b}
body[data-background="jackpot"] .console .slot:where(:not(.duplicate):not(.good):not(.reveal)){color:#ffe4f5;
  text-shadow:0 0 14px rgba(255,152,217,.55), 0 0 36px rgba(255,152,217,.18)}
body[data-background="jackpot"] .console .slot::before{color:#ffb6e4}
body[data-background="jackpot"] .console .slot.active{border-color:#db77b6}
body[data-background="jackpot"] .console .slot.dial-selected{border-color:#ffc9eb;
  box-shadow:inset 0 4px 12px rgba(0,0,0,.8), inset 0 -1px 0 rgba(255,255,255,.04), 0 0 0 2px rgba(255,161,221,.14), 0 0 17px rgba(255,161,221,.2)}
body[data-background="jackpot"] .console .slot.active .caret{background:#ffdcf2; box-shadow:0 0 8px rgba(255,161,221,.8)}

body[data-background="jackpot"] .console .notes-toggle{color:#f3add9; border-color:#4e305b; background:rgba(14,6,17,.6)}
body[data-background="jackpot"] .console .notes-toggle:hover,body[data-background="jackpot"] .console .notes-wrap.open .notes-toggle{color:#f6e7f0; border-color:#935c95; background:rgba(23,11,28,.8)}
body[data-background="jackpot"] .console .tk:where(:not(.in):not(.out)){background:linear-gradient(180deg,#27162e,#180d1d); border-color:#492d55; color:#f3add9}
body[data-background="jackpot"] .console .tracker-hint{color:#ba89bc}
body[data-background="jackpot"] .console .tool-chip:where(:not(.arm):not(.passive)){border-color:#5b3a69; background:linear-gradient(180deg,#27162e,#180d1d); color:#f9c8e7}

body[data-background="jackpot"] .console .keypad{background:linear-gradient(180deg,#0f0712,#130917 60%,#0c060e); border-color:#36203f;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.7), inset 0 -1px 0 rgba(248,228,241,.05), 0 1px 0 rgba(248,228,241,.06)}
body[data-background="jackpot"] .console .key{background:linear-gradient(180deg,#060307,#0f0712 60%,#0b050d)}
body[data-background="jackpot"] .console .key:not(.enter) .kcap{
  background:
    radial-gradient(140% 110% at 50% -18%, rgba(248,228,241,.16), transparent 50%),
    radial-gradient(65% 48% at 50% 55%, rgba(0,0,0,.2), transparent 72%),
    linear-gradient(180deg,#3a2244,#23132a 52%,#180d1d);
  box-shadow:0 6px 0 -1px #0a050c, 0 7px 3px -1px rgba(0,0,0,.6), 0 9px 14px rgba(0,0,0,.5),
    inset 0 0 0 1px rgba(232,208,223,.16), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.5)}
body[data-background="jackpot"] .console .key:not(.enter):active .kcap,body[data-background="jackpot"] .console .key:not(.enter).pressed .kcap{
  box-shadow:0 0 0 -1px #0a050c, 0 1px 1px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4),
    inset 0 0 0 1px rgba(232,208,223,.12), inset 0 3px 7px rgba(0,0,0,.5)}
body[data-background="jackpot"] .console .key:where(:not(.enter):not(.alt)) .kd{color:#f6e7f0}
body[data-background="jackpot"] .console .key:where(:not(.enter)) .kl{color:#af7cb1}
body[data-background="jackpot"] .console .key:where(:not(.enter):not(.alt)):hover .kd{color:#ffcbec}
body[data-background="jackpot"] .console .key:where(:not(.enter):not(.alt)):is(:active,.pressed) .kd{color:#ffe5f6; text-shadow:0 0 14px rgba(255,152,217,.7), 0 0 4px rgba(255,152,217,.45)}
body[data-background="jackpot"] .console .key.enter .kcap{
  background:radial-gradient(140% 110% at 50% -18%, rgba(255,255,255,.8), transparent 52%), linear-gradient(180deg,#ffffff,#f7c7e5 45%,#b88bba);
  box-shadow:0 6px 0 -1px #5a3a68, 0 7px 3px -1px rgba(0,0,0,.55), 0 9px 16px rgba(255,161,221,.18),
    inset 0 1px 0 rgba(255,255,255,.9), inset 0 -2px 5px rgba(0,0,0,.18)}
body[data-background="jackpot"] .console .key.enter:is(:active,.pressed) .kcap{
  box-shadow:0 0 0 -1px #5a3a68, 0 1px 1px rgba(0,0,0,.45), 0 1px 4px rgba(255,161,221,.22),
    inset 0 1px 0 rgba(255,255,255,.6), inset 0 3px 7px rgba(0,0,0,.2)}
body[data-background="jackpot"] .console .key.enter .kd{color:#120817; text-shadow:0 1px 0 rgba(255,255,255,.6)}
body[data-background="jackpot"] .console .key.enter .kl{color:#4a2d56}

body[data-background="jackpot"] .console .plate{color:#c79ec8; text-shadow:0 1px 0 rgba(0,0,0,.85), 0 -1px 0 rgba(255,255,255,.07)}
body[data-background="jackpot"] .console .plate::after{content:'Édition Néon'; display:block; margin-top:7px; font-size:8px; letter-spacing:4px;
  color:#eedce8; text-shadow:0 0 8px rgba(255,161,221,.35), 0 1px 0 rgba(0,0,0,.8)}

@media (prefers-reduced-motion:reduce){
  body[data-background="jackpot"] .console::before,body[data-background="jackpot"] .console .rivet::after,
  body[data-background="jackpot"] .console .dial .hub::after{animation:none!important; opacity:0}
}

/* ---- neon: the hand-tuned details on top of the derived theme ---- */
/* readable lavender text; pink stays for accents */
body[data-background="jackpot"]{--ink:#f6eefb; --dim:#b9a7c6; --faint:#80698f; --glow:rgba(255,63,180,.2)}

/* the wordmark is a neon sign that switches on once */
body[data-background="jackpot"] .brand h1{background-image:linear-gradient(180deg,#fff 10%,#ffd1ee 45%,#ff7ad0 80%,#ff3fb4);
  filter:drop-shadow(0 0 5px rgba(255,63,180,.85)) drop-shadow(0 0 16px rgba(255,63,180,.45))}
body[data-background="jackpot"]:not(.lab-background-still) .brand h1{animation:jackpot-sign-on 1.2s steps(1,end) .3s both}
@keyframes jackpot-sign-on{0%{opacity:.2}20%{opacity:1}30%{opacity:.45}45%,100%{opacity:1}}
body[data-background="jackpot"] .brand h1::after{background-image:linear-gradient(105deg,transparent 42%,rgba(255,236,250,.95) 50%,transparent 58%)}
body[data-background="jackpot"] .brand-mark{filter:hue-rotate(275deg) saturate(1.5) brightness(1.08) drop-shadow(0 0 7px rgba(255,63,180,.55))}
body[data-background="jackpot"] .brand .sub{color:#c9a3d6}

/* lit pink glass for the main action and everything that marks a choice */
body[data-background="jackpot"] .btn.primary{color:#2a0620; border-color:#ff9ad8;
  background:linear-gradient(180deg,#ffd1ee,#ff6fcb 46%,#e2309e);
  box-shadow:0 4px 0 #7a1356, 0 8px 22px rgba(255,63,180,.35), inset 0 1px 0 rgba(255,255,255,.75)}
body[data-background="jackpot"] .btn.primary:active{box-shadow:0 1px 0 #7a1356, inset 0 2px 5px rgba(0,0,0,.2)}
body[data-background="jackpot"] :is(.lvl-badge,.acc-tabs button.on,.lb-page.on,.hstep .hs-n,.acc-ava,.lb-ava){color:#2a0620;
  background:linear-gradient(180deg,#ffd1ee,#ff6fcb 50%,#e2309e)}
body[data-background="jackpot"] .lb-tabs>button.on{background:transparent}
body[data-background="jackpot"] .lb-tabs::before{background:linear-gradient(180deg,#ffd1ee,#ff6fcb 50%,#e2309e)}
body[data-background="jackpot"] .sh-subtabs{--sh-highlight:linear-gradient(180deg,#ffd1ee,#ff6fcb 46%,#e2309e); --sh-highlight-border:#ff9ad8; --sh-highlight-text:#2a0620}
@media (max-width:650px),(hover:none),(pointer:coarse){
  body[data-background="jackpot"] .sh-subtab[aria-selected="true"]{color:#2a0620; border-color:#ff9ad8; background:linear-gradient(180deg,#ffd1ee,#ff6fcb 46%,#e2309e)}
}
body[data-background="jackpot"] #mPlayer :is(.profile-level-badge,.profile-avatar){color:#2a0620; background:linear-gradient(160deg,#ffd1ee,#ff6fcb 55%,#e2309e)}
body[data-background="jackpot"] :is(.dist-row:not(.fail) .bar:not(.zero),#mPlayer .profile-dist-row:not(.is-fail) .profile-dist-fill:not(.is-zero)){color:#2a0620; background:linear-gradient(90deg,#a3237a,#ff6fcb 70%,#ffd1ee)}
body[data-background="jackpot"] :is(.lvl-bar i,.ach-progress-track i,#mPlayer .profile-level-track i,#mPlayer .profile-medal-progress i){background:linear-gradient(90deg,#a3237a,#ff6fcb)}

/* digits glow cyan like casino LEDs; pink frames them */
body[data-background="jackpot"] .dchip{color:#dffcff; text-shadow:0 0 10px rgba(62,230,255,.5)}
body[data-background="jackpot"] .console .slot:where(:not(.duplicate):not(.good):not(.reveal)){color:#c9fbff; text-shadow:0 0 10px rgba(62,230,255,.85), 0 0 26px rgba(62,230,255,.35)}
body[data-background="jackpot"] .console .slot::before{color:#7be9ff}
body[data-background="jackpot"] .console .slot.active{border-color:#3ee6ff}
body[data-background="jackpot"] .console .slot.active .caret{background:#c9fbff; box-shadow:0 0 8px rgba(62,230,255,.9)}
body[data-background="jackpot"] :is(.stat-cell .v,.time-line b,.ap-count b,.res-next b){color:#ffd1ee; text-shadow:0 0 12px rgba(255,63,180,.35)}

/* the safe door hangs in a ring of pink neon with a thin cyan halo, like the vault in the room */
body[data-background="jackpot"] .console{--doorframe:0 0 0 1px #050207, 0 0 0 3px #ff4fbd, 0 0 16px 2px rgba(255,63,180,.55), 0 0 0 7px #120a16, 0 0 0 8px rgba(62,230,255,.45), 0 0 22px 6px rgba(62,230,255,.12)}

/* the ENTER key is the brightest tube on the keypad */
body[data-background="jackpot"] .console .key.enter .kcap{
  background:radial-gradient(140% 110% at 50% -18%, rgba(255,255,255,.7), transparent 52%), linear-gradient(180deg,#ffd1ee,#ff6fcb 45%,#e2309e);
  box-shadow:0 6px 0 -1px #7a1356, 0 7px 3px -1px rgba(0,0,0,.55), 0 9px 18px rgba(255,63,180,.38),
    inset 0 1px 0 rgba(255,255,255,.85), inset 0 -2px 5px rgba(0,0,0,.18)}
body[data-background="jackpot"] .console .key.enter:is(:active,.pressed) .kcap{
  box-shadow:0 0 0 -1px #7a1356, 0 1px 1px rgba(0,0,0,.45), 0 1px 6px rgba(255,63,180,.45),
    inset 0 1px 0 rgba(255,255,255,.6), inset 0 3px 7px rgba(0,0,0,.2)}
body[data-background="jackpot"] .console .key.enter .kd{color:#2a0620; text-shadow:0 1px 0 rgba(255,255,255,.5)}
body[data-background="jackpot"] .console .key.enter .kl{color:#5c1446}

/* the phone's input bar: cyan digits and the same lit pink CRACK key */
body[data-background="jackpot"] .lab-mobile-code button{color:#dffcff; text-shadow:0 0 8px rgba(62,230,255,.5)}
body[data-background="jackpot"] .lab-mobile-code button.current{border-color:#3ee6ff; box-shadow:inset 0 2px 7px #000b, 0 0 9px rgba(62,230,255,.35)}
body[data-background="jackpot"] .lab-mobile-actions .submit{color:#2a0620; border-color:#ff9ad8;
  background:linear-gradient(180deg,#ffd1ee,#ff6fcb 60%,#e2309e); box-shadow:0 3px 0 #7a1356, 0 0 14px rgba(255,63,180,.35), inset 0 1px 0 rgba(255,255,255,.7)}

/* a crack spins each digit window like a slot machine reel (spinJackpotReels), with a reel window's fade */
body[data-background="jackpot"] .console .slot.spinning{color:transparent; text-shadow:none; animation:none}
body[data-background="jackpot"] .console .slot .reel{position:absolute; inset:0; overflow:hidden; border-radius:inherit; pointer-events:none;
  -webkit-mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent); mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent)}
body[data-background="jackpot"] .console .slot .reel-strip{display:flex; flex-direction:column; will-change:transform}
body[data-background="jackpot"] .console .slot .reel-strip>span{display:flex; align-items:center; justify-content:center; flex:none; height:var(--reel-row);
  color:#c9fbff; text-shadow:0 0 10px rgba(62,230,255,.85), 0 0 26px rgba(62,230,255,.35)}