/* FunTime.gg theme styles. Generated by build/funtime.mjs from build/src/funtime/style.css. */
@font-face{font-family:'Unbounded';src:url(../fonts/unbounded-latin-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Unbounded';src:url(../fonts/unbounded-latin-800.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Onest';src:url(../fonts/onest-latin-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Onest';src:url(../fonts/onest-latin-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Onest';src:url(../fonts/onest-latin-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
/* ---------- tokens: day ---------- */
:root{
  --bg:#eaf8ff;--bg2:#ffffff;--sky1:#8ed2ff;--sky2:#c8ebff;
  --surface:#ffffff;--surface2:#f3faff;--ink:#17223a;--muted:#4c5b77;--line:#d5e7f5;--shadow:#cfe3f2;
  --coral:#ff6a4d;--coral-d:#d84a2f;--on-coral:#1a1430;--grass:#55bf52;--grass-d:#3e9a3d;--sun:#ffd25e;
  --t-anarchy:#ffe5de;--t-minigames:#fff0d4;--t-duels:#dcefff;
  --ftr:#17223a;--ftr-ink:#c9d5ea;--ftr-dim:#8fa0bf;
  --wipe-a:#78d662;--wipe-b:#6bcb57;--wipe-c:#62bf50;
  --focus:#17223a;
  --head:'Unbounded',ui-rounded,system-ui,sans-serif;
  --body:'Onest',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);--back:cubic-bezier(.34,1.56,.64,1);--drop:cubic-bezier(.3,1.35,.55,1);
  --wrap:1200px;--gut:24px;--hdr:72px;
  color-scheme:light;
}
/* ---------- tokens: night ---------- */
[data-theme="dark"]{
  --bg:#0d1530;--bg2:#111b3c;--sky1:#060c22;--sky2:#15214b;
  --surface:#16224a;--surface2:#1b2955;--ink:#eef3ff;--muted:#a9b6d6;--line:#283a70;--shadow:#070e26;
  --coral:#ff7a5e;--coral-d:#c34a34;--grass:#5fd16a;--grass-d:#2f8c3b;
  --t-anarchy:#3a2333;--t-minigames:#372f22;--t-duels:#1c3158;
  --ftr:#080f26;--ftr-ink:#b9c6e4;--ftr-dim:#7f8db0;
  --wipe-a:#1f2e5c;--wipe-b:#243668;--wipe-c:#1a2850;
  --focus:#ffd25e;
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){html.no-js{
  --bg:#0d1530;--bg2:#111b3c;--sky1:#060c22;--sky2:#15214b;
  --surface:#16224a;--surface2:#1b2955;--ink:#eef3ff;--muted:#a9b6d6;--line:#283a70;--shadow:#070e26;
  --coral:#ff7a5e;--coral-d:#c34a34;--grass:#5fd16a;--grass-d:#2f8c3b;
  --t-anarchy:#3a2333;--t-minigames:#372f22;--t-duels:#1c3158;
  --ftr:#080f26;--ftr-ink:#b9c6e4;--ftr-dim:#7f8db0;
  --wipe-a:#1f2e5c;--wipe-b:#243668;--wipe-c:#1a2850;
  --focus:#ffd25e;
  color-scheme:dark;
}}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 16px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color .4s var(--ease),color .4s var(--ease)}
img,svg{display:block;max-width:100%}
a{color:inherit}
p,h1,h2,h3,ol,ul,figure,dl,dd{margin:0}
h1,h2,h3{font-family:var(--head);font-weight:800;letter-spacing:-.03em;line-height:1.05}
button{font:inherit;color:inherit}
:focus{outline:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
h1[tabindex="-1"]:focus{outline:none}
::selection{background:var(--coral);color:var(--on-coral)}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.sr-only,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:300;padding:10px 16px;border-radius:10px;background:var(--coral);color:var(--on-coral);font:700 15px/1 var(--body);text-decoration:none;transition:top .15s}
.skip:focus{top:12px}
.tm{font-family:var(--body);font-weight:700;font-size:max(.3em,10px);vertical-align:super;margin-left:.06em;line-height:0;letter-spacing:0}
.gg{color:var(--coral)}
.iso{overflow:visible}
.iso .vx{transform-box:fill-box}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border:0;border-radius:14px;background:var(--coral);color:var(--on-coral);font:700 15px/1 var(--head);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer;
  box-shadow:0 6px 0 var(--coral-d),inset 0 2px 0 rgba(255,255,255,.35);transition:transform .12s var(--ease),box-shadow .12s var(--ease),background-color .3s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--coral-d),inset 0 2px 0 rgba(255,255,255,.35)}
