:root{color-scheme:light;--paper:#f0eedf;--ink:#17362e;--muted:#53665a;--line:#cbd0bc;--orange:#ba4d2e;--dark:#142f2b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #ba4d2e;outline-offset:6px}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:700;line-height:1.05;font-size:18px}.brand img{border-radius:9px}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.nav-download{font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:6px}.nav-download span{margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:68px;padding-top:60px;padding-bottom:90px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.025em;display:flex;align-items:center;gap:12px;margin:0 0 26px}.rule{width:30px;height:1px;background:currentColor}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.055em;font-weight:400}h1{font-size:clamp(54px,5.6vw,82px);line-height:1.03;margin:0 0 30px}h1 em{font-weight:400;color:var(--orange)}.lead{font-size:19px;line-height:1.6;max-width:440px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:19px 24px;border-radius:4px;font-size:15px;font-weight:600}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#285142}.small{font-size:13px;line-height:1.55;color:var(--muted)}.hero-note{margin-top:20px}.hero-portrait{margin:0;position:relative;background:#667277;border:8px solid #fffdf1;box-shadow:0 12px 30px #18352b15;transform:rotate(2deg)}.hero-portrait>img{width:100%;height:auto;aspect-ratio:11/12;object-fit:cover}.hero-portrait figcaption{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;background:#fffdf1;font-size:12px;line-height:1.7}.hero-portrait strong{font-family:Georgia,serif;font-size:24px;font-weight:400}.portrait-number{color:var(--muted);font-size:12px;letter-spacing:.08em}.section-title h2{font-size:clamp(36px,4vw,52px);line-height:1.12;margin:0 0 24px}.section-title .eyebrow{margin-bottom:17px}.section-title>p:not(.eyebrow){max-width:590px;line-height:1.65;color:var(--muted)}.how{padding:65px 0 80px;border-top:1px solid var(--line)}.steps{list-style:none;padding:0;margin:44px 0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step-number{font-family:Georgia,serif;font-size:30px;display:block;color:var(--orange);padding-bottom:22px;border-bottom:1px solid var(--line)}h3{font-size:20px;line-height:1.3;font-weight:600;margin:22px 0 12px}.steps p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.match-note{font-size:13px;padding-top:18px;color:var(--muted)}.arena-section{background:var(--dark);color:var(--paper);padding:78px 0 64px}.arena-heading{display:flex;gap:50px;justify-content:space-between;align-items:end;margin-bottom:30px}.arena-heading>p{max-width:300px!important;color:#bdc9bd!important;font-size:15px}.arena-frame{margin:0}.arena-frame img{width:100%;height:auto;border-radius:5px}.arena-frame figcaption{font-size:12px;color:#b4c5ba;margin-top:15px}.spells{padding:85px 0}.spell-list{margin-top:40px}.spell-list article{display:grid;grid-template-columns:75px 1fr;align-items:start;gap:28px;padding:26px 0;border-top:1px solid var(--line)}.element{font-family:Georgia,serif;font-size:32px;padding-top:5px}.fire{color:#b54225}.water{color:#277494}.air{color:#437e65}.electro{color:#675494}.spell-list h3{font-size:23px;margin:0 0 10px}.spell-list h3 span{color:var(--muted);font-weight:400;margin-left:10px}.spell-list p{max-width:690px;font-size:15px;line-height:1.7;margin:0;color:var(--muted)}.voice-note{margin-top:34px;border-left:3px solid #778b6b;padding:10px 0 10px 25px;max-width:780px}.voice-note strong{font-size:16px}.voice-note p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:0}.download-section{background:#dfe4d0;padding:70px 0}.download-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.download-inner h2{font-size:clamp(34px,3.5vw,46px);line-height:1.14;margin:0 0 24px}.download-inner p{line-height:1.65;font-size:15px}.download-inner .eyebrow{font-size:13px;margin-bottom:20px}.release-label{font-size:12px!important;color:var(--muted)}.download-link{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #aebda1;border-radius:5px;background:var(--paper);padding:22px 24px;margin-bottom:14px}.download-link:hover{border-color:var(--ink)}.download-link strong{font-size:24px;display:block;margin-bottom:7px}.download-link small{font-size:12px;color:var(--muted);line-height:1.5}.download-arrow{font-size:29px}.download-footnote{font-size:12px!important;color:var(--muted)}.faq{padding:75px 0 90px;display:grid;grid-template-columns:1fr 1.4fr;column-gap:65px}.faq .section-title{grid-row:1/6}.faq h2{font-size:38px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:17px;line-height:1.4;font-weight:600}.faq details p{font-size:14px;line-height:1.75;color:var(--muted);padding-right:25px}.footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:28px;padding-bottom:34px;font-size:12px;color:var(--muted)}.footer span:first-child{font-weight:700;color:var(--ink)}.footer a{text-decoration:underline;text-underline-offset:3px}@media(max-width:850px){.wrap{width:calc(100% - 44px)}.header nav{gap:20px}.hero{gap:30px;padding-top:45px;padding-bottom:65px}h1{font-size:55px}.lead{font-size:17px}.steps{gap:25px}.arena-heading{display:block}.arena-heading>p{max-width:560px!important}.download-inner{gap:30px}.faq{display:block}.faq .section-title{margin-bottom:10px}.footer{flex-wrap:wrap}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{height:88px}.brand{font-size:16px;gap:9px}.brand img{width:35px;height:35px}.header nav>a:not(.nav-download){display:none}.header nav{font-size:12px}.hero{grid-template-columns:1fr;padding-top:40px;gap:36px;padding-bottom:55px}h1{font-size:55px}.hero .eyebrow{font-size:12px;margin-bottom:23px}.lead{font-size:17px;max-width:95%}.hero-note{margin-bottom:0}.hero-portrait{width:83%;margin:auto;transform:rotate(1deg)}.hero-portrait figcaption{padding:8px 10px}.how,.spells{padding:48px 0}.section-title h2{font-size:36px}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps li{display:grid;grid-template-columns:42px 1fr;column-gap:18px}.step-number{grid-row:1/3;border:0;padding:0;font-size:26px}.steps h3{margin:0 0 8px;font-size:19px}.steps p{font-size:14px}.match-note{font-size:12px;line-height:1.7}.arena-section{padding:45px 0}.arena-heading{margin-bottom:25px}.arena-frame figcaption{font-size:11px;line-height:1.6}.spell-list article{grid-template-columns:38px 1fr;gap:15px;padding:22px 0}.element{font-size:26px}.spell-list h3{font-size:20px}.spell-list h3 span{margin-left:4px}.spell-list p{font-size:14px}.voice-note{padding-left:18px}.download-section{padding:45px 0}.download-inner{grid-template-columns:1fr;gap:22px}.download-inner h2{font-size:36px}.download-link{padding:20px}.faq{padding:45px 0 50px}.faq summary{font-size:16px}.footer{font-size:11px;gap:15px}.footer span:nth-child(2){width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}