@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/assets/fonts/dm-sans-latin-wght-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/manrope-latin-wght-normal.woff2') format('woff2')}
:root{--paper:#faf9f5;--ink:#25213b;--muted:#696577;--purple:#603db2;--dark:#33215c;--lime:#e5f5a1;--line:#e6e3db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}h1,h2,h3,.brand,.tile{font-family:Manrope,'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a07be9;outline-offset:5px}.container{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:20}.skip:focus{top:8px}header{border-bottom:1px solid var(--line)}.header-inner{height:88px;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand img{width:35px;height:35px}.brand-light{font-weight:500;color:var(--purple)}nav{margin-left:auto;display:flex;align-items:center;gap:31px}nav a{font-size:13px;font-weight:700;text-decoration:none;color:#565064}nav a:hover{color:var(--purple)}.nav-play{padding:10px 19px;background:var(--purple);color:white;border-radius:9px}.menu-toggle{display:none}.eyebrow{font-size:11px;letter-spacing:1.9px;font-weight:800;text-transform:uppercase;color:var(--purple);display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;border-radius:100%;background:var(--purple)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:66px;padding:65px 0 57px;align-items:center}.hero h1{font-size:clamp(44px,4.4vw,62px);font-weight:800;line-height:1.12;letter-spacing:-3px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--purple);position:relative;white-space:nowrap}.hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:6px;border-top:3px solid #c4b2e5;border-radius:50%;transform:rotate(-2deg)}.hero-description{font-size:16px;line-height:1.85;color:var(--muted);max-width:440px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;background:var(--purple);color:white;font-weight:700;border:0;border-radius:10px;padding:14px 24px;font-size:14px;transition:background .15s,transform .15s}.button:hover{background:#4a298f;transform:translateY(-1px)}.hero-actions{display:flex;align-items:center;gap:22px}.text-link{font-size:13px;font-weight:700;text-underline-offset:5px}.trust-row{display:flex;flex-wrap:wrap;gap:17px;margin-top:24px;color:var(--muted);font-size:11px}.trust-row span:before{content:'✓';color:var(--purple);margin-right:5px;font-weight:bold}.independent{font-size:11px;color:#797381;max-width:430px;margin:22px 0 0}.game-wrap{position:relative}.game-wrap:before{content:'';position:absolute;inset:25px -25px -24px 20px;background:#ece8f5;border-radius:38% 20% 30% 20%;z-index:-1;transform:rotate(4deg)}.game{background:#fff;border:1px solid #e0dbea;border-radius:20px;box-shadow:0 12px 35px #3423530c;overflow:hidden}.game-heading{padding:17px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ede9f2}.game-title{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px}.little-star{color:var(--purple);font-size:23px}.pill{font-size:9px;font-weight:800;letter-spacing:1px;background:#eef5db;color:#53692d;border-radius:5px;padding:4px 8px}.game-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 24px 13px;text-align:center}.game-stats>div+div{border-left:1px solid #eeeaf4}.game-stats small{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);display:block}.game-stats strong{font-size:22px;line-height:1.5;font-weight:800}.game-stats>div:first-child strong{color:var(--purple)}.play-area{padding:0 24px 16px}.column-heads,.game-board,.reels{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.column-heads{text-align:center;font-size:10px;font-weight:800;letter-spacing:1px;color:#8c80a4;padding:4px 0 7px}.tile{aspect-ratio:1.4;display:flex;align-items:center;justify-content:center;border:1px solid #e9e5ed;background:#f8f7fb;border-radius:8px;font-size:20px;font-weight:800;color:#4b435f;transition:background .2s}.tile.marked{background:#e6dcf8;border-color:#d6c6f0;color:#563799}.tile.free{background:var(--purple);color:var(--lime);font-size:25px;border-color:var(--purple)}.tile.complete{background:var(--lime);color:#34480d;border-color:#bdcf77}.reels{margin-top:12px;background:#f0ecf7;border:1px solid #e4ddee;padding:7px;border-radius:10px}.reels span{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;color:var(--purple);font-size:20px;font-weight:800;height:36px;box-shadow:0 2px 0 #ddd5ec}.reels .wild{background:var(--lime)}.rolling span{animation:pulse .2s infinite alternate}.spin-button{width:100%;border:0;background:var(--purple);color:white;border-radius:9px;padding:11px;margin-top:12px;font-weight:700;font-size:13px}.spin-button:hover:not(:disabled){background:#4e2c99}.spin-button:disabled{opacity:.7}.spin-symbol{font-size:20px;line-height:1;margin-right:7px;vertical-align:middle}.game-status{font-size:10px;color:var(--muted);text-align:center;min-height:32px;line-height:1.6;margin:9px 0 0}.game-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ece8f1;padding:10px 24px;background:#fdfcfe;font-size:10px;color:#777080}.game-bottom button{border:0;background:none;padding:4px 0;color:#625773;font-size:10px}.game-bottom button:hover{text-decoration:underline}.game-caption{text-align:center;font-size:10px;color:#81788d;margin:15px 0 0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;gap:22px}.benefit{display:flex;gap:12px;align-items:center}.benefit-icon{height:38px;width:38px;flex:none;display:grid;place-items:center;border:1px solid #e2ddea;border-radius:11px;color:var(--purple);background:#f2eff8;font-size:19px}.benefit strong{display:block;font-size:12px}.benefit small{font-size:10px;color:var(--muted)}.section{padding:62px 0}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.section h2{font-size:31px;letter-spacing:-1.2px;line-height:1.3;margin-bottom:8px}.section .intro{color:var(--muted);font-size:13px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;position:relative}.step-number{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--purple);background:#f0eafb;display:inline-block;border-radius:7px;padding:6px 10px;margin-bottom:20px}.step h3{font-size:16px;margin-bottom:8px;letter-spacing:-.4px}.step p{font-size:12px;color:var(--muted);margin:0}.step-deco{position:absolute;right:23px;top:17px;font-size:32px;color:#b6a1d8}.guide-section{background:#f0ede6;border-top:1px solid #e8e4db;border-bottom:1px solid #e8e4db}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.guide-card{border:1px solid #e1ded7;border-radius:15px;background:var(--paper);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #30203e0d}.card-art{height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#e9e1f6}.card-art.mint{background:#e1ebdc}.card-art.peach{background:#f4e6d7}.art-grid{display:grid;grid-template-columns:repeat(3,29px);gap:5px;transform:rotate(-10deg);padding:12px;background:#fff;border-radius:12px;box-shadow:7px 9px 0 #613aa217}.art-grid span{height:28px;background:#efe8fa;border-radius:5px;text-align:center;line-height:28px;color:#664499;font-size:12px;font-weight:bold}.art-grid span:nth-child(2n){background:#7652be;color:white}.art-spark{font-size:33px;color:#74509e;position:absolute;left:23%;top:25%}.art-spark.right{left:auto;right:22%;top:auto;bottom:23%;font-size:20px}.art-phone{width:61px;height:110px;border:5px solid #3e5141;border-radius:13px;background:#f6faf2;transform:rotate(10deg);padding:13px 5px 7px;box-shadow:9px 7px 0 #43583b16}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.mini-grid i{height:12px;background:#b3c49b;border-radius:2px}.mini-button{height:10px;background:#6c8956;border-radius:3px;margin-top:10px}.art-compare{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:bold;color:#8f7862}.number-ball{width:64px;height:64px;border:9px solid #c69d75;border-radius:50%;background:#fff6e7;display:grid;place-items:center;font-size:23px;color:#8f6647}.number-ball.purple{border-color:#9b83bd;color:#77549d;background:#f5effe}.card-content{padding:22px;flex:1}.tag{font-size:9px;letter-spacing:1.4px;font-weight:800;color:var(--purple);text-transform:uppercase}.card-content h3{font-size:18px;line-height:1.4;letter-spacing:-.5px;margin:8px 0}.card-content p{font-size:12px;color:var(--muted);margin-bottom:18px}.card-meta{font-size:10px;color:#817787;display:flex;justify-content:space-between}.card-meta span:last-child{font-size:17px;color:var(--purple)}.faq-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}.faq-layout h2{font-size:34px}.faq-layout .intro{max-width:270px}.faqs details{border-bottom:1px solid var(--line);padding:17px 0}.faqs details:first-child{padding-top:0}.faqs summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;font-weight:700}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+';font-weight:400;font-size:22px;color:var(--purple)}.faqs details[open] summary:after{content:'−'}.faqs details p{font-size:12px;color:var(--muted);margin:12px 25px 0 0}.cta{background:var(--dark);border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:35px 42px;margin:0 0 60px;color:white}.cta h2{font-size:27px;letter-spacing:-1px;margin-bottom:6px}.cta p{font-size:12px;color:#cec3e0;margin:0}.cta .button{background:var(--lime);color:#302446}footer{border-top:1px solid var(--line);padding:36px 0 25px}.footer-main{display:flex;justify-content:space-between;gap:45px}.footer-brand p{font-size:11px;color:var(--muted);max-width:280px;margin:12px 0}.footer-links{display:flex;gap:65px}.footer-links strong{font-size:11px;display:block;margin:5px 0 11px}.footer-links a{display:block;text-decoration:none;color:var(--muted);font-size:11px;margin:6px 0}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;display:flex;justify-content:space-between;gap:30px;font-size:10px;color:#817a89}.footer-bottom p{margin:0;max-width:720px}.breadcrumbs{font-size:11px;color:var(--muted);padding-top:30px;display:flex;gap:10px;flex-wrap:wrap}.breadcrumbs a{text-decoration:none}.article-header{max-width:820px;margin:40px auto 30px}.article-header h1{font-size:46px;line-height:1.16;letter-spacing:-2px;margin:17px 0}.lede{font-size:18px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:70px;align-items:start;margin:45px auto 70px}.prose{font-size:15px;color:#514b5d}.prose h2{font-size:26px;letter-spacing:-.7px;color:var(--ink);margin:36px 0 13px}.prose h2:first-child{margin-top:0}.prose p,.prose li{line-height:1.85}.prose a{color:var(--purple);text-underline-offset:3px}.prose li{margin-bottom:9px}.prose table{width:100%;border-collapse:collapse;font-size:13px;margin:24px 0}.prose th,.prose td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}.prose th{background:#ece6f4}.aside{position:sticky;top:25px;border:1px solid var(--line);background:white;border-radius:15px;padding:25px}.aside h2{font-size:18px;margin:0 0 10px}.aside p{font-size:12px;color:var(--muted)}.aside .button{width:100%;font-size:12px;padding:12px}.aside a.related{display:block;font-size:12px;margin-top:15px;color:var(--purple)}.notice{background:#eee8f7;border-left:3px solid var(--purple);padding:19px 22px;border-radius:0 9px 9px 0;margin:23px 0}.guide-hub{padding:40px 0 70px}.guide-hub .guide-grid{row-gap:28px}dialog{border:1px solid var(--line);border-radius:20px;max-width:480px;width:calc(100% - 32px);padding:30px;color:var(--ink);box-shadow:0 25px 90px #251d4450}dialog::backdrop{background:#21183288;backdrop-filter:blur(3px)}dialog h2{font-size:25px;letter-spacing:-1px}dialog p,dialog li{font-size:14px;color:var(--muted)}dialog button{width:100%;margin-top:10px}.nojs{padding:16px;background:#fff5cc;font-size:13px}@keyframes pulse{to{transform:translateY(-3px);opacity:.5}}
@media(max-width:960px){.container{width:calc(100% - 40px)}.hero{gap:32px}.hero h1{font-size:46px}.trust-row{gap:9px;font-size:10px}nav{gap:20px}.benefits{gap:15px;grid-template-columns:repeat(2,1fr)}.game-wrap:before{inset:20px -10px -15px 10px}.faq-layout{gap:35px}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 235px}.footer-links{gap:30px}}
@media(max-width:700px){.header-inner{height:72px;gap:15px}.brand{font-size:21px}.brand img{width:30px;height:30px}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--line);border-radius:7px;background:transparent;font-size:12px;padding:7px 12px}nav{display:none;position:absolute;left:0;right:0;top:72px;z-index:5;padding:22px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch}nav.is-open{display:flex;flex-direction:column;gap:16px}.hero{grid-template-columns:1fr;padding:38px 0 35px;gap:30px}.hero h1{font-size:49px;letter-spacing:-2.5px;max-width:440px}.hero-description{font-size:15px;margin:24px 0}.hero-actions{gap:24px}.hero .eyebrow{font-size:10px}.independent{max-width:100%}.game-wrap{max-width:470px;width:100%;margin:0 auto}.game-wrap:before{display:none}.tile{aspect-ratio:1.5}.game-status{font-size:11px}.section{padding:40px 0}.section h2{font-size:26px}.section-title-row{align-items:start}.section-title-row>.text-link{font-size:11px;white-space:nowrap;margin-top:10px}.steps,.guide-grid{grid-template-columns:1fr}.step{padding:20px 22px}.step-number{margin-bottom:12px}.card-art{height:170px}.card-content h3{font-size:20px}.card-content p{font-size:14px}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-layout .intro{max-width:none}.faqs summary{font-size:14px}.faqs details p{font-size:13px}.cta{padding:27px 24px;gap:25px;align-items:start;flex-direction:column;margin-bottom:40px}.cta h2{font-size:25px}.footer-main{flex-direction:column;gap:20px}.footer-links{justify-content:space-between;gap:20px}.footer-bottom{flex-direction:column;gap:10px}.article-header{margin-top:28px}.article-header h1{font-size:36px;letter-spacing:-1.3px}.lede{font-size:16px}.article-layout{grid-template-columns:1fr;margin-top:30px;gap:25px}.aside{position:static}.prose{font-size:14px}.prose h2{font-size:23px}.prose table{font-size:11px}.benefit{gap:8px}.benefit strong{font-size:11px}.benefit small{font-size:9px}.benefit-icon{height:32px;width:32px}.trust-row{font-size:11px;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.hero>*{min-width:0}.hero-actions{flex-wrap:wrap}@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(39px,12.5vw,49px)}.hero-actions{gap:16px}.game-bottom{gap:8px;padding-inline:16px}.game-bottom span{font-size:9px}}

