@font-face{font-family:Fredoka;src:url('media/fredoka-bold.ttf') format('truetype');font-weight:800;font-display:swap}@font-face{font-family:Nunito;src:url('media/nunito-semibold.ttf') format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:Nunito;src:url('media/nunito-extrabold.ttf') format('truetype');font-weight:800 900;font-display:swap}
:root{--ink:#231743;--cream:#fffaf0;--purple:#7955d7;--yellow:#ffcc35;--mint:#c9edcc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:600 16px/1.65 'Nunito',sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5635be;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.section{padding-top:105px;padding-bottom:105px}.skip{position:absolute;top:-80px;left:16px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px;padding-bottom:23px}.brand{font:800 38px/1 'Fredoka',cursive;letter-spacing:-2px;display:flex;align-items:center;gap:8px;text-decoration:none}.brand img{border-radius:12px}.brand span{font:800 11px 'Nunito',sans-serif;align-self:flex-start;margin-top:6px}.nav nav{display:flex;gap:30px;font-size:14px}.nav nav a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 28px;border-radius:15px;text-decoration:none;font-weight:900;box-shadow:0 5px 0 #080314;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #080314}.button:active{transform:translateY(4px);box-shadow:0 1px 0 #080314}.ink{background:var(--ink);color:white}.small{padding:11px 22px;font-size:14px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:660px;align-items:center;padding-top:50px;padding-bottom:75px;gap:30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;margin:0 0 22px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#67b96e;margin-right:7px}h1,h2,h3{font-family:'Fredoka',cursive;letter-spacing:-2px;font-weight:800;line-height:1.02;margin:0}h1{font-size:clamp(50px,5.5vw,76px);max-width:650px}.underlined{position:relative;z-index:0}.underlined:after{content:'';position:absolute;height:12px;background:var(--yellow);bottom:9px;left:0;right:0;z-index:-1;transform:rotate(-2deg)}.lead{font-size:18px;line-height:1.75;max-width:460px;margin:25px 0 28px;color:#625773}.actions{display:flex;gap:26px;align-items:center}.text-link{font-size:14px;text-underline-offset:5px;font-weight:900}.micro{font-size:11px;color:#756a84;margin-top:22px}.hero-art{position:relative;min-height:490px;display:grid;place-items:center}.sun-disc{position:absolute;width:410px;height:410px;border-radius:50%;background:var(--yellow);box-shadow:22px 20px 0 #f3b927}.hero-melo{position:relative;width:100%;max-width:500px;height:auto;z-index:2;animation:bob 5s ease-in-out infinite}.orbit{position:absolute;border:1px dashed #cfc2d7;width:490px;height:330px;border-radius:50%;transform:rotate(-30deg)}.orbit-two{transform:rotate(35deg)}.float-label{position:absolute;z-index:4;background:white;box-shadow:0 6px 0 #23174318;border:2px solid var(--ink);border-radius:12px;padding:12px 17px;font-size:11px;font-weight:900;letter-spacing:.5px}.hello{top:16px;right:3%;transform:rotate(8deg)}.hello span{font-size:22px;margin-left:8px}.streak{bottom:17px;left:14%;transform:rotate(-7deg)}.streak span{color:var(--purple);font-size:23px;margin-right:10px}.spark{position:absolute;z-index:4;font-size:55px;color:var(--purple)}.s1{left:0;top:30px}.s2{right:8px;bottom:50px;font-size:40px}.floating-game{position:absolute;z-index:3;object-fit:contain;filter:drop-shadow(0 9px 8px #23174325)}.g1{left:-30px;bottom:65px;transform:rotate(-15deg)}.g2{right:-18px;top:120px;transform:rotate(15deg)}.ticker{background:var(--ink);color:white;overflow:hidden;padding:20px 0;transform:rotate(-1.5deg);font-size:13px;font-weight:900;letter-spacing:2px}.ticker div{white-space:nowrap;display:flex;gap:45px;justify-content:center}.ticker span{color:var(--yellow)}h2{font-size:clamp(38px,4.3vw,58px)}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:34px}.section-head>p{max-width:340px;color:#6b617b;font-size:16px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid #dfd6e4;border-radius:100px;background:transparent;padding:10px 19px;font-size:13px;color:var(--ink)}.filters button.selected{background:var(--ink);color:white;border-color:var(--ink)}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.game-card{border:1px solid #2317430b;border-radius:24px;padding:23px 23px 27px;transition:transform .22s;overflow:hidden}.game-card:hover{transform:translateY(-7px) rotate(-1deg)}.game-card[hidden]{display:none}.genre{font-size:9px;font-weight:900;letter-spacing:1.5px}.game-card img{display:block;width:100%;height:180px;object-fit:contain;margin:9px 0 12px;filter:drop-shadow(0 10px 4px #23174310)}.game-card h3{font-size:29px;letter-spacing:-1px}.game-card p{font-size:12px;margin:9px 0 0;line-height:1.6}.lilac{background:#e5dcfb}.pink{background:#ffd9e9}.mint{background:#d5edcf}.blue{background:#d1e8fa}.peach{background:#ffe0bb}.yellow{background:#ffe69a}.suits{height:201px;font-family:Georgia,serif;font-size:125px;line-height:200px;letter-spacing:-25px;text-align:center;transform:rotate(-12deg)}.suits span{color:#e64a6a}.collection-note{text-align:center;margin:29px 0 0;font-size:13px;color:#746a7d}.social{background:#eee6fd}.social-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.purple{color:var(--purple)}.checks{padding:0;list-style:none;margin:0 0 30px}.checks li{font-size:14px;margin:12px 0}.checks li:before{content:'✓';display:inline-grid;place-items:center;border-radius:50%;background:#d1e8cd;width:23px;height:23px;margin-right:12px;font-size:12px}.table-scene{position:relative;min-height:460px;display:grid;place-items:center}.table-rim{width:95%;height:320px;background:#4b3168;border-radius:150px;border:9px solid #81599d;box-shadow:0 18px 0 #39224f;transform:rotate(-12deg);padding:13px}.felt{position:relative;background:#1e8270;border:2px dashed #7cd9aa;border-radius:140px;height:100%}.table-brand{position:absolute;top:28px;left:34%;text-align:center;color:#8ed6b6;font:800 30px/1 'Fredoka',cursive}.table-brand small{font:800 8px 'Nunito',sans-serif;letter-spacing:2px}.playing-card{position:absolute;top:98px;left:calc(50% - 45px);width:88px;height:125px;background:#fffaf0;border-radius:9px;padding:8px 13px;font:bold 29px/1 Georgia,serif;box-shadow:0 6px 0 #123e3c45}.playing-card span{display:block;font-size:45px;text-align:center;line-height:1.4}.c1{transform:translateX(-58px) rotate(-20deg);color:#e4485a}.c2{transform:rotate(8deg)}.c3{transform:translateX(58px) rotate(27deg);color:#e4485a}.bubble{position:absolute;z-index:2;background:white;box-shadow:0 5px 0 #23174312;border:2px solid var(--ink);border-radius:18px;padding:14px 19px;font-size:11px;font-weight:900}.b1{top:0;left:0;transform:rotate(-5deg)}.b2{right:-8px;bottom:30px;transform:rotate(8deg);font-size:20px}.table-melo{position:absolute;left:-30px;bottom:-10px;width:210px;height:auto}.league{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.league-notes{display:grid;gap:18px;margin-top:32px}.league-notes p{margin:0;display:flex;align-items:center;gap:18px}.league-notes strong{font-size:14px;border:1px solid #ded2eb;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;color:var(--purple)}.league-notes span{font-size:14px;font-weight:900}.league-notes small{font-size:12px;font-weight:600;color:#7a7185}.podium-art{position:relative;text-align:center;padding-top:20px}.trophy-melo{width:90%;height:auto;position:relative;z-index:2;margin-bottom:-45px}.league-sticker{display:inline-block;background:#d9c9f8;border-radius:6px;padding:10px 17px;font-size:10px;font-weight:900;letter-spacing:1px;transform:rotate(6deg)}.podium{display:flex;align-items:flex-end;justify-content:center;gap:10px}.podium div{background:#ecdefe;width:30%;height:120px;border-radius:15px 15px 0 0;display:grid;place-items:center;box-shadow:inset 0 -10px #ddc9f5}.podium div:nth-child(2){height:165px;background:#ffda65;box-shadow:inset 0 -10px #efc950}.podium div:nth-child(3){height:100px}.podium img{object-fit:contain}.meet{background:var(--ink);color:white}.meet-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.meet .eyebrow{color:var(--yellow)}.meet p{color:#d6c9eb}.video-launch{display:flex;align-items:center;position:relative;background:#3a285b;border:1px solid #755b9f;border-radius:28px;color:white;padding:14px 30px 14px 0;width:480px;text-align:left;font-size:24px;font-weight:900}.video-launch img{width:200px;height:210px;object-fit:contain}.video-launch small{display:block;font-size:11px;font-weight:600;color:#d5c7e8}.play-circle{position:absolute;bottom:30px;left:135px;background:var(--yellow);color:var(--ink);border-radius:50%;font-size:18px;width:49px;height:49px;display:grid;place-items:center;border:3px solid var(--ink)}.download{padding-bottom:40px}.download-card{background:var(--yellow);border-radius:38px;padding:65px 30px;text-align:center;position:relative;overflow:hidden}.download-card h2{font-size:clamp(44px,5vw,68px)}.download-card h2 span{color:#795015}.download-card>p{max-width:480px;margin:20px auto 26px}.download-card .eyebrow{margin-top:0}.download-fine{font-size:11px;line-height:1.7;opacity:.8}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-top:65px}.questions details{border-bottom:1px solid #dfd5e7;padding:19px 0}.questions details:first-child{padding-top:0}.questions summary{cursor:pointer;font-size:15px;font-weight:900;list-style:none;display:flex;justify-content:space-between;gap:20px}.questions summary:after{content:'+';font-size:20px;color:var(--purple)}.questions details[open] summary:after{content:'−'}.questions p{font-size:14px;color:#6c617b;max-width:560px}.footer{border-top:1px solid #e1d8e7;padding:40px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:35px;flex-wrap:wrap}.footer p{font-size:12px}.footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.footer small{width:100%;font-size:10px;color:#867b90}dialog{border:0;border-radius:22px;padding:22px;max-width:min(90vw,650px);background:var(--cream);color:var(--ink)}dialog::backdrop{background:#160a2cce}dialog h2{font-size:25px}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:15px}.dialog-top button{border:0;border-radius:50%;padding:8px 13px;background:#e5dcfb}dialog video{display:block;width:100%;max-height:65vh;border-radius:14px;background:#eee2ff}dialog p{font-size:11px}@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(2deg)}}
@media(min-width:1500px){.hero{min-height:730px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav nav{gap:17px}.hero{gap:10px;min-height:600px}h1{font-size:55px}.hero-art{min-height:390px}.sun-disc{width:320px;height:320px}.orbit{width:360px;height:250px}.hello{font-size:9px}.g1{width:100px;left:-10px}.g2{width:80px;right:-10px}.game-grid{grid-template-columns:repeat(4,1fr);gap:12px}.game-card{padding:17px}.game-card img{height:140px}.suits{height:161px;line-height:160px;font-size:95px}.social-grid,.league{gap:40px}.table-rim{height:290px}.video-launch{width:400px}.video-launch img{width:170px}.section{padding-top:80px;padding-bottom:80px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{padding-top:18px;padding-bottom:15px}.brand{font-size:30px}.brand img{width:34px;height:34px}.nav nav{display:none}.small{font-size:12px;padding:9px 15px;gap:12px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px;gap:25px}.hero-copy{max-width:500px;margin:auto}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:18px}h1{font-size:clamp(45px,10.5vw,65px)}.lead{font-size:15px;margin:20px 0 24px}.hero-art{min-height:340px;max-width:430px;width:100%;margin:auto}.hero-melo{width:350px;max-width:100%}.sun-disc{width:285px;height:285px;box-shadow:14px 14px 0 #f3b927}.orbit{width:300px;height:250px}.hello{top:0;right:10px;padding:7px 12px}.streak{bottom:0;font-size:9px;padding:8px 12px}.s1{font-size:35px;left:7px}.s2{right:13px;font-size:28px}.g1{width:90px;height:90px;left:0;bottom:36px}.g2{width:75px;height:75px;right:0;top:120px}.section{padding-top:60px;padding-bottom:60px}.section-head{display:block;margin-bottom:24px}.section-head>p{max-width:100%;font-size:14px;margin-top:20px}.filters{flex-wrap:nowrap;overflow-x:auto;padding:4px 4px 12px;margin-left:-4px;margin-right:-4px}.filters button{flex-shrink:0;font-size:11px;padding:9px 14px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-card{border-radius:18px;padding:15px}.game-card img{height:135px}.genre{font-size:8px;letter-spacing:.7px}.game-card h3{font-size:25px;letter-spacing:-1px}.game-card p{font-size:11px}.suits{height:156px;line-height:155px}.social-grid,.league,.faq{grid-template-columns:1fr;gap:45px}.social-grid>div:last-child{grid-row:1}.table-scene{min-height:370px;max-width:460px;width:100%;margin:auto}.table-rim{height:280px;width:94%}.table-melo{width:150px;left:-5px;bottom:0}.b1{font-size:9px;left:5px;top:0;padding:11px}.b2{right:0;bottom:8px;font-size:15px}.podium-art{max-width:400px;margin:auto}.trophy-melo{max-width:320px}.meet-inner{flex-direction:column;align-items:stretch;gap:25px}.video-launch{width:100%;max-width:440px;font-size:22px}.video-launch img{width:170px;height:180px}.play-circle{left:110px;bottom:25px}.download-card{padding:45px 22px;border-radius:25px}.download-card .button{font-size:13px;padding:15px 20px;gap:18px}.download-card>p{font-size:14px}.download-card .download-fine{font-size:10px}.faq{gap:30px}.footer{gap:20px}.footer nav{gap:13px;font-size:11px}.ticker{padding:15px 0;font-size:10px}.ticker div{gap:25px}.button{font-size:14px;padding:14px 23px}.actions{gap:22px}.text-link{font-size:12px}.micro{font-size:10px}.hero-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* The same shell palette and rounded type as the current mobile app. */
:root{--ink:#1E2533;--cream:#FFFFFF;--purple:#6840B8;--yellow:#FFC02E;--muted:#6B7486;--surface:#F6F8FB;--border:#E3E8EF;--mint:#2ED3A0;color-scheme:light}
body{background:var(--cream);color:var(--ink);overflow-x:clip}
h1,h2,h3{letter-spacing:-1.6px;line-height:1.08}.brand{letter-spacing:-1.3px}
.lead,.section-head>p,.micro,.collection-note,.questions p,.league-notes small,.footer small{color:var(--muted)}
.button{border-radius:18px}.ink{background:#9A6BFF;color:#151B27;box-shadow:0 5px 0 #7445DB}.ink:hover{box-shadow:0 8px 0 #7445DB}.ink:active{box-shadow:0 1px 0 #7445DB}
.nav nav{gap:20px}.nav{gap:16px}.nav nav a:hover{color:var(--purple)}
.theme-switch{border:2px solid var(--border);background:var(--surface);color:var(--ink);width:44px;height:44px;border-radius:14px;font-size:25px;flex-shrink:0}
.hero{min-height:620px}.hero-art{isolation:isolate}.hero-melo{max-width:460px}.float-label{color:#1E2533}.sun-disc{box-shadow:18px 18px 0 #D99A0B}
.ticker{transform:none}
.game-card{color:#1E2533;box-shadow:0 5px 0 #1E253312;border:2px solid #1E253310}.game-card h3{font-size:27px}.game-card img{height:160px}
.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.catalog-tools label{font-size:12px;font-weight:900;display:grid;gap:6px;max-width:420px;flex:1}.catalog-tools input{font:600 15px Nunito,sans-serif;color:var(--ink);background:var(--surface);border:2px solid var(--border);padding:13px 18px;border-radius:14px;width:100%;min-width:0}.catalog-tools input:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.catalog-tools p{font-size:12px;color:var(--muted)}.catalog-more{text-align:center;margin-top:30px}[hidden]{display:none!important}
.filters button{color:var(--ink);border-color:var(--border)}.filters button.selected{background:var(--ink);color:var(--cream)}
.social{background:#F3EDFF}.meme-demo{margin-top:28px}.meme-demo>p{font-size:13px;font-weight:900}.meme-demo>p span{font-size:11px;color:var(--muted);margin-left:15px;font-weight:600}.meme-rail{display:flex;gap:14px;overflow-x:auto;padding:6px 3px 14px;scroll-snap-type:x proximity}.meme-rail button{flex:0 0 150px;background:#FFF7E6;color:#1E2533;border:2px solid #DCD6E8;border-bottom-width:5px;border-radius:18px;padding:10px;font-size:11px;font-weight:900;scroll-snap-align:start;transition:transform .2s}.meme-rail img{display:block;margin:auto;object-fit:contain}.meme-rail button:hover{transform:translateY(-4px)}.meme-rail button:active{transform:translateY(3px)}.bubble{color:#1E2533;transition:opacity .5s}.bubble.faded{opacity:0}.bubble.pop{animation:meme-pop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes meme-pop{from{transform:scale(.5) rotate(-5deg)}to{transform:scale(1) rotate(-5deg)}}
.table-rim{background:#705031 url('media/card-wood-rail.webp') center/cover;border-color:#A87944;box-shadow:0 18px 0 #39291C}.felt{background:#261739 url('media/card-felt-plum.webp') center/cover;border-color:#8E6DBB}.table-brand{color:#D0BFFF}.court-card{position:absolute;top:98px;left:calc(50% - 44px);width:88px;height:125px;object-fit:cover;border-radius:9px;box-shadow:0 6px 10px #120A2045}
.events{background:var(--surface)}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.event-grid article{padding:30px;background:var(--cream);border:2px solid var(--border);border-bottom-width:6px;border-radius:24px}.event-grid img{object-fit:contain;display:block;margin-bottom:18px}.event-grid span{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--purple)}.event-grid h3{font-size:29px;margin-top:12px;letter-spacing:-.7px}.event-grid p{font-size:14px;color:var(--muted);margin-bottom:0}
.screen-rail{display:flex;gap:24px;overflow-x:auto;padding:12px 4px 24px;scroll-snap-type:x proximity}.screen-rail figure{margin:0;flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start;min-width:210px}.screen-rail img{width:100%;height:auto;border:7px solid #1E2533;border-radius:30px;box-shadow:0 10px 0 #1E253318;background:#12161F}.screen-rail figcaption{font-size:12px;font-weight:900;text-align:center;margin-top:20px}.progress{background:var(--surface)}.progress h2{margin-bottom:35px}.progress article{position:relative;overflow:hidden}.progress .event-grid img{height:80px;width:80px}
.download-card{color:#151B27}.download-card .ink{background:#1E2533;color:white;box-shadow:0 5px 0 #080D16}.download-card .text-link{display:inline-block;line-height:2}.footer{border-color:var(--border)}.questions details{border-color:var(--border)}.league-notes strong{border-color:var(--border)}
:root[data-theme=dark]{--ink:#EEF2F8;--cream:#12161F;--surface:#1A202B;--border:#2C3544;--muted:#B3BDCE;--purple:#C2A6FF;color-scheme:dark}
[data-theme=dark] .social{background:#231D34}[data-theme=dark] .orbit{border-color:#465069}[data-theme=dark] .meet{background:#1A202B}[data-theme=dark] .ticker{background:#273244}[data-theme=dark] .league-sticker{background:#372B54}[data-theme=dark] .podium div{background:#30283E}[data-theme=dark] .podium div:nth-child(2){background:#FFC02E}[data-theme=dark] .filters button.selected{color:#12161F}
@media(max-width:1000px){.nav nav{gap:12px;font-size:12px}.nav .brand{font-size:32px}.event-grid article{padding:22px}.event-grid h3{font-size:25px}.hero-melo{max-width:390px}}
@media(max-width:700px){.nav{gap:10px}.nav .brand{margin-right:auto;font-size:29px}.nav .button{padding:11px 14px;font-size:11px}.theme-switch{width:38px;height:38px;font-size:22px}.hero{min-height:0}.game-card img{height:125px}.game-card h3{font-size:24px}.catalog-tools{display:block}.catalog-tools label{max-width:none}.catalog-tools p{margin:12px 0 0}.event-grid{grid-template-columns:1fr}.event-grid article{padding:24px}.event-grid img{float:right;margin:0 0 12px 16px;width:64px;height:64px}.event-grid h3{font-size:28px}.meme-demo>p span{display:block;margin-left:0}.screen-rail figure{flex-basis:68%;min-width:220px}.meme-rail button{flex-basis:130px}.hero-art{overflow:visible}.hello{right:0}.streak{left:10%}.ticker div{justify-content:flex-start;padding-left:20px}.meet-inner h2{font-size:38px}}