.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--coral-d),inset 0 2px 0 rgba(255,255,255,.35);transition-duration:.05s}
.btn--ghost{background:var(--surface);color:var(--ink);box-shadow:0 6px 0 var(--shadow),inset 0 0 0 2px var(--line)}
.btn--ghost:hover{box-shadow:0 8px 0 var(--shadow),inset 0 0 0 2px var(--line)}
.btn--ghost:active{box-shadow:0 1px 0 var(--shadow),inset 0 0 0 2px var(--line)}
.btn--sm{min-height:44px;padding:0 18px;font-size:13px;box-shadow:0 5px 0 var(--coral-d),inset 0 2px 0 rgba(255,255,255,.35)}
.btn.is-done{background:var(--grass);box-shadow:0 6px 0 var(--grass-d)}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:60;background:var(--surface);box-shadow:0 1px 0 var(--line);transition:background-color .4s,box-shadow .3s}
.hdr.is-scrolled{box-shadow:0 1px 0 var(--line),0 8px 24px -14px rgba(10,20,50,.35)}
.hdr__in{display:flex;align-items:center;gap:22px;min-height:var(--hdr)}
.logo{display:inline-flex;align-items:center;gap:10px;margin-right:auto;font:800 22px/1 var(--head);letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.logo .iso{width:34px;height:auto;transition:transform .35s var(--back)}
.logo:hover .iso{transform:rotate(-10deg) translateY(-2px)}
.nav{display:flex;gap:4px}
.nav a{position:relative;padding:10px 12px;border-radius:10px;font-weight:600;color:var(--muted);text-decoration:none;transition:color .2s,background-color .2s}
.nav a:hover{color:var(--ink);background:var(--surface2)}
.nav a[aria-current="page"]{color:var(--ink)}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:4px;border-radius:2px;background:var(--coral)}
.theme{position:relative;display:inline-flex;align-items:center;width:66px;height:36px;padding:0;border:0;border-radius:12px;background:#9fdcff;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(23,34,58,.12);transition:background-color .4s}
[data-theme="dark"] .theme{background:#22306a}
.theme__knob{position:absolute;left:4px;top:4px;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;box-shadow:0 3px 0 rgba(23,34,58,.18);transition:transform .45s var(--back),background-color .4s}
[data-theme="dark"] .theme__knob{transform:translateX(30px);background:#0d1530}
.theme__sun,.theme__moon{position:absolute;width:16px;height:16px;border-radius:5px;transition:transform .45s var(--back),opacity .3s}
.theme__sun{background:var(--sun);box-shadow:0 0 0 3px rgba(255,210,94,.35)}
.theme__moon{background:#f4f1d6;opacity:0;transform:scale(.4) rotate(-45deg)}
.theme__moon::after{content:"";position:absolute;right:-3px;top:-3px;width:11px;height:11px;border-radius:4px;background:#0d1530}
[data-theme="dark"] .theme__sun{opacity:0;transform:scale(.4) rotate(45deg)}
[data-theme="dark"] .theme__moon{opacity:1;transform:none}
.theme::before,.theme::after{content:"";position:absolute;width:3px;height:3px;border-radius:1px;background:#fff;opacity:0;transition:opacity .4s}
.theme::before{left:12px;top:9px}.theme::after{left:20px;top:22px}
[data-theme="dark"] .theme{box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}
[data-theme="dark"] .theme::before{opacity:.9}
[data-theme="dark"] .theme::after{opacity:.6}
.menu-btn{display:none;position:relative;width:48px;height:44px;padding:0;border:0;border-radius:12px;background:var(--surface2);cursor:pointer;box-shadow:inset 0 0 0 2px var(--line)}
.menu-btn span{position:absolute;left:13px;right:13px;height:3px;border-radius:2px;background:var(--ink);transition:transform .25s var(--back),opacity .15s}
.menu-btn span:nth-child(1){top:14px}.menu-btn span:nth-child(2){top:20.5px}.menu-btn span:nth-child(3){top:27px}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mnav{display:none}

/* ---------- pages & reveals ---------- */
.js [data-reveal]:not(.is-in){opacity:0}
.js [data-reveal="up"]:not(.is-in){translate:0 22px}
.js [data-reveal="pop"]:not(.is-in){scale:.9}
[data-reveal="up"].is-in{animation:revealUp .7s var(--ease) backwards}
[data-reveal="pop"].is-in{animation:pop .55s var(--back) backwards}
.is-in.d1{animation-delay:.08s}.is-in.d2{animation-delay:.16s}.is-in.d3{animation-delay:.24s}.is-in.d4{animation-delay:.32s}
@keyframes revealUp{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes pop{from{opacity:0;scale:.9}to{opacity:1;scale:1}}

/* section headings are revealed by a block that slides across */
.h2{position:relative;display:inline-block;font-size:clamp(32px,4.4vw,52px);margin-bottom:12px;text-wrap:balance}
.build__text{display:inline-block}
.js .build:not(.is-in) .build__text{clip-path:inset(-.2em 100% -.25em -.1em)}
.build.is-in .build__text{animation:buildReveal .7s steps(9) backwards}
.js .build[data-reveal]:not(.is-in){opacity:1}
.build__cube{position:absolute;top:50%;left:0;width:.62em;height:.62em;margin:-.36em 0 0 -.1em;opacity:0;pointer-events:none}
.build.is-in .build__cube{animation:cubeRide .7s steps(9) backwards}
.build.is-in .build__cube .iso{animation:cubeHop .14s steps(2) 5}
@keyframes buildReveal{from{clip-path:inset(-.2em 100% -.25em -.1em)}to{clip-path:inset(-.2em -.2em -.25em -.1em)}}
@keyframes cubeRide{0%{left:0;opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
@keyframes cubeHop{from{transform:translateY(0)}to{transform:translateY(-18%)}}
.lead{font-size:19px;color:var(--muted);max-width:56ch}

/* voxels drop in */
.vd0{--d:0ms}.vd1{--d:28ms}.vd2{--d:56ms}.vd3{--d:84ms}.vd4{--d:112ms}.vd5{--d:140ms}.vd6{--d:168ms}.vd7{--d:196ms}.vd8{--d:224ms}.vd9{--d:252ms}.vd10{--d:280ms}.vd11{--d:308ms}.vd12{--d:336ms}.vd13{--d:364ms}.vd14{--d:392ms}.vd15{--d:420ms}.vd16{--d:448ms}.vd17{--d:476ms}.vd18{--d:504ms}.vd19{--d:532ms}.vd20{--d:560ms}.vd21{--d:588ms}.vd22{--d:616ms}.vd23{--d:644ms}.vd24{--d:672ms}.vd25{--d:700ms}.vd26{--d:728ms}.vd27{--d:756ms}.vd28{--d:784ms}.vd29{--d:812ms}.vd30{--d:840ms}.vd31{--d:868ms}.vd32{--d:896ms}.vd33{--d:924ms}.vd34{--d:952ms}.vd35{--d:980ms}.vd36{--d:1008ms}.vd37{--d:1036ms}.vd38{--d:1064ms}.vd39{--d:1092ms}.vd40{--d:1120ms}
@keyframes vxIn{0%{opacity:0;transform:translateY(-46px)}22%{opacity:1}100%{opacity:1;transform:none}}

/* ---------- home hero ---------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(var(--sky1) 0%,var(--sky2) 58%,var(--bg) 100%);transition:background .6s var(--ease)}
.hero__grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1.08fr;gap:28px;align-items:center;min-height:min(calc(100svh - var(--hdr)),680px);padding-top:48px;padding-bottom:64px}
.sky{position:absolute;inset:0;pointer-events:none}
.sun,.moon{position:absolute;right:7%;top:56px;width:84px;height:84px;border-radius:22px;transition:transform 1s var(--ease),opacity .8s var(--ease)}
.sun{background:var(--sun);box-shadow:0 0 0 16px rgba(255,210,94,.32),0 0 0 34px rgba(255,210,94,.14);rotate:12deg}
.moon{background:#f4f1d6;box-shadow:0 0 0 14px rgba(244,241,214,.08),0 0 60px rgba(244,241,214,.25);opacity:0;transform:translateY(160px) rotate(-30deg);rotate:-8deg}
.moon::before{content:"";position:absolute;left:16px;top:18px;width:18px;height:18px;border-radius:5px;background:#dcd6b2;box-shadow:30px 22px 0 -4px #dcd6b2,6px 40px 0 -2px #dcd6b2}
[data-theme="dark"] .sun{opacity:0;transform:translateY(160px) rotate(40deg)}
[data-theme="dark"] .moon{opacity:1;transform:none}
.hero.is-built .sun{animation:sunSpin 40s linear infinite}
@keyframes sunSpin{to{rotate:372deg}}
.stars{position:absolute;inset:0 0 30% 0;width:100%;height:70%;opacity:0;transition:opacity .8s var(--ease);-webkit-mask-image:radial-gradient(ellipse 34% 52% at 26% 62%,transparent 45%,#000 85%);mask-image:radial-gradient(ellipse 34% 52% at 26% 62%,transparent 45%,#000 85%)}
[data-theme="dark"] .stars{opacity:1}
.stars .tw1{animation:twinkle 3.4s steps(3) infinite}.stars .tw2{animation:twinkle 4.8s steps(3) 1.2s infinite}.stars .tw3{animation:twinkle 2.6s steps(2) .5s infinite}
@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:1}}
.cloud{position:absolute;width:150px;height:auto;opacity:.95}
.cloud--1{left:-2%;top:62%;width:130px}.cloud--2{left:46%;top:44px;width:112px}.cloud--3{right:-1%;top:74%;width:150px}
.hero.is-built .cloud--1{animation:drift 26s ease-in-out infinite alternate}
.hero.is-built .cloud--2{animation:drift 32s ease-in-out -8s infinite alternate-reverse}
.hero.is-built .cloud--3{animation:drift 29s ease-in-out -4s infinite alternate}
@keyframes drift{from{translate:-30px 0}to{translate:40px 0}}
.ff{position:absolute;width:6px;height:6px;border-radius:2px;background:#ffe27a;box-shadow:0 0 10px 3px rgba(255,226,122,.7);opacity:0;transition:opacity .8s}
[data-theme="dark"] .hero.is-built .ff{opacity:1;animation:firefly 6s ease-in-out infinite alternate}
.ff:nth-of-type(1){left:14%;top:38%}.ff:nth-of-type(2){left:78%;top:30%}.ff:nth-of-type(3){left:62%;top:62%}.ff:nth-of-type(4){left:26%;top:66%}.ff:nth-of-type(5){left:50%;top:18%}
.ff:nth-of-type(2){animation-delay:-1.5s!important;animation-duration:7s!important}.ff:nth-of-type(3){animation-delay:-3s!important;animation-duration:5.5s!important}.ff:nth-of-type(4){animation-delay:-4.2s!important}.ff:nth-of-type(5){animation-delay:-2.2s!important;animation-duration:8s!important}
@keyframes firefly{0%{translate:0 0}33%{translate:18px -22px}66%{translate:-14px -8px}100%{translate:8px 16px}}
.hero__text{position:relative}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;padding:0;list-style:none}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;background:var(--surface);color:var(--ink);font-weight:600;font-size:14px;box-shadow:0 3px 0 var(--shadow)}
.chip__dot{width:9px;height:9px;border-radius:3px;background:var(--grass);box-shadow:0 0 0 0 rgba(85,191,82,.6);animation:pulse 2.2s ease-out infinite}
.chip--off .chip__dot{background:#9aa6bd;animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(85,191,82,.55)}100%{box-shadow:0 0 0 10px rgba(85,191,82,0)}}
.chip[hidden]{display:none}
.wordmark{font-size:clamp(46px,7.2vw,100px);line-height:.95;letter-spacing:-.045em}
.wm{display:inline-block;white-space:nowrap}
.wm .l{display:inline-block}
.wm .tm{font-size:.26em}
.hero__lead{margin-top:22px;max-width:32ch;font-size:clamp(18px,1.6vw,21px);color:var(--muted)}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.w>span{display:inline-block}
.ip{display:flex;align-items:center;gap:10px;width:min(470px,100%);margin-top:30px;padding:8px 8px 8px 22px;border-radius:18px;background:var(--surface);box-shadow:0 8px 0 var(--shadow),inset 0 0 0 2px var(--line)}
.ip__addr{flex:1;min-width:0;font:700 22px/1 var(--body);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis}
.ip .btn{min-height:46px;padding:0 20px;font-size:13px;box-shadow:0 4px 0 var(--coral-d),inset 0 2px 0 rgba(255,255,255,.35)}
.ip .btn.is-done{box-shadow:0 4px 0 var(--grass-d)}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.hero__art{position:relative}
.hero__art .iso{width:100%;height:auto}
.hero__art::after{content:"";position:absolute;left:24%;right:24%;bottom:-4%;height:18px;border-radius:50%;background:rgba(23,34,58,.12);filter:blur(4px)}
[data-theme="dark"] .hero__art::after{background:rgba(0,0,0,.35)}
.hero.is-built .hero__art .iso{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}
/* intro choreography */
.js .hero:not(.is-building):not(.is-built) :is(.vx,.chip,.wm .l,.wm .tm,.ip,.hero__actions .btn,.cloud,.sun,.moon){opacity:0}
.js .hero:not(.is-building):not(.is-built) .w>span{translate:0 110%}
.hero.is-building .hero__art .vx{animation:vxIn .55s var(--drop) both;animation-delay:var(--d,0ms)}
.hero.is-building :is(.chip,.ip,.hero__actions .btn){animation:pop .5s var(--back) backwards}
.hero.is-building .wm .l,.hero.is-building .wm .tm{animation:letterUp .6s var(--back) backwards}
.hero.is-building .w>span{animation:wordUp .55s var(--ease) backwards}
.hero.is-building .cloud{animation:cloudIn 1.2s var(--ease) backwards}
.hero.is-building :is(.sun,.moon){animation:sunIn 1.1s var(--ease) backwards}
@keyframes letterUp{from{opacity:0;translate:0 .45em;scale:.7}to{opacity:1;translate:0 0;scale:1}}
@keyframes wordUp{from{translate:0 110%}to{translate:0 0}}
@keyframes cloudIn{from{opacity:0;translate:-60px 0}to{opacity:.95;translate:0 0}}
@keyframes sunIn{from{translate:0 80px}to{translate:0 0}}
.hero.is-building .chip:nth-child(1){animation-delay:0.15s}.hero.is-building .chip:nth-child(2){animation-delay:0.23s}.hero.is-building .chip:nth-child(3){animation-delay:0.31s}
.hero.is-building .wm>:nth-child(1){animation-delay:0.3s}.hero.is-building .wm>:nth-child(2){animation-delay:0.35s}.hero.is-building .wm>:nth-child(3){animation-delay:0.4s}.hero.is-building .wm>:nth-child(4){animation-delay:0.45s}.hero.is-building .wm>:nth-child(5){animation-delay:0.5s}.hero.is-building .wm>:nth-child(6){animation-delay:0.55s}.hero.is-building .wm>:nth-child(7){animation-delay:0.6s}.hero.is-building .wm>:nth-child(8){animation-delay:0.65s}.hero.is-building .wm>:nth-child(9){animation-delay:0.7s}.hero.is-building .wm>:nth-child(10){animation-delay:0.75s}.hero.is-building .wm>:nth-child(11){animation-delay:0.8s}
.hero.is-building .hero__lead .w:nth-child(1)>span{animation-delay:0.75s}.hero.is-building .hero__lead .w:nth-child(2)>span{animation-delay:0.785s}.hero.is-building .hero__lead .w:nth-child(3)>span{animation-delay:0.82s}.hero.is-building .hero__lead .w:nth-child(4)>span{animation-delay:0.855s}.hero.is-building .hero__lead .w:nth-child(5)>span{animation-delay:0.89s}.hero.is-building .hero__lead .w:nth-child(6)>span{animation-delay:0.925s}.hero.is-building .hero__lead .w:nth-child(7)>span{animation-delay:0.96s}.hero.is-building .hero__lead .w:nth-child(8)>span{animation-delay:0.995s}.hero.is-building .hero__lead .w:nth-child(9)>span{animation-delay:1.03s}.hero.is-building .hero__lead .w:nth-child(10)>span{animation-delay:1.065s}.hero.is-building .hero__lead .w:nth-child(11)>span{animation-delay:1.1s}.hero.is-building .hero__lead .w:nth-child(12)>span{animation-delay:1.135s}.hero.is-building .hero__lead .w:nth-child(13)>span{animation-delay:1.17s}.hero.is-building .hero__lead .w:nth-child(14)>span{animation-delay:1.205s}.hero.is-building .hero__lead .w:nth-child(15)>span{animation-delay:1.24s}.hero.is-building .hero__lead .w:nth-child(16)>span{animation-delay:1.275s}.hero.is-building .hero__lead .w:nth-child(17)>span{animation-delay:1.31s}.hero.is-building .hero__lead .w:nth-child(18)>span{animation-delay:1.345s}.hero.is-building .hero__lead .w:nth-child(19)>span{animation-delay:1.38s}.hero.is-building .hero__lead .w:nth-child(20)>span{animation-delay:1.415s}.hero.is-building .hero__lead .w:nth-child(21)>span{animation-delay:1.45s}.hero.is-building .hero__lead .w:nth-child(22)>span{animation-delay:1.485s}.hero.is-building .hero__lead .w:nth-child(23)>span{animation-delay:1.52s}.hero.is-building .hero__lead .w:nth-child(24)>span{animation-delay:1.555s}.hero.is-building .hero__lead .w:nth-child(25)>span{animation-delay:1.59s}.hero.is-building .hero__lead .w:nth-child(26)>span{animation-delay:1.625s}.hero.is-building .hero__lead .w:nth-child(27)>span{animation-delay:1.66s}.hero.is-building .hero__lead .w:nth-child(28)>span{animation-delay:1.695s}.hero.is-building .hero__lead .w:nth-child(29)>span{animation-delay:1.73s}.hero.is-building .hero__lead .w:nth-child(30)>span{animation-delay:1.765s}.hero.is-building .hero__lead .w:nth-child(31)>span{animation-delay:1.8s}.hero.is-building .hero__lead .w:nth-child(32)>span{animation-delay:1.835s}.hero.is-building .hero__lead .w:nth-child(33)>span{animation-delay:1.87s}.hero.is-building .hero__lead .w:nth-child(34)>span{animation-delay:1.905s}.hero.is-building .hero__lead .w:nth-child(35)>span{animation-delay:1.94s}.hero.is-building .hero__lead .w:nth-child(36)>span{animation-delay:1.975s}.hero.is-building .hero__lead .w:nth-child(37)>span{animation-delay:2.01s}.hero.is-building .hero__lead .w:nth-child(38)>span{animation-delay:2.045s}.hero.is-building .hero__lead .w:nth-child(39)>span{animation-delay:2.08s}.hero.is-building .hero__lead .w:nth-child(40)>span{animation-delay:2.115s}
.hero.is-building .hero__text .ip{animation-delay:1.1s}
.hero.is-building .hero__actions .btn:nth-child(1){animation-delay:1.22s}.hero.is-building .hero__actions .btn:nth-child(2){animation-delay:1.3s}
.hero.is-building .cloud--1{animation-delay:0.4s}.hero.is-building .cloud--2{animation-delay:0.65s}.hero.is-building .cloud--3{animation-delay:0.9s}
.view.is-enter .ptitle .w:nth-child(1)>span{animation-delay:0.05s}.view.is-enter .ptitle .w:nth-child(2)>span{animation-delay:0.12s}.view.is-enter .ptitle .w:nth-child(3)>span{animation-delay:0.19s}.view.is-enter .ptitle .w:nth-child(4)>span{animation-delay:0.26s}.view.is-enter .ptitle .w:nth-child(5)>span{animation-delay:0.33s}.view.is-enter .ptitle .w:nth-child(6)>span{animation-delay:0.4s}.view.is-enter .ptitle .w:nth-child(7)>span{animation-delay:0.47s}.view.is-enter .ptitle .w:nth-child(8)>span{animation-delay:0.54s}.view.is-enter .ptitle .w:nth-child(9)>span{animation-delay:0.61s}.view.is-enter .ptitle .w:nth-child(10)>span{animation-delay:0.68s}

/* lamps and windows glow at night */
[data-theme="dark"] :is(.c-lamp-t,.c-lamp-l,.c-lamp-r){filter:drop-shadow(0 0 6px rgba(255,226,122,.9))}
[data-theme="dark"] :is(.c-glass-t,.c-glass-l,.c-glass-r){filter:drop-shadow(0 0 4px rgba(255,205,90,.8))}
.iso polygon{transition:fill .6s var(--ease),stroke .6s var(--ease)}

/* ---------- sections ---------- */
.sect{padding:clamp(64px,8vw,104px) 0}
.sect--alt{background:var(--bg2);transition:background-color .4s}
.sect__head{margin-bottom:40px}
.sect__head .lead{margin-top:4px}
.sect__foot{margin-top:40px}

/* mode cards */
.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mode{--tint:var(--t-anarchy);display:flex;flex-direction:column;padding:20px 20px 24px;border-radius:26px;background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:0 10px 0 var(--shadow),inset 0 0 0 2px var(--line);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .4s}
.mode--minigames{--tint:var(--t-minigames)}.mode--duels{--tint:var(--t-duels)}
.mode:hover,.mode:focus-visible{transform:translateY(-6px);box-shadow:0 16px 0 var(--shadow),inset 0 0 0 2px var(--line)}
.mode:active{transform:translateY(3px);box-shadow:0 4px 0 var(--shadow),inset 0 0 0 2px var(--line)}
.mode__art{display:grid;place-items:center;height:190px;border-radius:18px;background:var(--tint);transition:background-color .4s}
.mode__art .iso{width:132px;height:auto;transition:transform .35s var(--back)}
.mode:hover .mode__art .iso,.mode:focus-visible .mode__art .iso{transform:translateY(-8px) scale(1.04)}
.mode h3{margin-top:20px;font-size:24px}
.mode p{margin-top:8px;color:var(--muted);flex:1}
.mode__go{margin-top:16px;font:700 14px/1 var(--head);color:var(--coral-d);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s}
[data-theme="dark"] .mode__go{color:var(--coral)}
.mode:hover .mode__go{text-decoration-color:currentColor}
.js .mode:not(.is-in) .vx{opacity:0}
.mode.is-in .vx{animation:vxIn .5s var(--drop) both;animation-delay:calc(var(--d,0ms) * .6 + .25s)}

/* join steps: a little staircase */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:end;padding:0;list-style:none}
.step{padding:26px;border-radius:24px;background:var(--surface);box-shadow:0 10px 0 var(--shadow),inset 0 0 0 2px var(--line);transition:background-color .4s}
.steps .step:nth-child(2){margin-bottom:30px}.steps .step:nth-child(3){margin-bottom:60px}
.step__n{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--grass);color:#fff;font:800 24px/1 var(--head);box-shadow:0 6px 0 var(--grass-d)}
.step h3{margin-top:18px;font-size:20px}
.step p{margin-top:6px;color:var(--muted)}
.step code{font:700 1em var(--body);color:var(--ink)}

/* story teaser */
.teaser{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.teaser__art .iso{width:100%;max-width:420px;height:auto;margin:0 auto}
.teaser .lead{margin-bottom:28px}

/* community */
.soon{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;justify-content:space-between;padding:32px;border-radius:28px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--line);background-image:repeating-linear-gradient(135deg,transparent 0 14px,rgba(127,160,200,.08) 14px 28px)}
.soon h2{font-size:clamp(26px,3vw,36px)}
.soon p{margin-top:8px;color:var(--muted);max-width:52ch}
.soon__links{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- inner page hero ---------- */
.phero{position:relative;overflow:hidden;background:linear-gradient(var(--sky1),var(--sky2) 70%,var(--bg));transition:background .6s var(--ease)}
.phero__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding-top:clamp(48px,7vw,84px);padding-bottom:clamp(40px,5vw,64px)}
.ptitle{font-size:clamp(46px,7vw,92px);letter-spacing:-.045em;text-wrap:balance}
.ptitle .w{padding-right:.06em;margin-right:-.06em}
.phero .lead{margin-top:16px}
.phero__art .iso{width:clamp(130px,16vw,220px);height:auto}
.phero .cloud{position:absolute;opacity:.9}
.phero .cloud--1{left:auto;right:30%;top:20px;width:110px}
.js .view:not(.is-enter) .ptitle .w>span{translate:0 110%}
.view.is-enter .ptitle .w>span{animation:wordUp .6s var(--ease) backwards}
.js .view:not(.is-enter) :is(.phero .lead,.phero__art){opacity:0}
.view.is-enter .phero .lead{animation:revealUp .7s var(--ease) .25s backwards}
.view.is-enter .phero__art{animation:pop .7s var(--back) .3s backwards}
.view.is-enter .phero__art .vx{animation:vxIn .5s var(--drop) both;animation-delay:calc(var(--d,0ms) * .5 + .3s)}

/* ---------- modes page ---------- */
.mrow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:clamp(48px,6vw,80px) 0}
.mrow+.mrow{border-top:2px dashed var(--line)}
.mrow:nth-child(even) .mrow__art{order:2}
.mrow__art{display:grid;place-items:center;aspect-ratio:5/4;border-radius:32px;background:var(--tint);transition:background-color .4s}
.mrow--anarchy{--tint:var(--t-anarchy)}.mrow--minigames{--tint:var(--t-minigames)}.mrow--duels{--tint:var(--t-duels)}
.mrow__art .iso{width:62%;height:auto}
.js .mrow:not(.is-in) .vx{opacity:0}
.mrow.is-in .vx{animation:vxIn .5s var(--drop) both;animation-delay:calc(var(--d,0ms) * .7 + .1s)}
.mrow h2{font-size:clamp(34px,4.6vw,56px)}
.mrow p{margin-top:14px;color:var(--muted);font-size:18px;max-width:52ch}
.good{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding:0;list-style:none}
.good li{padding:7px 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--line);font-size:14px;font-weight:600}
.mrow .btn{margin-top:28px}

/* cta band */
.band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:34px;border-radius:30px;background:var(--surface);box-shadow:0 10px 0 var(--shadow),inset 0 0 0 2px var(--line)}
.band h2{font-size:clamp(28px,3.4vw,42px)}
.band p{margin-top:6px;color:var(--muted)}
.band .ip{margin-top:0}

/* ---------- story page ---------- */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:64px;align-items:start}
.story__chapters{grid-column:1;grid-row:1}
.story__visual{grid-column:2;grid-row:1;align-self:stretch}
.chapter{padding:40px 0 64px;max-width:60ch}
.chapter:first-child{padding-top:8px}
.chapter__n{display:inline-flex;align-items:center;gap:10px;font:700 14px/1 var(--head);color:var(--coral-d)}
[data-theme="dark"] .chapter__n{color:var(--coral)}
.chapter__n::before{content:"";width:12px;height:12px;border-radius:4px;background:currentColor}
.chapter h2{margin-top:14px;font-size:clamp(30px,3.6vw,44px)}
.chapter p{margin-top:16px;font-size:18px}
.chapter p+p{color:var(--muted)}
.js .chapter:not(.is-current) h2{opacity:.55}
.chapter h2{transition:opacity .4s}
.grow-wrap{position:sticky;top:calc(var(--hdr) + 28px);padding:28px;border-radius:32px;background:var(--surface);box-shadow:0 10px 0 var(--shadow),inset 0 0 0 2px var(--line);transition:background-color .4s}
.grow .iso{width:100%;height:auto;max-height:52vh}
.grow .vx{transition:opacity .45s var(--ease),transform .6s var(--drop);transition-delay:calc(var(--d,0ms) * .55)}
.js .grow:not(.s1) .st1{opacity:0;transform:translateY(-60px)}.js .grow:not(.s2) .st2{opacity:0;transform:translateY(-60px)}.js .grow:not(.s3) .st3{opacity:0;transform:translateY(-60px)}.js .grow:not(.s4) .st4{opacity:0;transform:translateY(-60px)}.js .grow:not(.s5) .st5{opacity:0;transform:translateY(-60px)}
.grow__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.grow__label{font:700 15px/1.2 var(--head)}
.dots{display:flex;gap:6px;padding:0;list-style:none}
.dots li{width:12px;height:12px;border-radius:4px;background:var(--line);transition:background-color .3s,transform .3s var(--back)}
.dots li.is-on{background:var(--grass);transform:scale(1.1)}

/* ---------- join page ---------- */
.steps--big .step{padding:32px 28px}
.steps--big .step h3{font-size:24px}
.info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:56px}
.info__item{padding:22px 24px;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--line)}
.info__item dt{font-size:14px;color:var(--muted)}
.info__item dd{margin-top:6px;font:700 20px/1.3 var(--head);letter-spacing:-.02em}
.tips{margin-top:56px;padding:30px 32px;border-radius:26px;background:var(--surface2);box-shadow:inset 0 0 0 2px var(--line)}
.tips h2{font-size:26px}
.tips ul{margin-top:14px;padding:0;list-style:none;display:grid;gap:10px}
.tips li{position:relative;padding-left:26px;color:var(--muted)}
.tips li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:3px;background:var(--grass)}

/* ---------- prose ---------- */
.prose{max-width:68ch}
.prose h2{margin:40px 0 10px;font-size:clamp(24px,2.6vw,30px)}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 14px}
.prose p.muted{color:var(--muted)}
.prose a{color:var(--coral-d);text-decoration-thickness:2px;text-underline-offset:3px}
[data-theme="dark"] .prose a{color:var(--coral)}

