@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Monogram;src:url(/assets/monogram.ttf)format("truetype");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#050606;--ink-raised:#0a0b09;--paper:#eee4cb;--text:#c7bea6;--muted:#a89f88;--brass:#d6aa58;--brass-bright:#f4ce78;--line:#ddb86b2e;--slot-edge:#4d3f27;--shelter:oklch(76% .11 76);--tides:oklch(74% .11 205);--making:oklch(80% .16 128);--roots:oklch(71% .12 105);--glass:oklch(74% .15 35);--orbits:oklch(72% .13 300);--pixel:"Monogram", ui-monospace, monospace;--sans:"Atkinson Hyperlegible Next Variable", "Trebuchet MS", sans-serif;--gutter:clamp(20px, 5vw, 64px);--shell:min(1200px, calc(100% - 2 * var(--gutter)));--hero-x:0px;--hero-y:0px}*,:before,:after{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:18px;line-height:1.55;overflow-x:clip}::selection{background:var(--brass-bright);color:var(--ink)}img{max-width:100%;height:auto;display:block}a{color:inherit;touch-action:manipulation;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--brass-bright);outline-offset:4px}h1,h2,h3,p,figure,blockquote,ul{margin:0}ul{padding:0;list-style:none}h2,h3{color:var(--paper);font-family:var(--pixel);text-transform:uppercase;text-wrap:balance;font-weight:400}h2{letter-spacing:-.01em;max-width:16ch;font-size:clamp(42px,5vw,72px);line-height:.9}h3{font-size:30px;line-height:1}main{scroll-margin-top:72px}main:focus-visible{outline:2px solid var(--brass-bright);outline-offset:-2px}section[id]{scroll-margin-top:72px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;border:1px solid var(--brass-bright);background:var(--ink);color:var(--paper);font-family:var(--pixel);padding:10px 14px;font-size:20px;transition:transform .18s ease-out;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell{width:var(--shell);margin-inline:auto}.section{padding-block:clamp(84px,11vw,144px)}.section-head{gap:20px;margin-bottom:clamp(40px,5vw,64px);display:grid}.section-head p{max-width:52ch;font-size:19px}.slot{--slot:80px;--icon:64px;width:var(--slot);height:var(--slot);border:1px solid var(--slot-edge);background:linear-gradient(#16140f,#0a0a08);flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #000,inset 0 1px 0 2px #ffe29b0d}.slot img{width:var(--icon);height:var(--icon);object-fit:contain;image-rendering:pixelated}.site-header{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:14px 32px;transition:background .24s,border-color .24s,padding .24s;display:flex;position:fixed;top:0;left:0}.site-header.is-scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050606e6;padding-block:8px}.brand-mark{min-height:44px;color:var(--paper);font-family:var(--pixel);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-size:22px;line-height:1.2;display:flex}.brand-crown{object-fit:contain;width:40px;height:28px}.header-action{color:#ead8aa;min-height:36px;font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#080908e6;border:1px solid #d8b56a8c;align-items:center;padding:8px 14px 7px;font-size:17px;line-height:1;transition:opacity .18s ease-out,transform .18s ease-out,border-color .18s ease-out,color .18s ease-out;display:inline-flex;transform:translateY(-4px)}.header-action[hidden]{display:none}.header-action.is-visible{opacity:1;transform:none}.header-action:hover,.header-action:focus-visible{border-color:var(--brass-bright);color:var(--paper)}.hero{isolation:isolate;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-scene{z-index:-3;transform:translate3d(var(--hero-x), var(--hero-y), 0) scale(1.035);background:url(/assets/world-hero.webp) 50%/cover;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:-22px}.hero-vignette{z-index:-2;background:linear-gradient(180deg, #02030380 0%, #0203030d 34%, #0203034d 68%, var(--ink) 100%), radial-gradient(ellipse at 50% 40%, #0506061a, #050606b8 88%);position:absolute;inset:0}.hero-content{text-align:center;flex-direction:column;align-items:center;width:min(920px,100% - 40px);padding-block:88px 56px;display:flex}.hero-logo{filter:drop-shadow(0 18px 32px #000000e6);width:min(600px,70vw)}.hero-line{color:var(--paper);font-family:var(--pixel);text-shadow:0 3px 20px #000;text-wrap:balance;margin-top:4px;font-size:clamp(22px,4.6vw,60px);line-height:.9}.hero-copy{color:#d4cbb2;text-shadow:0 2px 16px #000;text-wrap:pretty;max-width:36ch;margin-top:28px;font-size:clamp(18px,1.4vw,21px);line-height:1.5}.road-button{color:#171007;min-width:214px;min-height:54px;font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#efc672,#b07a3b);border:1px solid #f5d88f;justify-content:center;align-items:center;margin-top:32px;padding:16px 26px 15px;font-size:27px;line-height:1;transition:transform .16s,filter .16s;display:inline-flex;box-shadow:0 0 0 4px #050606b3,0 0 0 5px #f4ce7857,inset 0 -3px #3c220859}.road-button:hover,.road-button:focus-visible{filter:brightness(1.1);outline:none;transform:translateY(-2px)}.road-button:focus-visible{box-shadow:0 0 0 4px #050606b3, 0 0 0 6px var(--brass-bright)}.hero-note{color:#cfc6ad;font-family:var(--pixel);letter-spacing:.04em;text-shadow:0 2px 10px #000;margin-top:18px;font-size:20px}.hero-links{flex-wrap:wrap;justify-content:center;gap:0 24px;margin-top:6px;font-size:14px;display:flex}.hero-links a{min-height:44px;color:var(--brass-bright);align-items:center;gap:8px;display:inline-flex}.hero-links a:hover{text-underline-offset:5px;text-decoration:underline}.hero-embers{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-embers i{background:#ffd27a;border-radius:50%;width:2px;height:2px;animation:5s linear infinite paused ember-rise;position:absolute;bottom:12%;left:50%;box-shadow:0 0 8px #ff9f43}.hero.is-active .hero-embers i{animation-play-state:running}.hero-embers i:nth-child(2){animation-duration:6s;animation-delay:-1s;left:48%}.hero-embers i:nth-child(3){animation-duration:4.5s;animation-delay:-2.5s;left:52%}.hero-embers i:nth-child(4){animation-duration:7s;animation-delay:-3.5s;left:46%}.hero-embers i:nth-child(5){animation-duration:5.5s;animation-delay:-.5s;left:54%}.hero-embers i:nth-child(6){animation-duration:6.5s;animation-delay:-4s;left:49%}.hero-embers i:nth-child(7){animation-duration:5.2s;animation-delay:-1.7s;left:51%}.hero-embers i:nth-child(8){animation-duration:4.8s;animation-delay:-2.2s;left:47%}@keyframes ember-rise{0%{opacity:0;transform:translate(0,0)scale(.6)}15%{opacity:.9}to{opacity:0;transform:translate(60px,-250px)scale(1.4)}}.story-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.story-copy>p{max-width:44ch;margin-top:28px;font-size:19px}.story-quote{border-left:2px solid var(--brass);margin-top:36px;padding-left:20px}.story-quote blockquote{color:var(--paper);font-family:var(--pixel);font-size:28px;line-height:1.05}.story-quote figcaption{color:var(--muted);margin-top:10px;font-size:15px}.story-route{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.route-path{color:var(--brass-bright);font-family:var(--pixel);text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-size:26px;line-height:1;display:flex}.route-path i{color:var(--muted);font-style:normal}.story-route p+p{color:var(--muted);margin-top:10px;font-size:16px}.story-art img{border:1px solid var(--line);width:100%}.screens{border-block:1px solid var(--line);background:var(--ink-raised)}.shot img,.shot picture{width:100%}.shot img{background:#000;border:1px solid #ddb86b42}.shot figcaption{max-width:62ch;color:var(--muted);margin-top:14px;font-size:16px;line-height:1.5}.shot figcaption strong{color:var(--paper);font-weight:600}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,3.5vw,48px) clamp(20px,2.4vw,32px);margin-top:clamp(40px,4vw,56px);display:grid}.classes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,56px);display:grid}.class{--accent:var(--brass)}.class-arcanist{--accent:#a985bc}.class-mender{--accent:#9fb67f}.slot-class{--slot:116px;--icon:96px;border-color:color-mix(in oklch, var(--accent), #000 45%)}.class-role{color:var(--accent);font-family:var(--pixel);letter-spacing:.1em;text-transform:uppercase;margin-top:24px;font-size:18px;line-height:1}.class h3{margin-top:8px;font-size:clamp(34px,3.4vw,44px)}.class>p:not(.class-role){max-width:30ch;margin-top:12px}.abilities{flex-wrap:wrap;gap:12px 20px;margin-top:22px;display:flex}.abilities li{color:var(--muted);font-family:var(--pixel);text-transform:uppercase;align-items:center;gap:10px;font-size:18px;line-height:1;display:flex}.slot-ability{--slot:48px;--icon:38px}.slot-ability img{image-rendering:auto}.loot{border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,72px);margin-top:clamp(72px,9vw,120px);padding-top:clamp(48px,6vw,72px);display:grid}.loot h3{max-width:14ch;font-size:clamp(32px,3.4vw,46px);line-height:.95}.loot-copy p{max-width:46ch;margin-top:18px}.rarity{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.rarity li{--tier:#bab7aa;justify-items:start;display:grid}.rarity .rarity-magic{--tier:#77b8cf}.rarity .rarity-rare{--tier:#bc8cda}.rarity .rarity-relic{--tier:var(--brass-bright)}.rarity .slot{--slot:88px;border-color:color-mix(in oklch, var(--tier), #000 40%);margin-bottom:14px}.rarity small,.rarity strong{font-family:var(--pixel);text-transform:uppercase;line-height:1;display:block}.rarity small{color:var(--tier);letter-spacing:.08em;font-size:16px}.rarity strong{color:var(--paper);margin-top:4px;font-size:20px;font-weight:400}.domains{border-top:1px solid var(--line);background:linear-gradient(180deg, var(--ink) 0%, #050606db 40%, var(--ink) 100%), url(/assets/world-hero.webp) center 30% / cover}.domain-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(32px,5vw,80px);display:grid}.domain{--item-color:var(--shelter);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:22px;display:grid}.domain[data-domain=tides]{--item-color:var(--tides)}.domain[data-domain=making]{--item-color:var(--making)}.domain[data-domain=roots]{--item-color:var(--roots)}.domain[data-domain=glass]{--item-color:var(--glass)}.domain[data-domain=orbits]{--item-color:var(--orbits)}.domain .slot{border-color:color-mix(in oklch, var(--item-color), #000 50%)}.domain h3{padding-top:4px}.domain h3 span{color:var(--item-color);letter-spacing:.1em;margin-top:6px;font-size:16px;display:block}.domain p{max-width:40ch;margin-top:10px;font-size:17px}.elysium{border-top:1px solid var(--line)}.elysium-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.elysium-copy>p:not(.text-links){max-width:48ch;margin-top:26px;font-size:19px}.text-links{flex-wrap:wrap;gap:0 28px;margin-top:16px;display:flex}.text-links a,.footer-links a{min-height:44px;color:var(--brass-bright);align-items:center;gap:8px;font-size:16px;display:inline-flex}.text-links a:hover,.footer-links a:hover,.faq-list a:hover{text-underline-offset:5px;text-decoration:underline}.token-card{border:1px solid var(--line);background:var(--ink-raised);padding:28px}.token-head{align-items:center;gap:18px;display:flex}.token-head p{gap:6px;display:grid}.token-head strong{color:var(--paper);font-family:var(--pixel);font-size:40px;font-weight:400;line-height:.9}.token-head span{color:var(--muted);font-size:15px}.token-card .project-token{width:100%;margin:22px 0 0}.token-card .project-token summary{border:1px solid var(--slot-edge)}.faq{border-top:1px solid var(--line)}.faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,80px);display:grid}.faq h2{font-size:clamp(38px,3.8vw,54px)}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{min-height:44px;color:var(--paper);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:19px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:var(--brass-bright);font-family:var(--pixel);content:"+";flex:none;font-size:28px;line-height:1}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:62ch;padding:0 4px 24px}.faq-list a{color:var(--brass-bright);text-underline-offset:3px;text-decoration:underline}.closing{border-top:1px solid var(--line);background:linear-gradient(180deg, var(--ink) 0%, #05060666 50%, var(--ink) 100%), url(/assets/world-hero.webp) center bottom / cover;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:640px;padding:120px 24px 160px;display:flex;position:relative;overflow:hidden}.closing h2{max-width:14ch;color:var(--brass-bright);text-shadow:0 12px 60px #000;font-size:clamp(48px,8vw,116px);line-height:.82}.closing-play-button{margin-top:40px}.closing-walker{width:68px;height:68px;image-rendering:pixelated;background:url(/assets/wayfarer-walk.png) 0 0/408px 544px no-repeat;animation:.72s steps(6,end) infinite paused walker;position:absolute;bottom:44px;left:50%;transform:translate(-50%)scale(1.4)}.closing.is-active .closing-walker{animation-play-state:running}@keyframes walker{to{background-position:-408px 0}}.site-footer{padding:32px var(--gutter);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;display:flex}.site-footer div{gap:4px;display:grid}.site-footer div>span{color:var(--paper);font-family:var(--pixel);letter-spacing:.06em;text-transform:uppercase;font-size:22px;line-height:1}.site-footer small{color:var(--muted);font-size:14px}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:0 24px;display:flex}.footer-links a{font-size:14px}.reveal{animation:.7s cubic-bezier(.16,1,.3,1) both hero-rise}.reveal-delay-1{animation-delay:80ms}.reveal-delay-2{animation-delay:.16s}.reveal-delay-3{animation-delay:.24s}@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}}@media (pointer:fine){body,a{cursor:url(/assets/rpg-cursor.png) 2 2,auto;cursor:-webkit-image-set(url(/assets/rpg-cursor.png) 2x) 2 2, auto;cursor:image-set(url(/assets/rpg-cursor.png) 2x) 2 2, auto}}@media (width<=1040px){.story-grid,.loot,.elysium-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}.story-art{order:-1}.token-card{max-width:520px}}@media (width<=820px){.classes{grid-template-columns:minmax(0,1fr);gap:48px}.class{grid-template-columns:auto minmax(0,1fr);column-gap:24px;display:grid}.class>.slot-class{grid-row:1/span 4}.class-role{margin-top:6px}.domain-list{grid-template-columns:minmax(0,1fr);gap:32px}}@media (width<=680px){body{font-size:17px}h2{font-size:clamp(38px,11.5vw,52px)}.section-head p,.story-copy>p,.elysium-copy>p:not(.text-links){font-size:17px}.site-header{padding:max(8px, env(safe-area-inset-top)) 16px 8px}.site-header.is-scrolled{padding-block:max(6px, env(safe-area-inset-top)) 6px;-webkit-backdrop-filter:none;backdrop-filter:none}.brand-mark{font-size:18px}.brand-crown{width:32px;height:22px}.header-action{min-height:34px;padding:7px 11px 6px;font-size:15px}.hero-content{width:min(100% - 32px,560px);padding-block:72px 40px}.hero-logo{width:min(86vw,480px)}.hero-line{font-size:clamp(20px,6.4vw,30px)}.hero-copy{max-width:32ch;font-size:17px}.road-button{min-width:190px;padding:14px 21px 13px;font-size:24px}.hero-note{font-size:18px}.hero-links{gap:0 18px;font-size:13px}.story-quote blockquote{font-size:24px}.route-path{font-size:22px}.shot-grid{grid-template-columns:minmax(0,1fr);gap:32px}.shot figcaption{font-size:15px}.slot-class{--slot:84px;--icon:64px}.class h3{font-size:32px}.rarity{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.domain .slot{--slot:72px}.rarity .slot{--slot:76px}.domain{gap:18px}.domain h3{font-size:26px}.domain p{font-size:16px}.token-card{padding:22px}.faq-list summary{font-size:17px}.closing{min-height:560px;padding:100px 18px 150px}.closing h2{font-size:clamp(42px,13vw,60px)}.site-footer{flex-direction:column;align-items:flex-start;padding:32px 18px}.footer-links{justify-content:flex-start;gap:0 20px}}@media (width<=400px){.hero-links{flex-direction:column;align-items:center}}@media (height<=760px) and (width<=680px){.hero-content{padding-block:60px 24px}.hero-logo{width:min(72vw,360px)}.hero-copy{max-width:30ch;margin-top:14px;font-size:16px;line-height:1.4}.road-button{min-height:48px;margin-top:18px;padding-block:12px;font-size:22px}.hero-note{margin-top:10px;font-size:16px}}@media (width>=681px) and (height<=700px){.hero-content{padding-block:72px 24px}.hero-logo{width:min(36vw,340px)}.hero-line{font-size:clamp(26px,4.4vw,46px)}.hero-copy{margin-top:14px;font-size:16px;line-height:1.4}.road-button{min-height:48px;margin-top:18px;padding-block:12px;font-size:22px}.hero-note{margin-top:10px;font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-embers{display:none}}.project-token{color:#e8d9b7;text-align:left;letter-spacing:normal;text-transform:none;width:min(100%,440px);margin:12px auto 0;font:15px/1.5 system-ui,sans-serif}.project-token summary{cursor:pointer;text-align:center;color:#edca83;min-height:44px;padding:11px 14px}.project-token-panel{background:#13150ff2;border:1px solid #655334;border-radius:4px;padding:14px}.project-token-label{color:#c6bda8;gap:8px;font-size:12px;display:grid}.project-token input{color:#f4e6c7;background:#090b09;border:1px solid #6b604b;border-radius:3px;width:100%;min-width:0;min-height:42px;padding:8px;font:12px/1.4 ui-monospace,monospace}.project-token-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.project-token-actions button,.project-token-actions a{letter-spacing:normal;text-transform:none;min-height:44px;padding:10px 12px;font:13px/1.5 system-ui,sans-serif}.project-token-actions button{color:#f4e6c7;cursor:pointer;background:#30291b;border:1px solid #b69558;border-radius:3px}.project-token-actions button:disabled{opacity:.45;cursor:default}.project-token-actions a{color:#edca83;text-decoration:none}.project-token-actions a:hover{text-decoration:underline}.project-token-status{color:#c3d7a4;min-height:18px;margin:8px 0 0;font-size:12px}.project-token :is(summary,input,button,a):focus-visible{outline-offset:3px;outline:2px solid #f3cf86}.wallet-entry-token{width:min(100%,440px)}.wallet-entry-token .project-token{margin-top:0}.wallet-entry-title{font-size:inherit;margin:0}.seo-noscript{z-index:10000;color:#eee4cb;background:#080c0b;place-content:center;padding:32px;font:18px/1.6 system-ui,sans-serif;display:grid;position:fixed;inset:0}.seo-noscript a{color:#edca83}
