:root{--paper:#f6f4e9;--ink:#171c16;--lime:#dcfa53;--lilac:#cec0fa;--muted:#64675f;--line:#d5d6c9;--display:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;--body:"DM Sans",Arial,sans-serif;color-scheme:light;font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button,a{-webkit-touch-callout:none}button:focus-visible,a:focus-visible{outline:3px solid #7954c9;outline-offset:5px}button{border-radius:0}img{max-width:100%;display:block}svg{display:block}p,h1,h2,figure{margin:0}button[hidden],[hidden]{display:none!important}.page-width{width:min(1280px,calc(100% - 96px));margin-inline:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:12px;z-index:20;padding:12px;background:var(--ink);color:var(--paper);transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:26px;font-weight:800;line-height:.79;letter-spacing:-.3px;flex:none}.brand-second{display:block;margin-top:5px}.brand-dot{color:#789426}.brand-mark{display:grid;place-items:center;width:46px;height:48px;transform:rotate(-7deg);background:var(--lime);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.brand-mark svg{width:34px;height:34px;fill:currentColor}.header-nav{display:flex;gap:34px;align-items:center;margin-left:auto;font-size:13px;font-weight:600}.header-nav a{position:relative;padding-block:8px}.header-nav a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--ink);transition:width .2s}.header-nav a:hover::after{width:100%}.vote-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:2px solid var(--ink);font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap}.header-vote{background:transparent;font-size:13px;padding:13px 18px;min-height:47px}.header-vote .icon{width:18px;height:18px}.header-vote:hover{background:var(--lime);transform:translateY(-2px)}.vote-button.is-liked .icon:first-child{fill:currentColor}.vote-button.is-pending{opacity:.7}.primary-vote{min-height:65px;min-width:296px;padding:18px 24px;background:var(--lime);box-shadow:5px 5px 0 var(--ink);font-family:var(--display);font-size:24px;letter-spacing:.6px;font-weight:700}.primary-vote .arrow-icon{margin-left:auto}.primary-vote:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.primary-vote:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.12fr;gap:48px;align-items:center;padding-top:65px;padding-bottom:106px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;line-height:1.5}.hero .eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.4px;margin-bottom:23px}.status-dot{height:7px;width:7px;background:var(--ink);border-radius:50%;box-shadow:0 0 0 4px #e9eddb;flex:none}h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-1.8px;line-height:.93}h1{font-size:clamp(76px,7.3vw,103px);white-space:nowrap;position:relative;z-index:1}.marker{position:relative;isolation:isolate}.marker::before{content:"";position:absolute;inset:13% -7px 1%;background:var(--lime);z-index:-1;transform:rotate(-3deg)}.hero-intro{font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.5px;margin-top:27px}.hero-intro em{font-style:normal;position:relative}.hero-intro em::after{content:"";position:absolute;bottom:-2px;left:0;right:0;border-bottom:2px solid #9e82da;transform:rotate(-1deg)}.hero-description{color:var(--muted);font-size:14px;line-height:1.8;max-width:355px;margin-top:15px}.hero-actions{margin-top:26px}.cta-caption{font-size:9px;letter-spacing:1.2px;font-weight:600;margin-top:16px;padding-left:21px;color:var(--muted)}.community{display:flex;align-items:center;gap:11px;margin-top:27px}.community-faces{display:flex;padding-left:2px}.community-faces span{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--paper);box-shadow:0 0 0 1px var(--ink);border-radius:50%;font-size:17px;line-height:1;font-weight:700;background:var(--lilac);margin-left:-2px;transform:rotate(-9deg)}.community-faces span:nth-child(2){background:#f1c283;transform:rotate(6deg)}.community-faces span:nth-child(3){background:var(--lime);transform:rotate(-8deg)}.community-copy p{font-size:12px;line-height:1.4}.community-copy strong{font-weight:700}.count-note{padding:0;border:0;background:none;font-size:9px;line-height:1.5;color:var(--muted);text-decoration:underline;text-decoration-color:#a7ab9e;text-underline-offset:2px}.community-copy .count-note{margin-top:2px}.hero-visual{min-width:0;padding-top:8px}.art-topline{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.2px;margin-bottom:18px;padding-inline:5px}.art-topline>span:last-child{font-family:var(--display);font-size:14px;letter-spacing:.7px;transform:rotate(3deg)}.art-topline>span:last-child span{font-size:29px;vertical-align:-5px;margin-left:5px}.art-stack{position:relative;margin:0 2px 0 0}.art-sheet{position:absolute;inset:10px -6px -9px 8px;background:var(--lilac);border:2px solid var(--ink);transform:rotate(-2.5deg)}.hero-frame{position:relative;border:3px solid var(--ink);background:var(--ink);transform:rotate(2deg);box-shadow:7px 7px 0 var(--ink)}.hero-image{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.hero-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 17px 12px;color:var(--paper);font-size:8px;letter-spacing:1.2px;font-weight:500}.hero-frame figcaption>span:first-child{display:flex;align-items:center;gap:7px}.frame-dot{width:5px;height:5px;background:var(--lime);border-radius:50%}.build-sticker{position:absolute;bottom:31px;left:-35px;background:var(--lime);padding:13px 18px 12px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--display);font-size:25px;font-weight:700;line-height:1.05;letter-spacing:-.3px;transform:rotate(-9deg);text-align:center}.build-sticker>span{font-size:30px;font-weight:900}.build-sticker b{font-weight:700;font-size:22px}.art-spark{position:absolute;width:75px;height:75px;fill:var(--lime);stroke:var(--ink);stroke-width:2px;right:-24px;top:-29px;transform:rotate(8deg)}.art-bottomline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-inline:10px}.art-bottomline p{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.9px;font-weight:700}.art-bottomline .icon{width:15px;height:15px;stroke-width:1.5}.platform-divider{margin-inline:2px;color:#85887b}.text-link{padding:0 0 3px;background:none;border:0;border-bottom:1px solid currentColor;font-size:11px;font-weight:600}.text-link span{margin-left:4px;font-size:15px}.text-link:hover{color:#666e42}.discover-link{display:flex;align-items:center;gap:15px;position:absolute;bottom:32px;left:0;font-size:9px;letter-spacing:1.4px;font-weight:700}.discover-link span{font-size:23px}.chaos-ribbon{background:var(--ink);color:var(--paper);padding-block:21px;overflow:hidden;transform:rotate(-1.1deg);margin-inline:-1px}.ribbon-inner{display:flex;align-items:center;justify-content:space-around;gap:36px;min-width:1000px;width:110%;margin-left:-3%;font-family:var(--display);font-size:40px;line-height:1;font-weight:700;letter-spacing:1px;white-space:nowrap}.ribbon-inner svg{width:31px;height:31px;fill:var(--lime);flex:none}.ribbon-inner>span:nth-of-type(2){color:var(--lime)}
.build-section{padding-top:108px;padding-bottom:91px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:18px;font-size:10px}.section-heading h2{font-size:68px;letter-spacing:-1.2px;line-height:.98}.section-heading h2 span{color:#788c33}.section-heading>p{font-size:13px;line-height:1.85;padding-bottom:4px;padding-right:24px;color:var(--muted)}.section-heading>p strong{display:inline-block;margin-top:6px;font-weight:600;color:var(--ink)}.build-playground{display:grid;grid-template-columns:1.04fr 1fr;gap:66px;align-items:center;--build-accent:var(--lime)}.build-art{position:relative;background:#566836;border:2px solid var(--ink);height:416px;box-shadow:8px 8px 0 #d9ddcb;overflow:hidden;isolation:isolate}.build-art img{width:100%;height:100%;object-fit:cover;object-position:35% center;transform:scale(1.09);transition:transform .5s,filter .5s,object-position .5s}.build-art-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,20,12,.05) 30%,rgba(14,20,12,.85) 100%);pointer-events:none}.build-art-index{position:absolute;top:18px;left:18px;background:var(--paper);padding:7px 10px;border:1px solid var(--ink);font-size:9px;letter-spacing:1px;font-weight:700}.build-art figcaption{position:absolute;left:30px;right:20px;bottom:28px;color:var(--paper)}.build-mini-label{display:block;font-size:9px;letter-spacing:1.1px;margin-bottom:9px;color:var(--build-accent);font-weight:600}.build-art figcaption strong{display:block;font-family:var(--display);font-size:58px;line-height:1;font-weight:800;letter-spacing:-.5px}.build-art figcaption>span:last-child{display:block;font-size:13px;margin-top:10px}.build-corner-star{position:absolute;right:24px;bottom:34px;width:52px;height:52px;fill:var(--build-accent);transform:rotate(12deg);z-index:-1}.choice-label{font-size:10px;letter-spacing:1.5px;font-weight:700;margin-bottom:16px}.choice-label span{display:inline-block;font-family:var(--display);font-size:23px;margin-left:9px;vertical-align:-3px;transform:rotate(3deg)}.build-option{display:flex;align-items:center;gap:19px;width:100%;text-align:left;border:0;border-bottom:1px solid #c4c8ba;padding:19px 16px;background:transparent;transition:background .18s,transform .18s}.build-option:first-child{border-top:1px solid #c4c8ba}.build-option.is-selected{background:var(--build-accent);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);position:relative;z-index:1;transform:translate(-4px,-1px)}.build-option:hover:not(.is-selected){background:#e8ebdb}.build-icon{width:39px;height:39px;flex:none}.build-icon svg{width:100%;height:100%;fill:currentColor}.build-option-copy{display:flex;flex-direction:column;gap:4px}.build-option-name{font-family:var(--display);font-size:27px;font-weight:700;letter-spacing:.3px;line-height:1}.build-option-copy>span:last-child{font-size:11px;color:#545a45}.build-option-arrow{font-size:26px;margin-left:auto}.build-summary{font-size:13px;line-height:1.8;max-width:365px;min-height:47px;margin-top:25px;color:var(--muted)}.concept-note{font-size:9px;line-height:1.6;color:var(--muted);display:flex;gap:7px;margin-top:18px}.concept-note>span{font-size:14px;line-height:1}.build-playground[data-active-build="storm"],.build-playground[data-active-build="mage"],.build-playground[data-active-build="guard"]{--build-accent:#d4bbfa}.build-playground[data-active-build="storm"] .build-art img,.build-playground[data-active-build="mage"] .build-art img,.build-playground[data-active-build="guard"] .build-art img{object-position:70% center;transform:scale(1.2);filter:hue-rotate(12deg) saturate(1.15)}.build-playground[data-active-build="survival"],.build-playground[data-active-build="ranger"],.build-playground[data-active-build="engineer"]{--build-accent:#f5c381}.build-playground[data-active-build="survival"] .build-art img,.build-playground[data-active-build="ranger"] .build-art img,.build-playground[data-active-build="engineer"] .build-art img{object-position:20% center;transform:scale(1.02);filter:sepia(.16) saturate(.9)}
.final-section{padding-bottom:0}.final-callout{position:relative;display:grid;grid-template-columns:1fr .95fr;gap:36px;align-items:center;background:var(--ink);color:var(--paper);padding:65px 76px 69px;overflow:hidden}.final-copy .eyebrow{color:#c6ceac;font-size:9px;letter-spacing:1.6px;margin-bottom:17px}.final-copy h2{font-size:88px;line-height:.94;font-weight:800;letter-spacing:-1.2px}.final-copy h2 span{color:var(--lime)}.final-copy>p:last-child{font-size:12px;line-height:1.9;color:#b3b9a9;margin-top:22px}.final-action{justify-self:center;display:flex;align-items:center;flex-direction:column;position:relative;z-index:1}.hype-stamp{display:flex;align-items:center;gap:9px;margin-bottom:28px;padding:14px 17px;border:1px solid #727c5f;transform:rotate(8deg);font-family:var(--display);font-size:16px;line-height:1.1;font-weight:600;letter-spacing:.5px}.hype-stamp svg{width:30px;height:30px;fill:none;stroke:var(--lilac);stroke-width:1.4}.final-action .primary-vote{color:var(--ink);box-shadow:5px 5px 0 #7b8a50;min-width:303px}.final-action .primary-vote:hover{box-shadow:7px 7px 0 #7b8a50}.final-action>p{color:#bfc6b2;font-size:11px;margin-top:22px}.final-action>p strong{color:var(--paper)}.final-action .count-note{color:#9ca58d;font-size:8px;margin-top:7px}.final-spark{position:absolute;width:130px;height:130px;fill:none;stroke:#3c482c;stroke-width:1px;right:-47px;top:17px;transform:rotate(15deg)}.site-footer{display:flex;align-items:center;gap:40px;padding-top:37px;padding-bottom:38px}.footer-brand{font-size:20px}.footer-brand .brand-mark{width:36px;height:38px}.footer-brand .brand-mark svg{width:25px;height:25px}.footer-brand .brand-second{margin-top:4px}.site-footer>p{font-size:10px;line-height:1.7;color:#5c6254}.site-footer>p span{font-size:9px;color:#7e8376}.footer-right{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:8px;letter-spacing:.7px;color:var(--muted)}.footer-right .text-link{font-size:10px;letter-spacing:0}
.site-dialog{border:2px solid var(--ink);padding:0;background:var(--paper);color:var(--ink);max-height:min(90dvh,900px);max-width:calc(100vw - 32px);box-shadow:8px 8px 0 rgba(23,28,22,.35);overflow:auto}.site-dialog::backdrop{background:rgba(15,22,12,.65);backdrop-filter:blur(6px)}.dialog-inner{position:relative;padding:43px 38px}.dialog-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:35px;height:35px;padding:6px;border:1px solid transparent;background:transparent;z-index:1}.dialog-close:hover{background:var(--lime);border-color:var(--ink)}.site-dialog h2{font-size:52px;line-height:.98;letter-spacing:-.5px}.site-dialog p{font-size:13px;line-height:1.8}.site-dialog .eyebrow{font-size:9px;margin-bottom:13px}.success-dialog{text-align:center;width:460px}.success-dialog .dialog-inner{padding-top:47px}.success-symbol{position:relative;display:grid;place-items:center;width:80px;height:80px;border:2px solid var(--ink);background:var(--lime);transform:rotate(-7deg);margin:0 auto 27px;box-shadow:4px 4px 0 var(--ink)}.success-symbol svg{width:41px;height:41px;fill:var(--ink);stroke:var(--ink);stroke-width:1.4}.success-symbol>span{position:absolute;bottom:-7px;right:-15px;background:var(--lilac);border:1px solid var(--ink);padding:2px 8px;transform:rotate(12deg);font-family:var(--display);font-size:25px;font-weight:700}.success-dialog h2{margin-bottom:21px}.success-dialog .success-small{font-size:10px;color:var(--muted);max-width:270px;line-height:1.6;margin:17px auto 24px}.dialog-primary{display:flex;justify-content:center;align-items:center;gap:18px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:14px 18px;font-family:var(--display);font-size:20px;letter-spacing:.5px;width:100%;font-weight:600}.dialog-primary:hover{background:#343f28}.dialog-primary .icon{width:19px;height:19px}.text-dialog{width:500px}.text-dialog h2{margin-bottom:20px}.text-dialog p+p{margin-top:12px}.text-dialog .dialog-primary{margin-top:26px}.art-dialog{width:550px}.art-dialog .dialog-inner{padding:22px}.art-dialog-header{position:relative;padding-right:30px;margin-bottom:20px}.art-dialog-header .dialog-close{right:-9px;top:-10px}.art-dialog .eyebrow{font-size:8px;margin-bottom:7px}.art-dialog h2{font-size:36px}.art-dialog img{width:100%;height:auto;border:1px solid var(--ink)}.art-dialog-note{text-align:center;font-size:9px!important;color:var(--muted);margin-top:12px}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;background:var(--ink);color:var(--paper);padding:15px 16px 15px 20px;box-shadow:4px 4px 0 #a9b780;border:1px solid var(--paper);font-size:12px;max-width:calc(100vw - 32px);width:max-content}.toast button{border:0;background:none;color:inherit;padding:2px}.toast .icon{width:18px;height:18px}.noscript-note{padding:15px;text-align:center;font-size:12px;background:var(--lime)}.mobile-vote{display:none}
@media(min-width:1550px){.hero{gap:70px;padding-top:76px;padding-bottom:118px}.hero-visual{transform:translateY(6px)}}
@media(max-width:1150px){.page-width{width:calc(100% - 64px)}.site-header{height:96px}.hero{gap:36px;padding-top:48px;padding-bottom:90px}h1{font-size:85px}.hero-intro{font-size:20px}.hero-description{font-size:13px;max-width:320px}.art-topline>span:last-child{font-size:11px}.art-topline{font-size:8px}.build-sticker{font-size:21px;left:-22px;padding:10px 14px;bottom:25px}.build-sticker b{font-size:19px}.build-sticker>span{font-size:27px}.art-spark{width:60px;height:60px;right:-17px;top:-25px}.art-bottomline{padding-inline:0;gap:10px}.art-bottomline p{font-size:7px;letter-spacing:.5px;gap:4px}.art-bottomline .text-link{font-size:9px}.primary-vote{min-width:270px;font-size:22px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.section-heading h2{font-size:62px}.build-playground{gap:44px}.build-art{height:390px}.final-callout{padding:58px 56px}.final-copy h2{font-size:78px}}
@media(max-width:900px){.page-width{width:calc(100% - 48px)}.header-nav{gap:22px;font-size:11px}.site-header{gap:24px;height:88px}.brand{font-size:23px}.brand-mark{width:40px;height:42px}.brand-mark svg{width:29px;height:29px}.header-vote{font-size:11px;padding:11px 14px}.hero{gap:25px;padding-top:42px;padding-bottom:82px}h1{font-size:72px}.hero .eyebrow{font-size:7px;letter-spacing:.7px;gap:7px;margin-bottom:21px}.status-dot{width:5px;height:5px}.hero-intro{font-size:18px;margin-top:23px}.hero-description{font-size:12px;line-height:1.75;max-width:295px}.hero-actions{margin-top:22px}.primary-vote{min-width:246px;min-height:58px;font-size:20px;padding:15px 18px}.primary-vote .icon{width:20px;height:20px}.cta-caption{font-size:7px;padding-left:13px;letter-spacing:1px}.community{margin-top:21px;gap:8px}.community-copy p{font-size:10px}.community-faces span{width:25px;height:25px;font-size:14px}.count-note{font-size:8px}.art-topline{margin-bottom:20px}.art-topline>span:last-child{display:none}.hero-frame figcaption{font-size:6px;padding:10px}.build-sticker{left:-18px;bottom:-12px;font-size:16px;padding:8px 11px;box-shadow:3px 3px 0 var(--ink)}.build-sticker>span{font-size:22px}.build-sticker b{font-size:15px}.art-bottomline{margin-top:37px;flex-wrap:wrap;justify-content:flex-end;gap:11px}.art-bottomline p{width:100%;justify-content:flex-end}.art-spark{width:48px;height:48px;right:-12px;top:-20px}.discover-link{font-size:8px;bottom:24px}.ribbon-inner{font-size:34px;gap:25px;min-width:850px}.chaos-ribbon{padding-block:18px}.ribbon-inner svg{width:24px;height:24px}.build-section{padding-top:80px;padding-bottom:72px}.section-heading h2{font-size:53px}.section-heading>p{font-size:11px;padding-right:0}.section-heading{gap:24px;margin-bottom:34px}.build-playground{gap:32px}.build-art{height:365px}.build-art figcaption{left:22px;bottom:25px}.build-art figcaption strong{font-size:48px}.build-mini-label{font-size:7px}.build-art figcaption>span:last-child{font-size:11px}.build-option{padding:16px 12px;gap:13px}.build-icon{width:30px;height:30px}.build-option-name{font-size:23px}.build-option-copy>span:last-child{font-size:9px}.build-summary{font-size:11px;min-height:40px;margin-top:22px}.concept-note{font-size:8px;margin-top:12px}.choice-label{font-size:8px;margin-bottom:10px}.final-callout{padding:45px 35px;gap:30px}.final-copy h2{font-size:68px}.final-copy .eyebrow{font-size:7px;letter-spacing:1.2px}.final-copy>p:last-child{font-size:10px}.final-action .primary-vote{min-width:246px;font-size:20px}.hype-stamp{font-size:13px;margin-bottom:25px;padding:11px 13px}.hype-stamp svg{width:25px;height:25px}.final-action>p{font-size:9px}.site-footer{gap:25px;padding-top:30px;padding-bottom:30px}.footer-right{gap:20px}.site-footer>p{font-size:9px}}
@media(max-width:680px){html{scroll-padding-top:20px}.page-width{width:calc(100% - 40px)}.site-header{height:78px;gap:16px}.brand{font-size:21px;gap:9px}.brand-mark{width:35px;height:37px;box-shadow:2px 2px 0 var(--ink)}.brand-mark svg{width:25px;height:25px}.brand-second{margin-top:4px}.header-nav{display:none}.header-vote{padding:10px 12px;font-size:11px;min-height:40px;gap:7px}.header-vote .icon{width:16px;height:16px}.hero{display:grid;grid-template-columns:1fr;gap:0;padding-top:32px;padding-bottom:55px}.hero-copy{display:contents}.hero .eyebrow{grid-row:1;font-size:8px;letter-spacing:1.05px;gap:8px;margin-bottom:15px}.status-dot{width:6px;height:6px}.hero h1{grid-row:2;font-size:clamp(66px,13.4vw,90px);letter-spacing:-1px;line-height:.94;white-space:nowrap}.marker::before{inset:14% -5px 0}.hero-intro{grid-row:3;font-size:17px;line-height:1.45;margin-top:19px;letter-spacing:-.3px}.hero-intro br{display:none}.hero-intro br::after{content:" "}.hero-description{display:none}.hero-visual{grid-row:4;padding-top:0;margin:29px 7px 0 5px}.art-topline{margin-bottom:14px;font-size:7px;letter-spacing:.8px;padding-left:1px}.art-topline>span:last-child{display:block;font-size:11px}.art-topline>span:last-child span{font-size:22px;vertical-align:-4px;margin-left:4px}.hero-frame{border-width:2px;box-shadow:4px 4px 0 var(--ink);transform:rotate(1.5deg)}.hero-image{aspect-ratio:1.5;width:100%}.art-sheet{inset:7px -3px -6px 5px}.hero-frame figcaption{font-size:6px;letter-spacing:.85px;padding:10px 11px}.art-spark{width:45px;height:45px;right:-15px;top:-20px;stroke-width:2px}.build-sticker{left:-14px;bottom:25px;padding:7px 10px;font-size:17px;line-height:1.05;transform:rotate(-8deg)}.build-sticker>span{font-size:21px}.build-sticker b{font-size:15px}.art-bottomline{margin-top:21px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px}.art-bottomline p{width:auto;justify-content:flex-start;font-size:6px;letter-spacing:.4px;gap:4px}.art-bottomline .icon{width:13px;height:13px}.art-bottomline .text-link{font-size:8px;flex:none}.art-bottomline .text-link span{font-size:12px}.hero-actions{grid-row:5;display:flex;flex-direction:column;align-items:center;margin-top:24px}.primary-vote{width:100%;min-width:0;min-height:59px;font-size:23px;padding:15px 20px;box-shadow:4px 4px 0 var(--ink)}.primary-vote .arrow-icon{margin-left:14px}.hero-actions .primary-vote{max-width:410px;justify-content:center}.hero-actions .primary-vote .arrow-icon{margin-left:auto}.hero-actions .primary-vote>span{margin-left:auto;margin-right:auto}.cta-caption{font-size:8px;padding-left:0;letter-spacing:1px;margin-top:13px}.community{grid-row:6;justify-content:center;margin-top:20px;gap:10px}.community-copy p{font-size:11px}.community-faces span{width:27px;height:27px;font-size:15px}.count-note{font-size:8px}.community-copy .count-note{margin-top:1px}.discover-link{display:none}.chaos-ribbon{padding-block:16px;transform:rotate(-1.5deg)}.ribbon-inner{width:100%;min-width:0;margin:0;gap:12px;justify-content:space-evenly;font-size:24px;letter-spacing:.25px}.ribbon-inner svg{width:18px;height:18px}.ribbon-extra{display:none}.ribbon-inner>svg:nth-of-type(3){display:none}.build-section{padding-top:61px;padding-bottom:55px}.section-heading{display:block;margin-bottom:26px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:13px}.section-heading h2{font-size:clamp(47px,10vw,66px);letter-spacing:-.7px;line-height:.98}.section-heading>p{font-size:12px;line-height:1.65;margin-top:19px}.section-heading>p br:first-child{display:none}.section-heading>p br:first-child::after{content:" "}.section-heading>p strong{margin-top:5px}.build-playground{grid-template-columns:1fr;gap:28px}.build-art{height:330px;box-shadow:5px 5px 0 #d9ddcb}.build-art img{object-position:center;transform:scale(1.02)}.build-art figcaption{left:23px;bottom:22px}.build-art figcaption strong{font-size:52px}.build-mini-label{font-size:8px;margin-bottom:7px}.build-art figcaption>span:last-child{font-size:12px;margin-top:8px}.build-art-index{top:15px;left:15px;font-size:8px;padding:6px 8px}.choice-label{font-size:9px;letter-spacing:1.1px;margin-bottom:11px}.choice-label span{font-size:20px}.build-option{padding:17px 17px;gap:17px}.build-icon{width:32px;height:32px}.build-option-name{font-size:27px}.build-option-copy>span:last-child{font-size:10px}.build-option-arrow{font-size:24px}.build-option.is-selected{transform:translate(-2px,-1px);box-shadow:3px 3px 0 var(--ink)}.build-summary{font-size:12px;max-width:none;margin-top:22px;min-height:43px}.concept-note{font-size:8px;margin-top:12px}.final-section{width:100%}.final-callout{grid-template-columns:1fr;padding:44px 30px 47px;gap:31px;text-align:center}.final-copy .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:17px}.final-copy h2{font-size:80px;letter-spacing:-.6px}.final-copy>p:last-child{font-size:12px;margin-top:20px}.final-action{width:100%;max-width:360px}.hype-stamp{display:none}.final-action .primary-vote{min-width:0;width:100%;min-height:60px;font-size:23px}.final-action .primary-vote .arrow-icon{margin-left:auto}.final-action .primary-vote>span{margin-inline:auto}.final-action>p{font-size:10px;margin-top:20px}.final-action .count-note{font-size:8px;margin-top:6px}.final-spark{width:110px;height:110px;right:-44px;top:65px}.site-footer{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:23px;padding-top:28px;padding-bottom:30px}.footer-brand{font-size:19px}.footer-brand .brand-mark{width:33px;height:35px}.site-footer>p{font-size:9px;justify-self:end;text-align:right;line-height:1.7}.site-footer>p span{font-size:8px}.footer-right{grid-column:1/-1;width:100%;display:flex;justify-content:space-between;margin:0;padding-top:20px;border-top:1px solid var(--line);font-size:7px;letter-spacing:.5px}.footer-right .text-link{font-size:9px}.mobile-vote{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px calc(11px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--ink);box-shadow:0 -5px 24px rgba(23,28,22,.08);position:fixed;z-index:8;bottom:0;left:0;right:0}.mobile-vote>div{display:flex;flex-direction:column;gap:4px}.mobile-vote strong{font-family:var(--display);font-size:16px;line-height:1;font-weight:700}.mobile-vote>div>span{font-size:8px;color:var(--muted)}.mobile-vote .vote-button{padding:12px 14px;min-height:45px;background:var(--lime);gap:8px;font-family:var(--display);font-size:17px;letter-spacing:.2px}.mobile-vote .icon{width:17px;height:17px}.toast{bottom:94px;font-size:11px;padding:13px 12px 13px 15px}.site-dialog{max-height:88dvh}.dialog-inner{padding:40px 26px 27px}.site-dialog h2{font-size:45px}.site-dialog p{font-size:12px}.site-dialog .eyebrow{font-size:8px}.success-dialog .dialog-inner{padding-top:42px}.success-symbol{width:69px;height:69px;margin-bottom:25px}.success-symbol svg{width:36px;height:36px}.success-dialog .success-small{font-size:9px}.dialog-primary{font-size:19px;padding:13px}.art-dialog .dialog-inner{padding:16px}.art-dialog h2{font-size:30px}.art-dialog .eyebrow{font-size:6px;letter-spacing:.9px}.art-dialog-header .dialog-close{top:-8px;right:-8px}.art-dialog-header{margin-bottom:16px}.text-dialog h2{margin-bottom:20px}}
@media(max-width:360px){.page-width{width:calc(100% - 32px)}.hero h1{font-size:63px}.hero .eyebrow{font-size:7px;letter-spacing:.8px}.hero-intro{font-size:15px}.hero-visual{margin-inline:5px}.art-topline{font-size:6px}.art-topline>span:last-child{font-size:9px}.art-bottomline .text-link{font-size:7px}.art-bottomline p{font-size:5px;gap:3px}.art-bottomline .icon{width:11px;height:11px}.ribbon-inner{font-size:21px;gap:8px}.ribbon-inner svg{width:14px;height:14px}.section-heading h2{font-size:43px}.build-art{height:300px}.final-callout{padding-inline:23px}.final-copy h2{font-size:74px}.mobile-vote{padding-inline:12px;gap:8px}.mobile-vote strong{font-size:14px}.mobile-vote .vote-button{font-size:15px;padding-inline:11px}.header-vote{font-size:10px}}
@media(max-width:680px){.hero{grid-template-columns:minmax(0,1fr)}.hero>*{min-width:0}}
@media(max-width:360px){.art-spark{right:-4px}.hero h1 .marker::before{right:2px}}
/* Only the rotated, full-width ribbon needs horizontal clipping. */
.ribbon-viewport{overflow-x:clip;padding-block:8px;margin-block:-8px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}