@layer config{:root{--time--fast:.18s;--time--normal:.36s;--time--slow:.72s;--ease--out:cubic-bezier(.22, 1, .36, 1);--ease--spring:cubic-bezier(.34, 1.56, .64, 1);--ease--in-out:cubic-bezier(.65, 0, .35, 1)}@media (prefers-reduced-motion:reduce){:root{--time--fast:0s;--time--normal:0s;--time--slow:0s}*,:before,:after{scroll-behavior:auto!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root{--gap:4px;--gap--1:calc(var(--gap) * 1);--gap--2:calc(var(--gap) * 2);--gap--3:calc(var(--gap) * 3);--gap--4:calc(var(--gap) * 4);--gap--5:calc(var(--gap) * 5);--gap--6:calc(var(--gap) * 6);--gap--7:calc(var(--gap) * 7);--gap--8:calc(var(--gap) * 8);--gap--9:calc(var(--gap) * 9);--gap--10:calc(var(--gap) * 10);--gap--11:calc(var(--gap) * 11);--gap--12:calc(var(--gap) * 12);--gap--13:calc(var(--gap) * 13);--gap--14:calc(var(--gap) * 14);--gap--15:calc(var(--gap) * 15);--gap--16:calc(var(--gap) * 16);--gap--17:calc(var(--gap) * 17);--gap--18:calc(var(--gap) * 18);--gap--19:calc(var(--gap) * 19);--gap--20:calc(var(--gap) * 20);--gap--21:calc(var(--gap) * 21);--gap--22:calc(var(--gap) * 22);--gap--23:calc(var(--gap) * 23);--gap--24:calc(var(--gap) * 24);--gap--25:calc(var(--gap) * 25);--gap--26:calc(var(--gap) * 26);--gap--27:calc(var(--gap) * 27);--gap--28:calc(var(--gap) * 28);--gap--29:calc(var(--gap) * 29);--gap--30:calc(var(--gap) * 30);--gap--31:calc(var(--gap) * 31);--gap--32:calc(var(--gap) * 32);--gap--33:calc(var(--gap) * 33);--gap--34:calc(var(--gap) * 34);--gap--35:calc(var(--gap) * 35);--gap--36:calc(var(--gap) * 36);--gap--37:calc(var(--gap) * 37);--gap--38:calc(var(--gap) * 38);--gap--39:calc(var(--gap) * 39);--gap--40:calc(var(--gap) * 40);--gap--side:clamp(var(--gap--5), 5vw, var(--gap--20));--gap--section:clamp(var(--gap--30), 22vh, var(--gap--40));--br--small:12px;--br--normal:20px;--br--button:999px;--br--panel:clamp(24px, 4vw, 48px);--section--text:22ch;--section--xlarge:1440px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color--ink:#0e0e10;--color--ink-2:#1a1a1e;--color--paper:#f6f4ef;--color--paper-2:#ebe8e0;--color--stone:#6c6c73;--color--stone-light:#a2a2a8;--color--signal:#ff4f2b;--color--blue:#3d6bff;--color--red:#ff3d5a;--color--yellow:#ffc61a;--color--green:#10c48a;--color--bg:var(--lightningcss-light,var(--color--paper))var(--lightningcss-dark,var(--color--ink));--color--text:var(--lightningcss-light,var(--color--ink))var(--lightningcss-dark,var(--color--paper));--color--text-light:var(--lightningcss-light,var(--color--stone))var(--lightningcss-dark,var(--color--stone-light));--color--line:var(--lightningcss-light,#0e0e101a)var(--lightningcss-dark,#f6f4ef1f);--color--surface:var(--lightningcss-light,var(--color--paper-2))var(--lightningcss-dark,var(--color--ink-2));--color--code-comment:var(--lightningcss-light,#626269)var(--lightningcss-dark,#a2a2a8);--color--code-keyword:var(--lightningcss-light,#722da1)var(--lightningcss-dark,#d5adf4);--color--code-string:var(--lightningcss-light,#286339)var(--lightningcss-dark,#a3cf9e);--color--code-number:var(--lightningcss-light,#98451c)var(--lightningcss-dark,#eeb98a);--color--code-function:var(--lightningcss-light,#24589c)var(--lightningcss-dark,#a1c5f7);--color--dot:var(--color--signal);--color--primary-bg:var(--color--text);--color--primary-text:var(--color--bg);--color--selection-bg:var(--color--dot);--color--selection-text:var(--color--ink)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-contrast:more){:root{--color--text-light:var(--color--text);--color--stone-light:var(--color--paper);--color--line:var(--lightningcss-light,#0e0e1073)var(--lightningcss-dark,#f6f4ef80);--focus--width:3px}}@media (prefers-contrast:less){:root{--color--text:var(--lightningcss-light,#2a2a2f)var(--lightningcss-dark,#d9d7d1)}}@media (monochrome){:root{--color--dot:var(--color--text)}}:root{--mq--desktop:1024px;--ff--code:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ff--text:"Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;--ff--serif:"Instrument Serif", ui-serif, Georgia, serif;--ff--pixel:"Silkscreen", ui-monospace, monospace;--fs--small:.8125rem;--fs--text:clamp(1rem, .96rem + .2vw, 1.125rem);--fs--large:clamp(1.125rem, 1rem + .5vw, 1.375rem);--fs--statement:clamp(2rem, 1.1rem + 3.6vw, 4.75rem);--fs--display:clamp(3.25rem, 1rem + 9vw, 11rem);--fw--text:430;--fw--medium:540;--fw--bold:700;--fw--black:800;--lh--text:1.55;--lh--display:.92;--ls--display:-.05em}}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;interpolate-size:allow-keywords;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;min-block-size:100dvh}img,picture,svg,video{max-inline-size:100%;display:block}img,video{block-size:auto}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}ul[role=list],ol[role=list]{list-style:none}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}}@layer base{::selection{background-color:var(--color--selection-bg);color:var(--color--selection-text)}body{background-color:var(--color--bg);color:var(--color--text);font-family:var(--ff--text);font-size:var(--fs--text);font-weight:var(--fw--text);line-height:var(--lh--text);text-rendering:optimizelegibility}em{font-family:var(--ff--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}:focus-visible{outline:var(--focus--width,2px) solid var(--color--selection-bg);outline-offset:4px;border-radius:4px}a[target=_blank]:not(:has(.button__arrow)):after{content:"↗"/"";margin-inline-start:.15em;font-size:.85em;text-decoration:none;display:inline}.skip-link{background-color:var(--color--text);border-radius:var(--br--button);color:var(--color--bg);padding:var(--gap--2) var(--gap--4);z-index:1000;position:fixed;inset-block-start:var(--gap--3);inset-inline-start:var(--gap--3);translate:0 -200%}.skip-link:focus-visible{translate:0}}@layer components;@layer utilities{.dot-mark{color:var(--color--dot);transition:color var(--time--slow) var(--ease--out)}.pixel{font-family:var(--ff--pixel);font-size:var(--fs--small);letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.sprite{block-size:0;inline-size:0;position:absolute}}@keyframes blink{50%{opacity:0}}@keyframes rise{0%{filter:blur(6px);opacity:0;translate:0 .4em}}@keyframes word-on{0%{opacity:.45}}@font-face{font-display:swap;font-family:Inter Tight;font-style:normal;font-weight:400 800;src:url(/fonts/inter-tight-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Inter Tight;font-style:normal;font-weight:400 800;src:url(/fonts/inter-tight-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:Instrument Serif;font-style:normal;font-weight:400;src:url(/fonts/instrument-serif-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Instrument Serif;font-style:normal;font-weight:400;src:url(/fonts/instrument-serif-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:Instrument Serif;font-style:italic;font-weight:400;src:url(/fonts/instrument-serif-italic-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Instrument Serif;font-style:italic;font-weight:400;src:url(/fonts/instrument-serif-italic-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:Silkscreen;font-style:normal;font-weight:400;src:url(/fonts/silkscreen-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Silkscreen;font-style:normal;font-weight:400;src:url(/fonts/silkscreen-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root:has(.arcade){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.arcade{--arcade--cell:24px;--arcade--matrix:#f6f4ef12;background-attachment:fixed;background-color:var(--color--ink);background-image:radial-gradient(circle, var(--arcade--matrix) 1px, transparent 1.5px);background-size:var(--arcade--cell) var(--arcade--cell);color:var(--color--paper);min-block-size:100svh}@media (prefers-contrast:more){.arcade{background-image:none}}.arcade__inner{gap:var(--gap--16);max-inline-size:var(--section--xlarge);min-inline-size:0;padding:0 var(--gap--side) var(--gap--section);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.arcade__select{gap:var(--gap--6);display:grid}.arcade__heading{color:var(--color--dot)}.arcade__list{border-block-start:1px solid var(--color--line);display:grid}.arcade__elsewhere{gap:var(--gap--6);display:grid}.arcade__links{border-block-start:1px solid var(--color--line);border-inline-start:1px solid var(--color--line);flex-wrap:wrap;display:flex}.arcade__links>li{flex:13rem}.arcade__link{block-size:100%;box-shadow:inset -1px 0 0 var(--color--line), inset 0 -1px 0 var(--color--line);align-content:start;gap:var(--gap--2);padding:var(--gap--6) var(--gap--5);transition:background-color var(--time--fast);display:grid}.arcade__link:hover,.arcade__link:focus-visible{background-color:color-mix(in oklab, var(--color--dot) 8%, transparent)}.arcade__link:focus-visible{outline:var(--focus--width,2px) solid var(--color--selection-bg);outline-offset:-4px}.arcade__link-name{font-size:clamp(1.5rem,1.2rem + .8vw,2rem);font-weight:var(--fw--black);align-items:center;gap:var(--gap--2);letter-spacing:-.04em;line-height:1;display:flex}.arcade__link-name:after{color:var(--color--dot);content:"↗";transition:transform var(--time--fast);font-size:.6em}.arcade__link:hover .arcade__link-name:after,.arcade__link:focus-visible .arcade__link-name:after{transform:translate(2px,-2px)}.arcade__link-note{color:var(--color--stone-light);font-size:var(--fs--small)}.arcade__credits{gap:var(--gap--6);padding-block:var(--gap--10) 0;text-align:center;justify-items:center;display:grid}.arcade__credits .arcade__heading{justify-self:center}.arcade__credit-list{gap:var(--gap--3);letter-spacing:.06em;text-transform:uppercase;inline-size:min(100%,30rem);font-size:.75rem;display:grid}.arcade__credit-list div{align-items:baseline;gap:var(--gap--2);flex-wrap:wrap;display:flex}.arcade__credit-list div:after{border-block-end:2px dotted var(--color--line);content:"";flex:1;order:1}.arcade__credit-list dt{color:var(--color--stone-light)}.arcade__credit-list dd{color:var(--color--paper);order:2}.arcade__thanks{color:var(--color--dot);letter-spacing:.08em;text-transform:uppercase;margin-block-start:var(--gap--4)}@media (forced-colors:active){.arcade__link-name:after{color:linktext}}.cabinet{--cabinet--color:var(--color--dot);border-block-end:1px solid var(--color--line);transition:background-color var(--time--fast);position:relative}.cabinet:hover,.cabinet:focus-within{background-color:color-mix(in oklab, var(--cabinet--color) 8%, transparent)}.cabinet__inner{gap:var(--gap--4) var(--gap--8);padding:var(--gap--8) var(--gap--2);grid-template-columns:auto minmax(0,1fr);display:grid}@media (width>=768px){.cabinet__inner{padding:var(--gap--10) var(--gap--4);grid-template-columns:4ch minmax(0,1fr) minmax(240px,34%);align-items:center}}.cabinet__number{color:var(--color--stone-light);font-size:var(--fs--large);transition:color var(--time--fast)}.cabinet__body{gap:var(--gap--3);display:grid}.cabinet__id{color:var(--color--stone-light);align-items:center;gap:var(--gap--2);display:flex}.cabinet__id:before{background-color:var(--cabinet--color);content:"";border-radius:50%;block-size:8px;inline-size:8px}.cabinet__name{font-size:clamp(2.25rem,1.4rem + 3.4vw,5rem);font-weight:var(--fw--black);letter-spacing:-.045em;line-height:1}.cabinet__link:after{content:"";position:absolute;inset:0}.cabinet__link:focus-visible{outline:none}.cabinet__link:focus-visible:after{outline:var(--focus--width,2px) solid var(--color--selection-bg);outline-offset:-4px}.cabinet__teaser{color:var(--color--stone-light);max-inline-size:52ch}.cabinet__meta{color:var(--color--stone-light);font-family:var(--ff--code);font-size:.8125rem}.cabinet__lab{color:var(--color--stone-light);font-size:var(--fs--small);z-index:1;position:relative}.cabinet__lab a{color:var(--color--paper);text-underline-offset:3px;text-decoration:underline}.cabinet__start{color:var(--color--paper);transition:color var(--time--fast), translate var(--time--normal) var(--ease--spring);margin-block-start:var(--gap--2)}.cabinet__screen{aspect-ratio:16/9;background-color:var(--color--ink-2);box-shadow:0 0 0 1px var(--color--line);transition:box-shadow var(--time--fast);grid-column:1/-1;place-items:center;display:grid;overflow:hidden}@media (width>=768px){.cabinet__screen{grid-column:auto}}.cabinet__still,.cabinet__video{object-fit:cover;block-size:100%;inline-size:100%}.cabinet__no-signal{color:var(--color--stone-light)}.cabinet:hover .cabinet__screen,.cabinet:focus-within .cabinet__screen{box-shadow:0 0 0 1px var(--cabinet--color)}.cabinet:hover .cabinet__number,.cabinet:focus-within .cabinet__number{color:var(--color--paper)}.cabinet:hover .cabinet__start,.cabinet:focus-within .cabinet__start{translate:var(--gap--1) 0}.cabinet[data-status=development]{background-image:repeating-linear-gradient(-45deg,#0000 0 12px,#f6f4ef08 12px 24px)}.cabinet[data-status=development] .cabinet__still,.cabinet[data-status=development] .cabinet__video{filter:grayscale()contrast(1.1)brightness(.85)}.cabinet:not(:has(.cabinet__link)) .cabinet__start{color:var(--color--stone-light);translate:none}.cabinet--next{gap:var(--gap--2);padding:var(--gap--8) var(--gap--2);display:grid}@media (width>=768px){.cabinet--next{padding:var(--gap--10) var(--gap--4) var(--gap--10) calc(4ch + var(--gap--12))}}.cabinet--next:hover{background-color:#0000}.cabinet--next .cabinet__id:before{box-shadow:inset 0 0 0 1px var(--color--stone-light);background-color:#0000}@media (forced-colors:active){.cabinet__id:before{background-color:canvastext}}.logo-toy{color:var(--color--paper);inline-size:min(100%,36rem);position:relative}.logo-toy__svg{aspect-ratio:616.2/312.67;fill:currentColor;inline-size:100%;display:block;overflow:visible}.logo-toy__letter{transform-box:fill-box;transform-origin:50% 100%;transition:transform var(--time--fast)}.logo-toy__dot{fill:var(--color--dot);stroke:var(--color--dot);stroke-width:0;transition:fill-opacity var(--time--fast), stroke-width var(--time--fast)}.logo-toy[data-live] .logo-toy__dot{fill-opacity:0}.logo-toy[data-out] .logo-toy__dot{stroke-dasharray:6 8;stroke-width:3px}.logo-toy__ball{aspect-ratio:1;background-color:var(--color--dot);cursor:grab;touch-action:none;z-index:2;border:0;border-radius:50%;inline-size:8.43882%;padding:0;position:absolute;inset-block-start:89.401%;inset-inline-start:95.7806%;transform:translate(-50%,-50%)}.logo-toy__ball:before{block-size:max(var(--gap--11), 220%);content:"";inline-size:max(var(--gap--11), 220%);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.logo-toy__ball:active{cursor:grabbing}.logo-toy__ball:focus-visible{outline:var(--focus--width,2px) solid var(--color--paper);outline-offset:4px}.logo-toy__ball[hidden]{display:none}.logo-toy__hint{color:var(--color--stone-light);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;position:absolute;inset-block-start:calc(100% + var(--gap--2));inset-inline-end:0}.logo-toy__hint:before{color:var(--color--dot);content:"↑ "}.logo-toy__hint[hidden]{display:none}@media (hover:hover) and (prefers-reduced-motion:no-preference){.logo-toy__letter:hover{transform:rotate(-5deg)translateY(-4%)}}@media (forced-colors:active){.logo-toy__dot{fill:canvastext;stroke:canvastext}.logo-toy__ball{background-color:canvastext}}.machine{--machine--body:color-mix(in oklab, var(--color--ink) 96%, var(--color--paper));--machine--panel:color-mix(in oklab, var(--color--ink) 93%, var(--color--paper));--machine--deep:color-mix(in oklab, var(--color--ink) 55%, black);--machine--glass:color-mix(in oklab, var(--color--ink) 35%, black);--machine--edge:#f6f4ef24;--machine--glow:color-mix(in oklab, var(--color--dot) 25%, transparent);--machine--phosphor:var(--color--paper);--machine--stick-size:6rem;--machine--button-size:3.25rem;background:linear-gradient(180deg, #f6f4ef0d, transparent 30%), var(--machine--body);border-radius:var(--br--normal) var(--br--normal) var(--br--small) var(--br--small);box-shadow:inset 0 0 0 1px var(--machine--edge), 0 40px 80px -40px #000c, 0 0 0 6px var(--color--ink), 0 0 0 7px var(--machine--edge);gap:var(--gap--5);inline-size:100%;min-inline-size:0;max-inline-size:64rem;padding:var(--gap--3);justify-self:center;margin-block-start:var(--gap--10);display:grid;position:relative}@media (width>=768px){.machine{gap:var(--gap--5);padding:var(--gap--5);margin-block-start:var(--gap--8)}}.machine__marquee{background:radial-gradient(120% 140% at 20% 0%, var(--machine--glow), transparent 60%), linear-gradient(180deg, var(--color--ink-2), var(--machine--body));border-radius:var(--br--small);box-shadow:inset 0 0 0 1px var(--machine--edge), inset 0 -12px 24px -12px #000c;align-items:center;gap:var(--gap--4);padding:var(--gap--5) var(--gap--4) var(--gap--6);grid-template-columns:minmax(0,7rem) minmax(0,1fr);display:grid}@media (width>=768px){.machine__marquee{gap:var(--gap--10);padding:var(--gap--6) var(--gap--10) var(--gap--8);grid-template-columns:minmax(0,16rem) minmax(0,1fr)}}.machine__marquee .logo-toy{filter:drop-shadow(0 0 18px #f6f4ef40);inline-size:min(100%,22rem)}.machine__tagline{gap:var(--gap--3);display:grid}.machine__title{font-size:clamp(1.125rem,.65rem + 2vw,2.5rem);font-weight:var(--fw--black);letter-spacing:-.035em;max-inline-size:22ch;line-height:1.1}.machine__intro{color:var(--color--stone-light);font-size:var(--fs--small);max-inline-size:44ch}.machine__bezel{background-color:var(--machine--deep);border-radius:var(--br--normal);box-shadow:inset 0 0 0 1px var(--machine--edge), inset 0 0 40px #000000e6;padding:var(--gap--3)}@media (width>=768px){.machine__bezel{padding:var(--gap--4)}}.machine__screen{--machine--color:var(--color--dot);background-color:var(--machine--glass);color:var(--machine--phosphor);cursor:pointer;isolation:isolate;padding:0 var(--gap--4) var(--gap--4);text-shadow:0 0 6px color-mix(in oklab, var(--machine--color) 60%, transparent);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:18px/14px;align-content:start;display:grid;position:relative;overflow:hidden}@media (width>=768px){.machine__screen{aspect-ratio:16/9;padding:var(--gap--8);grid-template-rows:auto 1fr auto auto;align-content:stretch}}.machine__screen:after{border-radius:inherit;content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(#0000 0 2px,#00000047 2px 3px),radial-gradient(120% 100%,#0000 60%,#000000b3 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 60px #0009}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.machine__screen{text-shadow:none}.machine__screen:after{background:0 0}}.machine__picture{aspect-ratio:16/9;margin-block-end:calc(var(--gap--10) * -1);margin-inline:calc(var(--gap--4) * -1);z-index:-1;position:relative}@media (width>=768px){.machine__picture{aspect-ratio:auto;margin:0;position:absolute;inset:0}}.machine__picture:after{content:"";background:linear-gradient(#0505078c 0%,#0505071a 30%,#05050780 55%,#050507f0 100%);position:absolute;inset:0}.machine__still,.machine__video,.machine__static{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.machine__still[hidden],.machine__video[hidden],.machine__static[hidden]{display:none}.machine__static{image-rendering:pixelated;opacity:.55;z-index:1}.machine__screen[data-status=development] .machine__still,.machine__screen[data-status=development] .machine__video{filter:grayscale()contrast(1.1)brightness(.85)}.machine__osd{inset:var(--gap--3) var(--gap--4) auto;display:flex;position:absolute}@media (width>=768px){.machine__osd{position:static;inset:auto}}.machine__osd{letter-spacing:.06em;text-transform:uppercase;z-index:1;justify-content:space-between;font-size:.6875rem}.machine__badge{background-color:var(--machine--phosphor);color:var(--machine--glass);padding:0 var(--gap--2);text-shadow:none}.machine__badge[hidden]{display:none}.machine__screen[data-status=development] .machine__badge{color:var(--machine--phosphor);background-color:#0000;box-shadow:inset 0 0 0 1px}.machine__caption{align-content:end;gap:var(--gap--2);min-inline-size:0;max-inline-size:46ch;display:grid}.machine__code{color:var(--color--stone-light);align-items:center;gap:var(--gap--2);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;display:flex}.machine__code:before{background-color:var(--machine--color);block-size:8px;box-shadow:0 0 8px var(--machine--color);content:"";border-radius:50%;inline-size:8px}.machine__name{font-size:clamp(2rem,1.2rem + 4vw,4.5rem);font-weight:var(--fw--black);letter-spacing:-.045em;text-shadow:0 0 2px color-mix(in oklab, var(--machine--color) 40%, transparent);line-height:.95}.machine__host{color:color-mix(in oklab, var(--machine--phosphor) 85%, transparent);font-family:var(--ff--code);font-size:var(--fs--small);min-block-size:3lh}.machine__host:before{color:var(--machine--color);content:"host › "}@media (width>=768px){.machine__host{font-size:var(--fs--text)}}.machine__notice{border-inline-start:2px solid var(--machine--phosphor);color:var(--machine--phosphor);font-size:var(--fs--small);padding-inline-start:var(--gap--3)}.machine__notice[hidden]{display:none}.machine__prompt{color:var(--color--stone-light);letter-spacing:.04em;overflow-wrap:anywhere;align-items:center;margin-block-start:var(--gap--4);font-size:.6875rem;display:flex;overflow:hidden}.machine__prompt>span:first-child{min-inline-size:0}.machine__caret{background-color:var(--machine--color);flex:none;block-size:1em;inline-size:.55em;margin-inline-start:.35em;animation:1.1s step-end 3 blink;display:inline-block}.machine__start{color:var(--machine--color);letter-spacing:.08em;text-transform:uppercase;margin-block-start:var(--gap--2);font-size:.875rem}.machine__screen[data-status=development] .machine__start{color:var(--color--stone-light)}.machine__boot{background-color:var(--machine--glass);color:var(--machine--phosphor);padding:var(--gap--6);white-space:pre-wrap;z-index:2;margin:0;font-size:.75rem;line-height:1.6;position:absolute;inset:0}.machine__boot[hidden]{display:none}@media (width>=768px){.machine__boot{padding:var(--gap--10);font-size:.875rem}}.machine__panel{background:linear-gradient(180deg, #f6f4ef0f, transparent 40%), var(--machine--panel);border-radius:var(--br--small);box-shadow:inset 0 0 0 1px var(--machine--edge), inset 0 8px 16px -8px #000c;align-items:center;gap:var(--gap--8) var(--gap--4);padding:var(--gap--5) var(--gap--4) var(--gap--4);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"stick buttons""coin coin";display:grid}@media (width>=768px){.machine__panel{padding:var(--gap--4) var(--gap--10);grid-template-columns:auto auto 1fr;grid-template-areas:"stick buttons coin"}}.machine__stick{background:radial-gradient(circle at 50% 50%, var(--color--ink-2) 0 55%, var(--machine--deep) 56% 100%);block-size:var(--machine--stick-size);box-shadow:inset 0 0 0 1px var(--machine--edge), inset 0 4px 10px #000c;inline-size:var(--machine--stick-size);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;grid-area:stick;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.machine__stick-button{block-size:100%;color:var(--color--stone-light);cursor:pointer;font-family:var(--ff--pixel);touch-action:none;z-index:1;background:0 0;border:0;font-size:.75rem;position:relative}.machine__stick-button--prev{border-radius:56px 0 0 56px}.machine__stick-button--prev:before{content:"◀";inset-inline-start:6px}.machine__stick-button--next{border-radius:0 56px 56px 0}.machine__stick-button--next:before{content:"▶";inset-inline-end:6px}.machine__stick-button:before{position:absolute;inset-block-start:50%;translate:0 -50%}.machine__stick-button:hover{color:var(--color--paper)}.machine__stick-button:focus-visible{outline:var(--focus--width,2px) solid var(--color--paper);outline-offset:-2px}.machine__knob{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--color--red) 55%, white), var(--color--red) 45%, color-mix(in oklab, var(--color--red) 50%, black) 100%);pointer-events:none;block-size:44px;inline-size:44px;transition:translate var(--time--fast) var(--ease--spring);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;box-shadow:0 6px 10px #0009}.machine__stick[data-tilt=prev] .machine__knob{translate:calc(-50% - 14px) -50%}.machine__stick[data-tilt=next] .machine__knob{translate:calc(14px - 50%) -50%}.machine__buttons{gap:var(--gap--5);grid-area:buttons;justify-content:end;display:flex}@media (width>=768px){.machine__buttons{justify-content:start;padding-inline-start:var(--gap--6)}}.machine__button{--machine--button:var(--color--dot);background:radial-gradient(circle at 50% 35%, color-mix(in oklab, var(--machine--button) 70%, white), var(--machine--button) 55%, color-mix(in oklab, var(--machine--button) 60%, black));block-size:var(--machine--button-size);box-shadow:0 0 0 5px var(--machine--deep), 0 0 0 6px var(--machine--edge), 0 6px 0 5px var(--machine--glass);color:var(--color--ink);cursor:pointer;inline-size:var(--machine--button-size);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;flex:none;padding:0;font-size:.875rem;transition:translate 80ms,box-shadow 80ms;position:relative}.machine__button--b{--machine--button:var(--color--yellow)}.machine__button:active{box-shadow:0 0 0 5px var(--machine--deep), 0 0 0 6px var(--machine--edge), 0 2px 0 5px var(--machine--glass);translate:0 4px}.machine__button:focus-visible{outline:var(--focus--width,2px) solid var(--color--paper);outline-offset:10px}.machine__button[data-playable=false]{--machine--button:var(--color--stone-light)}.machine__coin{border-block-start:1px solid var(--machine--edge);align-items:center;gap:var(--gap--4);min-inline-size:0;flex-wrap:wrap;grid-area:coin;justify-content:center;padding-block-start:var(--gap--4);display:flex;position:relative}@media (width>=768px){.machine__coin{justify-content:end}}.machine__slot{background:linear-gradient(90deg, transparent 44%, var(--machine--glass) 44% 56%, transparent 56%), linear-gradient(180deg, var(--color--ink-2), var(--machine--body));block-size:64px;box-shadow:inset 0 0 0 1px var(--machine--edge), 0 0 18px var(--machine--glow);border-radius:6px;inline-size:44px;display:block;position:relative}.machine__slot:before{border-inline:6px solid #0000;border-block-start:7px solid var(--color--dot);content:"";filter:drop-shadow(0 0 4px var(--color--dot));position:absolute;inset-block-start:6px;inset-inline-start:50%;translate:-50%}.machine__credit{color:var(--color--dot);letter-spacing:.08em;text-shadow:0 0 8px var(--machine--glow);text-transform:uppercase;flex:auto;font-size:.75rem}.machine__help{color:var(--color--stone-light);letter-spacing:.04em;text-align:center;text-transform:uppercase;font-size:.6875rem}@media (pointer:coarse){.machine__help-keys{display:none}}.machine__selector{gap:var(--gap--2);flex-wrap:wrap;justify-content:center;display:flex}.machine__choice{background:var(--machine--deep);border:1px solid var(--machine--edge);border-radius:var(--br--small);color:var(--color--stone-light);cursor:pointer;touch-action:manipulation;min-block-size:2.75rem;min-inline-size:2.75rem;font-size:.6875rem}.machine__choice[aria-pressed=true]{background:var(--color--dot);color:var(--color--ink)}.machine__choice:focus-visible{outline:2px solid var(--color--paper);outline-offset:var(--gap--1)}.machine__control-label{color:var(--color--paper);letter-spacing:.04em;pointer-events:none;text-transform:uppercase;white-space:nowrap;font-size:.5625rem;position:absolute;inset-block-start:calc(100% + var(--gap--3));inset-inline:50% auto;translate:-50%}.machine__stick>.machine__control-label{inset-block-start:calc(100% + var(--gap--1))}.machine__stick[data-held] .machine__knob{translate:calc(-50% + var(--machine--stick-x,0px)) calc(-50% + var(--machine--stick-y,0px));transition:none}.machine__insert{border:1px solid var(--machine--edge);border-radius:var(--br--small);color:var(--color--paper);cursor:pointer;align-items:center;gap:var(--gap--2);min-block-size:3rem;padding:var(--gap--2) var(--gap--3);touch-action:manipulation;background:0 0;font-size:.625rem;display:flex}.machine__insert:active{background:var(--machine--deep)}.machine__insert:focus-visible{outline:2px solid var(--color--paper);outline-offset:var(--gap--1)}.machine__token{aspect-ratio:1;background:var(--color--yellow);border:2px solid var(--color--dot);color:var(--color--ink);font-family:var(--ff--code);font-weight:var(--fw--black);border-radius:50%;place-items:center;inline-size:1.5rem;display:grid}.machine__coins{pointer-events:none;z-index:4;block-size:100%;inline-size:100%;position:absolute;inset:0}.machine[data-credit] .machine__slot{box-shadow:inset 0 0 0 2px var(--color--yellow), 0 0 18px var(--machine--glow)}.machine__base{align-items:center;gap:var(--gap--4);padding:0 var(--gap--3) var(--gap--2);justify-content:space-between;display:flex}.machine__speaker{background:repeating-linear-gradient(180deg, var(--machine--deep) 0 2px, transparent 2px 6px);border-radius:var(--br--small);flex:0 0 4rem;block-size:2rem}.machine__serial{color:var(--color--stone-light);text-align:end;max-inline-size:24ch;font-size:.5rem;line-height:1.8}@media (width>=768px){.machine{--machine--button-size:4rem;--machine--stick-size:7rem}.machine__coin{border:0;padding:0}}.machine:not([data-live]) .machine__panel,.machine:not([data-live]) .machine__selector,.machine:not([data-live]) .machine__help{display:none}@media (forced-colors:active){.machine__screen,.machine__marquee,.machine__panel{border:1px solid canvastext}.machine__button,.machine__knob,.machine__code:before,.machine__caret{background:canvastext}.machine__insert,.machine__choice{border:1px solid buttontext}.machine__choice[aria-pressed=true]{border:3px solid highlight}.machine__token{color:buttontext;background:buttonface;border-color:buttontext}}.button{--bg:var(--color--primary-bg);--text:var(--color--primary-text);--pad-block:var(--gap--4);--pad-inline:var(--gap--7);--shadow:var(--color--dot);background-color:var(--bg);border-radius:var(--br--button);color:var(--text);font-size:inherit;font-weight:var(--fw--medium);align-items:center;gap:var(--gap--2);letter-spacing:-.01em;padding:var(--pad-block) var(--pad-inline);transition:box-shadow var(--time--normal) var(--ease--out), scale var(--time--fast) var(--ease--out), translate var(--time--normal) var(--ease--spring);white-space:nowrap;border:0;display:inline-flex}.button:hover{box-shadow:3px 3px 0 0 var(--shadow);translate:-2px -2px}.button:active{box-shadow:0 0 0 0 var(--shadow);translate:0;scale:.98}.button__arrow{transition:translate var(--time--normal) var(--ease--spring)}.button:hover .button__arrow{translate:2px -2px}.button--small{--pad-block:var(--gap--2);--pad-inline:var(--gap--4);font-size:var(--fs--small)}.button--ghost{--bg:transparent;--text:var(--color--text);box-shadow:inset 0 0 0 1px var(--color--line)}.button--ghost:hover{box-shadow:inset 0 0 0 1px var(--color--line), 3px 3px 0 0 var(--shadow)}.button--dark{--bg:var(--color--ink);--text:var(--color--paper);--shadow:var(--color--paper)}@media (forced-colors:active){.button{border:1px solid buttontext}.button:hover{box-shadow:none}}.footer{background-color:var(--color--ink);border-block-start:1px solid var(--color--line);color:var(--color--stone-light);font-size:var(--fs--small);align-items:start;gap:var(--gap--6);padding:var(--gap--8) var(--gap--side);grid-template-columns:auto 1fr;display:grid}.footer__logo{color:var(--color--paper);inline-size:52px}.footer__legal{gap:var(--gap--1);justify-items:start;font-style:normal;display:grid}.footer__link{transition:color var(--time--fast)}.footer__link:hover{color:var(--color--paper)}@media (width>=768px){.footer{align-items:center;gap:var(--gap--6);display:flex}.footer__legal{gap:var(--gap--1) var(--gap--3);flex-wrap:wrap;display:flex}.footer__legal>*+:before{content:"·";opacity:.5;margin-inline-end:var(--gap--3)}}@media (prefers-contrast:more){.footer__link{text-underline-offset:3px;text-decoration:underline}}.logo{display:block}.logo__svg{aspect-ratio:616.2/312.67;fill:currentColor;inline-size:100%}