/* Layered artwork from the approved 28 September browser reference. */
.hub-scenes .hs-card{position:relative;isolation:isolate;height:170px;border:1px solid #ffffff60;border-radius:21px;overflow:hidden;box-shadow:inset 0 1px 1px #fff5,0 6px 15px #0003;text-align:left;padding:0;display:block;width:100%}
.hub-scenes .hs-card:focus-visible{outline:3px solid white;outline-offset:3px}
.hub-scenes .hs-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(122deg,transparent 43%,#ffffff0b 43.2%,#ffffff14 66%,transparent 66.2%);z-index:-1}
.hub-scenes .hs-title{position:absolute;left:15px;bottom:22px;font-weight:850;font-size:20px;line-height:26px}
.hub-scenes .hs-sub{position:absolute;left:15px;bottom:8px;font-size:10px;line-height:14px;white-space:nowrap}
.hub-scenes .hs-upgrade{grid-column:span 2;height:128px;background:linear-gradient(115deg,#006b43,#079a55 48%,#91e921);border-color:#a4ff61;box-shadow:0 0 17px #20d66219,inset 0 1px 1px #fff6}
.hub-scenes .hs-upgrade .hs-title{left:16px;top:27px;font-size:23px}
.hub-scenes .hs-upgrade .hs-sub{left:16px;top:74px}
.hub-scenes .hs-upgrade-stage{position:absolute;width:160px;height:124px;right:1px;top:-6px}
.hub-scenes .hs-aura{position:absolute;inset:7px 6px;border-radius:50%;background:radial-gradient(ellipse,#e2ffae99,transparent 68%)}
.hub-scenes .hs-ring{border-radius:50%;position:absolute;width:100px;height:100px;left:53px;top:10px;border:7px solid #b6ff6c55;border-top-color:#e4ffb3;border-right-color:#d7ffa8;transform:rotate(20deg);box-shadow:0 0 15px #c7ff6944,inset 0 0 12px #efffc222}
.hub-scenes .hs-upgrade-target{position:absolute;width:82px;height:82px;object-fit:contain;left:65px;top:16px;filter:drop-shadow(0 10px 5px #02593355)}
.hub-scenes .hs-upgrade-source{position:absolute;width:46px;height:46px;object-fit:contain;left:4px;top:68px;filter:drop-shadow(0 6px 5px #00472955)}
.hub-scenes .hs-up-arrow{position:absolute;left:39px;top:44px;font-size:26px;font-weight:900;color:#f1ffd7;text-shadow:0 2px 6px #1e7740;transform:rotate(-25deg)}
.hub-scenes .hs-spark{position:absolute;left:122px;top:13px;color:#ffffd8;font-size:21px}
.hub-scenes .hs-mines{background:linear-gradient(126deg,#0060c8,#058aee 48%,#11beed)}
.hub-scenes .hs-mines img{position:absolute;width:128px;height:112px;object-fit:contain;left:20px;top:9px;filter:drop-shadow(0 7px 6px #00429455)}
.hub-scenes .hs-mines .hs-shade{background:linear-gradient(transparent,#0051a9);position:absolute;inset:95px 0 0;opacity:.65}
.hub-scenes .hs-plinko{background:linear-gradient(120deg,#7020db,#9f2dea 50%,#e14bcd)}
.hub-scenes .hs-peg-stage{position:absolute;left:16px;right:16px;top:21px;height:96px}
.hub-scenes .hs-peg{position:absolute;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:radial-gradient(circle at 35% 20%,white,#edcbff 66%,#ac64e7);box-shadow:0 2px 3px #3909644d}
.hub-scenes .hs-ball{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fffad8,#ffe68a 45%,#ffaa26);box-shadow:0 0 10px #fff5a785,0 2px 4px #7c3991;left:0;top:0;margin:-5.5px}
.hub-scenes .hs-plinko .hs-catch{position:absolute;height:6px;left:12px;right:12px;bottom:0;border-radius:100%;background:linear-gradient(90deg,transparent,#f8baff88,transparent)}
.hub-scenes .hs-craft{background:linear-gradient(120deg,#bb2158,#e74646 52%,#ff862e)}
.hub-scenes .hs-craft-stage{position:absolute;inset:18px 8px auto;height:96px;display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:3px}
.hub-scenes .hs-craft-stage img{width:100%;height:80px;object-fit:contain;filter:drop-shadow(0 7px 5px #651b4655)}
.hub-scenes .hs-plus{font-size:28px;line-height:1;text-align:center;font-weight:800;align-self:center;color:#ffe4cc;z-index:1}
.hub-scenes .hs-craft .hs-shade{position:absolute;inset:102px 0 0;background:linear-gradient(transparent,#ae174799)}
.hub-scenes .hs-dice{background:linear-gradient(125deg,#3540d8,#565aee 50%,#9f8aff)}
.hub-scenes .hs-dice-stage{position:absolute;top:8px;height:115px;width:100%;perspective:440px}
.hub-scenes .hs-cube-position{position:absolute;width:56px;height:56px;left:calc(50% - 28px);top:28px;transform-style:preserve-3d}
.hub-scenes .hs-cube{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(-34deg) rotateZ(7deg)}
.hub-scenes .hs-face{position:absolute;inset:0;border-radius:7px;background:linear-gradient(145deg,#c4abff 0%,#6a32ce 15%,#241361 65%,#7533c5);border:1px solid #d9b4ff;box-shadow:inset 0 0 0 2px #56279c,inset 3px 3px 5px #efd8ff88,inset -4px -4px 6px #090627aa;backface-visibility:hidden;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:9px;gap:3px}
.hub-scenes .hs-face:after{content:'';position:absolute;inset:3px;border-radius:4px;background:linear-gradient(135deg,#fff8,transparent 24%,transparent 70%,#ffffff14);pointer-events:none}
.hub-scenes .hs-face.hs-front{transform:translateZ(28px)}
.hub-scenes .hs-face.hs-back{transform:rotateY(180deg) translateZ(28px)}
.hub-scenes .hs-face.hs-right{transform:rotateY(90deg) translateZ(28px)}
.hub-scenes .hs-face.hs-left{transform:rotateY(-90deg) translateZ(28px)}
.hub-scenes .hs-face.hs-top{transform:rotateX(90deg) translateZ(28px)}
.hub-scenes .hs-face.hs-bottom{transform:rotateX(-90deg) translateZ(28px)}
.hub-scenes .hs-pip{width:9px;height:9px;place-self:center;border-radius:50%;background:radial-gradient(circle at 36% 24%,white,#fff0c4 50%,#e9b65a);box-shadow:0 -1px 2px #0a002f,0 1px 1px #f9d4ff;z-index:1}
.hub-scenes .hs-cube-shadow{position:absolute;left:calc(50% - 42px);top:99px;width:84px;height:13px;background:radial-gradient(ellipse,#28107070,transparent 68%);filter:blur(2px)}
.hub-scenes .hs-face{display:block;background:linear-gradient(145deg,#fff 0%,#fff 45%,#deedff 85%,#b2d1f5);border:1px solid #f8fcff;box-shadow:inset 0 0 0 2px #d7e8fa,inset 3px 3px 5px #fff,inset -3px -3px 5px #90b9df80}
.hub-scenes .hs-face:after{background:linear-gradient(135deg,#fff7,transparent 24%,transparent 75%,#bedaff33)}
.hub-scenes .hs-face img{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain;filter:drop-shadow(0 1px 1px #769cb94d)}
.hub-scenes .hs-peg-stage{border:1px solid #efc2ff66;border-radius:22px 22px 10px 10px;background:linear-gradient(120deg,#ae4ade66,#bb72f122);box-shadow:inset 0 2px 2px #ffdfff44,0 4px 0 #8a29c177,0 6px 8px #542e991f}
.hub-scenes .hs-peg{width:10px;height:10px;margin:-5px;background:radial-gradient(circle at 30% 22%,#fff,#f5dcff 30%,#c1a0ed 68%,#7a52ba);box-shadow:inset 0 -1px 1px #6a4587,0 3px 3px #48177566}
.hub-scenes .hs-cups{position:absolute;left:8px;right:8px;bottom:-4px;display:flex;gap:3px}
.hub-scenes .hs-cups i{height:12px;flex:1;border-radius:2px 2px 5px 5px;border:1px solid #efbaff;background:linear-gradient(#742ab6,#c261e0);box-shadow:inset 0 2px 2px #54207d88,0 2px 1px #f0b6ff44}
.hub-scenes .hs-mines-stage{position:absolute;width:112px;height:112px;top:3px;left:calc(50% - 56px);perspective:420px}
.hub-scenes .hs-tile-board{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;transform:rotateX(31deg) rotateZ(-8deg);transform-style:preserve-3d}
.hub-scenes .hs-mine-tile{position:relative;border-radius:6px;background:radial-gradient(ellipse,#56efbc,#077bca);box-shadow:0 4px 0 #006cb7,0 6px 5px #00379455;transform-style:preserve-3d}
.hub-scenes .hs-mines .hs-tile-gift{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);object-fit:contain;filter:drop-shadow(0 1px 2px #fff6)}
.hub-scenes .hs-tile-lid{position:absolute;inset:0;border-radius:6px;background:linear-gradient(135deg,#d7faff,#74daff 25%,#22a8ec 72%,#087dcb);border:1px solid #b5efff;box-shadow:inset 2px 2px 2px #fff9,inset -2px -2px 3px #007abb88;transform-origin:50% 0;backface-visibility:hidden}
.hub-scenes .hs-tile-lid:after{content:'';position:absolute;inset:5px;border:1px solid #e4fbff66;border-radius:2px;background:linear-gradient(145deg,#e5ffff22,transparent)}
.hub-scenes .hs-dice:before{content:'';position:absolute;width:110px;height:110px;border:12px solid #d7eaff0a;border-radius:24px;transform:rotate(-20deg);right:-31px;top:-22px}
.hub-scenes .hs-mines{background:#078ce9 url(/assets/hub-current/MinesCleanOpaqueBackground.webp) center/cover}
.hub-scenes .hs-plinko{background:#9238e9 url(/assets/hub-current/PlinkoCleanOpaqueBackground.webp) center/cover}
.hub-scenes .hs-dice{background:#376bff url(/assets/hub-current/DiceCleanOpaqueBackground.webp) center/cover}
.hub-scenes .hs-card:after,.hub-scenes .hs-dice:before,.hub-scenes .hs-shade{display:none}
.hub-scenes .hs-upgrade{background:linear-gradient(110deg,#1fab38,#45d945 60%,#9cf05b)}
.hub-scenes .hs-craft{background:linear-gradient(120deg,#ff3948,#ff6740 65%,#ffad4a)}
.hub-scenes .hs-upgrade:before{content:'';position:absolute;right:-24px;top:-80px;width:230px;height:230px;border:28px solid #d6ffaf26;border-radius:50%}
.hub-scenes .hs-craft:before{content:'';position:absolute;right:-22px;top:-28px;width:114px;height:114px;border-radius:27px;border:14px solid #ffe6b51a;transform:rotate(-20deg)}
.hub-scenes .hs-craft-stage{left:5px;right:5px;grid-template-columns:1fr 30px 1fr;gap:6px}
.hub-scenes .hs-craft-stage img{height:72px;width:calc(100% - 6px);justify-self:center}
.hub-scenes .hs-merge-flare{position:absolute;left:calc(50% - 24px);top:46px;width:48px;height:48px;background:radial-gradient(circle,#fffadccc,#fff9a755 35%,transparent 70%);opacity:0;pointer-events:none}
.hub-scenes .hs-upgrade .hs-title{top:27px}
.hub-scenes .hs-card[hidden]{display:none}
.hub-scenes .hs-sub{font-size:10px}
.hub-scenes .hs-mine-tile .hs-tile-gift{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:linear-gradient(135deg,#e2ffe0,#15e5b0 40%,#007e68);clip-path:polygon(50% 0,100% 38%,82% 100%,20% 100%,0 40%)}
.hub-scenes .hs-mine-tile .hs-tile-gift:after{content:'';position:absolute;inset:0;background:linear-gradient(65deg,transparent 48%,#c7ffca 49%,transparent 53%);clip-path:polygon(50% 0,100% 38%,82% 100%,20% 100%,0 40%)}
.hub-scenes .hs-mine-tile .hs-tile-gift{inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:url(/assets/hub-final/mines-gold-nugget.svg) center/contain no-repeat;clip-path:none}
.hub-scenes .hs-mine-tile .hs-tile-gift:after{display:none}
.hub-scenes .hs-mine-tile{background:radial-gradient(ellipse at 45% 25%,#ed9261,#94375e 80%)}
.hub-scenes .hs-mines{background:#a76638 url(/assets/hub-final/mines-earth-background.svg) center/cover;border-color:#deb878;box-shadow:inset 0 1px 1px #fff6,0 6px 15px #0003}
.hub-scenes .hs-mine-tile{background:url(/assets/hub-final/mines-earth-open.svg) center/100% 100% no-repeat;box-shadow:none;border-radius:4px}
.hub-scenes .hs-tile-lid{background:url(/assets/hub-final/mines-earth-closed.svg) center/100% 100% no-repeat;border:0;box-shadow:none;border-radius:4px}
.hub-scenes .hs-tile-lid:after{display:none}
.hub-scenes .hs-mines-stage{top:10px}
.hub-scenes .hs-mines .hs-title,.hub-scenes .hs-mines .hs-sub{text-shadow:0 1px 2px #63321f80}
.hub-scenes .hs-mine-tile .hs-tile-gift{background-image:url(/assets/hub-final/mines-gold-nugget.svg)}
.hub-scenes .hs-tile-vfx{position:absolute;inset:0;pointer-events:none;transform:translateZ(2px)}
.hub-scenes .hs-tile-vfx i{position:absolute;left:50%;top:40%;width:5px;height:4px;background:#ce8d4e;border-radius:1px;opacity:0}
.hub-scenes .hs-tile-vfx i:nth-child(3n){background:#e4bb83}
.hub-scenes .hs-tile-shine{position:absolute;inset:1px;background:url(/assets/hub-final/mines-nugget-glint.svg) center/contain no-repeat;pointer-events:none;opacity:0;z-index:5}
.hub-scenes .hs-tile-board{transform-style:flat}
.hub-scenes .hs-mine-tile{transform-style:flat;isolation:isolate}
.hub-scenes .hs-mine-tile .hs-tile-gift{opacity:0;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);z-index:1;filter:none}
.hub-scenes .hs-tile-lid{z-index:3;transform-origin:50% 65%}
.hub-scenes .hs-tile-cracks,.hub-scenes .hs-tile-fragments{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}
.hub-scenes .hs-tile-cracks path{fill:none;stroke:#653a30;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;filter:drop-shadow(.4px .5px 0 #ffdf9e)}
.hub-scenes .hs-tile-fragments{z-index:7}
.hub-scenes .hs-tile-shard{position:absolute;inset:0;opacity:0;background:linear-gradient(135deg,#d7faff,#22a8ec);border-radius:4px}
.hub-scenes .hs-tile-shard{background:url(/assets/hub-final/mines-earth-closed.svg) center/100% 100%}
.hub-scenes .hs-tile-vfx{z-index:8;transform:none}
.hub-scenes .hs-tile-vfx .hs-tile-debris{width:3px;height:3px}
.hub-scenes .hs-tile-dust{position:absolute;left:50%;top:44%;width:25px;height:18px;margin:-9px -12px;border-radius:50%;background:radial-gradient(ellipse,#edba96bb,transparent 72%);opacity:0}
.hub-scenes .hs-peg-stage{left:calc(50% - 61px);right:auto;top:11px;width:122px;height:104px;border-radius:20px 20px 9px 9px}
.hub-scenes .hs-peg{width:8px;height:8px;margin:-4px}
.hub-scenes .hs-ball{width:7px;height:7px;margin:-3.5px;z-index:2;box-shadow:0 0 5px #fff5a760,0 1px 2px #7c3991}
.hub-scenes .hs-cups{left:12px;right:auto;width:96px;bottom:3px;height:13px;display:grid;grid-template-columns:repeat(4,24px);gap:0;z-index:3}
.hub-scenes .hs-cups i{height:13px;width:21px;margin:0 1.5px;min-width:0;border-radius:1px 1px 5px 5px;flex:none}
.hub-scenes .hs-plinko .hs-catch{display:none}
.hub-scenes .hs-ring{border:0;background:conic-gradient(from -90deg,#f4ffd3 0deg,#d4ff9d33 0);mask:radial-gradient(circle,transparent 60%,#000 61%);box-shadow:none}
.hub-scenes .hs-upgrade-source{z-index:4;transform-origin:center}
.hub-scenes .hs-upgrade-target{z-index:2}
.hub-scenes .hs-up-arrow{z-index:3}
.hub-scenes .hs-upgrade-flash{position:absolute;left:58px;top:9px;width:98px;height:98px;border-radius:50%;background:radial-gradient(circle,#ffffe7,#fff6a6bb 25%,#eaff9255 48%,transparent 70%);opacity:0;z-index:5;pointer-events:none}
.hub-scenes .hs-upgrade-burst{position:absolute;left:107px;top:57px;z-index:6;pointer-events:none}
.hub-scenes .hs-upgrade-burst i{position:absolute;left:-5px;top:-7px;font-size:15px;line-height:15px;color:#fffbc1;text-shadow:0 0 5px #fff5b4;font-style:normal;opacity:0}
.hub-scenes .hs-spark{z-index:7}
.hub-scenes .hs-up-arrow{left:91px;top:48px;width:24px;height:24px;font-size:26px;line-height:24px;text-align:center;transform-origin:center;pointer-events:none}
.hub-scenes .hs-upgrade-source.hs-source-cap{left:3px;top:72px;width:34px;height:34px}
.hub-scenes .hs-upgrade-source.hs-source-frog{left:1px;top:34px;width:30px;height:30px}
.hub-scenes .hs-upgrade-source.hs-source-bag{left:36px;top:90px;width:31px;height:31px}
.hub-scenes .hs-craft-fusion-stage{position:absolute;width:160px;height:124px;left:calc(50% - 62.4px);top:18px;transform:scale(.78);transform-origin:top left;pointer-events:none}
.hub-scenes .hs-craft-fusion-stage .hs-ring{background:#ffd9a633}
.hub-scenes .hs-craft-fusion-stage .hs-aura{background:radial-gradient(ellipse,#ffe2a799,transparent 68%)}
.hub-scenes .hs-craft-fusion-stage .hs-upgrade-flash{background:radial-gradient(circle,#fffbe7,#ffd58cbb 25%,#ffb15255 48%,transparent 70%)}
.hub-scenes .hs-upgrade-stage .hs-upgrade-input,.hub-scenes .hs-upgrade-stage .hs-upgrade-target{position:absolute;left:65px;top:22px;width:76px;height:76px;object-fit:contain;z-index:2;filter:drop-shadow(0 6px 4px #154f2855)}
.hub-scenes .hs-upgrade-arrows{position:absolute;inset:0;z-index:4;pointer-events:none}
.hub-scenes .hs-upgrade-arrows i{position:absolute;left:0;top:0;width:16px;height:24px;opacity:0;filter:drop-shadow(0 1px 2px #126e3d55)}
.hub-scenes .hs-upgrade-arrows svg{display:block;width:100%;height:100%}
.hub-scenes .hs-upgrade-stage{width:180px;right:0}
.hub-scenes .hs-upgrade-stage .hs-upgrade-input,.hub-scenes .hs-upgrade-stage .hs-upgrade-target{left:31px;top:3px;width:118px;height:118px}
.hub-scenes .hs-upgrade-stage .hs-upgrade-flash{left:41px;top:12px}
.hub-scenes .hs-upgrade-stage .hs-upgrade-input{left:51px;top:23px;width:78px;height:78px}
.hub-scenes .hs-upgrade-stage .hs-upgrade-target{left:41px;top:13px;width:98px;height:98px}
.hub-scenes .hs-upgrade .hs-sub{top:65px;bottom:auto;max-width:180px;white-space:normal;font-size:12px;line-height:17px}
.hub-scenes{gap:14px 12px}
.hub-scenes .hs-card{height:170px;color:#fff;transition:transform .2s,filter .2s,box-shadow .2s,border-color .2s}
.hub-scenes .hs-card.hs-upgrade{height:128px;grid-column:span 2}
.hub-scenes .hs-card>div{position:absolute;pointer-events:none}
.hub-scenes img{animation:none;max-width:none;object-fit:contain}
.hub-scenes .hs-sub{white-space:normal;right:8px;font-size:clamp(8px,2.55vw,10px);line-height:14px}
.hub-scenes .hs-upgrade .hs-sub{right:168px;font-size:12px;line-height:17px;max-width:none}
.hub-scenes .hs-title{margin:0}
.hub-scenes .hs-card.is-engaged{border-color:#fff;filter:brightness(1.08);box-shadow:inset 0 0 0 1px #ffffffb3,0 0 0 2px #bacbff60,0 8px 20px #0003}
:where(html:not([data-motion="reduced"])) .hub-scenes .hs-card.is-engaged{transform:scale(1.012)}
:where(html[data-motion="reduced"]) .hub-scenes .hs-card{transition:none}
@media(max-width:375px){.hub-scenes .hs-upgrade .hs-title{font-size:21px}.hub-scenes .hs-upgrade .hs-sub{right:152px}.hub-scenes .hs-upgrade-stage{right:-9px;transform:scale(.9);transform-origin:right center}}

.hub-scenes .hs-still .hub-dice-backdrop{animation:none}
/* Reset legacy banner diagonals before drawing the reference's soft silhouettes. */
.hub-scenes .hs-card:before{content:none;background:none;inset:auto}
.hub-scenes .hs-card.hs-upgrade:before{content:'';top:-80px;right:-24px}
.hub-scenes .hs-card.hs-craft:before{content:'';top:-28px;right:-22px}

/* Quiet background drift shares the scene scheduler, including hover and pauses. */
.hub-scenes .hs-ambient{position:absolute;inset:-8px;z-index:-1;pointer-events:none;background:inherit;transform-origin:center}
.hub-scenes .hs-ambient-shape{position:absolute;pointer-events:none}
.hub-scenes .hs-upgrade .hs-ambient-shape{right:-16px;top:-72px;width:230px;height:230px;border:28px solid #d6ffaf26;border-radius:50%}
.hub-scenes .hs-craft .hs-ambient-shape{right:-14px;top:-20px;width:114px;height:114px;border:14px solid #ffe6b51a;border-radius:27px;transform:rotate(-20deg)}
.hub-scenes .hs-card.hs-upgrade:before,.hub-scenes .hs-card.hs-craft:before{content:none}
.hub-scenes .hub-dice-backdrop{animation:none}