/* ---------- 404 ---------- */
.lost{display:grid;place-items:center;min-height:64vh;padding:64px 0;text-align:center;background:linear-gradient(var(--sky1),var(--sky2) 70%,var(--bg))}
.lost .iso{width:200px;height:auto;margin:0 auto 24px}
.view.is-enter .lost .vx{animation:vxIn .5s var(--drop) both;animation-delay:var(--d,0ms)}
.lost h1{font-size:clamp(36px,5vw,64px);text-wrap:balance}
.lost p{margin:14px 0 28px;color:var(--muted)}

/* ---------- footer ---------- */
.ftr{background:var(--ftr);color:var(--ftr-ink);transition:background-color .4s}
.ftr__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:28px;padding-top:52px;padding-bottom:36px}
.ftr .logo{color:#fff;margin:0 0 12px}
.ftr__brand p{max-width:34ch}
.ftr__h{margin-bottom:12px;font:700 15px/1 var(--head);color:#fff}
.ftr__col a{display:block;width:fit-content;padding:3px 0;color:var(--ftr-ink);text-decoration:underline;text-decoration-color:rgba(201,213,234,.35);text-underline-offset:4px}
.ftr__col a:hover{color:#fff;text-decoration-color:#fff}
.ftr__col p{color:var(--ftr-dim)}
.ftr__legal{display:grid;gap:6px;padding-top:20px;padding-bottom:30px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--ftr-dim)}

/* ---------- page change: blocks fall in, then fall away ---------- */
.wipe{position:fixed;inset:0;z-index:200;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(6,1fr);pointer-events:none;visibility:hidden;overflow:hidden}
.wipe.is-in,.wipe.is-out{visibility:visible;pointer-events:auto}
.wipe i{background:var(--wipe-a);box-shadow:inset 0 10px 0 rgba(255,255,255,.16),inset 0 -12px 0 rgba(0,0,0,.14);transform:translateY(-120vh)}
.wipe i:nth-child(3n){background:var(--wipe-b)}.wipe i:nth-child(4n+1){background:var(--wipe-c)}
.wipe.is-in i{animation:blockIn .38s cubic-bezier(.5,0,.75,0) var(--d,0ms) both}
.wipe.is-out i{transform:none;animation:blockOut .4s cubic-bezier(.4,0,1,1) var(--d,0ms) both}
@keyframes blockIn{from{transform:translateY(-120vh)}80%{transform:translateY(4%)}to{transform:none}}
@keyframes blockOut{from{transform:none}to{transform:translateY(120vh)}}

/* arriving from another page of the site: the blocks start on screen and fall away (no JS needed) */
.from-site .wipe{visibility:visible;animation:wipeGone 0s linear .75s forwards}
.from-site .wipe i{transform:none;animation:blockOut .4s cubic-bezier(.4,0,1,1) calc(var(--d,0ms) + 60ms) both}
@keyframes wipeGone{to{visibility:hidden}}

/* ---------- particles ---------- */
.pt{position:fixed;z-index:250;width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:2px;pointer-events:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);animation:pt .7s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes pt{to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot));opacity:0}}

