@font-face{font-family:Lilita;src:url(./LilitaOne-Regular-DWEPn4H6.ttf)format("truetype");font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#e9dfbd;--ink:#303b30;--muted:#6b7059;--olive:#526345;--line:#b4b28e;--blue:#93b8b3;scroll-behavior:smooth;scroll-padding-top:24px}.mobile-copy{display:none}.link-arrow{flex:none;width:18px;height:18px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}img{object-fit:contain;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:6px;outline:3px solid #247d83}h1,h2,h3,p{margin:0}h1,h2,h3,.button,.wordmark,.step-number{font-family:Lilita,Georgia,serif;font-weight:400;line-height:1.08}h2{font-size:clamp(32px,3.5vw,46px)}h3{font-size:26px}.wrap{width:min(1180px,100% - 64px);margin-inline:auto}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:700;line-height:1.5}.pixel-dot{background:#748453;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:2px 2px #b4bb8a}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:106px;display:flex}.wordmark{letter-spacing:.6px;align-items:center;gap:13px;font-size:17px;text-decoration:none;display:flex}.wordmark img{image-rendering:pixelated}.site-header nav{gap:32px;font-size:13px;font-weight:700;display:flex}.site-header nav a{text-decoration:none}.site-header nav a:hover,.text-link:hover{color:#657e4b}.button{background:var(--blue);border:2px solid #40594d;justify-content:center;align-items:center;gap:20px;min-height:52px;padding:17px 23px;font-size:19px;text-decoration:none;transition:background .15s;display:inline-flex;box-shadow:3px 3px #40594d}.button:hover{background:#abcac2}.button.primary{background:var(--olive);color:#f8efcd;border-color:#303e2b;box-shadow:3px 3px #303e2b}.button.primary:hover{background:#65774e}.button.small{gap:15px;min-height:42px;padding:11px 17px;font-size:16px}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;padding-block:76px 72px;display:grid}.hero h1{letter-spacing:-1px;margin:23px 0;font-size:clamp(46px,5vw,67px)}.hero h1 span{color:#697948}.intro{color:#626853;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:30px;display:flex}.text-link{text-underline-offset:6px;font-size:14px;font-weight:700}.play-note{color:var(--muted);margin-top:20px;font-size:11px;line-height:1.8}.play-note span{font-size:10px}.faction-line{letter-spacing:1px;align-items:center;gap:13px;margin-top:37px;font-size:9px;font-weight:700;display:flex}.faction-line i{color:#8c9671;font-style:normal}.hero-art{background:#222f31;border:2px solid #586046;position:relative;box-shadow:8px 8px #c8c49e}.art-label{color:#cbd2ae;letter-spacing:1.5px;border-bottom:1px solid #687351;padding:13px 19px;font-size:9px;font-weight:700}.art-caption{color:#f1e5bd;background:#354335;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.art-caption h2{margin-top:6px;font-size:27px}.art-caption .eyebrow{color:#b7c49e;font-size:9px}.art-caption>a{border:1px solid #a9b18c;place-items:center;width:42px;height:42px;font-size:23px;text-decoration:none;display:grid}.corner-mark{color:#e7d6a1;background:#596247;padding:3px;font-size:20px;line-height:1;position:absolute}.corner-mark.top{top:-12px;left:-12px}.corner-mark.bottom{bottom:-12px;right:-12px}.how-section{border-block:1px solid var(--line);background:#ded6b4;padding:57px 0 62px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:37px;display:flex}.section-heading h2{margin-top:12px}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.7}.steps{grid-template-columns:repeat(3,1fr);display:grid}.steps article{border-right:1px solid var(--line);padding:0 40px}.steps article:first-child{padding-left:0}.steps article:last-child{border:0;padding-right:0}.step-top{justify-content:space-between;align-items:center;height:75px;margin-bottom:17px;display:flex}.step-number{color:#9caa7e;font-size:50px}.step-top img{image-rendering:pixelated}.connect-symbol{color:#5b7762;font-family:Lilita;font-size:65px;line-height:1}.steps p{color:#636952;max-width:270px;margin-top:12px;font-size:13px}.heroes-section{padding-block:75px}.hero-cards{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.hero-card{background:#e5dcba;border:1px solid #b0ad87}.hero-card-art{background:#d1d2ac;border-bottom:1px solid #b0ad87;justify-content:center;align-items:center;height:210px;padding:18px;display:flex}.hero-card-art img{width:100%;height:100%;image-rendering:pixelated}.paladin .hero-card-art{background:#bac7b4}.druid .hero-card-art{background:#c6cba6}.shaman .hero-card-art{background:#c1c49b}.abomination .hero-card-art{background:#c3bdb1}.hero-card-copy{padding:20px 17px 23px}.hero-card-copy .eyebrow{letter-spacing:1.2px;color:#626b51;font-size:8px}.hero-card h3{margin-top:10px;font-size:23px}.hero-card p{color:#676b58;margin-top:9px;font-size:11px}.section-footnote{color:var(--muted);margin-top:20px;font-size:11px}.dungeon-section{color:#ece5c8;background:#303e36;border:2px solid #465441;grid-template-columns:1fr 1fr;display:grid;box-shadow:7px 7px #c8c49e}.dungeon-copy{padding:46px}.dungeon-copy .eyebrow{color:#b7c5a4;font-size:9px}.dungeon-copy h2{margin:16px 0 18px}.dungeon-copy>p:not(.eyebrow){color:#c4cbb4;max-width:350px;font-size:14px}.dungeon-tags{flex-wrap:wrap;gap:8px;margin:25px 0;display:flex}.dungeon-tags span{color:#d5dbba;border:1px solid #69745b;padding:4px 9px;font-size:10px}.dungeon-copy .button.primary{color:#30402d;background:#c7d0a5;border-color:#a1ad87;font-size:17px;box-shadow:3px 3px #1e2d25}.closing{text-align:center;padding:80px 0 65px}.closing>img{image-rendering:pixelated;margin-bottom:20px}.closing h2{margin:13px 0;font-size:clamp(34px,4vw,51px)}.closing .hero-actions{justify-content:center}.closing .eyebrow{color:#657454}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding-block:27px 32px;font-size:10px;display:flex}footer>span{letter-spacing:1px;font-weight:700}footer a{text-underline-offset:4px}.skip{z-index:5;background:#fff;padding:10px;position:absolute;top:-100px;left:12px}.skip:focus{top:10px}@media (width>=1400px){.hero{padding-block:90px}}@media (width<=950px){.wrap{width:calc(100% - 44px)}.site-header nav{gap:18px}.hero{gap:32px;padding-block:48px}.hero h1{font-size:49px}.hero-actions{gap:19px}.hero-cards{grid-template-columns:repeat(2,1fr)}.hero-card-art{height:225px}.dungeon-copy{padding:30px}.steps article{padding-inline:23px}.wordmark{font-size:14px}.wordmark img{width:60px}}@media (width<=650px){.wrap{width:calc(100% - 32px)}.site-header{gap:12px;height:62px}.site-header nav,.site-header>.button{display:none}.wordmark{letter-spacing:.2px;gap:9px;font-size:12px}.wordmark img{width:46px;height:36px}.hero{grid-template-columns:1fr;align-items:start;gap:0;padding-block:22px 30px}.hero-copy{display:contents}.hero-copy>.eyebrow{display:none}.hero h1{letter-spacing:-.5px;grid-row:1;margin:0 0 12px;font-size:clamp(32px,9.3vw,44px);line-height:1.06}.hero .intro{grid-row:2;margin-bottom:18px;font-size:14px;line-height:1.45}.hero-art{border:1px solid #586046;grid-row:3;margin:0 0 20px;box-shadow:4px 4px #c8c49e}.hero-art .feature-art{object-fit:contain;width:100%;height:clamp(210px,65vw,310px)}.hero-art .art-label,.hero-art .art-caption,.hero-art .corner-mark{display:none}.hero-actions{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:10px;margin:0;display:grid}.hero .hero-actions{grid-row:4}.button{gap:8px;min-height:48px;padding:12px 9px;font-size:16px}.browser-cta{background:#e2dcbb;border:1px solid #999f7a;justify-content:center;align-items:center;min-height:48px;font-size:14px;text-decoration:none;display:flex}.hero .play-note{text-align:center;grid-row:5;margin-top:12px;font-size:11px}.faction-line{letter-spacing:.5px;grid-row:6;justify-content:space-between;gap:6px;margin-top:20px;font-size:9px}.how-section{padding:30px 0}.section-heading{margin-bottom:18px;display:block}.section-heading .eyebrow{letter-spacing:1px;font-size:8px}.section-heading h2{margin-top:8px;font-size:29px}.section-heading>p{margin-top:10px;font-size:13px;line-height:1.4}.steps{display:block}.steps article,.steps article:first-child,.steps article:last-child{border:0;border-bottom:1px solid var(--line);padding:16px 0 16px 46px;position:relative}.steps article:last-child{border-bottom:0;padding-bottom:0}.step-top{height:auto;margin:0;position:absolute;top:17px;left:0}.step-number{font-size:30px}.step-top img,.connect-symbol{display:none}.steps h3{font-size:23px}.steps p{max-width:none;margin-top:6px;font-size:13px;line-height:1.45}.heroes-section{padding-block:32px}.hero-cards{gap:10px}.hero-card-art{height:140px;padding:10px}.hero-card-copy{padding:12px 10px}.hero-card h3{margin-top:8px;font-size:21px}.hero-card p{font-size:12px;line-height:1.4}.hero-card-copy .eyebrow{letter-spacing:.4px;font-size:8px}.section-footnote{margin-top:14px;font-size:12px;line-height:1.45}.dungeon-section{grid-template-columns:1fr;box-shadow:4px 4px #c8c49e}.dungeon-copy{padding:24px 20px}.dungeon-copy h2{font-size:33px}.dungeon-copy>p:not(.eyebrow){font-size:14px}.dungeon-tags{margin:18px 0}.closing{padding-block:34px 28px}.closing>img{width:72px;height:auto;margin-bottom:14px}.closing .eyebrow{font-size:9px}.closing h2{margin:12px 0 20px;font-size:31px}.closing .hero-actions{gap:10px}.closing .button{padding:12px 9px;font-size:16px}footer{flex-wrap:wrap;gap:12px;padding-block:20px;font-size:11px}footer p{display:none}.mobile-copy{display:inline}.desktop-copy{display:none}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}.browser-choice{text-align:center;gap:7px;display:grid}.browser-choice small{color:#626952;font-size:11px}.hero-actions{align-items:start}.browser-choice .browser-cta{justify-content:center;align-items:center;min-height:48px;display:flex}.gameplay-section{padding-bottom:60px}.gameplay-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.gameplay-gallery figure{background:#dedcba;border:1px solid #9b9c79;margin:0;box-shadow:4px 4px #c8c49e}.gameplay-image{background:#293a36;height:350px;overflow:hidden}.gameplay-image img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.gameplay-gallery figcaption{font-family:var(--display);text-align:center;padding:17px;font-weight:700}.gameplay-gallery:focus-visible{outline-offset:6px;outline:3px solid #536a52}.connect-demo>div{color:#506541;align-items:center;gap:8px;margin:14px 0;font-size:24px;display:flex}.connect-fighter{justify-items:center;gap:3px;display:grid}.connect-fighter img{object-fit:contain;width:48px;height:48px;image-rendering:pixelated}.connect-fighter b{font-size:12px}.connect-fighter:last-child{background:#ccd2a5;border:1px solid #879364;padding:5px}.hero-card .hero-card-art{background:#d4d6b9}.hero-card-art img{object-fit:contain;max-width:192px;max-height:192px}@media (width<=650px){.browser-choice{gap:5px}.browser-choice small{font-size:10px}.gameplay-section{padding-bottom:32px}.gameplay-gallery{scroll-snap-type:x proximity;gap:14px;padding:0 5px 12px;display:flex;overflow-x:auto}.gameplay-gallery figure{scroll-snap-align:start;flex:0 0 80%}.gameplay-image{height:330px}.gameplay-gallery figcaption{padding:12px;font-size:15px}.connect-demo>div{gap:6px}.connect-fighter img{width:40px;height:40px}.hero-card-art img{max-height:120px}}.feature-art{aspect-ratio:1;object-fit:contain;width:100%;height:auto;image-rendering:pixelated;display:block}.dungeon-gallery{object-fit:cover;object-position:center;width:100%;height:100%;min-height:430px;image-rendering:pixelated;display:block}@media (width<=650px){.dungeon-gallery{aspect-ratio:1;object-fit:contain;height:auto;min-height:0}.hero .eyebrow{letter-spacing:1px}}.hero-card .hero-card-art{aspect-ratio:3/2;height:auto;padding:0}.hero-card .hero-card-art img{object-fit:cover;image-rendering:auto;width:100%;max-width:none;height:100%;max-height:none;display:block}.gameplay-gallery{scroll-snap-type:x mandatory;scrollbar-width:none;background:#203533;border:2px solid #67745b;gap:0;padding:0;display:flex;position:relative;overflow-x:auto;box-shadow:5px 5px #b5b78d}.gameplay-gallery::-webkit-scrollbar{display:none}.carousel-stage{position:relative}.carousel-arrow{z-index:1;color:#fff8de;cursor:pointer;background:#14272466;border:1px solid #fff5;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:background .18s,border-color .18s;display:none;position:absolute;top:220px;transform:translateY(-50%);box-shadow:0 2px 12px #0002}.has-carousel .carousel-arrow{display:grid}.carousel-arrow[data-prev]{left:14px}.carousel-arrow[data-next]{right:calc(47.6191% + 14px)}.carousel-arrow:hover{background:#142724bb;border-color:#fff9}.carousel-arrow:focus-visible{outline-offset:3px;background:#142724cc;outline:3px solid #fff0b8}@media (width<=650px){.carousel-arrow{width:44px;height:44px;top:165px}.carousel-arrow[data-prev]{left:10px}.carousel-arrow[data-next]{right:10px}}@media (prefers-reduced-motion:reduce){.carousel-arrow{transition:none}}.gameplay-gallery figure{scroll-snap-align:start;min-width:0;box-shadow:none;background:#233631;border:0;flex:0 0 100%;grid-template-columns:1.1fr 1fr;display:grid}.gameplay-image{background:#203533;height:440px}.gameplay-image img{object-fit:contain}.gameplay-gallery figcaption{text-align:left;color:#eee3b8;background:linear-gradient(135deg,#344936,#223431);flex-direction:column;justify-content:center;align-items:start;padding:40px;display:flex}.gameplay-gallery figcaption .eyebrow{color:#b4c78d;letter-spacing:2px;font-size:11px}.gameplay-gallery h3{margin:18px 0 0;font-size:clamp(28px,3.4vw,48px);line-height:1.13}.carousel-controls{justify-content:center;align-items:center;gap:16px;margin-top:23px;display:none}.has-carousel .carousel-controls{display:flex}.carousel-controls button{color:#34432f;cursor:pointer;background:#d9dbb4;border:1px solid #7b8565;border-radius:50%;place-items:center;width:44px;height:44px;font-size:23px;transition:background .15s;display:grid}.carousel-controls button:hover{background:#c3cba0}.carousel-controls button:focus-visible{outline-offset:3px;outline:3px solid #425b45}.carousel-dots{gap:1px;display:flex}.carousel-dots button{background:0 0;border:0;width:30px;height:44px}.carousel-dots button:before{content:"";background:#9aa27e;border-radius:50%;width:7px;height:7px;transition:width .2s,background .2s}.carousel-dots button[aria-current=true]:before{background:#40563c;border-radius:8px;width:23px}@media (width<=650px){.gameplay-gallery figure{grid-template-columns:1fr}.gameplay-image{height:330px}.gameplay-gallery figcaption{min-height:114px;padding:20px}.gameplay-gallery h3{margin:8px 0 0;font-size:27px}.gameplay-gallery figcaption .eyebrow{font-size:9px}.carousel-controls{gap:7px;margin-top:18px}.carousel-dots button{width:26px}}@media (prefers-reduced-motion:reduce){.carousel-controls button,.carousel-dots button:before{transition:none}}