.column-heads,.game-board,.reels{grid-template-columns:repeat(5,minmax(0,1fr))}.tile{min-width:0;width:100%}

/* Featured external game */
.play-intro{padding:52px 0 36px;max-width:820px}
.play-intro h1{font-size:clamp(35px,4.2vw,56px);line-height:1.15;letter-spacing:-2px;margin:20px 0}
.play-intro h1 em{font-style:normal;color:var(--purple)}
.play-intro p{font-size:17px;max-width:690px;color:var(--muted);margin-bottom:0}
.demo-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:44px;align-items:start}
.demo-player{background:#190e22;border:1px solid #342441;border-radius:17px;overflow:hidden;min-width:0}
.demo-toolbar,.demo-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;color:#eee7f8;background:#261b31}
.demo-toolbar>span{font-size:10px;letter-spacing:1px;font-weight:700}
.demo-badge{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:3px;background:var(--lime);color:#35471c;font-size:8px;letter-spacing:.7px}
.demo-toolbar button,.demo-controls button{border:1px solid #705e83;border-radius:5px;background:transparent;color:#fff;padding:8px 11px;font-size:11px;white-space:nowrap}
.demo-toolbar button:hover,.demo-controls button:hover{background:#463252}
.demo-frame{display:block;border:0;width:100%;height:740px;background:#0e090f}
.demo-controls a{font-size:11px;color:#f0e7fb;text-underline-offset:4px}
.demo-guide{padding-top:10px}.demo-launch{margin-bottom:10px}
.demo-hint{font-size:12px;color:var(--muted);margin-bottom:31px}
.demo-guide h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:16px 0 23px}
.demo-guide ol{padding-left:22px;font-size:14px;color:#514b5d}
.demo-guide li{padding-left:6px;margin-bottom:16px}
.demo-note{font-size:12px;color:var(--muted);margin:24px 0}
.demo-rules{display:block;margin-top:15px}
.demo-status{font-size:12px;color:var(--muted);margin-top:13px;min-height:20px}
.demo-info{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:36px 0 58px}
.demo-info h2{font-size:20px;letter-spacing:-.5px}.demo-info p{font-size:14px;color:var(--muted)}
.demo-player:fullscreen{width:100%;height:100%;border:0;border-radius:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.demo-player:fullscreen .demo-frame{height:100%;min-height:0}
@media(max-width:800px){.demo-layout{grid-template-columns:minmax(0,1fr);gap:24px}.demo-frame{height:min(780px,90svh);min-height:540px}.play-intro{padding-top:32px}.play-intro p{font-size:15px}.demo-guide{padding-top:0}.demo-info{gap:25px}}
@media(max-width:480px){.demo-toolbar,.demo-controls{padding:12px;gap:8px}.demo-toolbar>span{font-size:9px}.demo-badge{display:block;width:max-content;margin:4px 0 0}.demo-controls a{font-size:10px}.demo-info{grid-template-columns:1fr;gap:12px}.demo-guide h2{font-size:27px}.play-intro h1{letter-spacing:-1.5px}.demo-frame{min-height:530px}.demo-guide .text-link{font-size:12px}}

/* Homepage preview links to the actual externally hosted demo. */
.featured-preview{border:1px solid #dcd1ea;background:#f0e9f9;border-radius:22px;overflow:hidden;box-shadow:0 20px 55px #3b235413;transform:rotate(1deg)}
.featured-top{padding:19px 23px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #ded2ee;font-size:11px;font-weight:800;color:#4e2e83;letter-spacing:.6px;background:#faf7ff}
.featured-body{padding:26px 35px 20px;text-align:center;background:radial-gradient(ellipse at 50% 55%,#fff9ee 0%,#f1e8fa 70%)}
.featured-body>.eyebrow{justify-content:center;font-size:9px}.featured-body h2{font-size:33px;letter-spacing:-1.2px;line-height:1.18;margin:13px 0 22px}
.preview-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-width:330px;margin:0 auto 24px;transform:rotate(-3deg)}
.preview-card span{aspect-ratio:1.35;display:grid;place-items:center;border:1px solid #d4c0a3;border-radius:6px;background:#fff8e9;box-shadow:0 2px 0 #d1bda0;color:#684829;font-weight:800;font-size:20px}
.preview-card span:nth-child(7n){color:white;background:#7954b6;border-color:#69469e;box-shadow:0 2px 0 #533380}
.featured-open{width:100%;max-width:330px}.featured-body>p{font-size:10px;color:var(--muted);margin:12px 0 0}
.featured-bottom{text-align:center;font-size:10px;color:#635372;background:#faf7ff;border-top:1px solid #e0d5ec;padding:12px}
@media(max-width:700px){.featured-preview{transform:none}.featured-body{padding:24px}.featured-top{padding:15px}.featured-top .pill{font-size:8px}.featured-body h2{font-size:30px}}