.l7-bar{z-index:25;color:var(--color-foreground);background:#0f1017;position:relative}.l7-bar-row{text-transform:uppercase;letter-spacing:.04em;text-align:center;justify-content:center;align-items:center;gap:10px;min-height:40px;padding:7px 16px 9px;font-size:13.5px;font-weight:600;line-height:1.3;display:flex}.l7-bar-strip{height:2px;position:absolute;inset:auto 0 0}.l7-bar strong{font-weight:800}.l7-bar-count{color:#ffe600;white-space:nowrap;border:1px solid #ffe60073;border:1px solid lab(91.2236% -4.23238 89.0461/.45);border-radius:4px;flex:none;padding:1px 7px;font-size:12px;font-weight:600}.l7-bar-how{text-transform:inherit;letter-spacing:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-underline-offset:3px;white-space:nowrap;cursor:pointer;flex:none;font-weight:700}.l7-bar-how:hover{text-decoration-color:currentColor}@media (max-width:639px){.l7-bar-row{letter-spacing:.02em;gap:8px;font-size:12px}.l7-bar-count{display:none}}.l7-bar-roll{min-width:0;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer}.l7-bar-info{border:1px solid color-mix(in oklab, currentColor 45%, transparent);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;line-height:1;display:grid}@media (max-width:359px){.l7-bar-row{letter-spacing:0;font-size:11px}}.l7-mark{flex:none;display:block}.l7-note{border-bottom:1px solid var(--color-hairline);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.l7-note img{object-fit:cover;border-radius:12px;flex:none;width:72px;height:72px}.l7-note-by{font-size:var(--fs-chip);color:var(--color-foreground-70,var(--color-foreground));margin-top:6px;display:block}.l7-prizes{border:1px solid color-mix(in oklab, #ffe600 30%, var(--color-hairline));background:radial-gradient(120% 140% at 0% 0%, #ffe60017, transparent 55%), color-mix(in oklab, var(--color-foreground) 3%, transparent);border-radius:12px;margin-top:14px;padding:14px;position:relative}@supports (color:lab(0% 0 0)){.l7-prizes{background:radial-gradient(120% 140% at 0% 0%, lab(91.2236% -4.23238 89.0461/.09), transparent 55%), color-mix(in oklab, var(--color-foreground) 3%, transparent)}}.l7-prizes-head{font-size:var(--fs-ui,16px);color:var(--color-foreground);justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex}.l7-prizes-head span:last-child{font-size:var(--fs-chip);white-space:nowrap;font-weight:500}.l7-prize-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.l7-prize{background:color-mix(in oklab, var(--color-foreground) 4%, transparent);text-align:center;color:var(--color-foreground);border-radius:9px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 9px;font-size:13px;line-height:1.25;display:flex}.l7-prize-dots{border:1px solid var(--color-hairline);border-radius:6px;place-items:center;min-width:30px;height:30px;padding-inline:5px;font-size:13px;font-weight:800;display:grid}@media (max-width:420px){.l7-prize-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.l7-prize strong{font-weight:700}.l7-prize[data-tone=gold]{box-shadow:inset 0 0 0 1px #ffe60073;box-shadow:inset 0 0 0 1px lab(91.2236% -4.23238 89.0461/.45)}.l7-how-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.l7-how-list li{align-items:flex-start;gap:12px;display:flex}.l7-scene{--w:104px;--h:116px;--R:calc(var(--w) * .8507);--a:calc(var(--w) * .6882);perspective:900px;perspective-origin:50% 40%;width:260px;height:250px;margin-inline:auto;position:relative}.l7-hopper{transform-style:preserve-3d;position:absolute;inset:0}.l7-scene[data-state=idle] .l7-hopper{animation:3.2s ease-in-out infinite l7-bob}.l7-scene[data-state=rolling] .l7-hopper{animation:l7-hop var(--roll-ms,2.6s) cubic-bezier(.3, .6, .4, 1) both}.l7-die{width:0;height:0;transform-style:preserve-3d;transition:transform var(--roll-ms,2.6s) cubic-bezier(.12, .72, .14, 1);position:absolute;top:46%;left:50%}.l7-face{backface-visibility:hidden;font-family:var(--font-heading,inherit);place-items:center;font-weight:800;line-height:1;display:grid;position:absolute}.l7-side{left:calc(var(--w) / -2);top:calc(var(--h) / -2);width:var(--w);height:var(--h);color:#f5f5f7;background:radial-gradient(120% 90% at 30% 15%,#ffffff24,#0000 60%),linear-gradient(#2a2d3b,#15161f);border:1.5px solid #ffffff3d;font-size:50px;box-shadow:inset 0 0 18px #00000073}.l7-side:nth-child(2n){background:radial-gradient(120% 90% at 30% 15%,#ffffff1a,#0000 60%),linear-gradient(#252836,#121319)}.l7-side.l7-bronze{color:#1b0f06;background:radial-gradient(120% 90% at 30% 15%,#ffecd68c,#0000 60%),linear-gradient(160deg,#f2b98c,#c47a3f 50%,#87491f);border-color:#ffd6aa80;box-shadow:inset 0 0 18px #50240859}.l7-cap{left:calc(var(--R) * -1);top:calc(var(--R) * -1);width:calc(var(--R) * 2);height:calc(var(--R) * 2);clip-path:var(--pent);background:#ffffff47}.l7-cap:before{content:"";clip-path:var(--pent);background:var(--cap-fill);position:absolute;inset:0;transform:scale(.95)}.l7-cap>span{position:relative}.l7-top{--pent:polygon(50% 0%, 97.55% 34.55%, 79.39% 90.45%, 20.61% 90.45%, 2.45% 34.55%);--cap-fill:radial-gradient(90% 80% at 35% 25%, #fffbd1, transparent 55%), linear-gradient(140deg, #fff38a, #ffe600 45%, #e2a900);transform:rotateX(90deg) translateZ(calc(var(--h) / 2));color:#0b0c12;font-size:66px}.l7-top>span{transform:translateY(4%)}.l7-bottom{--pent:polygon(50% 100%, 97.55% 65.45%, 79.39% 9.55%, 20.61% 9.55%, 2.45% 65.45%);--cap-fill:radial-gradient(90% 80% at 35% 25%, #ffffff59, transparent 55%), linear-gradient(140deg, #d9dbe3, #9ea2b3 50%, #6d7183);transform:rotateX(-90deg) translateZ(calc(var(--h) / 2));color:#0b0c12;font-size:54px}.l7-bottom>span{transform:translateY(-4%)}.l7-shadow{background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;width:150px;height:22px;margin-left:-75px;position:absolute;bottom:18px;left:50%}.l7-scene[data-state=idle] .l7-shadow{animation:3.2s ease-in-out infinite l7-shadow-bob}.l7-scene[data-state=rolling] .l7-shadow{animation:l7-shadow-hop var(--roll-ms,2.6s) cubic-bezier(.3, .6, .4, 1) both}.l7-scene[data-won=true] .l7-shadow{background:radial-gradient(closest-side,#ffe60080,#0000)}@keyframes l7-bob{50%{transform:translateY(-8px)}}@keyframes l7-shadow-bob{50%{opacity:.8;transform:scale(.9)}}@keyframes l7-hop{0%{transform:translateY(0)}18%{transform:translateY(-78px)}38%{transform:translateY(0)}52%{transform:translateY(-26px)}66%{transform:translateY(0)}76%{transform:translateY(-7px)}86%,to{transform:translateY(0)}}@keyframes l7-shadow-hop{0%{transform:scale(1)}18%{opacity:.5;transform:scale(.55)}38%{opacity:1;transform:scale(1)}52%{transform:scale(.8)}66%,to{transform:scale(1)}}.l7-result{animation:.6s cubic-bezier(.32,.72,0,1) both l7-rise}@keyframes l7-rise{0%{opacity:0;transform:translateY(10px)}}.live-confetti{z-index:90;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.l7-scene .l7-hopper,.l7-scene .l7-shadow{animation:none!important}.l7-die{transition-duration:0s}.l7-result{animation:none}}
