/* Start custom CSS *//* (sage) Lucky draw page 8480: page custom CSS. Decorative parts the style panel can't express.
   Keys on section and container IDs (_cssid) and child position, because Elementor strips classes from spans.
   Direction: luckydraw.klobbi.com (night stage) inside the klobbi.com theme. Version 2.1, 10 Nov 2026.
   Version 3.1, 11 Nov 2026: position body.elementor-page-8480s count only real elements (:where([data-id])) and reach through the editor's display:contents widget wrappers ([data-atomic]); list rules skip the editor's handles. The page looks the same in the Elementor editor as on the site.
   Also 11 Nov 2026: the draw machine under the demo (#ld-try), after the draw widget on luckydraw.klobbi.com, CSS only. */
.elementor-8480{--ld-cyan:#39C9FF;--ld-ice:#9AD8FF;--ld-royal:#2F6DFF;--ld-star:#EEF4FF;--ld-night-2:#0A0E16;--ld-deep:#04121D;--ld-night-text:rgba(216,228,248,.68);--ld-line:rgba(125,160,215,.2);
--ld-qr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 29 29'%3E%3Crect x='-2' y='-2' width='29' height='29' fill='%23fff'/%3E%3Cpath fill='%231F2124' d='M0 0h7v1h-7zM8 0h3v1h-3zM12 0h1v1h-1zM14 0h2v1h-2zM18 0h7v1h-7zM0 1h1v1h-1zM6 1h1v1h-1zM9 1h1v1h-1zM13 1h2v1h-2zM18 1h1v1h-1zM24 1h1v1h-1zM0 2h1v1h-1zM2 2h3v1h-3zM6 2h1v1h-1zM8 2h1v1h-1zM10 2h3v1h-3zM16 2h1v1h-1zM18 2h1v1h-1zM20 2h3v1h-3zM24 2h1v1h-1zM0 3h1v1h-1zM2 3h3v1h-3zM6 3h1v1h-1zM8 3h1v1h-1zM10 3h1v1h-1zM13 3h2v1h-2zM16 3h1v1h-1zM18 3h1v1h-1zM20 3h3v1h-3zM24 3h1v1h-1zM0 4h1v1h-1zM2 4h3v1h-3zM6 4h1v1h-1zM11 4h2v1h-2zM14 4h1v1h-1zM16 4h1v1h-1zM18 4h1v1h-1zM20 4h3v1h-3zM24 4h1v1h-1zM0 5h1v1h-1zM6 5h1v1h-1zM9 5h1v1h-1zM12 5h2v1h-2zM15 5h2v1h-2zM18 5h1v1h-1zM24 5h1v1h-1zM0 6h7v1h-7zM8 6h1v1h-1zM10 6h1v1h-1zM12 6h1v1h-1zM14 6h1v1h-1zM16 6h1v1h-1zM18 6h7v1h-7zM9 7h1v1h-1zM11 7h2v1h-2zM15 7h1v1h-1zM0 8h2v1h-2zM3 8h5v1h-5zM9 8h2v1h-2zM12 8h3v1h-3zM16 8h2v1h-2zM19 8h3v1h-3zM1 9h1v1h-1zM3 9h1v1h-1zM5 9h1v1h-1zM8 9h1v1h-1zM10 9h1v1h-1zM13 9h2v1h-2zM17 9h3v1h-3zM21 9h2v1h-2zM1 10h1v1h-1zM3 10h7v1h-7zM11 10h1v1h-1zM13 10h1v1h-1zM16 10h1v1h-1zM19 10h6v1h-6zM1 11h3v1h-3zM12 11h2v1h-2zM15 11h2v1h-2zM20 11h1v1h-1zM23 11h1v1h-1zM3 12h1v1h-1zM5 12h2v1h-2zM9 12h1v1h-1zM11 12h2v1h-2zM14 12h1v1h-1zM18 12h2v1h-2zM22 12h3v1h-3zM3 13h3v1h-3zM7 13h1v1h-1zM10 13h1v1h-1zM16 13h2v1h-2zM20 13h3v1h-3zM0 14h1v1h-1zM2 14h6v1h-6zM10 14h2v1h-2zM14 14h2v1h-2zM18 14h3v1h-3zM23 14h2v1h-2zM7 15h4v1h-4zM12 15h2v1h-2zM15 15h3v1h-3zM20 15h2v1h-2zM1 16h1v1h-1zM4 16h4v1h-4zM9 16h3v1h-3zM13 16h2v1h-2zM18 16h2v1h-2zM22 16h3v1h-3zM8 17h1v1h-1zM12 17h1v1h-1zM14 17h5v1h-5zM21 17h4v1h-4zM0 18h7v1h-7zM10 18h3v1h-3zM15 18h1v1h-1zM17 18h1v1h-1zM20 18h1v1h-1zM22 18h3v1h-3zM0 19h1v1h-1zM6 19h1v1h-1zM8 19h4v1h-4zM15 19h1v1h-1zM17 19h4v1h-4zM22 19h3v1h-3zM0 20h1v1h-1zM2 20h3v1h-3zM6 20h1v1h-1zM8 20h1v1h-1zM13 20h1v1h-1zM17 20h2v1h-2zM22 20h1v1h-1zM24 20h1v1h-1zM0 21h1v1h-1zM2 21h3v1h-3zM6 21h1v1h-1zM8 21h1v1h-1zM11 21h2v1h-2zM14 21h1v1h-1zM16 21h2v1h-2zM19 21h3v1h-3zM23 21h2v1h-2zM0 22h1v1h-1zM2 22h3v1h-3zM6 22h1v1h-1zM8 22h1v1h-1zM12 22h6v1h-6zM19 22h2v1h-2zM24 22h1v1h-1zM0 23h1v1h-1zM6 23h1v1h-1zM10 23h1v1h-1zM12 23h4v1h-4zM18 23h1v1h-1zM24 23h1v1h-1zM0 24h7v1h-7zM8 24h1v1h-1zM14 24h3v1h-3zM19 24h1v1h-1zM21 24h1v1h-1z'/%3E%3C/svg%3E");
--ld-i-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5l8 3v6c0 5-3.4 8.6-8 10-4.6-1.4-8-5-8-10v-6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E");
--ld-i-badge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5.5'/%3E%3Cpath d='M8.6 13.6 7 21l5-2.6 5 2.6-1.6-7.4'/%3E%3C/svg%3E");
--ld-i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
--ld-i-person:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20.5c.9-4 3.8-6 7.5-6s6.6 2 7.5 6'/%3E%3C/svg%3E");
--ld-i-checkin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8' r='3.5'/%3E%3Cpath d='M3.5 20c.7-3.7 3.2-5.6 6.5-5.6 1.6 0 3 .4 4.1 1.2'/%3E%3Cpath d='M15 18.2l2.2 2.2L21.5 16'/%3E%3C/svg%3E");
--ld-i-norepeat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3.5l3 3-3 3'/%3E%3Cpath d='M4 11.5v-1a4 4 0 0 1 4-4h12'/%3E%3Cpath d='M7 20.5l-3-3 3-3'/%3E%3Cpath d='M20 12.5v1a4 4 0 0 1-4 4H4'/%3E%3Cpath d='M4.5 4.5l15 15'/%3E%3C/svg%3E");
--ld-i-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.5'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3Cpath d='M9.5 9.5l2 2 3.5-3.5'/%3E%3C/svg%3E");
--ld-i-stream:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='13' height='12' rx='2'/%3E%3Cpath d='M15.5 10.5l6-3.5v10l-6-3.5'/%3E%3C/svg%3E");
--ld-i-console:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='19' height='12' rx='1.5'/%3E%3Cpath d='M8 20.5h8M12 16v4.5'/%3E%3C/svg%3E");
--ld-i-palette:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c1.2 0 1.8-.8 1.8-1.7 0-.5-.2-.9-.5-1.3-.3-.4-.5-.8-.5-1.3 0-.9.8-1.7 1.7-1.7H17a4 4 0 0 0 4-4C21 6.6 17 3 12 3z'/%3E%3Ccircle cx='7.5' cy='11' r='1'/%3E%3Ccircle cx='10.5' cy='7.5' r='1'/%3E%3Ccircle cx='15' cy='7.5' r='1'/%3E%3C/svg%3E");
--ld-i-glass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8l-.6 5.2a3.4 3.4 0 0 1-6.8 0z'/%3E%3Cpath d='M12 11.6V20M8.5 20.5h7'/%3E%3C/svg%3E");
--ld-i-trophy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v5a4 4 0 0 1-8 0z'/%3E%3Cpath d='M8 6H5a3 3 0 0 0 3 4M16 6h3a3 3 0 0 1-3 4'/%3E%3Cpath d='M12 13v4M9 20.5h6M10 17h4'/%3E%3C/svg%3E");
--ld-i-sun:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4'/%3E%3C/svg%3E");
--ld-i-house:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 4l9 6.5'/%3E%3Cpath d='M5 9.5V20h14V9.5'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E");
--ld-i-truck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5h11v9H3z'/%3E%3Cpath d='M14 10.5h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='18' r='1.8'/%3E%3Ccircle cx='17' cy='18' r='1.8'/%3E%3C/svg%3E");
--ld-i-bag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12.5H6z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E");
--ld-i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E");
--ld-i-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
html{scroll-behavior:smooth}
.elementor-8480 :is(h1,h2,h3,h4){text-wrap:balance}
.elementor-8480 :is(p,li){text-wrap:pretty}
.elementor-8480 :is(h1,h2,h3,h4):not(summary *){cursor:auto}
.elementor-8480 :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #1895CA;outline-offset:3px}
.elementor-8480 :is(#ld-hero,#demo) a:focus-visible{outline-color:#9AD8FF}
.elementor-8480 :is(#how,#demo,#why,#events,#guide,#play,#faq,#quote,#faq-licence){scroll-margin-top:90px}

/* Night stage: starfield, faint grid, soft orbs */
#ld-hero,#demo{overflow:hidden}
#ld-hero::before,#demo::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 22%,rgba(14,96,120,.5),rgba(14,96,120,0) 32%),radial-gradient(circle at 86% 86%,rgba(47,109,255,.24),rgba(47,109,255,0) 38%),radial-gradient(circle,rgba(154,216,255,.8) 0 1px,rgba(154,216,255,0) 1.6px) 0 0/190px 190px,radial-gradient(circle,rgba(57,201,255,.6) 0 1.3px,rgba(57,201,255,0) 2.2px) 70px 110px/260px 260px,radial-gradient(circle,rgba(238,244,255,.5) 0 1px,rgba(238,244,255,0) 1.5px) 130px 40px/150px 150px,linear-gradient(rgba(125,160,215,.05) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(125,160,215,.05) 1px,transparent 1px) 0 0/56px 56px}
#ld-hero > :where([data-id]),#demo > :where([data-id]){position:relative;z-index:1}

/* Hero copy */
#ld-copy > :nth-child(1 of :where([data-id])) a{color:var(--ld-star);text-decoration:underline;text-underline-offset:3px}
#ld-eyebrow{display:flex;align-items:center;gap:10px}
#ld-eyebrow::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#39C9FF;box-shadow:0 0 12px #39C9FF}
#ld-copy h1 > span:nth-of-type(1){background:linear-gradient(100deg,#39C9FF,#9AD8FF 60%,#2F6DFF);-webkit-background-clip:text;background-clip:text;color:transparent}
#ld-copy h1 > span:nth-of-type(2){display:block;margin-top:16px;font-size:20px;line-height:28px;font-weight:500;letter-spacing:0;color:rgba(238,244,255,.9)}
:is(#ld-cta > a,#ld-cta > :where([data-atomic]) > a){white-space:nowrap}
:is(#ld-cta > :nth-child(1 of :where([data-id])):where([data-id]:not([data-atomic])),#ld-cta > :where([data-atomic]):nth-child(1 of :where([data-id])) > *)::after{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--ld-i-arrow) center/contain no-repeat;mask:var(--ld-i-arrow) center/contain no-repeat}

/* Hero stage: draw screen, QR ticket, winner's phone message, confetti */
#ld-stage{position:relative;height:476px;padding:0}
#ld-screen{position:absolute;top:0;right:0;width:100%;max-width:560px;padding:10px;border-radius:16px;background:var(--ld-night-2);box-shadow:0 0 0 1px rgba(57,201,255,.24),0 40px 90px -30px rgba(57,201,255,.4);z-index:1}
#ld-bs,#ld-bs2{position:relative;display:flex;flex-direction:column;aspect-ratio:16/10;padding:18px 22px 14px;border-radius:8px;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 50% -12%,rgba(57,201,255,.3) 0%,rgba(57,201,255,0) 58%),var(--ld-deep)}
#ld-bs2{aspect-ratio:16/9;padding:22px 26px 16px}
:is(#ld-bs,#ld-bs2) > :nth-child(1 of :where([data-id])){display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:0}
:is(:is(:is(#ld-bs,#ld-bs2) > :nth-child(1 of :where([data-id])),:is(#ld-bs,#ld-bs2) > :nth-child(1 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(1 of :where([data-id])),:is(#ld-bs,#ld-bs2) > :nth-child(1 of :where([data-id])) :where([data-atomic]):nth-child(1 of :where([data-id])) > p){font-size:12px;line-height:16px;color:rgba(255,255,255,.76)}
:is(:is(:is(#ld-bs,#ld-bs2) > :nth-child(1 of :where([data-id])),:is(#ld-bs,#ld-bs2) > :nth-child(1 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-last-child(1 of :where([data-id])),:is(#ld-bs,#ld-bs2) > :nth-child(1 of :where([data-id])) :where([data-atomic]):nth-last-child(1 of :where([data-id])) > p){flex:none;border:1px solid rgba(57,201,255,.6);color:var(--ld-ice);border-radius:999px;padding:3px 10px;font-size:11px;line-height:16px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase}
:is(#ld-bs,#ld-bs2) > :nth-child(2 of :where([data-id])){flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;text-align:center}
:is(:is(:is(#ld-bs,#ld-bs2) > :nth-child(2 of :where([data-id])),:is(#ld-bs,#ld-bs2) > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(1 of :where([data-id])),:is(#ld-bs,#ld-bs2) > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(1 of :where([data-id])) > p){font-size:13px;line-height:20px;font-weight:500;letter-spacing:.3px;color:var(--ld-ice)}
:is(:is(:is(#ld-bs,#ld-bs2) > :nth-child(2 of :where([data-id])),:is(#ld-bs,#ld-bs2) > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(2 of :where([data-id])),:is(#ld-bs,#ld-bs2) > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(2 of :where([data-id])) > p){max-width:100%;font-size:40px;line-height:46px;font-weight:600;letter-spacing:-.2px;color:#fff;text-shadow:0 0 28px rgba(57,201,255,.6);overflow-wrap:anywhere}
:is(:is(:is(#ld-bs,#ld-bs2) > :nth-child(2 of :where([data-id])),:is(#ld-bs,#ld-bs2) > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(3 of :where([data-id])),:is(#ld-bs,#ld-bs2) > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(3 of :where([data-id])) > p){font-size:13px;line-height:20px;color:rgba(255,255,255,.76);font-variant-numeric:tabular-nums}
:is(:is(#ld-bs2 > :nth-child(2 of :where([data-id])),#ld-bs2 > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(1 of :where([data-id])),#ld-bs2 > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(1 of :where([data-id])) > p){font-size:15px;line-height:22px}
:is(:is(#ld-bs2 > :nth-child(2 of :where([data-id])),#ld-bs2 > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(2 of :where([data-id])),#ld-bs2 > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(2 of :where([data-id])) > p){font-size:56px;line-height:62px}
:is(:is(#ld-bs2 > :nth-child(2 of :where([data-id])),#ld-bs2 > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(4 of :where([data-id])),#ld-bs2 > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(4 of :where([data-id])) > p){display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 12px;border-radius:999px;background:rgba(57,201,255,.16);color:var(--ld-ice);font-size:12px;line-height:16px;font-weight:500}
:is(:is(#ld-bs2 > :nth-child(2 of :where([data-id])),#ld-bs2 > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(4 of :where([data-id])),#ld-bs2 > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(4 of :where([data-id])) > p)::before,:is(#ld-tbody > p:nth-last-child(1 of :where([data-id])),#ld-tbody > :where([data-atomic]):nth-last-child(1 of :where([data-id])) > p)::before,:is(:is(#ld-m1 > :nth-child(3 of :where([data-id])),#ld-m1 > :nth-child(3 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(1 of :where([data-id])),#ld-m1 > :nth-child(3 of :where([data-id])) :where([data-atomic]):nth-child(1 of :where([data-id])) > p)::before,:is(#ld-m2 > p:nth-child(1 of :where([data-id])),#ld-m2 > :where([data-atomic]):nth-child(1 of :where([data-id])) > p)::before,:is(#ld-m3 > :nth-last-child(1 of :where([data-id])) > p:nth-child(1 of :where([data-id])),#ld-m3 > :nth-last-child(1 of :where([data-id])) > :where([data-atomic]):nth-child(1 of :where([data-id])) > p)::before{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--ld-i-check) center/contain no-repeat;mask:var(--ld-i-check) center/contain no-repeat}
:is(#ld-bs,#ld-bs2) > :nth-child(3 of :where([data-id])){display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.16)}
:is(#ld-bs,#ld-bs2) > :nth-child(3 of :where([data-id])) p{font-size:11px;line-height:16px;color:rgba(255,255,255,.64);font-variant-numeric:tabular-nums}
#ld-bs2::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,#39C9FF 0 3px,transparent 3.5px) 12% 18%/14px 14px no-repeat,radial-gradient(circle,#fff 0 3px,transparent 3.5px) 26% 30%/14px 14px no-repeat,radial-gradient(circle,#9AD8FF 0 4px,transparent 4.5px) 71% 16%/14px 14px no-repeat,radial-gradient(circle,#2F6DFF 0 3px,transparent 3.5px) 84% 34%/14px 14px no-repeat,radial-gradient(circle,#fff 0 2.5px,transparent 3px) 58% 22%/14px 14px no-repeat,radial-gradient(circle,#39C9FF 0 2.5px,transparent 3px) 38% 12%/14px 14px no-repeat,radial-gradient(circle,#9AD8FF 0 3px,transparent 3.5px) 90% 70%/14px 14px no-repeat,radial-gradient(circle,#fff 0 2.5px,transparent 3px) 8% 66%/14px 14px no-repeat}
#ld-tw{position:absolute;left:-26px;bottom:4px;width:312px;padding:0;filter:drop-shadow(0 22px 26px rgba(0,22,32,.42));transform:rotate(-5deg);z-index:1}
#ld-ticket{display:grid;grid-template-columns:46px minmax(0,1fr);padding:0;background:#fff;color:#32363E;border-radius:10px;-webkit-mask:radial-gradient(circle 9px at 46px 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 9px at 46px 100%,#0000 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 9px at 46px 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 9px at 46px 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
#ld-tstub{display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(180deg,#39C9FF,#2F6DFF);border-radius:10px 0 0 10px}
#ld-tstub p{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;line-height:16px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;color:#fff}
#ld-tbody{position:relative;display:flex;flex-direction:column;padding:14px 16px 12px 18px}
#ld-tbody::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;right:auto;width:0;height:auto;border-left:2px dashed #C9D7E3;pointer-events:none}
:is(#ld-tbody > p:nth-child(1 of :where([data-id])),#ld-tbody > :where([data-atomic]):nth-child(1 of :where([data-id])) > p){font-size:13px;line-height:18px;font-weight:600;color:#1F2124}
:is(#ld-tbody > p:nth-child(2 of :where([data-id])),#ld-tbody > :where([data-atomic]):nth-child(2 of :where([data-id])) > p){margin:2px 0 10px;font-size:12px;line-height:16px;color:#5C6A7A}
#ld-tbody > :nth-child(3 of :where([data-id])){display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:12px;padding:0}
#ld-tbody > :nth-child(3 of :where([data-id])) > :nth-child(1 of :where([data-id])){display:flex;flex-direction:column;padding:0;width:auto}
:is(:is(#ld-tbody > :nth-child(3 of :where([data-id])),#ld-tbody > :nth-child(3 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(odd of :where([data-id])),#ld-tbody > :nth-child(3 of :where([data-id])) :where([data-atomic]):nth-child(odd of :where([data-id])) > p){font-size:11px;line-height:16px;color:#5C6A7A}
:is(:is(#ld-tbody > :nth-child(3 of :where([data-id])),#ld-tbody > :nth-child(3 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(even of :where([data-id])),#ld-tbody > :nth-child(3 of :where([data-id])) :where([data-atomic]):nth-child(even of :where([data-id])) > p){margin-bottom:4px;font-size:13px;line-height:18px;font-weight:600;color:#1F2124;font-variant-numeric:tabular-nums}
#ld-qr1,#ld-qr2,#ld-qr3{flex:none;width:64px;height:64px;min-width:0;padding:0;background:var(--ld-qr) center/contain no-repeat}
#ld-qr2{width:46px;height:46px}
#ld-qr3{width:54px;height:54px}
:is(#ld-tbody > p:nth-last-child(1 of :where([data-id])),#ld-tbody > :where([data-atomic]):nth-last-child(1 of :where([data-id])) > p){display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid #E1E6EC;font-size:12px;line-height:16px;font-weight:600;color:#2F6DFF}
#ld-note{position:absolute;right:-10px;bottom:30px;width:252px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 24px 40px -18px rgba(0,22,32,.55);transform:rotate(3deg);z-index:1;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#ld-note > :first-child{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0}
#ld-note > :first-child p{font-size:11px;line-height:16px;color:#5C6A7A}
#ld-note > :first-child p:last-child{margin-left:auto}
#ld-note > p:nth-child(2){margin:6px 0 2px;font-size:14px;line-height:20px;font-weight:600;color:#1F2124}
#ld-note > p:nth-child(3){font-size:13px;line-height:18px;color:#333}
#ld-cf1,#ld-cf2,#ld-cf3,#ld-cf4,#ld-cf5,#ld-cf6{position:absolute;z-index:2;width:10px;height:18px;min-width:0;padding:0;border-radius:3px;box-shadow:0 4px 10px rgba(0,22,32,.25);animation:ld-drift 7s cubic-bezier(.22,1,.36,1) infinite alternate}
#ld-cf1{left:3%;top:2%;background:#39C9FF;rotate:22deg}
#ld-cf2{left:13%;top:-4%;width:12px;height:12px;border-radius:50%;background:#fff;animation-delay:-2s}
#ld-cf3{left:57%;top:-6%;background:#9AD8FF;rotate:-28deg;animation-delay:-4s}
#ld-cf4{left:97%;top:-3%;background:#fff;rotate:34deg;animation-delay:-1s}
#ld-cf5{left:99%;top:36%;width:12px;height:12px;border-radius:50%;background:#39C9FF;animation-delay:-3s}
#ld-cf6{left:-3%;top:40%;background:#9AD8FF;rotate:-18deg;animation-delay:-5s}
@keyframes ld-drift{from{translate:0 -6px}to{translate:0 10px}}

/* Proof band */
#ld-proof ul:where(:not(.elementor-element-overlay *,.elementor-empty-view *)){list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#ld-proof li:where(:not(.elementor-element-overlay *,.elementor-empty-view *)){display:flex;align-items:center;justify-content:center;gap:10px;margin:0;text-align:center;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#32363E}
#ld-proof li:where(:not(.elementor-element-overlay *,.elementor-empty-view *))::before{content:"";flex:none;width:22px;height:22px;background:#015F7E;-webkit-mask:var(--ld-i) center/contain no-repeat;mask:var(--ld-i) center/contain no-repeat}
#ld-proof li:nth-child(1):where(:not(.elementor-element-overlay *,.elementor-empty-view *)){--ld-i:var(--ld-i-shield)}#ld-proof li:nth-child(2):where(:not(.elementor-element-overlay *,.elementor-empty-view *)){--ld-i:var(--ld-i-badge)}#ld-proof li:nth-child(3):where(:not(.elementor-element-overlay *,.elementor-empty-view *)){--ld-i:var(--ld-i-pin)}#ld-proof li:nth-child(4):where(:not(.elementor-element-overlay *,.elementor-empty-view *)){--ld-i:var(--ld-i-person)}

/* How it works: one ticket, four stubs */
#ld-strip-wrap{filter:drop-shadow(0 1px 1px rgba(1,95,126,.08)) drop-shadow(0 18px 22px rgba(1,95,126,.13))}
#ld-strip{-webkit-mask:radial-gradient(circle 12px at 25% 0,#0000 97%,#000),radial-gradient(circle 12px at 25% 100%,#0000 97%,#000),radial-gradient(circle 12px at 50% 0,#0000 97%,#000),radial-gradient(circle 12px at 50% 100%,#0000 97%,#000),radial-gradient(circle 12px at 75% 0,#0000 97%,#000),radial-gradient(circle 12px at 75% 100%,#0000 97%,#000);-webkit-mask-composite:source-in;mask:radial-gradient(circle 12px at 25% 0,#0000 97%,#000),radial-gradient(circle 12px at 25% 100%,#0000 97%,#000),radial-gradient(circle 12px at 50% 0,#0000 97%,#000),radial-gradient(circle 12px at 50% 100%,#0000 97%,#000),radial-gradient(circle 12px at 75% 0,#0000 97%,#000),radial-gradient(circle 12px at 75% 100%,#0000 97%,#000);mask-composite:intersect}
#ld-strip > :where([data-id]){position:relative;min-width:0}
#ld-strip > :nth-child(n+2 of :where([data-id]))::before{content:"";position:absolute;left:-1px;top:20px;bottom:20px;right:auto;width:0;height:auto;border-left:2px dashed #C9D7E3;pointer-events:none}
:is(#ld-strip > :where([data-id]) > p:nth-child(1 of :where([data-id])),#ld-strip > :where([data-id]) > :where([data-atomic]):nth-child(1 of :where([data-id])) > p){display:flex;align-items:center;gap:10px}
:is(#ld-strip > :where([data-id]) > p:nth-child(1 of :where([data-id])),#ld-strip > :where([data-id]) > :where([data-atomic]):nth-child(1 of :where([data-id])) > p)::before{content:"";flex:none;width:22px;height:1px;background:currentColor}
#ld-vg1,#ld-vg2,#ld-vg3,#ld-vg4{overflow:hidden}
#ld-vg4{background:radial-gradient(120% 90% at 50% -12%,rgba(57,201,255,.3) 0%,rgba(57,201,255,0) 60%),#04121D}
#ld-m1,#ld-m2,#ld-m3{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:224px;padding:12px 14px;border-radius:10px;background:#fff;box-shadow:0 10px 22px -12px rgba(1,95,126,.4)}
#ld-m3{flex-direction:row;align-items:center;gap:14px}
:is(#ld-m1,#ld-m2,#ld-m3) p{font-size:12px;line-height:16px;color:#333}
:is(#ld-m1 > p:nth-child(1 of :where([data-id])),#ld-m1 > :where([data-atomic]):nth-child(1 of :where([data-id])) > p),:is(:is(#ld-m2 > :nth-child(2 of :where([data-id])) > :nth-child(1 of :where([data-id])),#ld-m2 > :nth-child(2 of :where([data-id])) > :nth-child(1 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(odd of :where([data-id])),#ld-m2 > :nth-child(2 of :where([data-id])) > :nth-child(1 of :where([data-id])) :where([data-atomic]):nth-child(odd of :where([data-id])) > p),:is(:is(#ld-m3 > :nth-last-child(1 of :where([data-id])),#ld-m3 > :nth-last-child(1 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(3 of :where([data-id])),#ld-m3 > :nth-last-child(1 of :where([data-id])) :where([data-atomic]):nth-child(3 of :where([data-id])) > p){font-size:11px;line-height:16px;color:#5C6A7A}
:is(#ld-m1 > p:nth-child(2 of :where([data-id])),#ld-m1 > :where([data-atomic]):nth-child(2 of :where([data-id])) > p),:is(:is(#ld-m2 > :nth-child(2 of :where([data-id])) > :nth-child(1 of :where([data-id])),#ld-m2 > :nth-child(2 of :where([data-id])) > :nth-child(1 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(2 of :where([data-id])),#ld-m2 > :nth-child(2 of :where([data-id])) > :nth-child(1 of :where([data-id])) :where([data-atomic]):nth-child(2 of :where([data-id])) > p),:is(:is(#ld-m3 > :nth-last-child(1 of :where([data-id])),#ld-m3 > :nth-last-child(1 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(2 of :where([data-id])),#ld-m3 > :nth-last-child(1 of :where([data-id])) :where([data-atomic]):nth-child(2 of :where([data-id])) > p){margin:2px 0;font-size:13px;line-height:18px;font-weight:600;color:#1F2124}
#ld-m1 > :nth-child(3 of :where([data-id])){display:flex;flex-direction:row;gap:8px;width:auto;margin:6px 0 2px;padding:0}
#ld-m1 > :nth-child(3 of :where([data-id])) p{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px #E1E6EC;font-weight:500;color:#3F444B}
:is(:is(#ld-m1 > :nth-child(3 of :where([data-id])),#ld-m1 > :nth-child(3 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(1 of :where([data-id])),#ld-m1 > :nth-child(3 of :where([data-id])) :where([data-atomic]):nth-child(1 of :where([data-id])) > p){background:#015F7E;box-shadow:none;color:#fff}
:is(#ld-m1 > p:nth-child(4 of :where([data-id])),#ld-m1 > :where([data-atomic]):nth-child(4 of :where([data-id])) > p){margin-top:6px;font-weight:500;color:#015F7E}
:is(#ld-m2 > p:nth-child(1 of :where([data-id])),#ld-m2 > :where([data-atomic]):nth-child(1 of :where([data-id])) > p){display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#DBE9FF;color:#015F7E;font-size:11px;font-weight:600}
#ld-m2 > :nth-child(2 of :where([data-id])){display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:10px;padding:0}
#ld-m2 > :nth-child(2 of :where([data-id])) > :nth-child(1 of :where([data-id])){display:flex;flex-direction:column;padding:0;width:auto}
#ld-m3 > :nth-child(1 of :where([data-id])){position:relative;flex:none;padding:6px;width:auto;min-width:0}
#ld-m3 > :nth-child(1 of :where([data-id]))::before,#ld-m3 > :nth-child(1 of :where([data-id]))::after{content:"";position:absolute;inset:0;border:2px solid #1895CA;border-radius:6px;-webkit-mask:linear-gradient(#000 0 0) top/100% 12px no-repeat,linear-gradient(#000 0 0) bottom/100% 12px no-repeat;mask:linear-gradient(#000 0 0) top/100% 12px no-repeat,linear-gradient(#000 0 0) bottom/100% 12px no-repeat}
#ld-m3 > :nth-child(1 of :where([data-id]))::after{-webkit-mask:linear-gradient(#000 0 0) left/12px 100% no-repeat,linear-gradient(#000 0 0) right/12px 100% no-repeat;mask:linear-gradient(#000 0 0) left/12px 100% no-repeat,linear-gradient(#000 0 0) right/12px 100% no-repeat}
#ld-m3 > :nth-last-child(1 of :where([data-id])){display:flex;flex-direction:column;align-items:flex-start;padding:0;width:auto}
:is(:is(#ld-m3 > :nth-last-child(1 of :where([data-id])),#ld-m3 > :nth-last-child(1 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(1 of :where([data-id])),#ld-m3 > :nth-last-child(1 of :where([data-id])) :where([data-atomic]):nth-child(1 of :where([data-id])) > p){display:inline-flex;align-items:center;gap:6px;margin-bottom:4px;padding:3px 10px;border-radius:999px;background:#015F7E;color:#fff;font-size:11px;font-weight:600}
#ld-m4{display:flex;flex-direction:column;align-items:center;padding:0;text-align:center}
#ld-m4 p{font-size:11px;line-height:16px;color:rgba(216,228,248,.76)}
:is(:is(#ld-m4,#ld-m4 :where(:not([data-atomic]))) > p:nth-child(1 of :where([data-id])),#ld-m4 :where([data-atomic]):nth-child(1 of :where([data-id])) > p){color:#9AD8FF}
:is(:is(#ld-m4,#ld-m4 :where(:not([data-atomic]))) > p:nth-child(2 of :where([data-id])),#ld-m4 :where([data-atomic]):nth-child(2 of :where([data-id])) > p){margin:4px 0;font-size:22px;line-height:28px;font-weight:600;color:#fff;text-shadow:0 0 18px rgba(57,201,255,.6)}

/* Demo: draw screen and host console (static on WordPress) */
#ld-big{box-shadow:0 0 0 1px rgba(57,201,255,.24),0 40px 90px -30px rgba(57,201,255,.38)}
#ld-console{background:rgba(10,14,22,.86);box-shadow:inset 0 0 0 1px var(--ld-line),0 30px 60px -30px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#ld-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
#ld-guests{grid-template-columns:repeat(2,minmax(0,1fr))}
#ld-stats > :where([data-id]){border-radius:10px;background:rgba(57,201,255,.06);box-shadow:inset 0 0 0 1px var(--ld-line)}
:is(:is(#ld-stats > :where([data-id]),#ld-stats > :where([data-id]) :where(:not([data-atomic]))) > p:nth-last-child(1 of :where([data-id])),#ld-stats > :where([data-id]) :where([data-atomic]):nth-last-child(1 of :where([data-id])) > p){font-variant-numeric:tabular-nums}
#ld-guests > :where([data-id]){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--ld-line);border-radius:8px;background:rgba(238,244,255,.03)}
#ld-guests > :where([data-id])::before{content:"";position:static;width:9px;height:9px;border-radius:50%;background:#39C9FF;box-shadow:0 0 8px rgba(57,201,255,.7)}
#ld-guests p{font-size:13px;line-height:18px;font-weight:500;color:var(--ld-star);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#ld-guests > :where([data-id]) > p:nth-child(2 of :where([data-id])),#ld-guests > :where([data-id]) > :where([data-atomic]):nth-child(2 of :where([data-id])) > p){font-size:11px;line-height:16px;color:var(--ld-night-text);font-variant-numeric:tabular-nums}
#ld-guests > :is(:nth-child(6 of :where([data-id])),:nth-child(10 of :where([data-id]))){border-style:dashed;background:transparent}
#ld-guests > :is(:nth-child(6 of :where([data-id])),:nth-child(10 of :where([data-id])))::before{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(216,228,248,.42)}
#ld-guests > :is(:nth-child(6 of :where([data-id])),:nth-child(10 of :where([data-id]))) p{color:rgba(216,228,248,.42)}
#ld-guests > :is(:nth-child(2 of :where([data-id])),:nth-child(5 of :where([data-id])),:nth-child(8 of :where([data-id])),:nth-child(11 of :where([data-id]))){border-color:rgba(57,201,255,.45);background:rgba(57,201,255,.14)}
#ld-guests > :is(:nth-child(2 of :where([data-id])),:nth-child(5 of :where([data-id])),:nth-child(8 of :where([data-id])),:nth-child(11 of :where([data-id])))::before{background:#9AD8FF}
:is(#ld-guests > :is(:nth-child(2 of :where([data-id])),:nth-child(5 of :where([data-id])),:nth-child(8 of :where([data-id])),:nth-child(11 of :where([data-id]))) > p:nth-child(2 of :where([data-id])),#ld-guests > :is(:nth-child(2 of :where([data-id])),:nth-child(5 of :where([data-id])),:nth-child(8 of :where([data-id])),:nth-child(11 of :where([data-id]))) > :where([data-atomic]):nth-child(2 of :where([data-id])) > p){color:#39C9FF;font-weight:600}
#ld-winners ol{margin:0;padding-left:20px;display:grid;gap:4px}
#ld-winners li:where(:not(.elementor-element-overlay *,.elementor-empty-view *)){margin:0}
#ld-winners strong{color:var(--ld-star);font-weight:600}

/* Why Klobbi icons */
#ld-tiles > :where([data-id]) > :nth-child(1 of :where([data-id])){display:flex;align-items:center;justify-content:center;min-width:0}
#ld-tiles > :where([data-id]) > :nth-child(1 of :where([data-id]))::before{content:"";position:static;width:22px;height:22px;background:#015F7E;-webkit-mask:var(--ld-i) center/contain no-repeat;mask:var(--ld-i) center/contain no-repeat}
#ld-tiles > :nth-child(1 of :where([data-id])){--ld-i:var(--ld-i-checkin)}#ld-tiles > :nth-child(2 of :where([data-id])){--ld-i:var(--ld-i-norepeat)}#ld-tiles > :nth-child(3 of :where([data-id])){--ld-i:var(--ld-i-phone)}#ld-tiles > :nth-child(4 of :where([data-id])){--ld-i:var(--ld-i-stream)}#ld-tiles > :nth-child(5 of :where([data-id])){--ld-i:var(--ld-i-console)}#ld-tiles > :nth-child(6 of :where([data-id])){--ld-i:var(--ld-i-palette)}

/* Tagline: words light up one at a time as the line scrolls into view (CSS only). Full colour where unsupported or with reduced motion. */
#ld-tagline strong{color:#015F7E;font-weight:inherit}
@keyframes ld-word{from{color:rgba(31,33,36,.28)}to{color:#1F2124}}
@keyframes ld-word-hl{from{color:rgba(31,33,36,.28)}to{color:#015F7E}}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
#ld-tagline p{view-timeline-name:--ld-tag}
#ld-tagline p > span{animation:ld-word linear both;animation-timeline:--ld-tag}
#ld-tagline p > strong{animation:ld-word-hl linear both;animation-timeline:--ld-tag}
#ld-tagline p > :nth-child(1){animation-range:cover 12.0% cover 17.0%}
#ld-tagline p > :nth-child(2){animation-range:cover 13.7% cover 18.7%}
#ld-tagline p > :nth-child(3){animation-range:cover 15.4% cover 20.4%}
#ld-tagline p > :nth-child(4){animation-range:cover 17.1% cover 22.1%}
#ld-tagline p > :nth-child(5){animation-range:cover 18.8% cover 23.8%}
#ld-tagline p > :nth-child(6){animation-range:cover 20.5% cover 25.5%}
#ld-tagline p > :nth-child(7){animation-range:cover 22.2% cover 27.2%}
#ld-tagline p > :nth-child(8){animation-range:cover 23.9% cover 28.9%}
#ld-tagline p > :nth-child(9){animation-range:cover 25.6% cover 30.6%}
#ld-tagline p > :nth-child(10){animation-range:cover 27.3% cover 32.3%}
#ld-tagline p > :nth-child(11){animation-range:cover 29.0% cover 34.0%}
#ld-tagline p > :nth-child(12){animation-range:cover 30.7% cover 35.7%}
#ld-tagline p > :nth-child(13){animation-range:cover 32.4% cover 37.4%}
#ld-tagline p > :nth-child(14){animation-range:cover 34.1% cover 39.1%}
#ld-tagline p > :nth-child(15){animation-range:cover 35.8% cover 40.8%}
#ld-tagline p > :nth-child(16){animation-range:cover 37.5% cover 42.5%}
#ld-tagline p > :nth-child(17){animation-range:cover 39.2% cover 44.2%}
#ld-tagline p > :nth-child(18){animation-range:cover 40.9% cover 45.9%}
#ld-tagline p > :nth-child(19){animation-range:cover 42.6% cover 47.6%}
#ld-tagline p > :nth-child(20){animation-range:cover 44.3% cover 49.3%}
}
}

/* Where it's used: event tickets */
#ld-events-grid{filter:drop-shadow(0 1px 1px rgba(50,54,62,.07)) drop-shadow(0 14px 18px rgba(50,54,62,.11))}
#ld-events-grid > :where([data-id]){grid-template-columns:72px minmax(0,1fr);-webkit-mask:radial-gradient(circle 9px at 72px 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 9px at 72px 100%,#0000 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 9px at 72px 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 9px at 72px 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
#ld-events-grid > :where([data-id]) > :nth-child(1 of :where([data-id])){display:flex;align-items:center;justify-content:center;min-width:0}
#ld-events-grid > :where([data-id]) > :nth-child(1 of :where([data-id]))::before{content:"";position:static;width:28px;height:28px;background:#fff;-webkit-mask:var(--ld-i) center/contain no-repeat;mask:var(--ld-i) center/contain no-repeat}
#ld-events-grid > :where([data-id]) > :nth-last-child(1 of :where([data-id])){position:relative}
#ld-events-grid > :where([data-id]) > :nth-last-child(1 of :where([data-id]))::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;right:auto;width:0;height:auto;border-left:2px dashed #C9D7E3;pointer-events:none}
#ld-events-grid > :nth-child(1 of :where([data-id])){--ld-i:var(--ld-i-glass)}#ld-events-grid > :nth-child(2 of :where([data-id])){--ld-i:var(--ld-i-trophy)}#ld-events-grid > :nth-child(3 of :where([data-id])){--ld-i:var(--ld-i-sun)}#ld-events-grid > :nth-child(4 of :where([data-id])){--ld-i:var(--ld-i-house)}#ld-events-grid > :nth-child(5 of :where([data-id])){--ld-i:var(--ld-i-truck)}#ld-events-grid > :nth-child(6 of :where([data-id])){--ld-i:var(--ld-i-bag)}

/* Guide: sticky intro, numbered steps */
#ld-guide-aside{position:sticky;top:112px}
#ld-guide-aside p strong{display:block;margin-bottom:4px;font-weight:600;color:#1F2124}
#ld-steps ol{list-style:none;margin:0;padding:0;counter-reset:ld-step}
#ld-steps li:where(:not(.elementor-element-overlay *,.elementor-empty-view *)){counter-increment:ld-step;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;margin:0;padding:20px 0;border-top:1px solid #E1E6EC}
#ld-steps li:first-child:where(:not(.elementor-element-overlay *,.elementor-empty-view *)){border-top:0;padding-top:0}
#ld-steps li:where(:not(.elementor-element-overlay *,.elementor-empty-view *))::before{content:counter(ld-step);grid-row:1/3;font-size:36px;line-height:40px;font-weight:600;color:#6EC1E4;font-variant-numeric:tabular-nums}
#ld-steps li > strong{grid-column:2;margin:2px 0 4px;font-size:18px;line-height:28px;font-weight:600;color:#1F2124}
#ld-steps li > span{grid-column:2;font-size:15px;line-height:23px;color:#333}

/* Klobbi Play */
#ld-play-card{overflow:hidden}
#ld-play-card::after{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(110,193,228,.5),rgba(110,193,228,0) 68%);pointer-events:none}
#ld-play-card > :where([data-id]){position:relative;z-index:1}
#ld-pills ul:where(:not(.elementor-element-overlay *,.elementor-empty-view *)){list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
#ld-pills li:where(:not(.elementor-element-overlay *,.elementor-empty-view *)){display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);font-size:14px;line-height:20px;font-weight:500;color:#fff}
#ld-pills li:where(:not(.elementor-element-overlay *,.elementor-empty-view *))::before{content:"";flex:none;width:16px;height:16px;background:#DBE9FF;-webkit-mask:var(--ld-i-check) center/contain no-repeat;mask:var(--ld-i-check) center/contain no-repeat}

/* Links inside paragraphs */
:is(#play,#guide,#faq,#quote) p a{color:#015F7E;text-decoration:underline;text-underline-offset:2px}
:is(#play,#guide,#faq,#quote) p a:hover{color:#1895CA}
#ld-contact p a{color:#1F2124;text-decoration:none}
#ld-contact p a:hover{color:#015F7E;text-decoration:underline}

/* FAQ (theme accordion) */
#faq details{border-top:1px solid #D5D8DC}
#faq details:nth-child(1 of :where([data-id])){border-top:0}
#faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;list-style:none;cursor:pointer}
#faq summary::-webkit-details-marker{display:none}
#faq summary > :nth-child(1 of :where([data-id])){width:auto;flex:1 1 auto;min-width:0}
#faq summary h3{margin:0;font-size:16px;line-height:24px;font-weight:500;color:#1F2124;cursor:pointer;transition:color .3s cubic-bezier(.22,1,.36,1)}
#faq summary:hover h3{color:#015F7E}
#faq summary > :nth-last-child(1 of :where([data-id])){width:auto;min-width:0;height:24px;flex:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}
#faq details[open] > summary > :nth-last-child(1 of :where([data-id])){transform:rotate(45deg)}
#faq summary > :nth-last-child(1 of :where([data-id])) *:where(:not(.elementor-element-overlay,.elementor-element-overlay *,.elementor-empty-view,.elementor-empty-view *)){font-size:24px;line-height:24px;font-weight:400;color:#1F2124;cursor:pointer}
#faq details > :nth-last-child(1 of :where([data-id])){padding:0 22px 20px;max-width:824px}
#faq details > :nth-last-child(1 of :where([data-id])) p{margin:0;font-size:16px;line-height:24px;color:#333}
:is(#faq details > :nth-last-child(1 of :where([data-id])) > p:nth-child(n+2 of :where([data-id])),#faq details > :nth-last-child(1 of :where([data-id])) > :where([data-atomic]):nth-child(n+2 of :where([data-id])) > p){margin-top:10px}
#faq-licence details > :last-child p:last-child,:is(:is(#faq-licence > :nth-last-child(1 of :where([data-id])),#faq-licence > :nth-last-child(1 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-last-child(1 of :where([data-id])),#faq-licence > :nth-last-child(1 of :where([data-id])) :where([data-atomic]):nth-last-child(1 of :where([data-id])) > p){font-size:13px;line-height:20px;color:#5C6A7A}

/* Quote form (theme lead form) */
#ld-form-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0}
:is(#ld-form-card form > :where([data-id]:not([data-atomic])),#ld-form-card form > :where([data-atomic]) > *){min-width:0}
:is(#ld-form-card form > :nth-child(n+9 of :where([data-id])):where([data-id]:not([data-atomic])),#ld-form-card form > :where([data-atomic]):nth-child(n+9 of :where([data-id])) > *){grid-column:1/-1}
#ld-form-card :is(input,select,textarea){font-family:inherit;box-shadow:none}
#ld-form-card :is(input,select,textarea):focus-visible{outline:3px solid #1895CA;outline-offset:2px}
#ld-form-card textarea{resize:vertical}

@media (max-width:1024px){
#ld-stage{max-width:600px;width:100%;margin:0 auto}
#ld-proof ul:where(:not(.elementor-element-overlay *,.elementor-empty-view *)){grid-template-columns:repeat(2,minmax(0,1fr))}
#ld-strip{-webkit-mask:none;mask:none}
#ld-strip > :where([data-id]){display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-areas:"vg head" "vg title" "vg text";grid-template-rows:auto auto 1fr;column-gap:28px;row-gap:8px}
:is(#ld-strip > :where([data-id]) > :nth-child(1 of :where([data-id])):where([data-id]:not([data-atomic])),#ld-strip > :where([data-id]) > :where([data-atomic]):nth-child(1 of :where([data-id])) > *){grid-area:head}
#ld-strip > :where([data-id]) > :nth-child(2 of :where([data-id])){grid-area:vg}
:is(#ld-strip > :where([data-id]) > :nth-child(3 of :where([data-id])):where([data-id]:not([data-atomic])),#ld-strip > :where([data-id]) > :where([data-atomic]):nth-child(3 of :where([data-id])) > *){grid-area:title;margin:0}
:is(#ld-strip > :where([data-id]) > :nth-child(4 of :where([data-id])):where([data-id]:not([data-atomic])),#ld-strip > :where([data-id]) > :where([data-atomic]):nth-child(4 of :where([data-id])) > *){grid-area:text}
#ld-strip > :nth-child(n+2 of :where([data-id]))::before{left:20px;right:20px;top:-1px;bottom:auto;width:auto;height:0;border-left:0;border-top:2px dashed #C9D7E3}
#ld-guide-aside{position:static}
}
@media (max-width:767px){
#ld-copy h1 > span:nth-of-type(2){font-size:17px;line-height:25px}
#ld-stage{height:auto;padding-bottom:6px}
#ld-screen{position:relative;max-width:none;padding:8px;border-radius:12px}
#ld-bs{padding:14px 16px 10px}
:is(:is(#ld-bs > :nth-child(2 of :where([data-id])),#ld-bs > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(2 of :where([data-id])),#ld-bs > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(2 of :where([data-id])) > p){font-size:28px;line-height:34px}
:is(:is(#ld-bs > :nth-child(2 of :where([data-id])),#ld-bs > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(1 of :where([data-id])),#ld-bs > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(1 of :where([data-id])) > p),:is(:is(#ld-bs > :nth-child(2 of :where([data-id])),#ld-bs > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(3 of :where([data-id])),#ld-bs > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(3 of :where([data-id])) > p){font-size:12px;line-height:18px}
#ld-bs > :nth-child(3 of :where([data-id])){justify-content:flex-end}
:is(:is(#ld-bs > :nth-child(3 of :where([data-id])),#ld-bs > :nth-child(3 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(1 of :where([data-id])),#ld-bs > :nth-child(3 of :where([data-id])) :where([data-atomic]):nth-child(1 of :where([data-id])) > p){display:none}
#ld-tw{position:relative;left:auto;bottom:auto;width:min(272px,76%);margin:-34px 0 0 6px;transform:rotate(-3deg)}
#ld-note{display:none}
#ld-bs2{aspect-ratio:4/3;padding:16px 16px 12px}
:is(:is(#ld-bs2 > :nth-child(2 of :where([data-id])),#ld-bs2 > :nth-child(2 of :where([data-id])) :where(:not([data-atomic]))) > p:nth-child(2 of :where([data-id])),#ld-bs2 > :nth-child(2 of :where([data-id])) :where([data-atomic]):nth-child(2 of :where([data-id])) > p){font-size:32px;line-height:38px}
#ld-proof ul:where(:not(.elementor-element-overlay *,.elementor-empty-view *)){grid-template-columns:minmax(0,1fr);gap:12px}
#ld-proof li:where(:not(.elementor-element-overlay *,.elementor-empty-view *)){justify-content:flex-start;text-align:left}
#ld-strip > :where([data-id]){grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "vg" "title" "text";grid-template-rows:auto}
#faq summary{padding:16px 18px}
#faq details > :nth-last-child(1 of :where([data-id])){padding:0 18px 18px}
#ld-form-card form{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#ld-cf1,#ld-cf2,#ld-cf3,#ld-cf4,#ld-cf5,#ld-cf6{animation:none}}

/* Try it (#ld-try): draw machine after the draw widget on luckydraw.klobbi.com. No JavaScript: the button is an accordion
   summary; each draw freezes a counter that runs while it waits, so the reel stops on whichever name was lined up
   when the visitor clicked. Two accordion items (A, B) alternate so "Draw again" works with one click. */
@property --ld-pa{syntax:"<integer>";inherits:true;initial-value:0}
@property --ld-pb{syntax:"<integer>";inherits:true;initial-value:0}
@keyframes ld-pa{to{--ld-pa:6}}
@keyframes ld-pb{to{--ld-pb:6}}
#ld-try{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:72px;padding:0;text-align:center}
#ld-try-label{margin:0 0 8px;font-size:16px;line-height:24px;font-weight:500;color:#39C9FF}
#ld-try-title{margin:0 0 12px;font-size:30px;line-height:36px;font-weight:700;letter-spacing:-.5px;color:#EEF4FF}
#ld-try-text{margin:0 0 32px;max-width:560px;font-size:17px;line-height:27px;color:rgba(216,228,248,.68)}
@media (max-width:767px){#ld-try{margin-top:56px}#ld-try-title{font-size:24px;line-height:32px}#ld-try-text{font-size:16px;line-height:25px;margin-bottom:24px}}
#ld-mach-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding:0;min-width:0}
#ld-mach{--ld-row:88px;--ld-c:152px;--ld-mh:56px;--ld-w:0;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:18px;width:100%;max-width:400px;padding:28px 28px 24px;border-radius:34px;
background:radial-gradient(circle at 20px 20px,#E8EDF5 0 1.5px,#9AA3B5 2.5px 4px,#4B5468 5px 5.5px,transparent 6.5px),radial-gradient(circle at calc(100% - 20px) 20px,#E8EDF5 0 1.5px,#9AA3B5 2.5px 4px,#4B5468 5px 5.5px,transparent 6.5px),radial-gradient(circle at 20px calc(100% - 20px),#E8EDF5 0 1.5px,#9AA3B5 2.5px 4px,#4B5468 5px 5.5px,transparent 6.5px),radial-gradient(circle at calc(100% - 20px) calc(100% - 20px),#E8EDF5 0 1.5px,#9AA3B5 2.5px 4px,#4B5468 5px 5.5px,transparent 6.5px),linear-gradient(180deg,#252D3D 0%,#181E2B 55%,#121722 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(57,201,255,.12),0 44px 90px -34px rgba(0,0,0,.75),0 0 60px -10px rgba(57,201,255,.18);
animation:ld-pa .67s steps(6) infinite,ld-pb .53s steps(6) infinite}
#ld-mach:has(#ld-dA[open]){animation-play-state:paused,running;--ld-w:var(--ld-pa)}
#ld-mach:has(#ld-dB[open]){animation-play-state:running,paused;--ld-w:var(--ld-pb)}

/* Marquee: "LUCKY DRAW", then the winner */
#ld-marq{position:relative;align-self:center;width:calc(100% - 20px);height:var(--ld-mh);min-height:0;padding:0;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#4DB8FF 0%,#3394FF 55%,#2D74FF 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.18),0 10px 26px -8px rgba(47,134,255,.75),0 0 34px rgba(57,170,255,.32)}
#ld-marq::before,#ld-marq::after{content:"";position:absolute;inset:0;width:auto;height:auto;pointer-events:none;z-index:2;
background:radial-gradient(circle at 14% 7px,var(--ld-bulb) 0 2.4px,transparent 3.2px),radial-gradient(circle at 30% 7px,var(--ld-bulb) 0 2.4px,transparent 3.2px),radial-gradient(circle at 46% 7px,var(--ld-bulb) 0 2.4px,transparent 3.2px),radial-gradient(circle at 62% 7px,var(--ld-bulb) 0 2.4px,transparent 3.2px),radial-gradient(circle at 78% 7px,var(--ld-bulb) 0 2.4px,transparent 3.2px),radial-gradient(circle at 94% 7px,var(--ld-bulb) 0 2.4px,transparent 3.2px)}
#ld-marq::after{background:radial-gradient(circle at 6% calc(100% - 7px),var(--ld-bulb) 0 2.4px,transparent 3.2px),radial-gradient(circle at 22% calc(100% - 7px),var(--ld-bulb) 0 2.4px,transparent 3.2px),radial-gradient(circle at 38% calc(100% - 7px),var(--ld-bulb) 0 2.4px,transparent 3.2px),radial-gradient(circle at 54% calc(100% - 7px),var(--ld-bulb) 0 2.4px,transparent 3.2px),radial-gradient(circle at 70% calc(100% - 7px),var(--ld-bulb) 0 2.4px,transparent 3.2px),radial-gradient(circle at 86% calc(100% - 7px),var(--ld-bulb) 0 2.4px,transparent 3.2px)}
#ld-marq::before{--ld-bulb:#0D2F5E}
#ld-marq::after{--ld-bulb:#0D2F5E}
#ld-marq-label,#ld-marq-names{margin:0;color:#071A33;font-size:17px;line-height:var(--ld-mh);font-weight:700;letter-spacing:.32em;text-transform:uppercase;text-align:center;white-space:nowrap}
#ld-marq-label{position:relative;z-index:1;display:block;padding-left:.32em;cursor:default}
#ld-marq-names{position:absolute;left:0;right:0;top:0;z-index:1;display:flex;flex-direction:column;letter-spacing:.08em;opacity:0;transform:translateY(calc(var(--ld-w) * var(--ld-mh) * -1))}
#ld-marq-names > span{display:block;height:var(--ld-mh);overflow:hidden;text-overflow:ellipsis;padding:0 18px}

/* Window: reel of names, cyan band, rails and fades */
#ld-win{position:relative;display:block;height:392px;min-height:0;padding:0;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#03060C,#070B15 50%,#03060C);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 12px 30px rgba(0,0,0,.85)}
#ld-win::before{content:"";position:absolute;left:0;right:0;top:var(--ld-c);bottom:auto;width:auto;height:var(--ld-row);z-index:2;pointer-events:none;border-top:2px solid #39C9FF;border-bottom:2px solid #39C9FF;background:linear-gradient(90deg,rgba(57,201,255,.04),rgba(57,201,255,.1),rgba(57,201,255,.04));box-shadow:0 0 18px rgba(57,201,255,.5),inset 0 0 18px rgba(57,201,255,.2);-webkit-backdrop-filter:brightness(1.75);backdrop-filter:brightness(1.75)}
#ld-win::after{content:"";position:absolute;inset:0;width:auto;height:auto;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px calc(100% - 1px),rgba(255,255,255,.07) calc(100% - 1px)),linear-gradient(180deg,#04070E 0%,rgba(4,7,14,.55) 18%,rgba(4,7,14,0) 34%,rgba(4,7,14,0) 66%,rgba(4,7,14,.55) 82%,#04070E 100%)}
#ld-reel{cursor:default;position:absolute;left:0;right:0;top:0;z-index:1;margin:0;display:flex;flex-direction:column;transform:translateY(calc(var(--ld-c) - var(--ld-row) * 2));will-change:transform}
#ld-reel > span{display:flex;align-items:center;justify-content:center;height:var(--ld-row);padding:0 16px;font-size:28px;line-height:1;font-weight:600;letter-spacing:-.2px;color:#8C95A8;white-space:nowrap;overflow:hidden}

/* Button: two accordion items, only the closed one shows */
#ld-mbase{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:0;min-height:44px}
#ld-drawbtn{display:block;width:auto;padding:0;margin:0;border:0;background:none}
#ld-drawbtn details{width:auto;margin:0;padding:0;border:0;background:none}
#ld-dB{display:none}
#ld-mach:has(#ld-dA[open]) #ld-dA{display:none}
#ld-mach:has(#ld-dA[open]) #ld-dB{display:block}
#ld-mach:has(#ld-dB[open]) #ld-dB{display:none}
#ld-drawbtn details > :not(summary):where([data-id]){display:none}
#ld-drawbtn summary{display:flex;align-items:center;justify-content:center;gap:10px;width:auto;height:44px;padding:0 26px;border-radius:999px;list-style:none;cursor:pointer;background:linear-gradient(180deg,#5CC4FF 0%,#3394FF 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 24px -8px rgba(47,134,255,.8),0 0 0 1px rgba(154,216,255,.35);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),filter .3s cubic-bezier(.22,1,.36,1)}
#ld-drawbtn summary::-webkit-details-marker{display:none}
#ld-drawbtn summary:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 30px -8px rgba(47,134,255,.9),0 0 0 1px rgba(154,216,255,.5)}
#ld-drawbtn summary:active{transform:translateY(1px) scale(.98)}
#ld-drawbtn summary:focus-visible{outline:3px solid #9AD8FF;outline-offset:3px}
#ld-drawbtn summary > :where([data-id]){width:auto;min-width:0;padding:0;flex:none}
#ld-lblA,#ld-lblB{margin:0;color:#071A33;font-size:13px;line-height:20px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
#ld-lblA > span:nth-child(2){display:none}
#ld-mach:has(#ld-dB[open]) #ld-lblA > span:nth-child(1){display:none}
#ld-mach:has(#ld-dB[open]) #ld-lblA > span:nth-child(2){display:inline}
#ld-mach-note{margin:0;max-width:400px;font-size:13px;line-height:20px;color:rgba(216,228,248,.62);text-align:center}

/* The draw: spin, reveal, flash, confetti. A and B use their own keyframes so each click restarts them. */
@keyframes ld-spin-a{from{transform:translateY(calc(var(--ld-c) - var(--ld-row) * 2))}to{transform:translateY(calc(var(--ld-c) - var(--ld-row) * (30 + var(--ld-pa))))}}
@keyframes ld-spin-b{from{transform:translateY(calc(var(--ld-c) - var(--ld-row) * 2))}to{transform:translateY(calc(var(--ld-c) - var(--ld-row) * (30 + var(--ld-pb))))}}
@keyframes ld-blur-a{0%{filter:blur(0)}8%,62%{filter:blur(1.6px)}100%{filter:blur(0)}}
@keyframes ld-blur-b{0%{filter:blur(0)}8%,62%{filter:blur(1.6px)}100%{filter:blur(0)}}
@keyframes ld-lbl-a{0%,90%{opacity:1}100%{opacity:0}}
@keyframes ld-lbl-b{0%,90%{opacity:1}100%{opacity:0}}
@keyframes ld-win-a{0%,90%{opacity:0}100%{opacity:1}}
@keyframes ld-win-b{0%,90%{opacity:0}100%{opacity:1}}
@keyframes ld-flash-a{50%{border-color:#E9F7FF;box-shadow:0 0 36px rgba(57,201,255,.95),inset 0 0 30px rgba(57,201,255,.55);-webkit-backdrop-filter:brightness(2.6);backdrop-filter:brightness(2.6)}}
@keyframes ld-flash-b{50%{border-color:#E9F7FF;box-shadow:0 0 36px rgba(57,201,255,.95),inset 0 0 30px rgba(57,201,255,.55);-webkit-backdrop-filter:brightness(2.6);backdrop-filter:brightness(2.6)}}
@keyframes ld-chase{0%,49.9%{opacity:1}50%,100%{opacity:.25}}
@keyframes ld-glow-a{0%,90%{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.18),0 10px 26px -8px rgba(47,134,255,.75),0 0 34px rgba(57,170,255,.32)}100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.35),0 10px 30px -6px rgba(47,134,255,.95),0 0 56px rgba(57,201,255,.7)}}
@keyframes ld-glow-b{0%,90%{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.18),0 10px 26px -8px rgba(47,134,255,.75),0 0 34px rgba(57,170,255,.32)}100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.35),0 10px 30px -6px rgba(47,134,255,.95),0 0 56px rgba(57,201,255,.7)}}
@keyframes ld-burst-a{0%{opacity:0;transform:translateY(-14px) scale(.9)}8%{opacity:1}100%{opacity:0;transform:translateY(150px) scale(1.04)}}
@keyframes ld-burst-b{0%{opacity:0;transform:translateY(-14px) scale(.9)}8%{opacity:1}100%{opacity:0;transform:translateY(150px) scale(1.04)}}
#ld-mach::after{content:"";position:absolute;left:0;right:0;top:-4%;bottom:auto;width:auto;height:62%;z-index:6;pointer-events:none;opacity:0;
background:radial-gradient(circle at 8% 22%,#39C9FF 0 4px,transparent 4.6px),radial-gradient(circle at 17% 6%,#FFFFFF 0 3px,transparent 3.6px),radial-gradient(circle at 26% 30%,#9AD8FF 0 4px,transparent 4.6px),radial-gradient(circle at 34% 12%,#2F6DFF 0 3.5px,transparent 4px),radial-gradient(circle at 43% 34%,#FFFFFF 0 2.5px,transparent 3px),radial-gradient(circle at 51% 4%,#39C9FF 0 3.5px,transparent 4px),radial-gradient(circle at 59% 26%,#9AD8FF 0 3px,transparent 3.6px),radial-gradient(circle at 67% 10%,#FFFFFF 0 3.5px,transparent 4px),radial-gradient(circle at 75% 32%,#39C9FF 0 4px,transparent 4.6px),radial-gradient(circle at 83% 8%,#2F6DFF 0 3px,transparent 3.6px),radial-gradient(circle at 91% 24%,#FFFFFF 0 3px,transparent 3.6px),radial-gradient(circle at 12% 46%,#FFFFFF 0 2.5px,transparent 3px),radial-gradient(circle at 30% 52%,#39C9FF 0 3px,transparent 3.6px),radial-gradient(circle at 47% 48%,#9AD8FF 0 3.5px,transparent 4px),radial-gradient(circle at 64% 54%,#FFFFFF 0 3px,transparent 3.6px),radial-gradient(circle at 80% 46%,#39C9FF 0 3.5px,transparent 4px),radial-gradient(circle at 94% 56%,#9AD8FF 0 2.5px,transparent 3px)}
@keyframes ld-wait-a{0%,99%{opacity:.55;pointer-events:none}100%{opacity:1;pointer-events:auto}}
@keyframes ld-wait-b{0%,99%{opacity:.55;pointer-events:none}100%{opacity:1;pointer-events:auto}}
#ld-mach:has(#ld-dA[open]) #ld-dB > summary{animation:ld-wait-a 4.3s both}
#ld-mach:has(#ld-dB[open]) #ld-dA > summary{animation:ld-wait-b 4.3s both}
#ld-mach:has(#ld-dA[open]) #ld-reel{animation:ld-spin-a 4.2s cubic-bezier(.12,.72,.16,1) both,ld-blur-a 4.2s linear both}
#ld-mach:has(#ld-dB[open]) #ld-reel{animation:ld-spin-b 4.2s cubic-bezier(.12,.72,.16,1) both,ld-blur-b 4.2s linear both}
#ld-mach:has(#ld-dA[open]) #ld-marq-label{animation:ld-lbl-a 4.6s both}
#ld-mach:has(#ld-dB[open]) #ld-marq-label{animation:ld-lbl-b 4.6s both}
#ld-mach:has(#ld-dA[open]) #ld-marq-names{animation:ld-win-a 4.6s both}
#ld-mach:has(#ld-dB[open]) #ld-marq-names{animation:ld-win-b 4.6s both}
#ld-mach:has(#ld-dA[open]) #ld-marq{animation:ld-glow-a 4.6s both}
#ld-mach:has(#ld-dB[open]) #ld-marq{animation:ld-glow-b 4.6s both}
#ld-mach:has(details[open]) #ld-marq::before{animation:ld-chase .5s steps(1) infinite}
#ld-mach:has(details[open]) #ld-marq::after{animation:ld-chase .5s steps(1) -.25s infinite}
#ld-mach:has(details[open]) #ld-marq::before,#ld-mach:has(details[open]) #ld-marq::after{--ld-bulb:#FFFFFF}
#ld-mach:has(#ld-dA[open]) #ld-win::before{animation:ld-flash-a .5s 4.2s 3}
#ld-mach:has(#ld-dB[open]) #ld-win::before{animation:ld-flash-b .5s 4.2s 3}
#ld-mach:has(#ld-dA[open])::after{animation:ld-burst-a 1.8s 4.15s cubic-bezier(.22,1,.36,1) both}
#ld-mach:has(#ld-dB[open])::after{animation:ld-burst-b 1.8s 4.15s cubic-bezier(.22,1,.36,1) both}
@media (max-width:767px){
#ld-mach{--ld-row:72px;--ld-c:124px;--ld-mh:50px;padding:24px 18px 20px;border-radius:28px;gap:16px}
#ld-win{height:320px}
#ld-reel > span{font-size:23px}
#ld-marq-label,#ld-marq-names{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
#ld-mach:has(#ld-dA[open]) #ld-reel{animation:ld-spin-a .01s both}
#ld-mach:has(#ld-dB[open]) #ld-reel{animation:ld-spin-b .01s both}
#ld-mach:has(#ld-dA[open]) #ld-marq-label{animation:ld-lbl-a .3s both}
#ld-mach:has(#ld-dB[open]) #ld-marq-label{animation:ld-lbl-b .3s both}
#ld-mach:has(#ld-dA[open]) #ld-marq-names{animation:ld-win-a .3s both}
#ld-mach:has(#ld-dB[open]) #ld-marq-names{animation:ld-win-b .3s both}
#ld-mach:has(details[open]) #ld-marq::before,#ld-mach:has(details[open]) #ld-marq::after,#ld-mach:has(details[open]) #ld-win::before,#ld-mach:has(details[open])::after,#ld-mach:has(#ld-dA[open]) #ld-dB > summary,#ld-mach:has(#ld-dB[open]) #ld-dA > summary{animation:none}
}/* End custom CSS */