@font-face{font-family:Space;src:url('assets/fonts/space-grotesk-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Space;src:url('assets/fonts/space-grotesk-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Space;src:url('assets/fonts/space-grotesk-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Mono;src:url('assets/fonts/dm-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--acid:#e8ff59;--pink:#ff85ca;--mint:#87f9d8;--paper:#f6f1e5;--ink:#171728;--night:#0e1021;--blue:#6b6cf8;--gutter:clamp(24px,5.4vw,86px);--hero-colour:var(--acid)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Space,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.phase-flipped{--hero-colour:var(--pink)}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait}a,button,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--blue);outline-offset:6px}svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}img{display:block;width:100%;height:auto}video{display:block}::selection{background:var(--pink);color:var(--ink)}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;padding:15px;background:var(--ink);color:var(--acid)}.skip-link:focus{top:14px}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 var(--gutter);border-bottom:3px solid var(--ink);background:var(--paper);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:11px;font-size:28px;font-weight:700;letter-spacing:-1.9px;white-space:nowrap}.brand svg{width:30px;height:33px;stroke-width:2}.brand-slash{color:var(--blue)}.brand-period{color:#d54691}.site-header nav{display:flex;gap:25px;font:14px/1.4 Mono,monospace}.site-header nav a{padding:8px 0}.site-header nav a:hover{background:var(--acid);transform:rotate(-2deg)}.header-play{display:flex;align-items:center;justify-content:space-between;gap:27px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:13px 18px;font-weight:700;font-size:14px;box-shadow:4px 4px 0 var(--pink)}.header-play>span{font-size:22px;line-height:1}.header-play:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pink)}
.hero{background:var(--hero-colour);min-height:905px;isolation:isolate;position:relative;padding:34px var(--gutter) 82px;overflow:hidden;transition:background .25s}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#17172810 1px,transparent 1px),linear-gradient(#17172810 1px,transparent 1px);background-size:51px 51px;mask-image:linear-gradient(120deg,transparent 10%,#000)}.experiment-label{display:flex;align-items:center;gap:11px;font:14px Mono,monospace;letter-spacing:1px;margin:0 0 30px}.status-cross{font-size:28px;line-height:1;animation:asterisk-turn 22s linear infinite}.hero-copy{position:relative;z-index:2;max-width:645px;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}h1{font-size:clamp(94px,10.6vw,158px);line-height:.83;letter-spacing:-.09em;font-weight:700;margin:0;max-width:750px}h1>.seventy,h1>.worlds{display:block}h1>.seventy{transform:rotate(-2deg);transform-origin:left bottom}h1>.worlds{margin-top:8px;transform:rotate(1deg);white-space:nowrap}.dot{color:#df4194}.ground-line{display:block;background:var(--pink);font-size:clamp(25px,3.25vw,48px);line-height:1.15;letter-spacing:-2px;padding:7px 15px 10px;width:max-content;max-width:100%;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(-3deg);margin-top:30px;margin-left:5px}.ground-line em{font-style:normal;color:var(--paper);-webkit-text-stroke:1.3px var(--ink)}.hero-bottom{margin-top:34px;max-width:520px}.hero-lead{font-size:17px;line-height:1.5;margin:0 0 28px;letter-spacing:-.35px}.hero-lead strong{font-weight:700}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;position:relative;gap:35px;align-items:center;justify-content:space-between;border:3px solid var(--ink);background:var(--ink);color:var(--paper);padding:20px 25px;font-size:15px;font-weight:700;letter-spacing:-.2px;box-shadow:6px 6px 0 var(--paper);transition:transform .16s,box-shadow .16s}.button>span{font-size:27px;line-height:1}.button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--paper)}.button small{display:block;position:absolute;top:calc(100% + 13px);left:1px;color:var(--ink);font:14px Mono,monospace;letter-spacing:1px;white-space:nowrap}.play-main{background:var(--ink);color:var(--acid);padding:21px 24px;min-width:269px}.trailer-link{display:flex;align-items:center;gap:10px;border:0;background:none;font:14px/1.35 Mono,monospace;text-align:left;transform:rotate(5deg)}.play-disc{width:49px;height:49px;display:grid;place-items:center;padding-left:3px;background:var(--pink);border:2px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink);font-size:14px}.trailer-link:hover{transform:rotate(-4deg)}.micro-copy{font:14px/1.7 Mono,monospace;letter-spacing:.7px;margin:40px 0 0}
.hero-screen{position:absolute;top:228px;right:-2%;width:55%;z-index:1;border:4px solid var(--ink);background:var(--ink);box-shadow:14px 16px 0 var(--ink);transform:rotate(5deg)}.screen-title{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;gap:16px;background:var(--paper);color:var(--ink);font:14px Mono,monospace;border-bottom:3px solid var(--ink)}.screen-title>span:last-child{font-size:18px}.screen-lights{display:flex;gap:5px}.screen-lights i{height:8px;width:8px;border:1px solid var(--ink);border-radius:50%;background:var(--pink)}.screen-lights i:nth-child(2){background:var(--acid)}.screen-lights i:nth-child(3){background:var(--mint)}.video-inset{position:relative;overflow:hidden}.hero-video{width:100%;aspect-ratio:1.6;object-fit:cover}.screen-caption{position:absolute;bottom:14px;left:14px;background:var(--acid);color:var(--ink);border:1px solid var(--ink);font:14px Mono,monospace;padding:6px 8px;transform:rotate(-2deg)}.motion-toggle{position:absolute;bottom:15px;right:15px;width:35px;height:35px;border:2px solid var(--paper);border-radius:50%;background:var(--ink);color:var(--paper);font-size:14px}.screen-tape{position:absolute;width:106px;height:32px;background:rgba(246,241,229,.8);border-left:2px dashed #17172830;border-right:2px dashed #17172830;z-index:4}.tape-one{left:25px;top:-18px;transform:rotate(-23deg)}.tape-two{right:11px;bottom:-16px;transform:rotate(-20deg)}.void-pet{position:absolute;right:14%;top:35px;width:180px;transform:rotate(10deg);z-index:3}.void-pet>svg{width:100%;stroke-width:4;overflow:visible;animation:void-blink 11s infinite;transform-origin:center 50%}.eye-white{fill:var(--paper)}.eye-pupil{fill:var(--ink);stroke:var(--ink)}.eye-glint{fill:var(--paper);stroke:none}.eye-lid{fill:none}.void-pet>span{display:block;font:14px Mono,monospace;letter-spacing:.3px;transform:rotate(-2deg);white-space:nowrap;margin-top:-1px}.floor-sticker{position:absolute;right:37%;top:150px;font-size:23px;line-height:.95;font-weight:700;letter-spacing:-1px;transform:rotate(-12deg);z-index:3}.floor-sticker>span{font:14px Mono,monospace;letter-spacing:0}.floor-sticker svg{width:112px;height:44px;stroke-width:2.2;position:absolute;left:62px;top:22px;transform:rotate(16deg)}.phase-switch{position:absolute;right:10%;bottom:92px;z-index:3;display:flex;align-items:center;gap:8px;background:var(--pink);border:3px solid var(--ink);border-radius:50%;width:140px;height:140px;justify-content:center;box-shadow:7px 8px 0 var(--ink);transform:rotate(12deg);font:14px/1.25 Mono,monospace;text-align:left}.phase-switch-mark{font:45px/1 Space,sans-serif}.phase-switch b{font-size:17px;letter-spacing:-.7px}.phase-switch:hover{transform:rotate(-8deg) scale(1.04)}.phase-switch[aria-pressed=true]{background:var(--acid);transform:rotate(-9deg)}.phase-status{position:absolute;right:4%;bottom:46px;font:14px Mono,monospace;max-width:300px;text-align:center;transform:rotate(3deg);z-index:3}.hero-registration{position:absolute;right:30%;bottom:94px;font:14px/1.6 Mono,monospace;letter-spacing:.6px;transform:rotate(-90deg);transform-origin:right top}.loose-tile{position:absolute;width:45px;height:45px;background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);transform:rotate(30deg) skew(-10deg);z-index:0;animation:tile-hover 5s ease-in-out infinite}.tile-a{right:36%;top:69px;width:24px;height:24px;animation-delay:-2s;background:var(--blue)}.tile-b{right:39%;bottom:112px;background:var(--mint)}.tile-c{right:4%;top:85px;width:29px;height:29px;animation-delay:-3s;background:var(--pink)}
.warning-tape{position:relative;z-index:4;overflow:hidden;background:var(--pink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:15px 0;transform:rotate(-1.5deg);width:100%;margin-top:-20px}.warning-track{display:flex;width:max-content;animation:tape-scroll 33s linear infinite}.warning-track>span{white-space:nowrap;font-size:17px;font-weight:700;letter-spacing:-.5px;padding-right:13px}.mechanics{background:var(--night);color:var(--paper);padding:109px var(--gutter) 92px;position:relative;overflow:hidden}.section-heading{max-width:1270px;margin:0 auto 73px}.eyebrow{font:14px/1.5 Mono,monospace;letter-spacing:1.3px;margin:0 0 24px}.mechanics .eyebrow{color:var(--acid)}.section-heading h2{font-size:clamp(46px,6.35vw,91px);font-weight:700;line-height:.98;letter-spacing:-.065em;margin:0 0 24px}.section-heading h2 span{color:var(--pink);display:inline-block;transform:rotate(-2deg);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:9px}.section-heading>p{font-size:14px;line-height:1.7;color:#bdc0d5;max-width:520px;margin:0 0 0 auto}.mechanic{display:grid;grid-template-columns:1.45fr 1fr;gap:72px;align-items:center;max-width:1210px;margin:0 auto 130px}.mechanic-image{border:3px solid var(--paper);background:var(--paper);color:var(--ink);transform:rotate(-3deg);position:relative;box-shadow:9px 10px 0 var(--blue)}.mechanic-image>img{aspect-ratio:1.7;object-fit:cover}.photo-header{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font:14px Mono,monospace;letter-spacing:.4px}.photo-header>span:last-child{font-size:17px;line-height:1}.photo-scribble{position:absolute;bottom:-43px;left:45px;color:var(--paper);font:14px/1.3 Mono,monospace;transform:rotate(3deg)}.mechanic-copy{position:relative}.mechanic-number{font-size:28px;line-height:1;font-weight:700;color:var(--acid);display:inline-block;border:2px solid var(--acid);border-radius:50%;width:63px;height:63px;padding-top:15px;text-align:center;transform:rotate(-12deg);margin-bottom:18px}.mechanic h3{font-size:clamp(34px,4.1vw,58px);line-height:1;letter-spacing:-.055em;margin:0 0 20px}.mechanic h3 em{font-style:normal;color:var(--acid)}.mechanic p{font-size:14px;line-height:1.8;color:#b7bacd;max-width:355px;margin:0}.margin-note{display:inline-block;font:14px Mono,monospace;letter-spacing:.7px;padding:7px 10px;background:var(--pink);color:var(--ink);transform:rotate(4deg);margin-top:26px}.phase-mechanic{grid-template-columns:1fr 1.45fr;gap:65px;margin-bottom:114px}.phase-mechanic .mechanic-image{order:2;transform:rotate(3deg);box-shadow:10px 10px 0 var(--pink)}.phase-mechanic .mechanic-copy{order:1;padding-left:30px}.phase-mechanic .mechanic-number{color:var(--pink);border-color:var(--pink);transform:rotate(8deg)}.phase-mechanic h3 em{color:var(--pink)}.phase-photo-sticker{position:absolute;right:-20px;bottom:-32px;background:var(--acid);color:var(--ink);font-size:22px;line-height:1;font-weight:700;letter-spacing:-.8px;padding:15px 20px;border:3px solid var(--ink);transform:rotate(-12deg);box-shadow:5px 5px 0 var(--ink)}.ghost-note{position:relative;display:grid;grid-template-columns:90px 1.1fr 1fr;align-items:center;gap:30px;max-width:1210px;margin:0 auto;padding:43px 0 5px;border-top:2px dashed #f6f1e543}.ghost-doodle{width:90px;height:100px;stroke-width:3;color:var(--pink);transform:rotate(-13deg)}.ghost-doodle ellipse{fill:var(--pink);stroke:none}.ghost-note .eyebrow{font-size:14px;color:#b5b8cc;margin-bottom:13px}.ghost-note h3{font-size:35px;line-height:1.05;letter-spacing:-1.4px;margin:0 0 14px}.ghost-note h3>span{color:var(--pink);font-size:28px}.ghost-note p{font-size:14px;line-height:1.7;color:#b7bacd;margin:0}.ghost-note>img{border:2px solid var(--paper);transform:rotate(-4deg);aspect-ratio:1.7;object-fit:cover}
.looks{padding:100px var(--gutter) 112px;display:grid;grid-template-columns:.8fr 1.4fr;gap:65px;align-items:center;background:var(--paper);position:relative;overflow:hidden}.looks .eyebrow{margin-bottom:28px}.looks h2{font-size:clamp(45px,5.3vw,77px);line-height:.98;letter-spacing:-.065em;margin:0 0 27px}.looks h2>span{color:var(--blue)}.looks-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:340px}.look-laboratory{min-width:0;position:relative;z-index:1}.look-tabs{display:flex;gap:9px;margin:0 0 25px}.look-tabs button{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1;min-width:0;text-align:left;font:14px/1.15 Mono,monospace;position:relative;min-height:107px;transform:rotate(-4deg);transition:transform .2s,background .2s}.look-tabs button:nth-child(2){transform:rotate(4deg)}.look-tabs button:nth-child(3){transform:rotate(-2deg)}.look-tabs button:nth-child(4){transform:rotate(5deg)}.look-tabs button[aria-selected=true]{background:var(--acid);transform:translateY(-8px) rotate(-2deg);box-shadow:4px 6px 0 var(--ink)}.look-index{font-size:14px;color:#656574}.swatch{position:absolute;width:21px;height:21px;right:8px;top:8px;transform:rotate(45deg);border:1px solid var(--ink)}.swatch-synth{background:linear-gradient(90deg,#74dfdf 50%,#9b66ea 50%)}.swatch-print{background:linear-gradient(90deg,#00a6d6 50%,#ff3d9a 50%)}.swatch-temple{background:linear-gradient(90deg,#e0b06a 50%,#3bb3a9 50%)}.swatch-pixel{background:linear-gradient(90deg,#6fbf4b 50%,#67bfe3 50%)}.look-stage{background:var(--ink);color:var(--paper);border:3px solid var(--ink);box-shadow:10px 11px 0 var(--pink);transform:rotate(2deg)}.look-monitor-header{display:flex;justify-content:space-between;gap:15px;font:14px Mono,monospace;padding:12px;background:var(--ink);color:var(--acid)}.look-monitor-header>span:last-child{color:#b7bacd;font-size:14px}#look-image{aspect-ratio:1.55;object-fit:cover}.look-annotation{display:block;font:14px Mono,monospace;color:var(--paper);padding:13px}.looks-asterisk{position:absolute;font-size:200px;color:var(--pink);line-height:1;left:30%;bottom:20px;transform:rotate(13deg);opacity:.5;pointer-events:none}
.creator{background:var(--blue);color:var(--paper);padding:105px var(--gutter) 95px;overflow:hidden;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.creator-top{display:grid;grid-template-columns:1fr 1.3fr;gap:55px;align-items:center;max-width:1280px;margin:0 auto 70px}.creator-copy .eyebrow{color:var(--acid)}.creator h2{font-size:clamp(50px,5.6vw,81px);line-height:.95;letter-spacing:-.065em;margin:0 0 28px}.creator h2>span{color:var(--acid);display:inline-block;transform:rotate(-3deg);-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink)}.creator-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;margin:0 0 27px}.text-link{padding:19px 20px;color:var(--acid);font-size:14px;gap:22px}.creator-aside{display:block;font:14px Mono,monospace;margin-top:20px;transform:rotate(-2deg);max-width:290px;text-align:right}.editor-showcase{position:relative;min-width:0;padding-top:30px}.editor-frame{background:var(--ink);border:3px solid var(--ink);box-shadow:10px 12px 0 var(--acid);transform:rotate(-5deg)}.window-strip{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;font:14px/1.2 Mono,monospace;background:var(--paper);color:var(--ink);border-bottom:2px solid var(--ink)}.window-strip>span:last-child{font-size:18px}.editor-frame>img{aspect-ratio:1.6;object-fit:cover}.editor-sticker{position:absolute;right:-15px;top:-3px;padding:17px 15px;background:var(--pink);color:var(--ink);border:3px solid var(--ink);transform:rotate(13deg);font-size:21px;line-height:.95;font-weight:700;letter-spacing:-1px;box-shadow:4px 4px 0 var(--ink)}.editor-note{font:14px/1.6 Mono,monospace;text-align:center;margin:40px 0 0;color:var(--paper);transform:rotate(-3deg)}.creator-details{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:1280px;margin:0 auto 45px;border-top:2px dashed #f6f1e56b;padding-top:35px}.creator-details>div{position:relative;padding-left:50px}.detail-number{position:absolute;left:0;top:0;font-size:35px;font-weight:700;color:var(--acid);transform:rotate(-8deg);line-height:1}.creator-details h3{font-size:25px;line-height:1.05;letter-spacing:-.8px;margin:0 0 13px}.creator-details p{font-size:14px;line-height:1.8;max-width:430px;margin:0;color:#f0eaff}.code-launcher{max-width:1280px;margin:0 auto;background:var(--acid);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:26px 28px 17px;transform:rotate(-1deg)}.code-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.code-heading label{font-size:20px;font-weight:700;letter-spacing:-.7px}.code-heading button{padding:5px 0;background:none;border:0;border-bottom:1px solid var(--ink);font:14px Mono,monospace;white-space:nowrap}.code-entry{display:flex;gap:12px}.code-entry textarea{background:var(--paper);border:2px solid var(--ink);border-radius:0;resize:vertical;min-height:70px;max-height:180px;flex:1;min-width:0;padding:18px 15px;font:14px/1.7 Mono,monospace;color:var(--ink)}.code-entry textarea::placeholder{color:#696372}.code-entry .button{background:var(--pink);color:var(--ink);font-size:17px;box-shadow:4px 4px 0 var(--ink);gap:25px;padding:17px 23px}.code-entry .button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.code-status{font:14px/1.6 Mono,monospace;margin:14px 0 0;min-height:16px}.code-status[data-kind=error]{color:#8d174c;font-weight:700}
.last-call{background:var(--pink);position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:94px var(--gutter) 80px}.last-call .eyebrow{justify-content:center}.last-call h2{font-size:clamp(62px,8.8vw,126px);font-weight:700;line-height:.87;letter-spacing:-.075em;transform:rotate(-3deg);margin:0 0 27px}.last-call h2>span{color:var(--paper);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.last-description{font-size:19px;margin:0 0 30px;letter-spacing:-.6px}.last-call .button{background:var(--acid);color:var(--ink);box-shadow:7px 7px 0 var(--ink);padding:23px 28px;font-size:15px;gap:42px;transform:rotate(2deg)}.last-call .button:hover{transform:rotate(-2deg) translate(3px,3px);box-shadow:4px 4px 0 var(--ink)}.last-fine-print{font:14px/1.7 Mono,monospace;margin:32px 0 0;letter-spacing:.6px}.actual-fine-print{font:14px Mono,monospace;margin:8px 0 0}.last-star{position:absolute;right:-25px;top:30px;font-size:380px;line-height:1;color:var(--acid);z-index:-1;transform:rotate(15deg)}.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;background:var(--paper);padding:28px var(--gutter);border-top:3px solid var(--ink)}.site-footer .brand{font-size:22px;letter-spacing:-1.2px;gap:8px}.site-footer .brand svg{width:25px;height:27px}.site-footer>p{font:14px Mono,monospace;margin:0}.site-footer nav{display:flex;gap:21px;margin-left:auto;font:14px Mono,monospace}.site-footer nav a:hover{background:var(--acid)}.footer-end{font:14px Mono,monospace;letter-spacing:.4px;display:block;width:100%;margin-top:8px;text-align:right}.has-dialog{overflow:hidden}dialog{border:3px solid var(--ink);background:var(--ink);color:var(--paper);padding:0;width:min(1100px,92vw);max-height:92dvh;box-shadow:12px 12px 0 var(--pink)}dialog::backdrop{background:#111126df;backdrop-filter:blur(8px)}.trailer-head{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--acid);color:var(--ink);padding:13px 18px;border-bottom:3px solid var(--ink)}.trailer-head h2{font:14px/1.4 Mono,monospace;margin:0;letter-spacing:.4px}.trailer-head button{width:32px;height:32px;background:var(--pink);border:2px solid var(--ink);font-size:15px}#trailer-video{width:100%;max-height:80dvh;background:#000}.void-debris{position:absolute;z-index:6;pointer-events:none;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--debris-colour);border:2px solid var(--ink);animation:floor-drop 900ms cubic-bezier(.24,.65,.5,1) forwards}
@keyframes asterisk-turn{to{transform:rotate(360deg)}}@keyframes tape-scroll{to{transform:translateX(-50%)}}@keyframes tile-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -13px;rotate:9deg}}@keyframes void-blink{0%,44%,46%,100%{scale:1 1}45%{scale:1 .06}}@keyframes floor-drop{0%{opacity:1;transform:translate(0,0) rotate(20deg)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin))}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .eye-pupil{transform:none!important}
@media(min-width:1600px){.hero{min-height:970px}.hero-screen{width:56%;top:247px;max-width:950px}.hero-copy{max-width:730px}h1{font-size:172px}.hero-bottom{margin-top:45px}.phase-switch{bottom:125px}.phase-status{bottom:78px}.hero-registration{bottom:130px}}
@media(max-width:1100px){.site-header{gap:17px}.brand{font-size:25px}.site-header nav{gap:16px;font-size:14px}.hero{min-height:840px}.hero-screen{width:55%;top:231px;right:-3%}.experiment-label{font-size:14px}h1{font-size:clamp(91px,10.6vw,126px)}.ground-line{font-size:33px;letter-spacing:-1.4px}.hero-copy{max-width:530px}.hero-bottom{margin-top:37px}.hero-lead{font-size:16px}.hero-actions{gap:17px}.play-main{font-size:14px;min-width:245px;gap:22px;padding:20px}.trailer-link{font-size:14px;gap:7px}.play-disc{width:40px;height:40px;font-size:14px}.void-pet{width:146px;right:13%;top:42px}.floor-sticker{right:33%;top:156px;font-size:19px}.phase-switch{right:9%;bottom:85px;width:120px;height:120px}.phase-status{bottom:40px;font-size:14px}.hero-registration{display:none}.mechanic{gap:45px}.mechanic h3{font-size:43px}.phase-mechanic{gap:35px}.phase-mechanic .mechanic-copy{padding-left:0}.ghost-note{grid-template-columns:70px 1.15fr 1fr;gap:20px}.ghost-doodle{width:70px;height:80px}.ghost-note h3{font-size:29px}.ghost-note h3>span{font-size:23px}.looks{gap:35px}.looks h2{font-size:55px}.look-tabs{gap:6px}.look-tabs button{padding:9px 7px;font-size:14px;min-height:100px}.swatch{width:15px;height:15px;right:6px;top:8px}.look-monitor-header{font-size:14px}.look-monitor-header>span:last-child{font-size:14px}.creator-top{gap:40px}.creator h2{font-size:64px}.editor-sticker{right:-5px;font-size:18px;padding:13px}.text-link{font-size:14px;padding:17px;gap:14px}.window-strip{font-size:14px}.creator-details{gap:35px}.code-heading label{font-size:18px}.site-footer nav{font-size:14px;gap:15px}}
@media(max-width:760px){.site-header{height:77px;padding:0 22px;gap:15px}.brand{font-size:24px;gap:8px}.brand svg{width:25px;height:28px}.site-header nav{display:none}.header-play{font-size:14px;padding:11px 13px;gap:16px;box-shadow:3px 3px 0 var(--pink)}.header-play>span{font-size:19px}.hero{min-height:0;padding:26px 24px 210px}.experiment-label{font-size:14px;letter-spacing:.5px;margin-bottom:24px;gap:9px}.status-cross{font-size:24px}.hero-copy{max-width:none;pointer-events:auto;display:contents}h1{font-size:clamp(94px,18.3vw,137px);position:relative;z-index:2;max-width:85%;letter-spacing:-.08em}.ground-line{font-size:clamp(25px,5.4vw,34px);letter-spacing:-1.1px;padding:6px 11px 7px;box-shadow:4px 4px 0 var(--ink);margin-top:22px;max-width:none;width:max-content}.hero-bottom{position:relative;z-index:3;margin-top:34px;max-width:500px}.hero-lead{font-size:15px;margin-bottom:23px;line-height:1.5}.hero-actions{gap:18px;flex-wrap:nowrap}.play-main{min-width:0;font-size:14px;padding:18px 17px;gap:24px;flex:0 0 auto;box-shadow:5px 5px 0 var(--paper)}.button>span{font-size:23px}.button small{font-size:14px;top:calc(100% + 11px)}.trailer-link{font-size:14px;gap:7px}.play-disc{width:35px;height:35px;font-size:14px;box-shadow:2px 2px 0 var(--ink)}.micro-copy{font-size:14px;margin-top:35px;letter-spacing:.1px}.hero-screen{position:relative;top:auto;right:auto;width:100%;margin:40px 0 0;transform:rotate(4deg);box-shadow:8px 9px 0 var(--ink);border-width:3px;z-index:2}.screen-title{padding:9px 10px;font-size:14px;gap:10px;border-bottom-width:2px}.screen-lights{gap:3px}.screen-lights i{width:5px;height:5px}.screen-title>span:last-child{font-size:15px}.hero-video{aspect-ratio:1.48}.screen-caption{font-size:14px;left:8px;bottom:11px;padding:5px 6px}.motion-toggle{width:29px;height:29px;right:9px;bottom:10px;border-width:1px;font-size:14px}.screen-tape{width:70px;height:23px}.tape-one{left:15px;top:-12px}.tape-two{right:12px;bottom:-12px}.void-pet{right:18px;top:119px;width:83px;transform:rotate(16deg);z-index:1}.void-pet>span{font-size:14px;white-space:normal;max-width:95px}.void-pet>svg{stroke-width:5}.floor-sticker{top:auto;bottom:157px;right:auto;left:29px;font-size:21px;z-index:3;transform:rotate(-8deg)}.floor-sticker>span{font-size:14px}.floor-sticker svg{left:75px;top:5px;width:95px;transform:rotate(30deg)}.phase-switch{width:102px;height:102px;right:39px;bottom:58px;border-width:2px;box-shadow:5px 6px 0 var(--ink);font-size:14px;gap:5px}.phase-switch-mark{font-size:34px}.phase-switch b{font-size:14px}.phase-status{bottom:18px;right:19px;max-width:260px;font-size:14px;transform:rotate(2deg)}.loose-tile{width:25px;height:25px;border-width:2px;box-shadow:5px 5px 0 var(--ink)}.tile-a{right:25px;top:355px;width:17px;height:17px}.tile-b{bottom:62px;right:auto;left:53px;background:var(--blue)}.tile-c{right:46%;top:auto;bottom:65px;width:18px;height:18px}.warning-tape{padding:13px 0;margin-top:-9px;transform:rotate(-2deg);border-width:2px 0}.warning-track>span{font-size:14px;letter-spacing:-.2px;padding-right:10px}.mechanics{padding:73px 24px 68px}.section-heading{margin-bottom:46px}.eyebrow{font-size:14px;letter-spacing:1px;margin-bottom:23px}.section-heading h2{font-size:clamp(35px,8.7vw,63px);line-height:1.02;letter-spacing:-.06em;margin-bottom:25px}.section-heading h2 span{text-underline-offset:6px;text-decoration-thickness:2px}.section-heading>p{font-size:14px;max-width:450px;margin:0;line-height:1.8}.mechanic{display:flex;flex-direction:column;align-items:stretch;gap:59px;margin:0 7px 61px}.mechanic-image{border-width:2px;box-shadow:6px 7px 0 var(--blue)}.mechanic-image>img{aspect-ratio:1.55}.photo-header{font-size:14px;padding:8px 9px;letter-spacing:0}.photo-header>span:last-child{font-size:14px}.photo-scribble{font-size:14px;left:15px;bottom:-32px}.mechanic-copy{padding-left:0}.mechanic-number{font-size:22px;width:51px;height:51px;padding-top:12px;margin-bottom:17px}.mechanic h3{font-size:48px;line-height:.96;letter-spacing:-.06em;margin-bottom:19px}.mechanic p{font-size:14px;line-height:1.8;max-width:450px}.margin-note{font-size:14px;padding:7px 9px;margin-top:22px}.phase-mechanic{gap:49px;margin-top:35px;margin-bottom:60px}.phase-mechanic .mechanic-image{order:0;box-shadow:6px 7px 0 var(--pink)}.phase-mechanic .mechanic-copy{order:1}.phase-mechanic h3{font-size:clamp(34px,8.5vw,52px)}.phase-photo-sticker{right:-10px;bottom:-25px;padding:11px 13px;font-size:17px;border-width:2px;box-shadow:3px 3px 0 var(--ink)}.ghost-note{grid-template-columns:54px 1fr;gap:17px;padding-top:31px}.ghost-doodle{width:54px;height:65px;align-self:start;margin-top:23px}.ghost-note>img{grid-column:1/-1;max-width:440px;margin:10px auto 5px;transform:rotate(-3deg);aspect-ratio:1.9}.ghost-note .eyebrow{font-size:14px;letter-spacing:.4px;margin-bottom:13px}.ghost-note h3{font-size:29px;line-height:1.05;margin-bottom:12px}.ghost-note h3>span{font-size:24px}.ghost-note p{font-size:14px;line-height:1.7}.looks{padding:65px 24px 83px;display:block}.looks-intro{position:relative;z-index:1}.looks .eyebrow{font-size:14px;margin-bottom:21px}.looks h2{font-size:clamp(51px,11.8vw,77px);margin-bottom:24px}.looks-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:400px}.look-laboratory{margin-top:39px}.look-tabs{gap:8px;margin-bottom:24px}.look-tabs button{min-height:103px;padding:8px 6px;font-size:14px;gap:20px;box-shadow:2px 3px 0 var(--ink)}.look-index{font-size:14px}.swatch{width:14px;height:14px;right:5px;top:9px}.look-tabs button[aria-selected=true]{box-shadow:3px 5px 0 var(--ink);transform:translateY(-6px) rotate(-2deg)}.look-stage{margin-right:6px;box-shadow:7px 8px 0 var(--pink);border-width:2px}.look-monitor-header{font-size:14px;padding:10px;gap:9px}.look-monitor-header>span:last-child{font-size:14px;text-align:right;max-width:125px}.look-stage img{aspect-ratio:1.25}.look-annotation{font-size:14px;padding:11px}.looks-asterisk{font-size:150px;left:auto;right:-45px;bottom:35px;opacity:.55}.creator{padding:68px 24px 72px}.creator-top{display:flex;flex-direction:column;align-items:stretch;gap:35px;margin-bottom:43px}.creator h2{font-size:clamp(54px,12.4vw,78px);line-height:.96;margin-bottom:27px}.creator-copy .eyebrow{font-size:14px}.creator-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-bottom:24px}.text-link{font-size:14px;padding:17px 18px;gap:27px;box-shadow:5px 5px 0 var(--paper)}.creator-aside{font-size:14px;margin-top:17px;text-align:left;margin-left:30px}.editor-showcase{padding-top:29px;margin:0 7px}.editor-frame{border-width:2px;box-shadow:7px 8px 0 var(--acid);transform:rotate(-4deg)}.window-strip{font-size:14px;padding:9px;gap:7px;letter-spacing:0}.window-strip>span:last-child{font-size:14px}.editor-frame>img{aspect-ratio:1.4;object-position:60%}.editor-sticker{top:0;right:-5px;font-size:15px;padding:10px 12px;border-width:2px;box-shadow:3px 3px 0 var(--ink);transform:rotate(12deg)}.editor-note{font-size:14px;line-height:1.7;margin-top:28px}.creator-details{grid-template-columns:1fr;gap:27px;padding-top:31px;margin-bottom:32px}.creator-details>div{padding-left:40px}.detail-number{font-size:28px}.creator-details h3{font-size:23px;line-height:1.05;margin-bottom:12px}.creator-details p{font-size:14px;line-height:1.8}.code-launcher{padding:20px 17px 15px;box-shadow:5px 6px 0 var(--ink);border-width:2px;transform:rotate(-1deg);margin:0 2px}.code-heading{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.code-heading label{font-size:18px;letter-spacing:-.6px}.code-heading button{font-size:14px;padding:4px 0}.code-entry{flex-direction:column;gap:12px}.code-entry textarea{min-height:93px;font-size:14px;padding:15px 11px;flex:auto}.code-entry .button{width:100%;font-size:16px;padding:16px 18px;box-shadow:3px 3px 0 var(--ink)}.code-status{font-size:14px;line-height:1.7;margin-top:13px;min-height:26px}.last-call{padding:71px 24px 62px}.last-call .eyebrow{font-size:14px;letter-spacing:.7px;margin-bottom:29px}.last-call h2{font-size:clamp(56px,13.8vw,91px);line-height:.91;margin-bottom:27px}.last-call h2>span{-webkit-text-stroke:1.3px var(--ink);text-shadow:3px 3px 0 var(--ink)}.last-description{font-size:16px;margin-bottom:26px}.last-call .button{padding:20px;font-size:14px;gap:29px;box-shadow:5px 5px 0 var(--ink)}.last-fine-print{font-size:14px;letter-spacing:.2px;margin-top:26px}.actual-fine-print{font-size:14px}.last-star{font-size:240px;right:-94px;top:40px}.site-footer{padding:26px 24px;gap:17px 23px;border-top-width:2px}.site-footer .brand{font-size:22px}.site-footer>p{font-size:14px}.site-footer nav{font-size:14px;margin:5px 0 0;gap:21px;flex-wrap:wrap;width:100%}.footer-end{text-align:left;font-size:14px;letter-spacing:.3px;margin-top:6px}.trailer-head{padding:11px 12px;gap:12px}.trailer-head h2{font-size:14px;letter-spacing:0}.trailer-head button{flex:0 0 28px;width:28px;height:28px;font-size:14px}dialog{box-shadow:6px 6px 0 var(--pink)}}
@media(max-width:370px){.hero{padding-left:20px;padding-right:20px}.hero-actions{gap:12px}.play-main{font-size:14px;gap:17px;padding:18px 14px}.trailer-link{gap:6px;font-size:14px}.play-disc{width:32px;height:32px}.ground-line{font-size:24px;letter-spacing:-1.4px}.hero-lead{font-size:14px}.experiment-label{font-size:14px}.void-pet{width:67px;right:12px;top:126px}.look-tabs{gap:6px}.look-tabs button{font-size:14px;padding-left:5px;padding-right:4px}.swatch{width:11px;height:11px;right:5px}.last-fine-print{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.eye-pupil{transform:none!important}}

/* Contain the deliberately tilted artwork within the page. */
main{overflow:clip}

.skip-link{opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}

/* Campaign refresh: retain the arcade flyer and give the longer title room. */
h1>.seventy{font-size:.79em;letter-spacing:-.075em}.field-guide{padding:80px var(--gutter);border-top:3px solid var(--ink)}.field-guide .section-heading{margin-bottom:45px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.feature-panel{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--pink);background:var(--paper);min-width:0}.feature-panel>img{aspect-ratio:16/9;object-fit:cover;border-bottom:3px solid var(--ink)}.feature-panel>div{padding:28px}.feature-panel h3{font-size:clamp(24px,2.6vw,42px);line-height:1;letter-spacing:-.05em;margin:15px 0}.feature-panel p,.run-notes p,.party p,.studio-note p{font-size:15px;line-height:1.75}.run-notes{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:36px}.run-notes b{display:block;font:14px Mono,monospace;margin-bottom:10px}.party{padding:75px var(--gutter);background:var(--pink);border-block:3px solid var(--ink);display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.party h2{font-size:clamp(36px,4.7vw,72px);letter-spacing:-.065em;line-height:1;margin:20px 0}.party h2 span{color:var(--paper);-webkit-text-stroke:1.5px var(--ink)}.party .platform-note{font:14px/1.8 Mono,monospace;border-top:2px solid;padding-top:16px}.match-types{list-style:none;padding:0;margin:0;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--paper)}.match-types li{padding:20px 24px;display:flex;flex-direction:column;gap:8px}.match-types li+li{border-top:2px solid var(--ink)}.match-types b{font-size:21px;letter-spacing:-.7px}.match-types span{font:14px/1.6 Mono,monospace}.studio-note{border-left:4px solid var(--acid);padding:4px 0 4px 22px;margin:0 0 35px;color:var(--paper)}.studio-note>b{font:14px Mono,monospace}.studio-note p{max-width:900px;margin-bottom:0}@media(max-width:700px){.field-guide{padding:60px 24px}.feature-grid,.run-notes,.party{grid-template-columns:1fr;gap:28px}.feature-panel>div{padding:22px}.feature-panel p,.run-notes p,.party p,.studio-note p{font-size:14px}.party{padding:60px 24px}.party .eyebrow{line-height:1.8}.match-types b{font-size:18px}.studio-note>b{font-size:14px}.studio-note{padding-left:16px}.match-types li{padding:18px}.field-guide h2{font-size:clamp(32px,8vw,55px)}}

.field-guide .section-heading>.eyebrow{font:14px/1.5 Mono,monospace;letter-spacing:1.3px;color:var(--ink);margin:0 0 24px}.field-guide .section-heading h2 span{color:#b51b69}

.mechanics .section-heading>p:last-child{margin:22px 0 0;max-width:760px}.warning-track>span{flex-shrink:0}.editor-availability{border:2px solid var(--acid);color:var(--acid);padding:14px 16px;font:14px/1.6 Mono,monospace!important;width:fit-content;max-width:100%}.steam-status{font:14px/1.6 Mono,monospace;margin:22px 0}.creator-copy .editor-availability{margin-bottom:0!important}

.mechanics .section-heading>.eyebrow{margin:0 0 24px;max-width:none;font:14px/1.5 Mono,monospace;letter-spacing:1.3px}.hero-screen{isolation:isolate}.screen-tape{pointer-events:none;width:94px;height:29px}.tape-one{left:-22px;top:8px;transform:rotate(-43deg)}.tape-two{right:-23px;bottom:7px;transform:rotate(-43deg)}.hero-screen .motion-toggle{right:26px;bottom:25px;z-index:6}.phase-status{bottom:30px;right:5%;max-width:290px}@media(max-width:700px){.screen-tape{width:67px;height:22px}.tape-one{left:-15px;top:4px}.tape-two{right:-15px;bottom:4px}.hero-screen .motion-toggle{right:16px;bottom:20px}.phase-status{bottom:18px;right:19px}}

.brand>.brand-mark{display:block;width:38px;height:38px;flex:0 0 38px}.site-footer .brand>.brand-mark{width:32px;height:32px;flex-basis:32px}

/* Readable utility text at every viewport. */
.hero-screen .motion-toggle{top:16px;right:16px;bottom:auto}.micro-copy,.phase-status,.hero-registration,.screen-title,.window-strip,.photo-header,.editor-note,.footer-end{line-height:1.6;white-space:normal}.screen-caption{max-width:calc(100% - 30px)}.site-header nav{gap:20px}.void-pet>span{font-size:14px;line-height:1.5;white-space:normal}.phase-status{max-width:330px}.look-tabs button{overflow-wrap:normal}.editor-aside,.creator-aside{line-height:1.6}.photo-scribble{bottom:-48px}.look-monitor-header{gap:15px;flex-wrap:wrap}.site-footer nav{flex-wrap:wrap}.brand>.brand-mark{width:38px;height:38px}.hero-registration{display:none}@media(max-width:1100px){.site-header nav{display:none}}@media(max-width:700px){.site-header{gap:12px}.site-header .brand{font-size:21px;letter-spacing:-1px;gap:8px}.site-header .brand>.brand-mark{width:30px;height:30px;flex-basis:30px}.header-play{padding:10px;gap:10px}.void-pet{position:relative;top:auto;right:auto;width:130px;margin:28px 0 0 auto;transform:rotate(8deg)}.void-pet>span{font-size:14px;max-width:none}.hero-screen{margin-top:25px}.look-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.look-tabs button{font-size:14px;min-height:110px;padding:12px}.look-index{font-size:14px}.swatch{width:18px;height:18px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .play-main{font-size:14px}.play-main small{font-size:14px}.micro-copy{margin-top:42px}.phase-switch{width:118px;height:118px}.phase-switch>span{font-size:14px}.phase-switch .phase-switch-mark{font-size:34px}.phase-status{font-size:14px;max-width:260px;bottom:16px}.hero{padding-bottom:190px}.floor-sticker{bottom:170px}.floor-sticker>span{font-size:14px}.screen-title>span:last-child{display:none}.screen-caption{font-size:14px;line-height:1.4}.warning-track>span{font-size:14px}.creator-details>div{padding-left:40px}.site-footer .brand{font-size:21px}.last-fine-print{line-height:1.8}.editor-availability{font-size:14px!important}.editor-sticker{top:-10px}.field-guide .section-heading>.eyebrow,.mechanics .section-heading>.eyebrow{font-size:14px}.looks .eyebrow,.creator-copy .eyebrow{font-size:14px}}

@media(min-width:701px){.hero-screen{right:3.2%;width:51.5%}.phase-status{left:var(--gutter);right:auto;bottom:65px;max-width:410px;text-align:left;transform:none}}@media(max-width:700px){.hero{padding-bottom:240px}.phase-switch{bottom:80px;right:30px}.phase-status{left:24px;right:24px;bottom:20px;max-width:none;transform:none;text-align:left}.floor-sticker{bottom:190px}.hero-screen .motion-toggle{top:14px;bottom:auto;right:14px}}

.creator-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}@media(max-width:900px){.creator-details{grid-template-columns:1fr;gap:32px}}

/* Full-width colour bands share one centred content column. */
:root{--content-width:1280px}
.mechanics,.field-guide,.party,.looks,.creator,.last-call{padding-inline:max(var(--gutter),calc((100% - var(--content-width))/2))}
.mechanics>.section-heading,.field-guide>.section-heading{max-width:none}
.looks{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
.look-laboratory{padding:12px 20px 20px 12px}
@media(max-width:760px){.look-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Anchor the hero artwork to the same column as the rest of the page. */
.site-header,.site-footer{padding-inline:max(var(--gutter),calc((100% - var(--content-width))/2))}
.hero{min-height:0;padding:34px var(--gutter) 60px}
.hero-content{position:relative;width:100%;max-width:var(--content-width);margin-inline:auto;min-height:780px}
@media(min-width:761px){
 .hero-copy{max-width:50%}
 .hero h1{font-size:clamp(90px,9.2vw,140px)}
 .hero-screen{width:49%;max-width:none;right:32px;top:210px}
 .void-pet{right:8%;top:8px;width:160px}
 .floor-sticker{right:38%;top:140px}
 .phase-switch{right:6%;bottom:65px}
 .phase-status{left:0;right:auto;bottom:14px;max-width:410px}
 .tile-a{right:42%}.tile-b{right:45%}.tile-c{right:25px}
}
@media(max-width:760px){
 .hero{padding:26px var(--gutter) 0}
 .hero-content{min-height:0;padding-bottom:240px}
 .hero-copy{max-width:none}
 .hero-screen{width:100%;max-width:none;right:auto;top:auto;margin-top:25px}
 .void-pet{position:relative;top:auto;right:auto;width:130px;margin:28px 0 0 auto}
 .phase-switch{right:20px;bottom:80px}
 .phase-status{left:0;right:0;bottom:20px;max-width:none;transform:none}
 .floor-sticker{left:5px;bottom:190px}
}