:root{--ink:#2b1c10;--ink-soft:#3e2a18;--parchment:#fbf0d9;--parchment-alt:#f6e9ce;--card:#fff;--card-line:#dcc69c;--rule:#eeddbc;--accent:#c8362b;--accent-dark:#a82a20;--gold:#e8a82c;--gold-text:#f3d08a;--text-muted:#7e5327;--text-body:#6b5334;--tile-fill:#f0e2c6;--kicker-on-ink:#c8a063;--divider-on-ink:#4a3520;--muted-glyph:#c0a67c;--radius-card:16px;--radius-pill:100px;--display:"Cinzel","Times New Roman",serif;--text-font:"Bricolage Grotesque","Helvetica Neue",Helvetica,sans-serif;--max-width:1080px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--parchment);color:var(--ink);font-family:var(--text-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-size:16px;line-height:1.6}img{display:block;max-width:100%}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-family:var(--display);color:var(--ink);letter-spacing:.01em;margin:0 0 14px;font-weight:900;line-height:1.12}h2{font-size:clamp(28px,4vw,42px)}h3{letter-spacing:0;font-size:19px;font-weight:700}h4{letter-spacing:0;margin-bottom:10px;font-size:17px;font-weight:700}p{margin:0 0 12px}.center{text-align:center}.kicker{display:inline-flex;font-family:var(--text-font);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);align-items: center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:700}.kicker:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:7px;height:7px}.center.kicker,.kicker.center{display:flex;justify-content:center;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.kicker-light{color:var(--kicker-on-ink)}a{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;font-family:var(--text-font);letter-spacing:.01em;text-decoration:none;border-radius:var(--radius-pill);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s var(--ease),color .18s var(--ease);cursor:pointer;border:2px solid #0000;justify-content:center;align-items: center;gap:8px;padding:13px 26px;font-size:15px;font-weight:700}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(180deg,#d3453a 0%,var(--accent)60%);color:#fff8e7;box-shadow:0 6px 0 var(--accent-dark),0 10px 24px #c8362b59}.btn-primary:hover{box-shadow:0 4px 0 var(--accent-dark),0 8px 20px #c8362b66;transform:translateY(0)}.btn-primary:active{box-shadow:0 2px 0 var(--accent-dark)}.btn-outline{border-color:var(--ink);color:var(--ink);background:0 0}.btn-outline:hover{background:var(--ink);color:#fff8e7}.btn-ghost{border-color:var(--card-line);color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);border-color:var(--ink);color:#fff8e7}.btn-small{padding:9px 18px;font-size:13px}.btn-large{padding:17px 32px;font-size:16.5px}.topbar{position:sticky;z-index:10;backdrop-filter:blur(8px);border-bottom:2px solid var(--rule);background:#fbf0d9eb;top:0;box-shadow:0 2px 16px #2b1c100f}.topbar-inner{display:flex;align-items: center;gap:20px;padding-top:12px;padding-bottom:12px}.brand{display:flex;font-family:var(--display);text-decoration:none;color:var(--ink);align-items: center;gap:10px;margin-right:auto;font-size:18px;font-weight:900}.brand-icon{border-radius:8px}.studio-tag{display:none;color:var(--text-muted);text-decoration:none;margin-right:8px;font-size:12.5px;font-weight:500}.studio-tag:hover{color:var(--accent)}@media (min-width:560px){.studio-tag{display:inline}}.topnav{display:none;gap:24px;font-size:14px;font-weight:600}.topnav a{text-decoration:none}.topnav a:hover{color:var(--accent)}@media (min-width:760px){.topnav{display:flex}}.hero{position:relative;background-color:var(--ink);color:#fff8e7;overflow:hidden;background-image:radial-gradient(60% 50% at 50% 20%,#e8a82c38,#0000 70%),radial-gradient(50% 45% at 88% 90%,#c8362b29,#0000 70%),repeating-conic-gradient(#fff8e714 0% 25%,#0000 0% 50%);background-position:50%,50%,50%;background-size:auto,auto,72px 72px;background-attachment:fixed,fixed,fixed;padding:76px 0 64px}@media (max-width:700px),(prefers-reduced-motion:reduce){.hero{background-attachment:scroll,scroll,scroll}}.hero-inner{position:relative;display:flex;text-align:center;flex-direction:column;align-items: center;gap:4px}.hero-icon{filter:drop-shadow(0 14px 30px #00000073)drop-shadow(0 0 46px #e8a82c47);border-radius:26px;margin-bottom:22px}.hero .kicker{color:var(--kicker-on-ink)}.hero .kicker:before{background:var(--gold)}.hero h1{color:#fff8e7;text-shadow:0 4px 28px #00000059;margin-bottom:16px;font-size:clamp(42px,8vw,68px)}.hero-tagline{color:#e9d9be;max-width:600px;font-size:17.5px;line-height:1.65}.hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:22px 0 16px}.hero .btn-outline{border-color:var(--kicker-on-ink);color:#fff8e7}.hero .btn-outline:hover{background:var(--gold-text);border-color:var(--gold-text);color:var(--ink)}.hero-note{color:var(--muted-glyph);margin:0;font-size:13px}.strip{line-height:0}.checker{background-image:repeating-conic-gradient(var(--light)0% 25%,var(--dark)0% 50%);background-size:18px 18px;height:18px}.stats{display:grid;grid-template-columns:repeat(2,1fr);text-align:center;gap:28px 20px;padding:48px 20px}@media (min-width:700px){.stats{grid-template-columns:repeat(4,1fr)}.stat{position:relative}.stat:not(:first-child):before{content:"";position:absolute;background:var(--rule);width:2px;top:8px;bottom:8px;left:-10px}}.stat-value{display:block;font-family:var(--display);color:var(--accent);letter-spacing:.01em;font-size:clamp(28px,4vw,36px);font-weight:900}.stat-label{display:block;color:var(--text-muted);margin-top:6px;font-size:13px;font-weight:500;line-height:1.4}.features{padding:40px 0 68px}.feature-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:34px}@media (min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--card);border:2px solid var(--card-line);border-radius:var(--radius-card);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);padding:26px 24px}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 16px 32px #2b1c101a}.feature-glyph{display:flex;background:linear-gradient(160deg,var(--parchment-alt),var(--tile-fill));color:var(--accent);border-radius:14px;justify-content:center;align-items: center;width:52px;height:52px;margin-bottom:16px;font-size:24px}.feature-card p{color:var(--text-body);margin-bottom:0;font-size:14.5px}.screens{background:var(--parchment-alt);border-top:2px solid var(--rule);border-bottom:2px solid var(--rule);padding:68px 0 76px}.mock-row{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:40px}.phone{text-align:center;width:240px}.phone-parallax{display:block}.phone-caption{font-family:var(--display);color:var(--ink);margin-top:14px;font-size:14px;font-weight:600}.phone-screen{position:relative;background:var(--parchment);border:6px solid var(--ink);text-align:left;transition:transform .25s var(--ease),box-shadow .25s var(--ease);border-radius:28px;min-height:340px;padding:22px 14px 16px;box-shadow:0 18px 40px #2b1c1038}.phone-screen:before{content:"";position:absolute;background:var(--ink);opacity:.7;border-radius:4px;width:46px;height:6px;top:8px;left:50%;transform:translate(-50%)}.phone:hover .phone-screen{transform:translateY(-6px);box-shadow:0 26px 48px #2b1c1047}.phone-screen-ink{background:var(--ink);color:#fff8e7}.phone-screen-ink:before{background:var(--divider-on-ink);opacity:1}.mock-topline{display:flex;justify-content:space-between;align-items: center;margin-bottom:6px}.mock-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:600}.mock-kicker-light{color:var(--kicker-on-ink)}.mock-title{margin-bottom:10px;font-size:17px}.mock-pill{border-radius:var(--radius-pill);padding:3px 9px;font-size:10px;font-weight:600}.mock-pill-gold{background:var(--gold);color:var(--ink)}.mock-progress{color:var(--text-muted);margin-bottom:14px;font-size:10px}.mock-bar{background:var(--rule);overflow:hidden;border-radius:6px;height:6px;margin-top:5px}.mock-bar span{display:block;background:var(--accent);height:100%}.mock-road{display:flex;flex-direction:column;align-items: center;gap:4px}.mock-node{display:flex;border:3px solid var(--ink);border-radius:12px;justify-content:center;align-items: center;width:44px;height:44px;font-size:20px}.mock-node-cleared{background:var(--ink);color:var(--gold-text)}.mock-node-current{background:var(--accent);color:#fff8e7}.mock-node-locked{background:var(--tile-fill);color:var(--muted-glyph);border-color:var(--card-line)}.mock-node-label{color:var(--text-muted);margin:2px 0 6px;font-size:10px}.mock-dots{background:repeating-linear-gradient(var(--trail,#be9660)0 4px,transparent 4px 8px);width:3px;height:16px}.mock-rank-card{background:var(--ink-soft);border-radius:var(--radius-card);margin:10px 0 14px;padding:12px}.mock-rank-value{display:block;font-family:var(--display);color:var(--gold-text);margin:2px 0;font-size:26px;font-weight:900}.mock-rank-card p{color:var(--kicker-on-ink);margin:4px 0 0;font-size:10.5px}.mock-duelist{display:flex;color:var(--ink);background:#fff8e7;border-radius:12px;align-items: center;gap:10px;margin-bottom:8px;padding:8px 10px}.mock-duelist-muted{opacity:.55}.mock-duelist-avatar{background:var(--tile-fill);display:flex;border-radius:9px;flex-shrink:0;justify-content:center;align-items: center;width:30px;height:30px;font-size:15px}.mock-duelist-text{display:flex;flex-direction:column;font-size:11px;line-height:1.35}.mock-duelist-text strong{font-size:12px}.mock-duelist-text span{color:var(--text-muted)}.mini-board{aspect-ratio:1;border:3px solid var(--ink);background-image:repeating-conic-gradient(#ead6ae 0% 25%,#a3743f 0% 50%);background-size:25% 25%;border-radius:8px;margin:6px 0 10px}.mock-status{text-align:center;color:var(--text-muted);margin:0;font-size:12px}.cta-band{position:relative;background:radial-gradient(ellipse 70% 60% at 50% 0%,#e8a82c1f,transparent 70%),var(--ink);color:#fff8e7;text-align:center;overflow:hidden;padding:72px 0}.cta-band h2{color:#fff8e7}.cta-band-inner{max-width:600px;margin:0 auto}.cta-band p{color:#e9d9be;font-size:16.5px}.cta-band .hero-note{margin-top:16px}.faq{padding:68px 0 80px}.faq-list{display:flex;flex-direction:column;gap:10px;max-width:720px;margin:30px auto 0}details{background:var(--card);border:2px solid var(--card-line);border-radius:var(--radius-card);transition:border-color .2s var(--ease);padding:4px 18px}details[open]{border-color:var(--accent)}summary{cursor:pointer;list-style:none;display:flex;transition:color .2s var(--ease);justify-content:space-between;align-items: center;gap:12px;padding:16px 0;font-size:15.5px;font-weight:700}summary:hover{color:var(--accent)}summary::-webkit-details-marker{display:none}summary:after{content:"+";display:flex;color:var(--accent);transition:transform .25s var(--ease);flex-shrink:0;justify-content:center;align-items: center;width:22px;height:22px;font-size:18px}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--text-body);padding-bottom:16px;font-size:14.5px}.footer{background:var(--ink-soft);color:var(--kicker-on-ink);border-top:3px solid var(--ink);padding:36px 0}.footer-inner{display:flex;text-align:center;flex-direction:column;align-items: center;gap:14px}.brand-footer{color:#fff8e7;margin:0;font-size:15px}.footer-links{display:flex;gap:20px;font-size:13px}.footer-links a{text-decoration:none}.footer-links a:hover{color:#fff8e7}.footer-copy{color:var(--kicker-on-ink);opacity:.75;max-width:560px;margin:0;font-size:12.5px}@media (min-width:700px){.footer-inner{text-align:left;flex-direction:row;justify-content:space-between}}.reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}[data-parallax]{will-change:transform}.feature-grid .feature-card:first-child{transition-delay:0s}.feature-grid .feature-card:nth-child(2){transition-delay:70ms}.feature-grid .feature-card:nth-child(3){transition-delay:.14s}.feature-grid .feature-card:nth-child(4){transition-delay:70ms}.feature-grid .feature-card:nth-child(5){transition-delay:.14s}.feature-grid .feature-card:nth-child(6){transition-delay:.21s}.mock-row .phone:first-child{transition-delay:0s}.mock-row .phone:nth-child(2){transition-delay:.1s}.mock-row .phone:nth-child(3){transition-delay:.2s}.faq-list details:first-child{transition-delay:0s}.faq-list details:nth-child(2){transition-delay:50ms}.faq-list details:nth-child(3){transition-delay:.1s}.faq-list details:nth-child(4){transition-delay:.15s}.faq-list details:nth-child(5){transition-delay:.2s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}[data-parallax]{transform:none!important}}.policy{padding:48px 0 70px}.policy-wrap{max-width:720px}.policy-h1{margin-bottom:6px;font-size:clamp(30px,5vw,42px)}.policy-updated{color:var(--text-muted);margin-bottom:32px;font-size:13px}.policy-body h2{margin-top:32px;font-size:20px}.policy-body p,.policy-body li{color:var(--text-body);font-size:15px}.policy-body ul{margin:0 0 16px;padding-left:20px}.policy-body li{margin-bottom:6px}.policy-body a{color:var(--accent)}.brand-mark{display:inline-block;background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M62 20a32 32 0 1 0 18 58 26 26 0 0 1-18-58Z' fill='%23E8A82C'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:60%;border-radius:8px;flex-shrink:0;width:32px;height:32px}.brand-mark-lg{filter:drop-shadow(0 14px 30px #00000073)drop-shadow(0 0 46px #e8a82c47);border-radius:24px;width:96px;height:96px;margin-bottom:22px}.games{padding:68px 0 60px}.game-card{display:flex;background:var(--card);border:2px solid var(--card-line);border-radius:var(--radius-card);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);flex-wrap:wrap;align-items: center;gap:22px;max-width:780px;margin:40px auto 0;padding:28px}.game-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 16px 32px #2b1c101a}.game-card-icon{border-radius:20px;flex-shrink:0}.game-card-body{flex:1;min-width:220px}.game-card-body h3{margin-bottom:6px}.game-card-tagline{color:var(--text-body);margin-bottom:14px;font-size:14.5px}.game-card-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{color:var(--text-muted);background:var(--parchment-alt);border-radius:var(--radius-pill);padding:4px 12px;font-size:11.5px;font-weight:600}.game-card-cta{flex-shrink:0}.about{padding:20px 0 76px}.about-body{color:var(--text-body);max-width:620px;margin:0 auto;font-size:16px}