section[id]{scroll-margin-top:80px}.hero{border-bottom:2px solid var(--ink-700);isolation:isolate;min-height:max(100dvh,760px);display:grid;position:relative;overflow:hidden}.hero__world{z-index:-1;background:#1d2b1f;position:absolute;inset:0}.hero__canvas{width:100%;height:100%;image-rendering:pixelated}.hero__shade{pointer-events:none;background:linear-gradient(90deg,#0b0e0ceb 0%,#0b0e0cb8 34%,#0b0e0c1f 62%,#0b0e0c00 80%),linear-gradient(#0b0e0c00 78%,#0b0e0cd9 100%),linear-gradient(#0b0e0cb3 0%,#0b0e0c00 18%);position:absolute;inset:0}.hero__world[data-state=static] .hero__canvas{filter:saturate(.9)}.hero__hud{grid-template:"panel.map"1fr"chat. ."/minmax(0,640px) minmax(0,1fr) 236px;align-content:stretch;gap:20px;padding-top:calc(68px + clamp(28px,6vh,72px));padding-bottom:74px;display:grid}.hero__panel{background:#101411e6;grid-area:panel;align-self:center}.hero__panel .win__body{padding:clamp(22px,3vw,38px)}.hero__panel h1{margin-bottom:20px}.hero__sub{max-width:44ch}.hero__cta{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.hero__map{background:#101411e6;grid-area:map;align-self:start}.hero__minimap{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;background:var(--ink-950)}.hero__chat{background:#0b0e0cd1;grid-area:chat;align-self:end;max-width:520px}.chat{align-content:end;gap:2px;min-height:118px;max-height:150px;margin:0;padding:10px 14px 12px;font-size:.9375rem;line-height:1.45;list-style:none;display:grid;overflow:hidden}.chat li{color:var(--bone-100)}.chat__sys{color:var(--lime-300)!important}.chat__sys:before{content:"[Town] ";color:var(--bone-500)}.chat__boss{color:var(--gold-400)!important}.chat time{color:var(--bone-700);font-family:var(--font-mono);margin-right:8px;font-size:.8rem}.ticker{background:var(--ink-950);border-top:2px solid var(--ink-700);align-items:center;height:46px;display:flex;position:absolute;inset:auto 0 0;overflow:hidden}.ticker:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0b0e0c8c 0 1px,#0000 1px 3px),repeating-linear-gradient(0deg,#0b0e0c8c 0 1px,#0000 1px 3px);position:absolute;inset:0}.ticker__track{white-space:nowrap;will-change:transform;font-family:var(--font-display);color:var(--lime-400);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:28px;padding-left:28px;font-size:1.75rem;line-height:1;display:flex}.ticker__track i{background:var(--ink-600);flex:none;width:10px;height:10px}@media (width<=1100px){.hero__hud{grid-template-columns:minmax(0,1fr) 200px;grid-template-areas:"panel map""chat chat"}}@media (width<=760px){.hero{min-height:100dvh}.hero__hud{grid-template-columns:1fr;grid-template-areas:"panel""chat";gap:14px;padding-top:88px}.hero__map{display:none}.hero__shade{background:linear-gradient(#0b0e0c59 0%,#0b0e0c8c 45%,#0b0e0cf2 90%)}.hero__panel{align-self:end}.hero__chat .chat{min-height:0;max-height:96px}.hero__cta .btn{flex:auto}}@media (height<=760px) and (width>=761px){.hero__chat{display:none}.hero__hud{grid-template-rows:1fr;grid-template-areas:"panel.map"}}.pays,.loop,.vault,.close,.economy,.faq,.final{padding-block:clamp(96px,12vw,170px)}.pays h2,.loop h2,.vault h2,.close h2,.economy h2,.faq h2,.final h2,.realms h2{margin-bottom:22px}.pays{background:var(--ink-950)}.pays__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);min-height:min(100dvh,900px);display:grid}.pipe{width:100%;height:auto;overflow:visible}.pipe__track{fill:none;stroke:var(--ink-700);stroke-width:22px;stroke-linecap:square;stroke-linejoin:miter}.pipe__lp{fill:none;stroke:var(--ink-700);stroke-width:12px;stroke-linecap:square}.pipe__fill{fill:none;stroke:var(--lime-400);stroke-width:8px;stroke-linecap:square;stroke-linejoin:miter}.pipe__node rect{fill:var(--ink-850);stroke:var(--ink-600);stroke-width:3px;transition:fill .16s steps(2,end),stroke .16s steps(2,end)}.pipe__node text{font-family:var(--font-display);fill:var(--bone-300);text-anchor:middle;font-size:30px;transition:fill .16s steps(2,end)}.pipe__node--side text{font-size:22px}.pipe__node.is-on rect{fill:var(--lime-400);stroke:var(--ink-950)}.pipe__node.is-on text{fill:var(--ink-950)}.coin{filter:drop-shadow(0 3px #040605e6)}.steps{counter-reset:step;gap:22px;margin:34px 0 0;padding:0;list-style:none;display:grid}.step{transition:opacity .24s var(--ease-out);grid-template-columns:14px 1fr;column-gap:18px;display:grid}.step:before{content:"";background:var(--ink-600);grid-row:1/3;width:14px;height:14px;margin-top:8px;transition:background-color .16s steps(2,end)}.step h3{font-size:1.9rem}.step p{color:var(--bone-300);max-width:46ch;margin-top:4px}.js .pays.is-pinned .step{opacity:.32}.js .pays.is-pinned .step.is-on{opacity:1}.step.is-on:before{background:var(--lime-400)}.cutscene-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);margin-top:clamp(72px,9vw,130px);display:grid}.cutscene{margin:0}.cutscene__video{aspect-ratio:16/9;background:var(--ink-950);object-fit:cover;width:100%;height:auto}.cutscene-note{justify-items:start;gap:22px;display:grid}@media (width<=900px){.pays__grid{grid-template-columns:1fr;min-height:0}.pays__visual{order:2}.cutscene-row{grid-template-columns:1fr}}.loop{background:var(--ink-900);border-block:2px solid var(--ink-700)}.loop__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.quests{gap:4px;margin:36px 0 0;padding:0;list-style:none;display:grid}.quest{border:2px solid #0000;grid-template-columns:26px 1fr;gap:16px;padding:12px 14px;transition:border-color .16s steps(2,end),background-color .16s steps(2,end);display:grid}.quest b{font-family:var(--font-display);color:var(--bone-50);font-size:1.7rem;font-weight:400;line-height:1}.quest p{color:var(--bone-300);margin-top:2px}.quest__box{border:2px solid var(--ink-600);background:var(--ink-950);width:22px;height:22px;margin-top:2px;position:relative}.quest.is-done .quest__box{background:var(--lime-800);border-color:var(--lime-500)}.quest.is-on{border-color:var(--ink-600);background:var(--ink-850)}.quest.is-on .quest__box{background:var(--lime-400);border-color:var(--ink-950)}.quest.is-on .quest__box:after,.quest.is-done .quest__box:after{content:"";background:var(--ink-950);width:3px;height:3px;box-shadow:3px 3px 0 var(--ink-950), 6px 6px 0 var(--ink-950) , 9px 3px 0 var(--ink-950), 12px 0 0 var(--ink-950), 15px -3px 0 var(--ink-950);position:absolute;top:8px;left:2px}.quest.is-done .quest__box:after{background:var(--lime-400);box-shadow:3px 3px 0 var(--lime-400), 6px 6px 0 var(--lime-400), 9px 3px 0 var(--lime-400), 12px 0 0 var(--lime-400), 15px -3px 0 var(--lime-400)}@media (width<=900px){.loop__grid{grid-template-columns:1fr}}.vault{background:var(--ink-950)}.vault__lead{margin-bottom:64px}.tiers{position:relative}.tiers__rail{background:var(--ink-800);border:2px solid var(--ink-700);height:14px;position:absolute;top:11px;left:0;right:0}.tiers__fill{background:var(--lime-400);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.tiers__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.tier{padding-top:58px;position:relative}.tier:before{content:"";background:var(--ink-850);border:3px solid var(--ink-600);width:36px;height:36px;position:absolute;top:0;left:0}.tier.is-reached:before{background:var(--lime-400);border-color:var(--ink-950)}.tier h3{font-size:2.1rem}.tier__req{font-family:var(--font-mono);color:var(--bone-500);margin-top:2px;font-size:.95rem}.tier__paid{align-items:baseline;gap:10px;margin:18px 0 14px;display:flex}.tier__paid strong{font-family:var(--font-display);color:var(--bone-50);font-size:4.2rem;font-weight:400;line-height:.8}.tier__paid span{color:var(--bone-300)}.tier__stocks{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tier__perks{color:var(--bone-300);gap:6px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.tier__perks li{grid-template-columns:8px 1fr;gap:10px;display:grid}.tier__perks li:before{content:"";background:var(--ink-600);width:6px;height:6px;margin-top:9px}.vault__status{font-family:var(--font-display);color:var(--lime-300);margin-top:48px;font-size:1.6rem}@media (width<=1000px){.tiers__list{grid-template-columns:1fr 1fr;row-gap:48px}.tiers__rail{display:none}}@media (width<=560px){.tiers__list{grid-template-columns:1fr}}.close{background:var(--ink-900);border-block:2px solid var(--ink-700)}.close__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.clock{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:640px;margin:12px 0 24px;display:grid}.clock div{background:var(--ink-950);border:2px solid var(--ink-700);text-align:center;padding:14px 10px 10px}.clock span{font-family:var(--font-display);color:var(--lime-400);font-variant-numeric:tabular-nums;font-size:clamp(3.2rem,7vw,6rem);line-height:.85;display:block}.clock small{font-family:var(--font-display);color:var(--bone-500);margin-top:8px;font-size:1.2rem;display:block}.cutscene--wide{margin-top:40px}.hiscores{position:sticky;top:96px}.board{border-collapse:collapse;width:100%;font-size:1rem}.board th{text-align:left;font-family:var(--font-display);color:var(--bone-500);border-bottom:2px solid var(--ink-700);padding:12px 18px 8px;font-size:1.25rem;font-weight:400}.board td{border-bottom:1px solid var(--ink-800);padding:12px 18px}.board .r{text-align:right}.board td.num{font-family:var(--font-mono)}.board tr.is-paid td:first-child{color:var(--lime-400)}.board__rank{width:56px;font-family:var(--font-display);font-size:1.5rem}.board__name{align-items:center;gap:10px;min-width:0;display:flex}.board__name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board__empty{color:var(--bone-500);text-align:center;padding:36px 18px!important}.hiscores__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.factions{font-family:var(--font-display);color:var(--bone-300);gap:14px;font-size:1.25rem;display:flex}.factions b{font-weight:400;font-family:var(--font-mono);color:var(--bone-50);margin-left:6px;font-size:.95rem}.dot-diamond{color:var(--sky-400)}.dot-paper{color:var(--ember-400)}@media (width<=960px){.close__grid{grid-template-columns:1fr}.hiscores{position:static}}.realms{background:var(--ink-950);overflow:hidden}.realms__pin{scroll-snap-type:x proximity;padding-block:clamp(80px,10vw,130px) clamp(60px,8vw,100px);overflow-x:auto}.realms__pin.is-panning{overflow-x:visible}.realm{scroll-snap-align:start}.realms__head{margin-bottom:44px}.realms__track{will-change:transform;gap:28px;width:max-content;padding-inline:clamp(16px,4vw,48px);display:flex}.realm{flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(84vw,1040px);display:grid}.realm .win__bar{grid-column:1/-1}.realm__map{background:var(--ink-950);border-right:2px solid var(--ink-700);place-items:center;padding:18px;display:grid}.realm__map canvas{width:100%;height:auto;image-rendering:pixelated}.realm__info{align-content:start;gap:18px;padding:clamp(20px,3vw,36px);display:grid}.realm__info h3{font-size:clamp(2.4rem,4vw,3.4rem)}.realm__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.realm__facts div{background:var(--ink-950);border:2px solid var(--ink-800);padding:10px 12px}.realm__facts dt{font-family:var(--font-display);color:var(--bone-500);font-size:1.1rem}.realm__facts dd{font-family:var(--font-mono);color:var(--bone-50);margin:0;font-size:1rem}.realm__found{flex-wrap:wrap;gap:6px;display:flex}@media (width<=900px){.realms__track{flex-direction:column;width:auto}.realm{grid-template-columns:1fr;width:100%}.realm__map{border-right:0;border-bottom:2px solid var(--ink-700)}}.economy{background:var(--ink-900);border-block:2px solid var(--ink-700)}.economy__lead{margin-bottom:56px}.bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"ca ca ca ca ca supply supply supply supply tax tax tax""ca ca ca ca ca entry entry entry entry fee fee fee""wheel wheel wheel gold gold gold gold burn burn burn burn burn";gap:14px;display:grid}.cell{background:var(--ink-950);border:2px solid var(--ink-700);align-content:start;gap:10px;padding:clamp(18px,2.2vw,28px);display:grid;position:relative;overflow:hidden}.cell h3{color:var(--bone-500);font-size:1.5rem}.cell p{color:var(--bone-300)}.cell__big{font-size:clamp(2.8rem,4.4vw,4rem);line-height:.9;font-family:var(--font-display)!important;color:var(--bone-50)!important}.cell__big.num{font-family:var(--font-display)!important}.cell--ca{background:var(--lime-900);border-color:var(--lime-500);grid-area:ca;align-content:space-between}.cell--ca:after{content:"";pointer-events:none;background-image:linear-gradient(45deg,#c5f23a14 25%,#0000 25% 75%,#c5f23a14 75%),linear-gradient(45deg,#c5f23a14 25%,#0000 25% 75%,#c5f23a14 75%);background-position:0 0,4px 4px;background-size:8px 8px;height:45%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.cell--ca h3{color:var(--lime-300)}.cell--ca .cell__big{font-size:clamp(3.4rem,6vw,5.6rem);color:var(--lime-400)!important}.cell--ca .btn{z-index:1;justify-self:start;position:relative}.cell--supply{grid-area:supply}.cell--tax{grid-area:tax}.cell--entry{grid-area:entry}.cell--fee{grid-area:fee}.cell--wheel{grid-area:wheel}.cell--gold{background:#17140b;border-color:#4d3c14;grid-area:gold}.cell--gold h3{color:var(--gold-400)}.cell--gold:before{content:"";background:var(--gold-400);width:8px;height:8px;box-shadow:8px 0 var(--gold-400), 16px 0 var(--gold-400), -8px 8px var(--gold-400), 0 8px #fff0b8, 8px 8px var(--gold-400), 16px 8px var(--gold-400), 24px 8px #b8861f, -8px 16px var(--gold-400), 0 16px var(--gold-400), 8px 16px var(--gold-400), 16px 16px var(--gold-400), 24px 16px #b8861f, 0 24px #b8861f, 8px 24px #b8861f, 16px 24px #b8861f;position:absolute;top:26px;right:48px}.cell--burn{background:#160d0a;border-color:#4a2419;grid-area:burn;padding-right:150px}@media (width<=560px){.cell--burn{padding-right:clamp(18px,2.2vw,28px)}.cell--burn canvas{opacity:.35!important}}.cell--burn h3{color:var(--ember-400)}.cell--burn .cell__big{color:var(--ember-400)!important}.cell__link{font-family:var(--font-display);color:var(--bone-100);align-items:center;gap:6px;font-size:1.3rem;text-decoration:none;display:inline-flex}.split{border:2px solid var(--ink-600);height:34px;margin-top:6px;display:flex}.split span{width:var(--w);font-family:var(--font-display);white-space:nowrap;align-items:center;padding:2px 8px 0;font-size:1.1rem;display:flex;overflow:hidden}.split span:first-child{background:var(--lime-400);color:var(--ink-950)}.split span:last-child{background:var(--ink-700);color:var(--bone-100)}@media (width<=1000px){.bento{grid-template-columns:1fr 1fr;grid-template-areas:"ca ca""supply tax""entry fee""wheel gold""burn burn"}}@media (width<=560px){.bento{grid-template-columns:1fr;grid-template-areas:"ca""supply""tax""entry""fee""wheel""gold""burn"}}.faq{background:var(--ink-950)}.faq__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);display:grid}.faq__side{align-self:start;position:sticky;top:110px}.faq__list{gap:10px;display:grid}.qa{background:var(--ink-900);border:2px solid var(--ink-700)}.qa summary{cursor:pointer;font-family:var(--font-display);color:var(--bone-50);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 12px;font-size:clamp(1.5rem,2.2vw,1.85rem);line-height:1.05;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"";background:var(--bone-500);clip-path:polygon(0 0,100% 0,50% 100%);flex:none;width:14px;height:14px;transition:transform .16s steps(2,end)}.qa[open]{border-color:var(--ink-600)}.qa[open] summary:after{background:var(--lime-400);transform:rotate(180deg)}.qa summary:hover{color:var(--lime-300)}.qa__a{color:var(--bone-300);max-width:68ch;padding:0 20px 20px}@media (width<=900px){.faq__grid{grid-template-columns:1fr}.faq__side{position:static}}.final{text-align:center;background:var(--ink-900);border-top:2px solid var(--ink-700)}.final__inner{justify-items:center;display:grid}.final h2{max-width:14ch;font-size:clamp(3rem,7vw,6rem)}.final .lead{margin-inline:auto}.final__cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}