/* ---------- view transition for the theme switch ---------- */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:vtReveal .7s cubic-bezier(.4,0,.2,1)}
@keyframes vtReveal{from{clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,0))}to{clip-path:circle(var(--vt-r,150vmax) at var(--vt-x,50%) var(--vt-y,0))}}

/* ---------- WordPress ---------- */
.admin-bar .hdr{top:32px}
.prose ul,.prose ol{margin:0 0 14px;padding-left:1.3em}
.prose li{margin:4px 0}
.prose li::marker{color:var(--grass-d)}
.prose code,.chapter code,.step code,.tips code{font:700 1em var(--body);color:var(--ink)}
.prose blockquote{margin:0 0 18px;padding:16px 20px;border-radius:18px;background:var(--surface2);box-shadow:inset 0 0 0 2px var(--line)}
.prose blockquote p:last-child{margin-bottom:0}
.prose blockquote cite{display:block;margin-top:6px;font-size:14px;font-style:normal;color:var(--muted)}
.prose figure{margin:0 0 18px}
.prose img{height:auto;border-radius:16px}
.prose figcaption{margin-top:6px;font-size:14px;color:var(--muted)}
.prose hr{height:2px;margin:28px 0;border:0;background:var(--line)}
.prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
.prose th,.prose td{padding:8px 10px;border-bottom:2px solid var(--line);text-align:left}
.prose .wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 18px}
.prose .wp-block-button__link{display:inline-flex;align-items:center;min-height:54px;padding:0 26px;border-radius:14px;background:var(--coral);color:var(--on-coral);font:700 15px/1 var(--head);text-decoration:none;box-shadow:0 6px 0 var(--coral-d),inset 0 2px 0 rgba(255,255,255,.35)}
.prose .wp-block-embed iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:16px}
.alignleft{float:left;margin:4px 20px 12px 0}.alignright{float:right;margin:4px 0 12px 20px}.aligncenter{margin-left:auto;margin-right:auto}
.has-text-align-center{text-align:center}.has-text-align-right{text-align:right}
.edit-link{margin-top:18px;font-size:14px}.edit-link a{color:var(--coral-d)}
[data-theme="dark"] .edit-link a{color:var(--coral)}
.mrow{scroll-margin-top:calc(var(--hdr) + 16px)}
.mrow__body>p:first-of-type{margin-top:14px}
.chapter ul,.chapter ol{margin-top:14px;padding-left:1.2em;color:var(--muted)}
.ftr__mail a{color:var(--ftr-ink)}
.sect--intro{padding-top:40px}
.ftr__col>p+a{margin-top:8px}

