:root{font-family:Arial,Helvetica,sans-serif;color:#ecece6;background:#111214;--ink:#ecece6;--muted:#91918d;--rule:#ffffff26;--bg:#111214;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html{scrollbar-width:none;scroll-behavior:smooth}html::-webkit-scrollbar{display:none}body{margin:0;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:1px solid currentColor;outline-offset:7px}::selection{background:#e1dbd3;color:#111214}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.stage{position:fixed;inset:0;pointer-events:none;background:var(--bg)}#world{display:block;width:100%;height:100%;opacity:0;transition:opacity 1s}.gpu-ready #world{opacity:1}.grain{position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.frame{position:fixed;z-index:1;inset:24px;border:1px solid var(--rule);pointer-events:none;transition:border-color .6s}.header,.footer{position:fixed;z-index:5;left:56px;right:56px;display:flex;align-items:center;justify-content:space-between}.header{top:53px}.wordmark{font-size:25px;letter-spacing:-1.5px;font-weight:800}.chapter-kicker,.footer,.world-nav{font-family:'Courier New',monospace;font-size:11px;letter-spacing:1px;line-height:1.4}
.logo-anchor{position:fixed;z-index:2;width:min(40vw,410px);height:64svh;left:50%;top:48%;transform:translate(-50%,-50%)}#logo-button{width:100%;height:100%;padding:0;touch-action:pan-y;cursor:grab;user-select:none}#logo-button:active{cursor:grabbing}#fallback-logo{height:100%;width:100%;object-fit:contain;filter:invert(1);opacity:.8;pointer-events:none}.gpu-ready #fallback-logo{opacity:0}.logo-anchor:has(:focus-visible){outline:1px dashed var(--rule);outline-offset:12px}#logo-button:focus-visible{outline:none}.scroll-track section{height:150svh}.scroll-track section:last-child{height:100svh}
.chapter-caption{position:fixed;z-index:3;bottom:112px;left:56px;pointer-events:none}.chapter-kicker{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.caption-line{width:34px;height:1px;background:var(--rule)}.chapter-title{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(56px,7.2vw,118px);line-height:1.05;letter-spacing:-5px;margin:15px 0 0}.world-nav{position:fixed;z-index:5;right:51px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.world-nav a{height:44px;display:flex;align-items:center;gap:16px;padding:0 5px;color:var(--muted)}.world-nav a i{height:1px;width:16px;background:currentColor;transition:width .5s}.world-nav a[aria-current]{color:var(--ink)}.world-nav a[aria-current] i{width:36px}.world-nav a:hover{color:var(--ink)}.footer{bottom:48px;color:var(--muted)}#next-world{display:flex;align-items:center;gap:28px;min-height:44px;padding:0;font-size:11px;letter-spacing:1px}.arrow{font-family:Arial,sans-serif;font-size:21px;color:var(--ink)}.progress-label{font-variant-numeric:tabular-nums}.progress-track{position:fixed;z-index:5;bottom:24px;left:24px;right:24px;height:1px;background:var(--rule)}#progress-fill{height:100%;width:0;background:var(--ink)}.cursor{position:fixed;z-index:10;top:0;left:0;pointer-events:none;width:28px;height:28px;border:1px solid #fff7;border-radius:50%;opacity:0;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .2s}.cursor i{width:3px;height:3px;background:white;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.cursor.visible{opacity:1}.cursor.pressed{width:54px;height:54px}.noscript{position:fixed;bottom:90px;left:30px;right:30px;text-align:center;font-size:14px}.no-webgl #fallback-logo{filter:var(--logo-filter,invert(1))}.no-webgl .stage{background:var(--bg);transition:background 1s}
@media(min-width:1700px){.header,.footer{left:76px;right:76px}.chapter-caption{left:76px}.instruction{right:76px}.world-nav{right:71px}.chapter-title{font-size:118px}}
@media(max-width:900px){.frame{inset:16px}.header,.footer{left:36px;right:36px}.header{top:38px}.footer{bottom:34px}.chapter-caption{left:36px;bottom:104px}.chapter-title{font-size:70px;letter-spacing:-3px}.world-nav{right:31px}.progress-track{bottom:16px;left:16px;right:16px}.logo-anchor{width:48vw;height:57svh;top:45%}}
@media(max-width:540px){.frame{inset:12px}.header,.footer{left:28px;right:28px}.header{top:29px}.wordmark{font-size:23px}.logo-anchor{height:48svh;width:58vw;top:43%}.chapter-caption{left:28px;bottom:116px}.chapter-title{font-size:58px;letter-spacing:-3px;margin-top:10px}.chapter-kicker{font-size:10px}.world-nav{right:24px;top:43%;font-size:10px;gap:0}.world-nav a{gap:7px}.world-nav a i{width:8px}.world-nav a[aria-current] i{width:17px}.footer{bottom:31px;font-size:10px}#next-world{font-size:10px;gap:15px}.progress-track{bottom:12px;left:12px;right:12px}.cursor{display:none}}
@media(max-height:600px) and (min-width:541px){.header{top:30px}.footer{bottom:26px}.chapter-caption{bottom:81px}.chapter-title{font-size:58px}.logo-anchor{height:60svh;top:46%}.frame{inset:12px}.progress-track{bottom:12px;left:12px;right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cursor{display:none}}
.logo-anchor{height:73svh;width:min(47vw,530px)}.world-nav{font-size:12px}@media(max-width:900px){.logo-anchor{height:67svh;width:57vw}}@media(max-width:540px){.logo-anchor{height:60svh;width:70vw}}
.grain{opacity:.017}

/* The opening sequence is part of the experience and reports real setup progress. */
.is-loading{overflow:hidden}.preloader{--load-progress:0;--loader-bg:#0b0c0e;--loader-ink:#f0efe9;--loader-muted:#8d8d88;--loader-glow:#d9dde2;position:fixed;z-index:1000;inset:0;overflow:hidden;color:var(--loader-ink);background:var(--loader-bg);clip-path:inset(0);transition:clip-path .95s cubic-bezier(.77,0,.18,1),visibility 0s .95s;color-scheme:dark}.preloader::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--loader-glow) 16%,transparent) 0,transparent 34%);opacity:.8;transition:background .7s,opacity .7s}.preloader-frame{position:absolute;inset:24px;border:1px solid #ffffff24}.preloader-brand{position:absolute;top:53px;left:56px;font-size:25px;line-height:1;font-weight:800;letter-spacing:-1.5px}.preloader-mark{position:absolute;left:50%;top:48%;width:min(47vw,530px);height:73svh;transform:translate(-50%,-50%);display:grid;place-items:center}.preloader-orbit{position:absolute;width:min(40vw,430px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--loader-ink) 11%,transparent);border-radius:50%;transform:scale(calc(.78 + var(--load-progress)*.22));opacity:calc(.12 + var(--load-progress)*.3);transition:border-color .7s,transform .65s cubic-bezier(.2,.7,.2,1);animation:loader-orbit 9s linear infinite}.preloader-orbit::before,.preloader-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--loader-glow) 16%,transparent)}.preloader-orbit::before{inset:11%;animation:loader-orbit 7s linear reverse infinite}.preloader-orbit::after{inset:31%;border-style:dashed;animation:loader-orbit 4s linear infinite}.preloader-logo{position:relative;width:100%;height:100%;filter:drop-shadow(0 26px 42px color-mix(in srgb,var(--loader-glow) 18%,transparent));transition:filter .7s}.preloader-logo i{position:absolute;inset:0;background:linear-gradient(112deg,#565b61 4%,#f9f8f4 29%,#6f7478 48%,#e5e6e3 68%,#34383d 94%);-webkit-mask:url('./logo.svg') center/contain no-repeat;mask:url('./logo.svg') center/contain no-repeat;will-change:transform;transition:transform .7s cubic-bezier(.16,1,.3,1),background .65s,filter .65s}.preloader-logo i:nth-child(1){clip-path:polygon(0 0,100% 0,100% 17%,0 17%)}.preloader-logo i:nth-child(2){clip-path:polygon(0 17%,52% 17%,52% 39%,0 39%)}.preloader-logo i:nth-child(3){clip-path:polygon(52% 17%,100% 17%,100% 39%,52% 39%)}.preloader-logo i:nth-child(4){clip-path:polygon(0 39%,100% 39%,100% 58%,0 58%)}.preloader-logo i:nth-child(5){clip-path:polygon(0 58%,100% 58%,100% 78%,0 78%)}.preloader-logo i:nth-child(6){clip-path:polygon(0 78%,50% 78%,50% 100%,0 100%)}.preloader-logo i:nth-child(7){clip-path:polygon(50% 78%,100% 78%,100% 92%,50% 92%)}.preloader-logo i:nth-child(8){clip-path:polygon(50% 92%,100% 92%,100% 100%,50% 100%)}.preloader[data-material=particles]{--loader-bg:#e9e7e0;--loader-ink:#18191a;--loader-muted:#64635e;--loader-glow:#2747ee;color-scheme:light}.preloader[data-material=particles] .preloader-logo i{background:radial-gradient(circle at 26% 32%,#163cf4 0 1.5px,transparent 2.5px),radial-gradient(circle at 71% 57%,#163cf4 0 2px,transparent 3px),radial-gradient(circle at 44% 76%,#0d193d 0 1px,transparent 2px),#243ed5;background-size:13px 17px,17px 15px,11px 19px,auto;filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='d'%3E%3CfeTurbulence baseFrequency='.025 .09' numOctaves='1' seed='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='5'/%3E%3C/filter%3E%3C/svg%3E%23d")}.preloader[data-material=jelly]{--loader-bg:#f1d4b8;--loader-ink:#2a1711;--loader-muted:#72584f;--loader-glow:#ff4f14;color-scheme:light}.preloader[data-material=jelly] .preloader-logo i{background:linear-gradient(125deg,#7d1509 0%,#ff4d0b 23%,#ffad5e 48%,#dc2d0a 70%,#731204 100%);filter:saturate(1.15) drop-shadow(0 10px 8px #7b210633)}.preloader[data-material=fur]{--loader-bg:#bcd3f7;--loader-ink:#111a43;--loader-muted:#4b5c7c;--loader-glow:#254bd5;color-scheme:light}.preloader[data-material=fur] .preloader-logo i{background:repeating-linear-gradient(104deg,#0a174e 0 2px,#234aaf 3px 5px,#0f276e 6px 8px);filter:drop-shadow(0 14px 16px #11246740)}.preloader[data-material=glass]{--loader-bg:#e5e7e0;--loader-ink:#242725;--loader-muted:#6b716e;--loader-glow:#8edbd5;color-scheme:light}.preloader[data-material=glass] .preloader-logo i{background:linear-gradient(118deg,#8ba9a944 5%,#fff 28%,#9cded999 32%,#ffffff3b 58%,#97b8b899 75%,#fff 91%);filter:drop-shadow(-8px 12px 3px #607a7a24) drop-shadow(6px -8px 2px #ffffffaa)}.preloader-status{position:absolute;left:56px;right:56px;bottom:48px;display:flex;align-items:flex-end;justify-content:space-between;font-family:'Courier New',monospace}.preloader-stage{display:flex;align-items:center;gap:12px;color:var(--loader-muted);font-size:11px;letter-spacing:1px}.preloader-stage b{font-weight:400;color:var(--loader-ink);font-variant-numeric:tabular-nums}.preloader-stage i{display:block;width:34px;height:1px;background:currentColor}.preloader-value{font-family:Arial,Helvetica,sans-serif;font-size:clamp(54px,7vw,104px);font-weight:700;line-height:.75;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.preloader-value small{font-family:'Courier New',monospace;font-size:11px;letter-spacing:0;margin-left:7px}.preloader-track{position:absolute;left:24px;right:24px;bottom:24px;height:1px;background:color-mix(in srgb,var(--loader-ink) 17%,transparent)}.preloader-track i{display:block;width:calc(var(--load-progress)*100%);height:100%;background:var(--loader-ink);transition:width .55s cubic-bezier(.2,.7,.2,1),background .65s}.preloader.is-complete{clip-path:inset(0 0 100% 0);visibility:hidden}.preloader.is-complete .preloader-logo{transform:scale(1.03);opacity:0;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .45s .15s}.is-loading .header,.is-loading .chapter-caption,.is-loading .world-nav,.is-loading .footer,.is-loading .progress-track{opacity:0}.header,.chapter-caption,.world-nav,.footer,.progress-track{transition:opacity .65s .28s}
@keyframes loader-orbit{to{transform:rotate(360deg)}}
@media(max-width:900px){.preloader-frame{inset:16px}.preloader-brand{top:38px;left:36px}.preloader-status{left:36px;right:36px;bottom:34px}.preloader-track{left:16px;right:16px;bottom:16px}.preloader-mark{width:57vw;height:67svh}.preloader-orbit{width:min(54vw,380px)}}
@media(max-width:540px){.preloader-frame{inset:12px}.preloader-brand{top:29px;left:28px;font-size:23px}.preloader-status{left:28px;right:28px;bottom:31px}.preloader-value{font-size:50px}.preloader-track{left:12px;right:12px;bottom:12px}.preloader-mark{width:70vw;height:60svh;top:43%}.preloader-orbit{width:67vw}.preloader-stage{font-size:10px;gap:8px}.preloader-stage i{width:20px}}
@media(prefers-reduced-motion:reduce){.preloader-logo i{transform:none!important}.preloader-orbit{animation:none}.preloader.is-complete{display:none}.is-loading .header,.is-loading .chapter-caption,.is-loading .world-nav,.is-loading .footer,.is-loading .progress-track{opacity:1}}
