:root{color-scheme:dark;--bg-0: #02040c;--bg-1: #030816;--bg-2: #050d24;--panel: rgba(15, 23, 42, .55);--panel-strong: rgba(15, 23, 42, .8);--line: rgba(148, 163, 184, .12);--line-strong: rgba(148, 163, 184, .22);--ink: #f8fafc;--body: #94a3b8;--body-strong: #cbd5e1;--faint: #64748b;--gold: #fbbf24;--gold-soft: rgba(245, 158, 11, .14);--gold-line: rgba(245, 158, 11, .32);--red: #e23b3b;--red-deep: #b91c1c;--cream: #f5edd8;--green: #34d399;--green-deep: #059669;--green-ink: #052e1a;--blue: #2563eb;--blue-soft: rgba(37, 99, 235, .28);--font-heading: "Lilita One", sans-serif;--font-body: "Montserrat", sans-serif;--font-display: "Russo One", sans-serif;--container: 1120px;--nav-h: 70px;--radius: 16px;--radius-lg: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;color:var(--body-strong);font-family:var(--font-body);font-size:16px;line-height:1.6;background:var(--bg-0);-webkit-font-smoothing:antialiased;overflow-x:hidden}.site{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(120% 70% at 50% -12%,var(--blue-soft) 0%,rgba(2,4,12,0) 55%),radial-gradient(70% 46% at 92% 12%,#e23b3b1a,#02040c00 55%),radial-gradient(80% 50% at 4% 38%,#10b98114,#02040c00 55%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg-1) 42%,var(--bg-0) 100%)}main{flex:1}img{max-width:100%}a{color:#93c5fd}::selection{background:#f59e0b59;color:#fff}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:8px}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;color:var(--ink);letter-spacing:.4px;margin:0}.container{max-width:var(--container);margin:0 auto;padding-left:26px;padding-right:26px}.section{padding:72px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:var(--gold-soft);border:1px solid var(--gold-line);font-weight:800;font-size:11.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold)}.section-head{text-align:center;max-width:640px;margin:0 auto 44px}.section-head h2{font-size:clamp(28px,4.2vw,40px);margin:14px 0 12px}.section-head h2 em,.hero h1 em{font-style:normal;color:var(--gold)}.section-head p{color:var(--body);font-size:15.5px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:999px;border:none;cursor:pointer;text-decoration:none;font-family:var(--font-body);font-weight:800;font-size:14px;letter-spacing:.4px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-green{color:var(--green-ink);background:linear-gradient(to top,var(--green-deep),var(--green));box-shadow:0 10px 26px #10b9814d}.btn-ghost{color:var(--ink);background:#94a3b814;border:1px solid var(--line-strong)}.btn-ghost:hover{border-color:#fbbf2480;color:var(--gold)}.nav{position:sticky;top:0;z-index:40;background:#030816bd;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:18px}.nav-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.nav-brand img{height:42px;width:auto;display:block;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.nav-brand span{font-family:var(--font-heading);font-size:21px;color:#fff;letter-spacing:.6px}.nav-brand span em{font-style:normal;color:var(--gold)}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{color:var(--body-strong);text-decoration:none;font-weight:700;font-size:13.5px;letter-spacing:.3px;padding:6px 2px;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.nav-links a:hover{color:#fff}.nav-links a.active{color:var(--gold);border-bottom-color:var(--gold)}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.4px;color:var(--green-ink);background:linear-gradient(to top,var(--green-deep),var(--green));box-shadow:0 8px 20px #10b98147;transition:transform .15s ease}.nav-cta:hover{transform:translateY(-2px)}.nav-burger{display:none;background:none;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);padding:8px;cursor:pointer}.nav-drawer{display:none}@media (max-width: 760px){.nav-links,.nav-cta{display:none}.nav-burger{display:inline-flex}.nav-drawer{display:flex;flex-direction:column;gap:4px;padding:10px 26px 18px;border-top:1px solid var(--line);animation:fade-up .25s ease-out both}.nav-drawer a{color:var(--body-strong);text-decoration:none;font-weight:700;font-size:15px;padding:11px 4px;border-bottom:1px solid rgba(148,163,184,.07)}.nav-drawer a.active{color:var(--gold)}.nav-drawer .drawer-cta{margin-top:12px;border-bottom:none;text-align:center;color:var(--green-ink);background:linear-gradient(to top,var(--green-deep),var(--green));border-radius:999px;padding:12px}}.hero{padding-top:76px;padding-bottom:42px;display:grid;grid-template-columns:1.06fr .94fr;gap:44px;align-items:center}.hero>*{min-width:0}.hero-copy{animation:fade-up .7s ease-out both}.hero h1{font-size:clamp(40px,6.2vw,66px);line-height:1.04;margin:18px 0;color:#fff}.hero-sub{font-size:clamp(15px,2vw,17.5px);line-height:1.65;color:var(--body);max-width:500px;margin:0 0 30px}.hero-cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:34px}.hero-note{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--faint);font-weight:600}.hero-stats{display:flex;gap:10px;flex-wrap:wrap}.stat-chip{padding:9px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--line);text-align:left}.stat-chip strong{display:block;font-family:var(--font-display);font-size:16px;color:var(--gold);letter-spacing:.5px}.stat-chip span{font-size:11px;color:var(--faint);font-weight:700;letter-spacing:.8px;text-transform:uppercase}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;animation:fade-up .9s ease-out both}.hero-art:before{content:"";position:absolute;width:82%;height:82%;border-radius:50%;background:radial-gradient(circle,#2563eb59,#2563eb00 66%);filter:blur(12px)}.hero-board{position:relative;z-index:1;width:min(430px,86%);height:auto;border-radius:18px;transform:rotate(-3deg);box-shadow:0 40px 80px #0009;animation:float-y 6.5s ease-in-out infinite}.hero-coin{position:absolute;z-index:2;border-radius:50%;box-shadow:0 10px 22px #0000008c,inset 0 -3px 6px #00000059,inset 0 3px 6px #ffffff4d}.hero-coin:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:2px solid rgba(0,0,0,.14)}.coin-white{width:56px;height:56px;top:8%;right:12%;background:radial-gradient(circle at 34% 30%,#fffdf4,var(--cream) 58%,#d8c9a3);animation:float-y 5s ease-in-out infinite;animation-delay:.6s}.coin-black{width:46px;height:46px;bottom:12%;left:6%;background:radial-gradient(circle at 34% 30%,#4b5563,#111827 62%,#030712);animation:float-y 5.8s ease-in-out infinite;animation-delay:1.4s}.coin-red{width:50px;height:50px;top:46%;left:-4%;background:radial-gradient(circle at 34% 30%,#ff7b6b,var(--red) 58%,#7f1d1d);animation:float-y 6.4s ease-in-out infinite;animation-delay:2.2s}.hero-spark{position:absolute;color:var(--gold);z-index:2;animation:twinkle 3.4s ease-in-out infinite}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#03081680;overflow:hidden;padding:16px 0;position:relative}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}.marquee:before{left:0;background:linear-gradient(90deg,var(--bg-1),transparent)}.marquee:after{right:0;background:linear-gradient(-90deg,var(--bg-1),transparent)}.marquee-track{display:flex;gap:44px;width:max-content;animation:marquee 36s linear infinite}.marquee-item{display:inline-flex;align-items:center;gap:44px;font-family:var(--font-heading);font-size:19px;letter-spacing:2.5px;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(251,191,36,.55)}.marquee-item .dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 10px #e23b3bcc}.pull-quote{font-family:var(--font-heading);font-size:clamp(26px,4vw,40px);line-height:1.22;color:#fff;max-width:780px;margin:0 auto;text-align:center}.pull-quote em{font-style:normal;color:var(--gold)}.pull-quote .q-mark{color:var(--red)}.principles{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle{padding:28px 24px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.principle:hover{transform:translateY(-4px);border-color:var(--gold-line)}.principle .index{font-family:var(--font-display);font-size:13px;color:var(--red);letter-spacing:2px}.principle h3{font-size:20px;margin:10px 0 8px}.principle p{font-size:14px;color:var(--body);margin:0;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:26px 22px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);transition:transform .2s ease,border-color .2s ease,background .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:#34d39966;background:var(--panel-strong)}.feature-card .ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;background:linear-gradient(160deg,#34d39929,#2563eb29);color:#6ee7b7}.feature-card h3{font-size:17.5px;margin:0 0 7px}.feature-card p{font-size:13.5px;color:var(--body);margin:0;line-height:1.55}.modes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mode-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--panel);padding:30px;display:flex;align-items:center;gap:26px;overflow:hidden;position:relative;transition:transform .2s ease,border-color .2s ease}.mode-card:hover{transform:translateY(-4px);border-color:var(--gold-line)}.mode-card img{width:148px;height:148px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}.mode-card h3{font-size:23px;margin:0 0 8px}.mode-card p{font-size:14px;color:var(--body);margin:0;line-height:1.6}.mode-tag{display:inline-block;margin-bottom:10px;font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold)}.arena{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;align-items:flex-end}.phone{width:236px;aspect-ratio:9 / 18.6;border-radius:30px;padding:10px;background:linear-gradient(160deg,#10192e,#050b1a);border:1px solid rgba(148,163,184,.2);box-shadow:0 30px 60px #0000008c;position:relative}.phone.raised{margin-bottom:26px}.phone-screen{width:100%;height:100%;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(180deg,#0a1730,#050d20);display:flex;flex-direction:column}.phone-notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:74px;height:7px;border-radius:999px;background:#020617e6;z-index:5}.phone-screen .shot{width:100%;height:100%;object-fit:cover;display:block}.shot-placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.shot-placeholder .ghost{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.1;filter:saturate(.5)}.shot-placeholder .ph-inner{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#475569;text-align:center;font-size:11.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;line-height:1.7;background:radial-gradient(circle at 50% 35%,#2563eb24,#050d208c)}.fairplay{border-radius:var(--radius-lg);border:1px solid rgba(52,211,153,.25);background:radial-gradient(90% 130% at 50% 0%,#10b98129,#050d2000),linear-gradient(180deg,#0f172ab3,#050d20b3);padding:46px 34px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}.fairplay .shield{width:84px;height:84px;border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--green);background:#10b9811f;border:1px solid rgba(52,211,153,.3)}.fairplay h2{font-size:clamp(24px,3.4vw,32px);margin:0 0 10px}.fairplay p{color:var(--body);font-size:15px;margin:0;max-width:640px}.fairplay .kw{color:var(--green);font-weight:700}.cta-band{border-radius:var(--radius-lg);padding:56px 30px;text-align:center;position:relative;overflow:hidden;border:1px solid var(--gold-line);background:radial-gradient(85% 130% at 50% 0%,#f59e0b29,#050d2000),linear-gradient(180deg,#0f172abf,#050d20bf)}.cta-band h2{font-size:clamp(28px,4.4vw,42px);margin:0 0 12px}.cta-band h2 em{font-style:normal;color:var(--gold)}.cta-band p{color:var(--body);font-size:15.5px;margin:0 auto 30px;max-width:460px}.cta-band .badge-row{display:flex;justify-content:center}.footer{border-top:1px solid var(--line);background:#02040c99;padding:52px 0 30px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;margin-bottom:38px}.footer-brand img{height:54px;width:auto;margin-bottom:14px}.footer-brand p{font-size:13px;color:var(--faint);line-height:1.65;margin:0;max-width:260px}.footer h4{font-family:var(--font-body);font-weight:800;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--body-strong);margin:0 0 14px}.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.footer ul a{color:var(--faint);text-decoration:none;font-size:13.5px;font-weight:600;transition:color .15s ease}.footer ul a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--faint)}.footer-bottom a{color:var(--body);text-decoration:none;font-weight:700}.footer-bottom a:hover{color:var(--gold)}.play-badge{display:inline-flex;align-items:center;gap:13px;padding:11px 24px 11px 17px;border-radius:13px;text-decoration:none;background:#000;border:1px solid rgba(255,255,255,.22);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.play-badge:hover{transform:translateY(-2px);border-color:#ffffff73;box-shadow:0 14px 30px #00000073}.play-badge .txt{text-align:left;line-height:1.12}.play-badge .txt small{display:block;font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase;color:#cbd5e1;font-weight:600}.play-badge .txt strong{display:block;font-size:20px;font-weight:700;color:#fff;font-family:var(--font-body)}.play-badge.large{padding:13px 30px 13px 20px}.play-badge.large .txt strong{font-size:23px}.page-hero{padding-top:72px;padding-bottom:20px;text-align:center}.page-hero h1{font-size:clamp(32px,5vw,50px);margin:16px 0 12px}.page-hero h1 em{font-style:normal;color:var(--gold)}.page-hero p{color:var(--body);font-size:16px;max-width:560px;margin:0 auto}.story{max-width:720px;margin:0 auto}.story p{font-size:16px;line-height:1.85;color:var(--body-strong);margin:0 0 22px}.story p strong{color:var(--ink)}.story p em{color:var(--gold);font-style:normal;font-weight:700}.craft-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.craft-card{padding:26px 24px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);display:flex;gap:18px;align-items:flex-start}.craft-card .ic{flex-shrink:0;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--gold-soft);color:var(--gold);border:1px solid var(--gold-line)}.craft-card h3{font-size:17px;margin:0 0 6px}.craft-card p{font-size:13.5px;color:var(--body);margin:0;line-height:1.6}.tf-card{border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:linear-gradient(180deg,#0f172abf,#050d20bf);padding:42px 34px;text-align:center;max-width:680px;margin:0 auto}.tf-card .tf-mark{font-family:var(--font-display);font-size:15px;letter-spacing:4px;color:var(--body-strong);margin-bottom:14px}.tf-card .tf-mark b{color:var(--gold)}.tf-card h2{font-size:clamp(22px,3.4vw,30px);margin:0 0 12px}.tf-card p{color:var(--body);font-size:15px;margin:0 auto 26px;max-width:480px}.support-grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:28px;align-items:start}.contact-card{border-radius:var(--radius-lg);border:1px solid var(--gold-line);background:radial-gradient(100% 120% at 50% 0%,#f59e0b1f,#050d2000),var(--panel);padding:34px 28px;position:sticky;top:calc(var(--nav-h) + 24px)}.contact-card .ic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--gold-soft);border:1px solid var(--gold-line);color:var(--gold);margin-bottom:18px}.contact-card h2{font-size:24px;margin:0 0 10px}.contact-card p{font-size:14px;color:var(--body);margin:0 0 22px;line-height:1.65}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:var(--gold-line)}.faq-item summary{list-style:none;cursor:pointer;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700;font-size:15px;color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .chev{flex-shrink:0;color:var(--gold);transition:transform .2s ease}.faq-item[open] summary .chev{transform:rotate(180deg)}.faq-item .faq-body{padding:0 22px 20px;font-size:14px;color:var(--body);line-height:1.7}.faq-item .faq-body a{color:var(--gold)}.legal{max-width:820px;margin:0 auto;padding:56px 26px 90px}.legal header{border-bottom:1px solid #1e293b;padding-bottom:20px;margin-bottom:30px}.legal h1{font-size:32px;margin:0 0 8px}.legal .muted{color:var(--faint);font-size:13px}.legal h2{font-family:var(--font-body);font-weight:800;font-size:19px;margin:36px 0 10px;color:#f1f5f9}.legal p,.legal li{color:var(--body-strong);font-size:15px;line-height:1.7}.legal ul{padding-left:22px}.legal li{margin:5px 0}.legal a{color:#60a5fa}.legal table{width:100%;border-collapse:collapse;margin:12px 0}.legal th,.legal td{text-align:left;padding:9px 11px;border:1px solid #1e293b;font-size:14px;vertical-align:top}.legal th{background:#0f172a;color:var(--ink)}.legal .card{background:#0b1220;border:1px solid #1e293b;border-radius:12px;padding:16px 18px;margin:18px 0}.notfound{text-align:center;padding:110px 26px 130px}.notfound .code{font-family:var(--font-display);font-size:clamp(70px,14vw,130px);color:transparent;-webkit-text-stroke:2px rgba(251,191,36,.5);line-height:1}.notfound h1{font-size:28px;margin:14px 0 10px}.notfound p{color:var(--body);margin:0 0 28px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease-out,transform .65s ease-out}.principles .reveal,.feature-grid .reveal,.modes .reveal,.craft-grid .reveal{display:flex}.principles .reveal>*,.feature-grid .reveal>*,.modes .reveal>*,.craft-grid .reveal>*{flex:1}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes float-y{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(-3deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}@media (max-width: 960px){.hero{grid-template-columns:1fr;text-align:center;padding-top:52px}.hero-sub{margin-left:auto;margin-right:auto}.hero-cta-row,.hero-stats{justify-content:center}.principles{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.modes{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.support-grid{grid-template-columns:1fr}.contact-card{position:static}.craft-grid{grid-template-columns:1fr}.fairplay{grid-template-columns:1fr;text-align:center}.fairplay .shield{margin:0 auto}}@media (max-width: 560px){.feature-grid{grid-template-columns:1fr}.mode-card{flex-direction:column;text-align:center}.footer-grid{grid-template-columns:1fr}.section{padding:54px 0}.phone.raised{margin-bottom:0}}