/* ---------- responsive ---------- */
@media (max-width:782px){.admin-bar .hdr{top:46px}}
@media (max-width:600px){.admin-bar .hdr{top:0}}
@media (max-width:1060px){
  .hero__grid{grid-template-columns:1fr 1fr}
  .ftr__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  :root{--hdr:64px}
  .nav,.hdr__cta{display:none}
  .menu-btn{display:block}
  .mnav{display:block;position:absolute;left:0;right:0;top:100%;padding:8px var(--gut) 22px;background:var(--surface);box-shadow:0 1px 0 var(--line),0 18px 24px -18px rgba(10,20,50,.4);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s var(--ease),visibility 0s .2s}
  .mnav.is-open{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .25s var(--back)}
  .mnav a[data-nav]{display:block;padding:14px 4px;border-bottom:2px solid var(--line);font:800 26px/1 var(--head);letter-spacing:-.03em;color:var(--ink);text-decoration:none}
  .mnav a[aria-current="page"]{color:var(--coral-d)}
  [data-theme="dark"] .mnav a[aria-current="page"]{color:var(--coral)}
  .mnav .btn{width:100%;margin-top:18px}
  .mnav.is-open a,.mnav.is-open .btn{animation:revealUp .35s var(--ease) backwards}
  .mnav.is-open a:nth-child(2){animation-delay:.04s}.mnav.is-open a:nth-child(3){animation-delay:.08s}.mnav.is-open a:nth-child(4){animation-delay:.12s}.mnav.is-open .btn{animation-delay:.16s}
  .hero__grid{grid-template-columns:1fr;min-height:0;padding-top:40px}
  .hero__art{max-width:520px;width:100%;margin:0 auto}
  .modes{grid-template-columns:1fr}
  .mode{display:grid;grid-template-columns:132px 1fr;grid-template-rows:auto 1fr auto;column-gap:18px;align-items:start}
  .mode__art{grid-row:1/4;height:132px}
  .mode__art .iso{width:96px}
  .mode h3{margin-top:4px}
  .steps,.info{grid-template-columns:1fr}
  .steps .step:nth-child(n){margin-bottom:0}
  .teaser,.mrow{grid-template-columns:1fr}
  .mrow:nth-child(even) .mrow__art{order:0}
  .story{display:block}
  .story__visual{position:sticky;top:calc(var(--hdr) + 8px);z-index:5;margin-bottom:8px}
  .grow-wrap{position:static;padding:10px 16px 12px;border-radius:22px}
  .grow .iso{max-height:20vh}
  .grow__meta{margin-top:4px}
  .chapter{padding:28px 0 40px}
  .sun,.moon{width:56px;height:56px;border-radius:16px;right:6%;top:28px}
  .cloud--2{display:none}
}
@media (max-width:560px){
  :root{--gut:16px}
  .logo{font-size:19px}.logo .iso{width:28px}
  .ip{padding-left:16px}.ip__addr{font-size:19px}
  .hero__actions .btn{flex:1 1 auto}
  .mode{grid-template-columns:96px 1fr}.mode__art{height:96px;border-radius:14px}.mode__art .iso{width:72px}
  .phero__art .iso{width:96px}
  .soon,.band{padding:24px 20px}
  .sun,.moon{width:46px;height:46px;border-radius:13px;top:14px;right:4%}
  .stars{-webkit-mask-image:linear-gradient(#000 0 12%,transparent 30%,transparent 62%,#000 80%);mask-image:linear-gradient(#000 0 12%,transparent 30%,transparent 62%,#000 80%)}
  .ftr__grid{grid-template-columns:1fr 1fr;gap:24px 16px}
  .ftr__brand{grid-column:1/-1}
}

/* ---------- motion preferences ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  ::view-transition-new(root){animation:none!important}
}
.rm :is([data-reveal],.build__text,.w>span,.vx,.chip,.wm .l,.wm .tm,.ip,.hero__actions .btn,.cloud,.phero .lead,.phero__art,.lost .iso){opacity:1!important;translate:none!important;scale:none!important;clip-path:none!important;animation:none!important}
.rm .build__cube,.rm .pt,.rm .wipe,.rm .ff{display:none}
.rm .grow .vx{opacity:1!important;transform:none!important}

/* block colours in both themes */
.iso polygon{stroke-width:.6;stroke-linejoin:round}.c-grass-t{fill:#78d662;stroke:#78d662}.c-grass-l{fill:#9a6640;stroke:#9a6640}.c-grass-r{fill:#83552f;stroke:#83552f}.c-grass-rl{fill:#5fbf4f;stroke:#5fbf4f}.c-grass-rr{fill:#4fa844;stroke:#4fa844}.c-dirt-t{fill:#a3703f;stroke:#a3703f}.c-dirt-l{fill:#8f5f37;stroke:#8f5f37}.c-dirt-r{fill:#7a4f2d;stroke:#7a4f2d}.c-stone-t{fill:#c3cbd4;stroke:#c3cbd4}.c-stone-l{fill:#a3adb8;stroke:#a3adb8}.c-stone-r{fill:#8c96a2;stroke:#8c96a2}.c-dark-t{fill:#5d6578;stroke:#5d6578}.c-dark-l{fill:#4a5163;stroke:#4a5163}.c-dark-r{fill:#3d4354;stroke:#3d4354}.c-log-t{fill:#e0ae6c;stroke:#e0ae6c}.c-log-l{fill:#93603a;stroke:#93603a}.c-log-r{fill:#7c4f2e;stroke:#7c4f2e}.c-leaves-t{fill:#5fd06a;stroke:#5fd06a}.c-leaves-l{fill:#45b052;stroke:#45b052}.c-leaves-r{fill:#389446;stroke:#389446}.c-water-t{fill:#6fd2ff;stroke:#6fd2ff}.c-water-l{fill:#46b0ea;stroke:#46b0ea}.c-water-r{fill:#3a97cf;stroke:#3a97cf}.c-sand-t{fill:#f7e3a6;stroke:#f7e3a6}.c-sand-l{fill:#e7cd86;stroke:#e7cd86}.c-sand-r{fill:#d2b56f;stroke:#d2b56f}.c-planks-t{fill:#f4c98a;stroke:#f4c98a}.c-planks-l{fill:#dfa965;stroke:#dfa965}.c-planks-r{fill:#c69151;stroke:#c69151}.c-roof-t{fill:#ff6f52;stroke:#ff6f52}.c-roof-l{fill:#e8553a;stroke:#e8553a}.c-roof-r{fill:#c9452e;stroke:#c9452e}.c-door-t{fill:#8a5a33;stroke:#8a5a33}.c-door-l{fill:#6f4626;stroke:#6f4626}.c-door-r{fill:#5e3a1f;stroke:#5e3a1f}.c-glass-t{fill:#c9f1ff;stroke:#c9f1ff}.c-glass-l{fill:#a6e2fa;stroke:#a6e2fa}.c-glass-r{fill:#8ccdea;stroke:#8ccdea}.c-lamp-t{fill:#fff1a8;stroke:#fff1a8}.c-lamp-l{fill:#f6d86a;stroke:#f6d86a}.c-lamp-r{fill:#e7c24c;stroke:#e7c24c}.c-cloud-t{fill:#ffffff;stroke:#ffffff}.c-cloud-l{fill:#eef6ff;stroke:#eef6ff}.c-cloud-r{fill:#dbe9fa;stroke:#dbe9fa}.c-red-t{fill:#ff6b5e;stroke:#ff6b5e}.c-red-l{fill:#e5483c;stroke:#e5483c}.c-red-r{fill:#c63a30;stroke:#c63a30}.c-blue-t{fill:#62a8ff;stroke:#62a8ff}.c-blue-l{fill:#3f86e8;stroke:#3f86e8}.c-blue-r{fill:#336fc4;stroke:#336fc4}.c-yellow-t{fill:#ffd84d;stroke:#ffd84d}.c-yellow-l{fill:#f2bb24;stroke:#f2bb24}.c-yellow-r{fill:#d69f17;stroke:#d69f17}.c-green-t{fill:#7be06a;stroke:#7be06a}.c-green-l{fill:#57c24a;stroke:#57c24a}.c-green-r{fill:#45a33b;stroke:#45a33b}.c-flag-t{fill:#ff6a4d;stroke:#ff6a4d}.c-flag-l{fill:#ff6a4d;stroke:#ff6a4d}.c-flag-r{fill:#e2533a;stroke:#e2533a}[data-theme="dark"] .c-grass-t{fill:#4b8359;stroke:#4b8359}[data-theme="dark"] .c-grass-l{fill:#5d4746;stroke:#5d4746}[data-theme="dark"] .c-grass-r{fill:#513e3d;stroke:#513e3d}[data-theme="dark"] .c-grass-rl{fill:#3e774e;stroke:#3e774e}[data-theme="dark"] .c-grass-rr{fill:#356a49;stroke:#356a49}[data-theme="dark"] .c-dirt-t{fill:#624c46;stroke:#624c46}[data-theme="dark"] .c-dirt-l{fill:#584342;stroke:#584342}[data-theme="dark"] .c-dirt-r{fill:#4c3b3c;stroke:#4c3b3c}[data-theme="dark"] .c-stone-t{fill:#737d95;stroke:#737d95}[data-theme="dark"] .c-stone-l{fill:#626d87;stroke:#626d87}[data-theme="dark"] .c-stone-r{fill:#56617b;stroke:#56617b}[data-theme="dark"] .c-dark-t{fill:#3d4764;stroke:#3d4764}[data-theme="dark"] .c-dark-l{fill:#333c59;stroke:#333c59}[data-theme="dark"] .c-dark-r{fill:#2c3451;stroke:#2c3451}[data-theme="dark"] .c-log-t{fill:#836d5e;stroke:#836d5e}[data-theme="dark"] .c-log-l{fill:#5a4443;stroke:#5a4443}[data-theme="dark"] .c-log-r{fill:#4d3b3d;stroke:#4d3b3d}[data-theme="dark"] .c-leaves-t{fill:#3e805d;stroke:#3e805d}[data-theme="dark"] .c-leaves-l{fill:#306f50;stroke:#306f50}[data-theme="dark"] .c-leaves-r{fill:#29604a;stroke:#29604a}[data-theme="dark"] .c-water-t{fill:#3f8fe0;stroke:#3f8fe0}[data-theme="dark"] .c-water-l{fill:#2f73c2;stroke:#2f73c2}[data-theme="dark"] .c-water-r{fill:#285fa4;stroke:#285fa4}[data-theme="dark"] .c-sand-t{fill:#8f8a7d;stroke:#8f8a7d}[data-theme="dark"] .c-sand-l{fill:#867e6c;stroke:#867e6c}[data-theme="dark"] .c-sand-r{fill:#7b7160;stroke:#7b7160}[data-theme="dark"] .c-planks-t{fill:#8d7c6e;stroke:#8d7c6e}[data-theme="dark"] .c-planks-l{fill:#826b5a;stroke:#826b5a}[data-theme="dark"] .c-planks-r{fill:#755e50;stroke:#755e50}[data-theme="dark"] .c-roof-t{fill:#934c50;stroke:#934c50}[data-theme="dark"] .c-roof-l{fill:#873e43;stroke:#873e43}[data-theme="dark"] .c-roof-r{fill:#76353d;stroke:#76353d}[data-theme="dark"] .c-door-t{fill:#554140;stroke:#554140}[data-theme="dark"] .c-door-l{fill:#463639;stroke:#463639}[data-theme="dark"] .c-door-r{fill:#3d3035;stroke:#3d3035}[data-theme="dark"] .c-glass-t{fill:#ffd76e;stroke:#ffd76e}[data-theme="dark"] .c-glass-l{fill:#ffcb55;stroke:#ffcb55}[data-theme="dark"] .c-glass-r{fill:#f4b941;stroke:#f4b941}[data-theme="dark"] .c-lamp-t{fill:#fff3b8;stroke:#fff3b8}[data-theme="dark"] .c-lamp-l{fill:#ffe27a;stroke:#ffe27a}[data-theme="dark"] .c-lamp-r{fill:#ffd257;stroke:#ffd257}[data-theme="dark"] .c-cloud-t{fill:#3a4a80;stroke:#3a4a80}[data-theme="dark"] .c-cloud-l{fill:#32416f;stroke:#32416f}[data-theme="dark"] .c-cloud-r{fill:#2b3862;stroke:#2b3862}[data-theme="dark"] .c-red-t{fill:#934a56;stroke:#934a56}[data-theme="dark"] .c-red-l{fill:#853744;stroke:#853744}[data-theme="dark"] .c-red-r{fill:#75303e;stroke:#75303e}[data-theme="dark"] .c-blue-t{fill:#3f6aac;stroke:#3f6aac}[data-theme="dark"] .c-blue-l{fill:#2d58a0;stroke:#2d58a0}[data-theme="dark"] .c-blue-r{fill:#264c8d;stroke:#264c8d}[data-theme="dark"] .c-yellow-t{fill:#93844d;stroke:#93844d}[data-theme="dark"] .c-yellow-l{fill:#8c7438;stroke:#8c7438}[data-theme="dark"] .c-yellow-r{fill:#7d6531;stroke:#7d6531}[data-theme="dark"] .c-green-t{fill:#4d885d;stroke:#4d885d}[data-theme="dark"] .c-green-l{fill:#3a784c;stroke:#3a784c}[data-theme="dark"] .c-green-r{fill:#306844;stroke:#306844}[data-theme="dark"] .c-flag-t{fill:#93494d;stroke:#93494d}[data-theme="dark"] .c-flag-l{fill:#93494d;stroke:#93494d}[data-theme="dark"] .c-flag-r{fill:#843d43;stroke:#843d43}
@media (prefers-color-scheme:dark){html.no-js .c-grass-t{fill:#4b8359;stroke:#4b8359}html.no-js .c-grass-l{fill:#5d4746;stroke:#5d4746}html.no-js .c-grass-r{fill:#513e3d;stroke:#513e3d}html.no-js .c-grass-rl{fill:#3e774e;stroke:#3e774e}html.no-js .c-grass-rr{fill:#356a49;stroke:#356a49}html.no-js .c-dirt-t{fill:#624c46;stroke:#624c46}html.no-js .c-dirt-l{fill:#584342;stroke:#584342}html.no-js .c-dirt-r{fill:#4c3b3c;stroke:#4c3b3c}html.no-js .c-stone-t{fill:#737d95;stroke:#737d95}html.no-js .c-stone-l{fill:#626d87;stroke:#626d87}html.no-js .c-stone-r{fill:#56617b;stroke:#56617b}html.no-js .c-dark-t{fill:#3d4764;stroke:#3d4764}html.no-js .c-dark-l{fill:#333c59;stroke:#333c59}html.no-js .c-dark-r{fill:#2c3451;stroke:#2c3451}html.no-js .c-log-t{fill:#836d5e;stroke:#836d5e}html.no-js .c-log-l{fill:#5a4443;stroke:#5a4443}html.no-js .c-log-r{fill:#4d3b3d;stroke:#4d3b3d}html.no-js .c-leaves-t{fill:#3e805d;stroke:#3e805d}html.no-js .c-leaves-l{fill:#306f50;stroke:#306f50}html.no-js .c-leaves-r{fill:#29604a;stroke:#29604a}html.no-js .c-water-t{fill:#3f8fe0;stroke:#3f8fe0}html.no-js .c-water-l{fill:#2f73c2;stroke:#2f73c2}html.no-js .c-water-r{fill:#285fa4;stroke:#285fa4}html.no-js .c-sand-t{fill:#8f8a7d;stroke:#8f8a7d}html.no-js .c-sand-l{fill:#867e6c;stroke:#867e6c}html.no-js .c-sand-r{fill:#7b7160;stroke:#7b7160}html.no-js .c-planks-t{fill:#8d7c6e;stroke:#8d7c6e}html.no-js .c-planks-l{fill:#826b5a;stroke:#826b5a}html.no-js .c-planks-r{fill:#755e50;stroke:#755e50}html.no-js .c-roof-t{fill:#934c50;stroke:#934c50}html.no-js .c-roof-l{fill:#873e43;stroke:#873e43}html.no-js .c-roof-r{fill:#76353d;stroke:#76353d}html.no-js .c-door-t{fill:#554140;stroke:#554140}html.no-js .c-door-l{fill:#463639;stroke:#463639}html.no-js .c-door-r{fill:#3d3035;stroke:#3d3035}html.no-js .c-glass-t{fill:#ffd76e;stroke:#ffd76e}html.no-js .c-glass-l{fill:#ffcb55;stroke:#ffcb55}html.no-js .c-glass-r{fill:#f4b941;stroke:#f4b941}html.no-js .c-lamp-t{fill:#fff3b8;stroke:#fff3b8}html.no-js .c-lamp-l{fill:#ffe27a;stroke:#ffe27a}html.no-js .c-lamp-r{fill:#ffd257;stroke:#ffd257}html.no-js .c-cloud-t{fill:#3a4a80;stroke:#3a4a80}html.no-js .c-cloud-l{fill:#32416f;stroke:#32416f}html.no-js .c-cloud-r{fill:#2b3862;stroke:#2b3862}html.no-js .c-red-t{fill:#934a56;stroke:#934a56}html.no-js .c-red-l{fill:#853744;stroke:#853744}html.no-js .c-red-r{fill:#75303e;stroke:#75303e}html.no-js .c-blue-t{fill:#3f6aac;stroke:#3f6aac}html.no-js .c-blue-l{fill:#2d58a0;stroke:#2d58a0}html.no-js .c-blue-r{fill:#264c8d;stroke:#264c8d}html.no-js .c-yellow-t{fill:#93844d;stroke:#93844d}html.no-js .c-yellow-l{fill:#8c7438;stroke:#8c7438}html.no-js .c-yellow-r{fill:#7d6531;stroke:#7d6531}html.no-js .c-green-t{fill:#4d885d;stroke:#4d885d}html.no-js .c-green-l{fill:#3a784c;stroke:#3a784c}html.no-js .c-green-r{fill:#306844;stroke:#306844}html.no-js .c-flag-t{fill:#93494d;stroke:#93494d}html.no-js .c-flag-l{fill:#93494d;stroke:#93494d}html.no-js .c-flag-r{fill:#843d43;stroke:#843d43}}