:root{color-scheme:dark;--green:#5bffa3;--ink:#000;--text:#fff;--muted:#b0b0b7;--line:#29292d;--surface:#151517;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px;background:#000}body{margin:0;background:#000;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;border:0;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:750;letter-spacing:-.05em}img{display:block;max-width:100%;-webkit-user-drag:none;user-select:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:6px}.skip-link{position:fixed;top:15px;left:15px;z-index:50;padding:15px 20px;background:#fff;color:#000;border-radius:30px;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{width:min(100% - 80px,1440px);margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.rules-link{font-size:15px;font-weight:600;color:#c7c7cc;min-height:44px;display:flex;align-items:center}.rules-link:hover{color:#fff}.header-actions{display:flex;gap:22px;align-items:center}.language-switch{display:flex;align-items:center;gap:3px;padding:4px;background:#171719;border:1px solid #29292d;border-radius:40px}.language-switch button{min-width:41px;height:34px;font-size:12px;font-weight:750;color:#b4b4bc;background:transparent;border-radius:40px;transition:color .2s,background .2s}.language-switch button[aria-pressed=true]{background:#fff;color:#000}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:#fff;color:#000;min-height:61px;padding:18px 31px;border-radius:100px;font-size:17px;font-weight:750;line-height:1.2;transition:transform .18s,background .18s;white-space:nowrap}.button:hover{background:#e6e6e8;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.small{min-height:44px;font-size:14px;padding:12px 20px;gap:18px}.button.small svg{width:19px;height:19px}.button.secondary{background:#232326;color:#fff}.button.secondary:hover{background:#343438}.hero{text-align:center;overflow:clip;padding-top:28px}.hero-logo{width:min(48vw,660px);height:auto;margin:0 auto 26px}.hero h1{font-size:clamp(48px,5vw,76px);line-height:1.04;letter-spacing:-.06em}.hero-copy{font-size:19px;line-height:1.55;margin-top:23px;color:#b7b7be}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:29px}.record-showcase{overflow:hidden;width:100%;margin-top:54px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.record-track{display:flex;gap:34px;width:max-content;animation:slide 100s linear infinite;transform:translateX(-100px);padding:5px 0 8px}.record-run{display:flex;gap:34px;flex:none}.record{width:clamp(220px,21vw,355px);flex:none;position:relative}.record img{width:100%;height:auto;aspect-ratio:1;border-radius:50%;clip-path:circle(49.7%);opacity:0;transition:opacity .9s;animation:spin 70s linear infinite}.record.is-loaded img{opacity:1}.record span{display:block;font-size:12px;color:#9e9ea6;margin-top:15px;font-weight:500}.hero-footnote{color:#aaaab2;font-size:14px;line-height:1.5;margin:35px 20px 0}.section-wrap{width:min(calc(100% - 80px),var(--max));margin:auto}.eyebrow{display:block;font-size:11px;letter-spacing:.1em;font-weight:800;color:var(--green);margin-bottom:24px;line-height:1.5}h2{font-size:clamp(40px,4.4vw,64px);line-height:1.04}.how{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:150px 0 85px}.section-intro p{font-size:19px;line-height:1.65;color:var(--muted);margin-top:26px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:37px 1fr 33px;gap:20px;padding:31px 0;border-bottom:1px solid var(--line)}.step-number{font-size:13px;color:var(--green);font-weight:650;margin-top:6px;font-variant-numeric:tabular-nums}.step h3{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin-bottom:12px}.step p{font-size:16px;line-height:1.65;color:var(--muted)}.step-icon{width:28px;height:28px;color:#c3c3cb;margin-top:2px}.point-pills{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.point-pills>span{display:flex;align-items:center;gap:20px;border-radius:50px;padding:10px 14px;color:#fff;font-size:13px;font-weight:600;background:#202023}.point-pills b{color:var(--green);font-size:17px}.cards-section{padding:84px 0 95px}.cards-heading{display:flex;justify-content:space-between;align-items:end;gap:65px;margin-bottom:49px}.cards-heading>div{flex:1}.cards-heading>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:365px;margin-bottom:5px}.card-display{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;align-items:start;padding:10px 8px 16px}.game-card{position:relative;min-height:425px;padding:28px 29px 25px;border-radius:30px;border:1px solid #ffffff1a;background:var(--surface);box-shadow:0 7px 0 #252527;isolation:isolate;overflow:hidden;transition:transform .25s}.game-card:hover{transform:translateY(-9px) rotate(0)}.hint-card{background:#b2ffd1;color:#062c19;box-shadow:0 7px 0 #4b8b62;transform:rotate(-3deg)}.time-card{background:#fff;color:#141416;box-shadow:0 7px 0 #a9a9b2;transform:translateY(20px) rotate(2deg)}.double-card{background:#e3c6ff;color:#30144e;box-shadow:0 7px 0 #8061a0;transform:rotate(4deg)}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1.3}.card-top svg{width:19px;height:19px}.card-art{width:106px;height:106px;display:flex;align-items:center;justify-content:center;position:relative;margin:35px auto 26px;isolation:isolate}.card-art:before{content:"";position:absolute;width:100%;height:100%;border-radius:30px;transform:rotate(-12deg);background:currentColor;opacity:.08;z-index:-1}.card-art svg{height:70px;width:70px;stroke-width:1.6}.time-card .card-art svg{width:83px;height:83px;transform:translate(-8px,-5px)}.time-card .card-art b{position:absolute;bottom:0;right:-5px;font-size:26px;font-weight:800;background:#141416;color:#fff;padding:5px 9px;border-radius:12px;letter-spacing:-.05em;transform:rotate(-8deg)}.double-art b{font-size:73px;letter-spacing:-.08em;transform:rotate(-6deg);margin-left:-7px}.game-card h3{font-size:31px;line-height:1.02;letter-spacing:-.045em;margin-bottom:16px;max-width:250px}.game-card p{font-size:16px;line-height:1.5;opacity:.8;max-width:270px}.card-bottom{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;border-top:1px solid #0002;margin-top:27px;padding-top:16px}.cards-note{font-size:15px;line-height:1.8;color:var(--muted);text-align:center;margin-top:49px}.raffle-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:98px 0}.raffle-art{position:relative;min-height:310px;display:flex;justify-content:center;align-items:center}.ticket{width:285px;height:175px;border:1px solid #4d8562;background:linear-gradient(135deg,#234b34,#10261a);border-radius:27px;display:flex;align-items:center;justify-content:space-around;color:var(--green);transform:translate(-36px,-35px) rotate(-14deg);box-shadow:0 12px 25px #0008}.ticket>svg{width:91px;height:91px;stroke-width:1.3}.ticket>span{font-size:65px;font-weight:750;letter-spacing:-.065em}.second-ticket{position:absolute;transform:translate(37px,53px) rotate(11deg);background:var(--green);color:#062e18;border-color:#a5ffc9}.raffle-copy h2{margin-bottom:29px}.raffle-copy p{font-size:17px;line-height:1.7;color:var(--muted);margin-top:15px;max-width:450px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:110px 0 70px}.faq-items{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding:26px 0;font-size:20px;font-weight:650;letter-spacing:-.025em;line-height:1.3}summary::-webkit-details-marker{display:none}summary svg{width:20px;height:20px;color:#95959f;transition:transform .2s}details[open] summary svg{transform:rotate(45deg);color:var(--green)}details p{font-size:16px;line-height:1.7;color:var(--muted);padding:0 35px 27px 0}.last-call{padding:100px 24px 120px;position:relative;overflow:hidden;text-align:center}.last-call>img{width:230px;height:auto;margin:0 auto 28px}.last-call h2{font-size:clamp(47px,5.5vw,78px);margin-bottom:31px;letter-spacing:-.06em}.last-call .button{min-width:205px}.site-footer{max-width:1440px;width:calc(100% - 80px);margin:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:30px 0 35px;gap:24px;font-size:12px;color:#8d8d97}.site-footer>span:first-child{font-weight:750;color:#fff}.site-footer a:hover{color:#fff}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide{from{transform:translateX(-100px)}to{transform:translateX(calc(-50% - 117px))}}@media(min-width:1650px){.hero{padding-top:50px}.hero-logo{width:720px}.record-showcase{margin-top:70px}.hero-footnote{margin-top:45px}}@media(max-width:1000px){.site-header{width:calc(100% - 48px);height:84px}.hero-logo{width:min(65vw,600px)}.hero h1{font-size:62px}.section-wrap{width:calc(100% - 64px)}.how,.faq{gap:45px;grid-template-columns:.8fr 1.2fr}.how{padding-top:105px}.step{gap:14px;grid-template-columns:28px 1fr}.step-icon{display:none}.step h3{font-size:23px}.cards-heading{gap:35px}.cards-heading>p{font-size:16px;max-width:300px}.card-display{gap:18px;padding-left:0;padding-right:0}.game-card{padding:23px 21px;min-height:425px;border-radius:25px}.game-card h3{font-size:28px}.game-card p{font-size:15px}.card-art{width:90px;height:90px}.card-art svg{width:61px;height:61px}.raffle-section{gap:40px}.ticket{width:235px;height:150px}.ticket>svg{width:70px;height:70px}.ticket>span{font-size:52px}.raffle-copy p{font-size:16px}.site-footer{width:calc(100% - 48px)}}@media(max-width:700px){.site-header{width:calc(100% - 40px);height:79px}.rules-link{font-size:13px}.header-actions{gap:13px}.header-actions>.button{display:none}.language-switch button{height:31px;min-width:36px;font-size:11px}.hero{padding-top:28px}.hero-logo{width:calc(100% - 50px);max-width:460px;margin-bottom:29px}.hero h1{font-size:clamp(41px,10.5vw,58px);line-height:1.06;letter-spacing:-.06em}.hero-copy{font-size:16px;line-height:1.6;margin-top:20px}.hero-actions{margin-top:26px;gap:10px;padding:0 20px}.button{font-size:14px;min-height:54px;padding:16px 21px;gap:16px}.button svg{width:20px;height:20px}.record-showcase{margin-top:40px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.record{width:210px}.record-track,.record-run{gap:22px}.record span{font-size:11px;margin-top:11px}.hero-footnote{font-size:12px;margin-top:25px}.section-wrap{width:calc(100% - 44px)}.how{grid-template-columns:1fr;gap:36px;padding-top:85px;padding-bottom:40px}.eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:.085em}h2{font-size:44px}.section-intro p{font-size:17px;margin-top:22px}.how .section-intro p br{display:none}.step{grid-template-columns:27px 1fr 24px;gap:16px;padding:25px 0}.step-icon{display:block;width:24px;height:24px}.step-number{font-size:11px;margin-top:5px}.step h3{font-size:23px}.step p{font-size:15px;line-height:1.65}.point-pills{margin-top:16px;gap:6px}.point-pills>span{font-size:12px;gap:14px;padding:8px 12px}.point-pills b{font-size:15px}.cards-section{padding:45px 0 65px}.cards-heading{display:block;margin-bottom:27px}.cards-heading>p{font-size:16px;max-width:100%;margin-top:24px;line-height:1.6}.cards-heading>p br{display:none}.card-display{display:flex;gap:17px;overflow:auto;scroll-snap-type:x mandatory;margin-left:-22px;margin-right:-22px;padding:23px 32px 35px;scrollbar-width:none}.card-display::-webkit-scrollbar{display:none}.game-card{min-width:260px;width:260px;min-height:414px;flex:none;scroll-snap-align:center;padding:25px;transform:none!important;border-radius:26px}.game-card h3{font-size:30px}.game-card p{font-size:16px}.card-art{margin:30px auto;width:99px;height:99px}.cards-note{margin-top:10px;font-size:14px;line-height:1.7}.cards-note br{display:none}.raffle-section{display:flex;flex-direction:column;gap:29px;padding:53px 0 60px}.raffle-art{width:100%;min-height:260px;order:2}.raffle-copy{width:100%}.raffle-copy h2{margin-bottom:23px}.raffle-copy p{max-width:100%;font-size:16px}.ticket{width:242px;height:147px;transform:translate(-30px,-29px) rotate(-14deg)}.second-ticket{transform:translate(29px,46px) rotate(11deg)}.faq{grid-template-columns:1fr;gap:30px;padding:69px 0 35px}summary{font-size:18px;padding:22px 0}details p{font-size:15px;padding-right:18px}.last-call{padding:69px 22px 80px}.last-call>img{width:200px;margin-bottom:25px}.last-call h2{font-size:50px}.last-call .button{font-size:16px;min-width:195px;min-height:58px}.site-footer{width:calc(100% - 44px);flex-wrap:wrap;row-gap:18px;padding:25px 0 30px;font-size:12px}.site-footer>span:last-child{width:100%;color:#777781;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.record-track,.record img{animation:none}.button,.game-card,summary svg{transition:none}.record-track{transform:translateX(-100px)}}
/* Keep the first action and the records in view on shorter laptops. */
.hero-logo{width:min(42vw,560px);margin-bottom:22px}.hero h1{font-size:clamp(38px,3.8vw,58px);max-width:1100px;margin:auto}.hero-copy{font-size:18px;margin-top:18px}.hero-actions{margin-top:25px}.hero .record-showcase{margin-top:43px}
@media(min-width:701px) and (max-height:800px){.site-header{height:76px}.hero{padding-top:12px}.hero-logo{width:360px;margin-bottom:17px}.hero h1{font-size:43px;line-height:1.1}.hero-copy{font-size:16px;line-height:1.55;margin-top:15px}.hero-actions{margin-top:22px}.hero-actions .button{min-height:53px;font-size:15px;padding:15px 26px}.hero .record-showcase{margin-top:35px}.record{width:245px}.hero-footnote{margin-top:29px}}
@media(max-width:700px){.hero-logo{width:calc(100% - 50px);max-width:460px;margin-bottom:29px}.hero h1{max-width:360px;padding:0 14px;font-size:clamp(41px,10.5vw,58px);line-height:1.06}.hero-copy{font-size:16px;line-height:1.6;margin-top:20px}.hero-actions{margin-top:26px}.hero .record-showcase{margin-top:40px}.record{width:210px}}
.header-brand{display:block;width:114px;flex:none}.header-brand img{width:100%;height:auto}.site-header{height:108px}.header-actions{gap:29px}.hero{padding-top:45px}.hero h1{font-size:clamp(76px,9.4vw,144px);line-height:.96;letter-spacing:-.067em;max-width:1240px;padding:0 24px;font-weight:780}.hero h1 span{color:var(--green)}.hero-copy{margin-top:30px;font-size:19px;line-height:1.6}.hero-actions{margin-top:29px}.hero .record-showcase{margin-top:63px}.record{width:clamp(220px,22vw,355px)}.last-call{padding-bottom:80px}.site-footer{display:block;padding-top:65px;padding-bottom:35px}.footer-brand{display:block;width:min(100%,820px);margin:0 auto 65px}.footer-brand img{width:100%;height:auto}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-bottom>span:first-child{font-weight:750;color:#fff}
@media(min-width:701px) and (max-height:800px){.site-header{height:88px}.hero{padding-top:24px}.hero h1{font-size:clamp(76px,8.8vw,122px);line-height:.96}.hero-copy{font-size:17px;margin-top:24px}.hero-actions{margin-top:25px}.hero .record-showcase{margin-top:47px}.record{width:245px}}
@media(max-width:1000px){.header-brand{width:106px}.site-header{height:90px}.hero{padding-top:36px}.hero h1{font-size:clamp(64px,9.4vw,94px)}}
@media(max-width:700px){.site-header{height:88px}.header-actions{gap:17px}.header-brand{width:94px}.hero{padding-top:39px}.hero h1{font-size:clamp(44px,11.9vw,75px);max-width:100%;padding:0 15px;line-height:1.02;letter-spacing:-.06em}.hero-copy{font-size:16px;margin-top:24px}.hero-actions{margin-top:25px}.hero .record-showcase{margin-top:43px}.record{width:210px}.last-call{padding-bottom:70px}.site-footer{padding-top:37px;padding-bottom:26px}.footer-brand{margin-bottom:39px;width:100%}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-bottom>span:last-child{width:100%;font-size:11px;color:#777781}.site-footer>span:last-child{width:auto}}
.hero h1{letter-spacing:-.045em}.hero h1 span{color:#fff}
@media(max-width:700px){.hero h1{letter-spacing:-.04em;font-size:clamp(43px,11.65vw,74px)}.header-actions{gap:19px}}