.site-nav{top:var(--nav-offset);z-index:var(--z-chrome);padding-inline:var(--gutter);pointer-events:none;justify-content:center;display:flex;position:fixed;left:0;right:0}.site-nav__pill{--glass-radius:var(--radius-chip);align-items:center;gap:var(--space-3);min-height:var(--nav-height);color:var(--color-text);pointer-events:auto;padding:.375rem .375rem .375rem .9rem;display:flex}.site-nav__logo{width:2rem;height:2rem;color:var(--color-text);transition:color var(--duration-fast);place-items:center;display:grid}.site-nav__logo:hover{color:var(--color-accent)}.site-nav__logo svg{width:1.6rem;height:auto}.site-nav__status{min-width:13.5em;padding-inline:var(--space-2);color:var(--color-text-dim);white-space:nowrap}.site-nav__board{margin-right:var(--space-2);grid-template-columns:repeat(3,6px);gap:2px;display:grid}.site-nav__cell{background:var(--color-line-strong);width:6px;height:6px;transition:background-color var(--duration-fast) var(--steps-pixel)}.site-nav__cell[data-mark=X]{background:var(--color-accent)}.site-nav__cell[data-mark=O]{box-shadow:inset 0 0 0 1.5px var(--color-text);background:0 0}.site-nav__cta{min-height:2.5rem;padding-inline:1.1rem;font-size:.9375rem;font-weight:600}.site-hud{left:var(--gutter);right:var(--gutter);z-index:var(--z-chrome);pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:fixed;bottom:clamp(.9rem,2.4svh,1.5rem)}.site-hud__chip{color:var(--color-text-dim);pointer-events:auto;transition:opacity var(--duration-normal) var(--ease-out-expo), visibility 0s, color var(--duration-fast);align-items:center;gap:1.4em;margin:0;padding:.5rem .85rem .42rem;text-decoration:none;display:inline-flex}.site-hud__home:hover{color:var(--color-text)}.site-hud__clock{gap:.6em;display:inline-flex}.site-hud__clock abbr{color:var(--color-text-faint);text-decoration:none}.site-hud__clock time{font-variant-numeric:tabular-nums}html[data-chrome=paper] .site-nav__pill{--color-text:var(--ink-900);--color-text-dim:#120d09ad;--color-text-faint:#120d099c;--color-line-strong:#120d0942;--color-accent:var(--amber-450);--color-on-accent:var(--enamel-100);--color-focus:var(--amber-500);--glass-tint:#ffffff80;--glass-tint-strong:#ffffffa8;--glass-edge:#ffffffe6;--glass-edge-soft:#120d091a;--glass-solid:#fbf6eaf5}html[data-chrome-hud=off] .site-hud__chip{opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out-expo), visibility 0s var(--duration-normal)}@media (width<=899px){.site-nav__status{display:none}.site-nav__pill{gap:var(--space-2);padding-left:.7rem}.site-nav__board{margin-inline:var(--space-1) var(--space-2)}.site-hud{display:none}}:where(.play-board){--play-board-size:min(82vw, 30rem);width:min(var(--play-board-size), 100%);margin-inline:auto}.play-board{text-align:center;justify-items:center;display:grid}.play-board__surface{--play-cols:328fr 415fr 76fr 402fr 75fr 420fr 332fr;--play-rows:326fr 418fr 74fr 401fr 76fr 405fr 348fr;--play-tile:calc(372 / 2048 * 1.08 * 100cqw);--play-umber:20 8 0;--play-shadow-seated:drop-shadow(-.29cqw .49cqw .88cqw rgb(var(--play-umber) / .55));--play-shadow-lifted:drop-shadow(1.5cqw 2.5cqw 2.2cqw rgb(var(--play-umber) / .22));--play-ghost:.36;--play-feather:transparent 0%, #00000005 1.2%, #00000014 2.6%, #0003 4.2%, #00000061 5.9%, #00000094 7.6%, #000000c2 9.3%, #000000e6 11%, #000000f7 12.6%, #000 14.2%, #000 85.8%, #000000f7 87.4%, #000000e6 89%, #000000c2 90.7%, #00000094 92.4%, #00000061 94.1%, #0003 95.8%, #00000014 97.4%, #00000005 98.8%, transparent 100%;aspect-ratio:1;forced-color-adjust:none;width:100%;mask-image:linear-gradient(to right, var(--play-feather)), linear-gradient(to bottom, var(--play-feather)), radial-gradient(circle closest-side, #000 100%, #000000ed 106%, #000000c7 112%, #0000008f 118%, #00000054 124%, #00000024 130%, #00000008 135%, transparent 139%);direction:ltr;position:relative;mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect;container-type:inline-size}@media (orientation:landscape) and (height<=34rem){.play-board__surface{width:min(100%,68svh)}}.play-board__surface:after{content:"";background:radial-gradient(circle farthest-corner at 50% 47%, transparent 30%, color-mix(in srgb, var(--ink-950) 10%, transparent) 55%, color-mix(in srgb, var(--ink-950) 30%, transparent) 80%, color-mix(in srgb, var(--ink-950) 50%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.play-board__surface img{pointer-events:none;-webkit-touch-callout:none}.play-board__surface img[data-failed]{visibility:hidden}.play-board__table{border-radius:8%;position:absolute;inset:0;overflow:clip}.play-board__photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.play-board__plate{grid-template-columns:var(--play-cols);grid-template-rows:var(--play-rows);background:var(--walnut-600);display:grid;position:absolute;inset:0}.play-board__plate:before{content:"";background:var(--honey-300);border-radius:1.2cqw;grid-area:2/2/7/7;margin:-4.88281cqw}.play-board__well{background:var(--amber-500);box-shadow:inset 0 .7cqw .9cqw rgb(var(--play-umber) / .45)}.play-board__grid{grid-template-columns:var(--play-cols);grid-template-rows:var(--play-rows);isolation:isolate;display:grid;position:absolute;inset:0}:is(.play-cell,.play-board__well):nth-child(3n+1){grid-column:2}:is(.play-cell,.play-board__well):nth-child(3n+2){grid-column:4}:is(.play-cell,.play-board__well):nth-child(3n){grid-column:6}:is(.play-cell,.play-board__well):nth-child(-n+3){grid-row:2}:is(.play-cell,.play-board__well):nth-child(n+4):nth-child(-n+6){grid-row:4}:is(.play-cell,.play-board__well):nth-child(n+7){grid-row:6}.play-cell{appearance:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6%;min-width:0;min-height:0;margin:0;padding:0;position:relative}.play-cell[aria-disabled=true]{cursor:default}.play-cell.is-latest{z-index:2}.play-cell:first-child{--play-rest:-1.5deg}.play-cell:nth-child(2){--play-rest:2deg}.play-cell:nth-child(3){--play-rest:6deg}.play-cell:nth-child(4){--play-rest:-2.5deg}.play-cell:nth-child(5){--play-rest:1deg}.play-cell:nth-child(6){--play-rest:1.5deg}.play-cell:nth-child(7){--play-rest:-3deg}.play-cell:nth-child(8){--play-rest:4deg}.play-cell:nth-child(9){--play-rest:2.5deg}.play-cell:nth-child(odd){--play-spin:-3.5deg}.play-cell:nth-child(2n){--play-spin:3.5deg}.play-cell:before{content:"";width:var(--play-tile);aspect-ratio:1;translate:-50% -50%;rotate:var(--play-rest);opacity:0;transition:opacity var(--duration-fast) linear, transform var(--duration-normal) var(--ease-out-expo);pointer-events:none;background:50%/100% 100% no-repeat;position:absolute;top:50%;left:50%;transform:scale(1.07)}.play-board[data-armed] .play-cell:before{background-image:url(/media/stage/tile-x.webp)}@media (hover:hover) and (pointer:fine){.play-board[data-status=human-turn] .play-cell:not([aria-disabled=true]):hover:before{opacity:var(--play-ghost);transform:none}}.play-board[data-status=human-turn] .play-cell:not([aria-disabled=true]):focus-visible:before{opacity:var(--play-ghost);transform:none}.play-cell:focus-visible{outline:none}.play-cell:after{content:"";z-index:3;border:max(2px, .5cqw) solid var(--enamel-100);box-shadow:0 0 0 max(2px, .42cqw) var(--ink-950), inset 0 0 0 max(1px, .25cqw) var(--ink-950);opacity:0;pointer-events:none;border-radius:9%;position:absolute;inset:3%}.play-cell:focus-visible:after{opacity:1}@media (prefers-contrast:more){.play-board__surface{--play-ghost:.62}}@media (prefers-reduced-motion:reduce){.play-cell:before{transform:none;transition:none!important}}.play-tile{z-index:1;width:var(--play-tile);aspect-ratio:1;filter:var(--play-shadow-seated);pointer-events:none;animation:play-drop .52s var(--ease-spring) both, play-appear 50ms linear both;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.play-tile__body{rotate:var(--play-rest);transition:filter var(--duration-slow) var(--ease-out-expo) .26s;display:block;position:absolute;inset:0}.play-tile__plate,.play-tile__photo{width:100%;height:100%;position:absolute;inset:0}.play-tile__plate{fill:var(--amber-400);stroke:var(--walnut-600);stroke-width:1.5px}.play-tile__plate :is(path,circle){fill:none;stroke:var(--enamel-100);stroke-width:11.5px}@keyframes play-drop{0%{transform:scale(1.25) rotate(var(--play-spin));filter:var(--play-shadow-lifted)}to{filter:var(--play-shadow-seated);transform:scale(1)rotate(0)}}@keyframes play-appear{0%{opacity:0}}.play-tile.is-leaving{animation:play-lift .24s var(--ease-in-out) both;animation-delay:calc(var(--play-order,0) * 26ms)}@keyframes play-lift{to{filter:var(--play-shadow-lifted);opacity:0;transform:scale(1.14)}}.play-board:is([data-status=won],[data-status=lost]) .play-cell:not(.is-winning) .play-tile__body{filter:brightness(.78)saturate(.9)}.play-board__strikes{grid-template-columns:var(--play-cols);grid-template-rows:var(--play-rows);pointer-events:none;display:grid;position:absolute;inset:0}.play-strike{--play-reach:91cqw;--play-span:calc(1388 / 2048 * var(--play-reach));--play-angle:0deg;min-width:0;min-height:0;filter:drop-shadow(-.04cqw .1cqw .08cqw rgb(var(--play-umber) / .45));position:relative}.play-strike[data-line="0"]{grid-area:2/2/3/7}.play-strike[data-line="1"]{grid-area:4/2/5/7}.play-strike[data-line="2"]{grid-area:6/2/7/7}.play-strike[data-line="3"]{grid-area:2/2/7/3}.play-strike[data-line="4"]{grid-area:2/4/7/5}.play-strike[data-line="5"]{grid-area:2/6/7/7}.play-strike:is([data-line="3"],[data-line="4"],[data-line="5"]){--play-span:calc(1374 / 2048 * var(--play-reach));--play-angle:90deg}.play-strike[data-line="6"]{--play-angle:44.71deg}.play-strike[data-line="7"]{--play-angle:135.29deg}.play-strike:is([data-line="6"],[data-line="7"]){--play-span:calc(1953 / 2048 * var(--play-reach));grid-area:2/2/7/7}.play-strike__paint{width:var(--play-span);max-width:none;height:5.2cqw;translate:-50% -50%;rotate:var(--play-angle);fill:var(--enamel-100);opacity:.93;animation:play-stroke .44s var(--ease-in-out) both;animation-delay:calc(.28s + var(--play-order,0) * .16s);display:block;position:absolute;top:50%;left:50%;overflow:visible}.play-strike__grain{fill:color-mix(in srgb, var(--amber-500) 34%, transparent)}@keyframes play-stroke{0%{clip-path:inset(-40% 101% -40% -1%)}to{clip-path:inset(-40% -1%)}}.play-strike.is-leaving{animation:.16s linear both play-fade}@keyframes play-fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.play-tile,.play-tile.is-leaving,.play-strike__paint,.play-strike.is-leaving{animation:none!important}.play-tile__body{transition:none!important}}.play-board__status{max-width:100%;min-height:calc(2lh + 1px);color:var(--color-text-dim);text-wrap:balance;margin:-1.5% 0 0;font-size:clamp(.9375rem,.86rem + .4vw,1.125rem);line-height:1.4}.play-board:is([data-status=won],[data-status=lost],[data-status=draw]) .play-board__status{color:var(--color-text)}.play-board__heard{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.play-board__lamp{vertical-align:.16em;background:var(--color-accent);width:5px;height:5px;margin-right:.7em;display:inline-block}.play-board[data-status=engine-turn] .play-board__lamp{animation:.64s steps(2,jump-none) infinite play-blink}.play-board:is([data-status=won],[data-status=lost],[data-status=draw]) .play-board__lamp{background:var(--color-text)}@keyframes play-blink{to{opacity:.12}}.play-board__actions{min-height:2.75rem;margin-top:var(--space-4);visibility:hidden;place-items:center;display:grid;transform:translateY(.5rem)}.play-board:is([data-status=won],[data-status=lost],[data-status=draw]) .play-board__actions{visibility:visible;transition:transform var(--duration-slow) var(--ease-spring) .32s;transform:none}.play-board:is([data-status=won],[data-status=lost],[data-status=draw]) .play-board__again{animation:play-again-in var(--duration-normal) var(--ease-out-expo) .32s backwards}@keyframes play-again-in{0%{opacity:0}}.play-board .play-board__actions:focus-within{transition-delay:0s}.play-board .play-board__actions:focus-within .play-board__again{animation-delay:0s}.play-board__again:not(.glass-button){border:1px solid var(--glass-edge);border-radius:var(--radius-chip);background:var(--glass-tint-strong);min-height:2.75rem;color:var(--color-text);letter-spacing:-.01em;touch-action:manipulation;transition:transform var(--duration-normal) var(--ease-spring);padding:.5rem 1.375rem;font-size:.9375rem;font-weight:600;line-height:1.2}@media (hover:hover) and (pointer:fine){.play-board__again:not(.glass-button):hover{filter:brightness(1.3);transform:translateY(-1px)}}.play-board__again:not(.glass-button):active{filter:none;transform:translateY(1px)scale(.985)}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.play-board__again:not(.glass-button){border-color:var(--color-line-strong);background:var(--glass-solid)}}@media (prefers-reduced-motion:reduce){.play-board__lamp{animation:none!important}.play-board__actions,.play-board__again:not(.glass-button){transition:none!important}.play-board .play-board__again{animation:none}.play-board__again:not(.glass-button):is(:hover,:active){transform:none}}.your-move{padding-block:var(--space-section);background:radial-gradient(60% 55% at 74% 46%, #a8622429, transparent 70%), var(--color-bg)}.your-move__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-areas:"intro board""contact board";align-items:center;column-gap:clamp(2rem,6vw,6rem);display:grid}.your-move__intro{align-self:end;justify-items:start;gap:var(--space-5);grid-area:intro;display:grid}.your-move__title{font-size:min(var(--text-hero), 9rem)}.your-move__contact{align-self:start;justify-items:start;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-line);grid-area:contact;width:100%;display:grid}.your-move__mail{overflow-wrap:anywhere;font-size:clamp(1rem,.9rem + .5vw,1.25rem);font-weight:600}.your-move__links{gap:var(--space-3) var(--space-6);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.your-move__links a{color:var(--color-text-dim);border-bottom:1px solid var(--color-line-strong);transition:color var(--duration-fast), border-color var(--duration-fast);padding-block:.6em;text-decoration:none}.your-move__links a:hover{color:var(--color-text);border-color:var(--color-accent)}.your-move__board{grid-area:board;justify-items:center;display:grid}@media (width<=899px){.your-move__grid{row-gap:var(--space-7);grid-template-columns:1fr;grid-template-areas:"intro""board""contact"}.your-move__contact{margin-top:0}}.principles{padding-block:var(--space-section) calc(var(--space-section) * .6)}.principles__head{justify-items:start;gap:var(--space-5);margin-bottom:clamp(2.5rem,6vw,5rem);display:grid}.principles__title{display:grid}.stack{perspective:1400px;gap:clamp(1.25rem,3svh,2.5rem);display:grid}.stack__item{top:calc(var(--nav-height) + var(--nav-offset) * 2 + .75rem + var(--i) * .85rem);transform-origin:50% 0;transform:rotateX(calc(var(--cover,0) * -11deg)) scale(calc(1 - var(--cover,0) * .06));filter:brightness(calc(1 - var(--cover,0) * .22));will-change:transform;position:sticky}.pcard{border-radius:var(--radius-xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;min-height:min(68svh,35rem);display:grid;overflow:clip;box-shadow:0 30px 60px -34px #3a22128c}.pcard__art{place-items:center;padding:clamp(1.5rem,4vw,3.5rem);display:grid}.pcard__sprite{--sprite:min(100%, 17rem);--px:calc(var(--sprite-px,17rem) / 32);width:var(--sprite);height:auto;image-rendering:pixelated;filter:drop-shadow(var(--px) 0 0 var(--walnut-600)) drop-shadow(calc(var(--px) * -1) 0 0 var(--walnut-600)) drop-shadow(0 var(--px) 0 var(--walnut-600)) drop-shadow(0 calc(var(--px) * -1) 0 var(--walnut-600)) drop-shadow(0 calc(var(--px) * 2) 0 #3a221240)}.pcard__tile{filter:drop-shadow(0 26px 26px #00000080);width:min(100%,19rem);height:auto}.pcard__video{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-tile);width:min(100%,21rem);height:auto;box-shadow:0 24px 40px -22px #3a221299}.pcard__copy{align-content:center;justify-items:start;gap:var(--space-4);padding:clamp(1.75rem,4vw,4rem) clamp(1.5rem,4vw,4rem) clamp(1.75rem,4vw,4rem) 0;display:grid}.pcard__index{opacity:.7;gap:1em;display:flex}.pcard__title{font-size:clamp(2rem,1.2rem + 3.2vw,4.25rem)}.pcard__body{opacity:.82;text-wrap:pretty;max-width:31rem;font-size:clamp(1.0625rem,1rem + .4vw,1.375rem);font-weight:460;line-height:1.38}.pcard__areas{gap:var(--space-2);flex-wrap:wrap;display:flex}.pcard__areas li{border-radius:var(--radius-chip);font-size:var(--text-small);opacity:.78;border:1px solid;padding:.4em .85em;font-weight:520}.pcard__proof{align-items:baseline;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid;border-image:linear-gradient(90deg,currentColor,#0000) 1;width:100%;display:flex}.pcard__label{max-width:19rem;font-size:var(--text-small);opacity:.78;line-height:1.35}.pcard--pixel{background:var(--honey-300);color:var(--ink-950)}.pcard--pixel .pcard__art{background:linear-gradient(#3a22121a 1px,#0000 1px) 0 0/100% 14px,linear-gradient(90deg,#3a22121a 1px,#0000 1px) 0 0/14px 100%}.pcard--wood{background:radial-gradient(120% 90% at 22% 18%, #5a3419, var(--walnut-600) 62%);color:var(--enamel-100)}.pcard--glass{color:var(--ink-900);background:linear-gradient(160deg,#fffdf8,#f1e6d0);box-shadow:inset 0 0 0 1px #ffffffe6,0 30px 60px -34px #3a221273}@media (width<=899px){.pcard{grid-template-columns:1fr;min-height:0}.pcard__art{padding:var(--space-6) var(--space-6) 0}.pcard__sprite,.pcard__tile,.pcard__video{width:min(46vw,13rem)}.pcard__sprite{--sprite-px:min(46vw, 13rem)}.pcard__copy{padding:var(--space-5) var(--space-5) var(--space-6);gap:var(--space-3)}.pcard__proof{gap:var(--space-2);flex-direction:column}}@media (prefers-reduced-motion:reduce){.stack__item{filter:none;transform:none}}.site-footer{background:var(--ink-950);color:var(--color-text);border-top:1px solid var(--color-line);padding-block:clamp(4rem,9vw,8rem) clamp(2rem,4vw,3.5rem);position:relative;overflow:clip}.site-footer__grid{gap:clamp(2.5rem,6vw,5rem);display:grid;container-type:inline-size}.site-footer__home{--tile:clamp(4rem, 13cqi, 11rem);--gap:clamp(.9rem, 3cqi, 2.75rem);align-items:center;gap:var(--gap);color:var(--color-text);text-decoration:none;display:flex}.site-footer__tile{width:var(--tile);filter:drop-shadow(0 22px 24px #0009);height:auto;transition:transform var(--duration-slow) var(--ease-spring);flex:none}.site-footer__domain{font-size:calc((100cqi - var(--tile) - var(--gap)) / 5.3);letter-spacing:-.03em;white-space:nowrap;transition:color var(--duration-normal) var(--ease-out-expo);font-weight:700;font-stretch:86%;line-height:.9}.site-footer__home:hover .site-footer__tile,.site-footer__home:focus-visible .site-footer__tile{transform:rotate(-8deg)translateY(-6px)}.site-footer__home:hover .site-footer__domain,.site-footer__home:focus-visible .site-footer__domain{color:var(--color-accent)}.site-footer__meta{align-items:end;gap:var(--space-5) var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--color-line);color:var(--color-text-dim);grid-template-columns:minmax(0,5fr) minmax(0,5fr) auto;display:grid}.site-footer__owner{font-size:var(--text-small);gap:.25em;line-height:1.4;display:grid}.site-footer__owner strong{font-size:var(--text-body);color:var(--color-text);font-weight:650}.site-footer__colophon{max-width:36em;color:var(--color-text-faint);line-height:1.7}.site-footer__legal{white-space:nowrap;color:var(--color-text-faint)}@media (width<=899px){.site-footer__meta{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.site-footer__home:hover .site-footer__tile{transform:none}}.story{isolation:isolate;background:var(--ink-950);color:var(--color-text);position:relative}.story>section{z-index:var(--z-content);position:relative}.story__stage{z-index:var(--z-stage);pointer-events:none;contain:layout paint;height:100svh;margin-bottom:-100svh;position:sticky;top:0;overflow:clip}.story__canvas{opacity:0;width:100%;height:100%;transition:opacity var(--duration-slow) var(--ease-out-expo);position:absolute;inset:0}.story.is-live .story__canvas{opacity:var(--stage-opacity,1);transition:none}.story__film{left:calc(var(--board-x,50%) - var(--film-size,60vmin) / 2);top:calc(var(--board-y,50%) - var(--film-size,60vmin) / 2);width:var(--film-size,60vmin);height:var(--film-size,60vmin);opacity:var(--film-opacity,0);position:absolute;mask-image:radial-gradient(circle,#000 60%,#000c 85%,#0000 99%),linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);mask-composite:intersect}.story__poster{aspect-ratio:1;width:min(53svh,34vw);height:auto;image-rendering:pixelated;transition:opacity var(--duration-slow) var(--ease-out-expo);position:absolute;top:50%;left:72%;translate:-50% -50%}.story.is-live .story__poster{opacity:0}.hud{left:calc(var(--board-x,50%) - var(--board-size,40vmin) / 2);top:calc(var(--board-y,50%) - var(--board-size,40vmin) / 2);width:var(--board-size,40vmin);height:var(--board-size,40vmin);position:absolute}.hud__row{align-items:center;gap:var(--space-2);white-space:nowrap;margin:0;display:flex;position:absolute;inset-inline:0}.hud__row--top{justify-content:space-between;bottom:calc(100% + .9rem)}.hud__row--bottom{top:calc(100% + .9rem)}.hud__chip{color:var(--color-text-dim);animation:hud-in var(--duration-normal) var(--steps-pixel) both;transition:color var(--duration-fast) var(--steps-pixel);padding:.4rem .75rem .34rem;display:none}@keyframes hud-in{0%{opacity:0}}.hud__res{margin-left:auto}.story[data-hud=hero] :is(.hud__hint,.hud__res),.story[data-hud=game] :is(.hud__player,.hud__move,.hud__res),.story[data-hud=game][data-won=true] .hud__won,.story[data-hud=orbit] .hud__angle{display:block}.hud__player b{color:var(--color-accent);font-weight:400}.hud__player.is-turn{color:var(--color-text)}.hud__player.is-turn:after,.hud__hint:after{content:"";vertical-align:-.12em;background:var(--color-accent-strong);width:.5em;height:.95em;margin-left:.6em;animation:1.1s steps(2,jump-none) infinite hud-cursor;display:inline-block}.hud__won{color:var(--color-accent-strong)}.hud__hint-coarse{display:none}@media (pointer:coarse){.hud__hint-fine{display:none}.hud__hint-coarse{display:inline}}@keyframes hud-cursor{to{opacity:0}}.hero{min-height:100svh;padding:calc(var(--nav-height) + var(--nav-offset) + clamp(1.25rem, 5svh, 4.5rem)) var(--gutter) clamp(4.25rem, 10svh, 6.5rem);align-content:end;display:grid}.hero__copy{justify-items:start;gap:clamp(.875rem,2.6svh,1.5rem);max-width:min(47rem,50vw);display:grid}.hero__title{font-size:min(var(--text-hero), 12.2svh);display:grid}.hero__lead{max-width:min(44rem,100%);font-size:min(var(--text-lead), max(1rem, 2.9svh))}.hero__actions{align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hero__arrow{border-bottom:2px solid;border-right:2px solid;width:.5em;height:.5em;translate:0 -.12em;rotate:45deg}.hero__skip{color:var(--color-text-dim);border-bottom:1px solid var(--color-line-strong);transition:color var(--duration-fast), border-color var(--duration-fast);padding-block:.35em;text-decoration:none}.hero__skip:hover{color:var(--color-text);border-color:var(--color-accent)}@media (prefers-reduced-motion:no-preference){.hero__copy>*,.hero__title>span{animation:hero-rise .95s var(--ease-out-expo) backwards}.hero__copy>.hero__title{animation:none}.hero__title>span:first-child{animation-delay:80ms}.hero__title>span:nth-child(2){animation-delay:.2s}.hero__copy>.hero__lead{animation-delay:.36s}.hero__copy>.hero__actions{animation-delay:.46s}}@keyframes hero-rise{0%{clip-path:inset(0 0 100%);transform:translateY(1.25rem)}to{clip-path:inset(-.4em -.2em);transform:none}}.is-driven .premise{height:220svh}.premise__pin{align-content:center;justify-items:start;gap:var(--space-6);max-width:min(42rem,46vw);min-height:100svh;padding:calc(var(--nav-height) + var(--space-6)) 0 var(--space-7) var(--gutter);display:grid;position:sticky;top:0}.premise__lines{gap:.7em;font-size:min(clamp(1.75rem,1.05rem + 2.7vw,3.5rem),5.4svh);display:grid}.premise__line{letter-spacing:-.032em;text-wrap:balance;font-weight:650;font-stretch:88%;line-height:1.04}.premise__line .w{opacity:calc(.2 + .8 * var(--fill,1))}.story .chip{background:color-mix(in srgb, var(--ink-950) 62%, transparent)}.chapter{--beat-length:72svh;padding-block:var(--space-section)}.is-driven .chapter{height:calc(var(--beats) * var(--beat-length) + 100svh);margin-top:-100svh;padding-block:0}.is-driven .chapter__copy,.is-driven .premise__pin>*{transition:opacity var(--duration-normal) var(--ease-in-out)}.is-driven .chapter:not(.is-current) .chapter__copy,.is-driven .premise:not(.is-current) .premise__pin>*,.is-driven.is-leaving .chapter__copy{opacity:0}.chapter__pin{padding-inline:var(--gutter);align-items:center;display:grid}.is-driven .chapter__pin{height:100svh;position:sticky;top:0}.chapter__copy{justify-items:start;gap:var(--space-5);width:min(35rem,43vw);display:grid}.captions{gap:var(--space-7);width:100%;display:grid}.is-driven .captions{gap:0}.is-driven .caption{opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-in-out), transform var(--duration-slow) var(--ease-out-expo);grid-area:1/1;transform:translateY(1rem)}.is-driven .caption.is-active{opacity:1;pointer-events:auto;transition-delay:80ms;transform:none}.is-driven .caption.is-past{transform:translateY(-1rem)}.caption__meta{color:var(--color-text-dim);flex-wrap:wrap;align-items:center;gap:.75em;display:flex}.caption__num{color:var(--color-accent)}.caption[data-who=O] .caption__num{color:var(--color-text)}.caption__dot{background:var(--color-text-faint);width:5px;height:5px}.caption__title{margin:.45em 0 .5em;font-size:min(clamp(2rem,1.25rem + 3vw,4.125rem),8.4svh);line-height:.96}.caption__title--big{font-size:min(var(--text-h2), 11.5svh);margin-top:0;display:grid}.caption__body{max-width:30rem;font-size:min(clamp(1.0625rem,1rem + .36vw,1.3125rem),max(.9375rem,2.7svh));line-height:1.42}.caption[data-phase=pixel] .caption__title{font-family:var(--font-pixel);font-size:var(--text-pixel-l);font-synthesis:none;letter-spacing:0;text-wrap:balance;margin:.55em 0 .6em;font-weight:400;font-stretch:100%;line-height:1}@media (width<=1239px),(height<=699px){.caption[data-phase=pixel] .caption__title{font-size:2.0625rem}}@media (width>=1800px) and (height>=1000px){.caption[data-phase=pixel] .caption__title{font-size:3.4375rem}}@media (aspect-ratio<=1),(width<=599px){.story__poster{width:min(61.7vw,32svh);top:30%;left:50%}.hero{padding-bottom:clamp(3.25rem,7svh,5rem)}.hero__copy{gap:var(--space-4);max-width:none}.hero__title{font-size:min(var(--text-hero), 7.4svh)}.hero__lead{font-size:min(var(--text-lead), max(1rem, 2.5svh))}.premise__pin{max-width:none;padding:0 var(--gutter) clamp(1.5rem, 5svh, 3rem);align-content:end;gap:var(--space-4)}.premise__lines{align-content:end;min-height:34svh;font-size:min(clamp(1.375rem,.9rem + 2.6vw,2.25rem),3.3svh)}.chapter__pin{align-items:end;padding-bottom:clamp(1.25rem,4.5svh,2.75rem)}.chapter__copy{gap:var(--space-3);width:100%}.is-driven .captions{align-items:end;min-height:31svh}.caption__title{font-size:min(clamp(1.75rem,1.2rem + 3.4vw,2.75rem),4.6svh)}.caption__title--big{font-size:min(clamp(2rem,1.2rem + 4.6vw,3.25rem),5.4svh)}.caption__body{max-width:34rem;font-size:min(clamp(1rem,.95rem + .3vw,1.1875rem),max(.9375rem,2.2svh))}.caption[data-phase=pixel] .caption__title{font-size:2.0625rem}.hud__row--top{bottom:calc(100% + .6rem)}.hud__row--bottom{top:calc(100% + .6rem)}.story[data-hud=hero] .hud__chip{display:none}}@media (width<=339px),(width<=599px) and (height<=599px){.caption[data-phase=pixel] .caption__title{font-size:var(--text-pixel-m)}}@media (height<=480px){.hud__row--top{display:none}.hero{padding-top:calc(var(--nav-height) + var(--nav-offset) + .5rem);padding-bottom:1.5rem}.hero__copy{gap:.625rem}.hero__title{font-size:min(var(--text-hero), 10.5svh)}}@media (prefers-reduced-motion:reduce){.hud__chip,.hud__player.is-turn:after,.hud__hint:after{animation:none}}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#d68e3c4d 1px,#0000 1.6px);background-size:14px 14px;position:absolute;inset:0;mask-image:radial-gradient(54% 60% at 72%,#000,#0000 78%)}@media (aspect-ratio<=1),(width<=599px){.hero:before{background-size:9px 9px;mask-image:radial-gradient(70% 38% at 50% 30%,#000,#0000 80%)}}.story__defs{position:absolute}.caption[data-phase=resolve] .t-quiet{color:color-mix(in srgb, var(--color-text) 42%, var(--ink-950))}@media (prefers-reduced-motion:no-preference){.story.has-type-mosaic[data-grade="3"] .caption[data-phase=resolve].is-active .caption__title{filter:url(#px-3)}.story.has-type-mosaic[data-grade="4"] .caption[data-phase=resolve].is-active .caption__title{filter:url(#px-4)}.story.has-type-mosaic[data-grade="5"] .caption[data-phase=resolve].is-active .caption__title{filter:url(#px-5)}.story.has-type-mosaic[data-grade="6"] .caption[data-phase=resolve].is-active .caption__title{filter:url(#px-6)}.story.has-type-mosaic[data-grade="8"] .caption[data-phase=resolve].is-active .caption__title{filter:url(#px-8)}}.the-set{--set-gap:.5rem;--set-tile:38vw;--set-label:5rem;--set-cols:12;--set-sticky-top:calc(var(--nav-height,0rem) + var(--nav-offset,0rem) * 2);--set-lift:-.3125rem;--set-dim:.62;--set-stagger:32ms;--set-develop:.56s}.the-set__wrap{width:min(100% - var(--gutter) * 2, var(--content-max));margin-inline:auto}.the-set__intro{justify-items:start;gap:var(--space-5);margin-bottom:clamp(2.5rem,6vw,5rem);display:grid}.the-set__sheet{isolation:isolate}.the-set .visually-hidden{text-transform:none}.the-set__views,.the-set__mark{display:none}.the-set__row{padding-block:var(--space-4) var(--space-5);border-top:1px solid var(--color-line)}.the-set__row:last-child{padding-bottom:0}.the-set__label{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-3);color:var(--color-text);display:flex}.the-set__name{font-size:var(--text-pixel-m);letter-spacing:.01em;line-height:1.1}.the-set__count{color:var(--color-accent-strong)}.the-set__strip{margin:calc(var(--set-gap) * -1) calc(var(--gutter) * -1);padding:var(--set-gap) calc(var(--gutter) - var(--set-gap)) var(--set-gap) var(--gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;display:flex;overflow-x:auto}.the-set__strip:focus-visible{outline-offset:-2px}.the-set__cell{flex:0 0 calc(var(--set-tile) + var(--set-gap));min-width:0;scroll-snap-align:start;padding-inline-end:var(--set-gap);position:relative}.the-set__tile{position:relative;container:set-tile/inline-size}.the-set__frame{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--color-surface) var(--poster,none) center / cover no-repeat;image-rendering:pixelated;display:block;position:relative}.the-set__frame:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-line);pointer-events:none;position:absolute;inset:0}.the-set__photo{object-fit:cover;border-radius:inherit;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}@supports (corner-shape:squircle){.the-set__frame{corner-shape:squircle}.the-set__frame:after,.the-set__photo{corner-shape:inherit}}.js .the-set__photo{opacity:0;transition:opacity var(--set-develop) var(--steps-pixel);transition-delay:calc((var(--v,1) - 1) * var(--set-stagger))}.js .the-set__row.is-inview .the-set__photo.is-loaded{opacity:1}.js .the-set__row.is-settled .the-set__photo{transition-delay:0s}.the-set__caption{color:var(--color-text-dim);margin-top:.4375rem}.the-set__cap-id{color:var(--color-text);display:block}.the-set__cap-dot--lead{display:none}@container set-tile (width<=5.75rem){.the-set__cap-id,.the-set__cap-dot{display:none}.the-set__cap-az,.the-set__cap-el{display:block}}.the-set__legend{gap:var(--space-1) 1.5em;margin:var(--space-5) 0 0;padding-top:var(--space-3);border-top:1px solid var(--color-line);color:var(--color-text-dim);flex-wrap:wrap;display:flex}.the-set__key{color:var(--color-text);font-weight:400}@media (width>=600px){.the-set{--set-tile:27vw}}@media (width>=900px){.the-set__views{z-index:3;grid-template-columns:var(--set-label) minmax(0, 1fr);margin-bottom:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid var(--color-line);background:var(--color-bg);color:var(--color-text-dim);align-items:end;display:grid;position:relative}.the-set[data-set-ready] .the-set__views{top:var(--set-sticky-top);position:sticky}.the-set__views:before{content:"";height:var(--set-sticky-top);background:inherit;visibility:hidden;position:absolute;inset:auto 0 100%}.the-set__views.is-masking:before{visibility:visible}.the-set__mark{display:block}.the-set__views-list{grid-template-columns:repeat(var(--set-cols), minmax(0, 1fr));margin:0 calc(var(--set-gap) * -1) 0 0;display:grid}.the-set__view{text-align:center;padding-inline-end:var(--set-gap)}.the-set__row{grid-template-columns:var(--set-label) minmax(0, 1fr);border:0;align-items:start;padding:0;display:grid;position:relative;container:set-row/inline-size}.the-set__row+.the-set__row{margin-top:var(--set-gap)}.the-set__label{block-size:calc((100cqi - var(--set-label) + var(--set-gap)) / var(--set-cols) - var(--set-gap));place-content:center start;gap:.125rem;margin:0;display:grid}.the-set__name{font-size:inherit;line-height:inherit;letter-spacing:inherit}.the-set__strip{grid-template-columns:repeat(var(--set-cols), minmax(0, 1fr));margin:0 calc(var(--set-gap) * -1) 0 0;scroll-snap-type:none;padding:0;display:grid;overflow:visible}.the-set__cell{grid-area:1 / var(--v)}}@media (width>=1200px){.the-set{--set-label:6rem}.the-set__name{font-size:var(--text-pixel-m);letter-spacing:.01em;line-height:1.1}.the-set__label{gap:.25rem}}@media (hover:hover) and (pointer:fine){.the-set__strip{scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent}.the-set__tile{transition:transform var(--duration-normal) var(--ease-out-expo), opacity var(--duration-normal) var(--ease-out-expo)}@supports (transition-timing-function:linear(0, 1)){.the-set__tile{transition:transform var(--duration-slow) var(--ease-spring), opacity var(--duration-normal) var(--ease-out-expo)}}.the-set__tile:before{content:"";z-index:-1;aspect-ratio:1;border-radius:var(--radius-tile);opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo);position:absolute;inset:10% 8% auto;box-shadow:0 .875rem 1.5rem -.375rem #0000008c}.the-set__cell:hover{z-index:2}.the-set__cell:hover .the-set__tile{transform:translateY(var(--set-lift))}.the-set__cell:hover .the-set__tile:before{opacity:1}.the-set__strip:has(.the-set__cell:hover) .the-set__cell:not(:hover) .the-set__tile{opacity:var(--set-dim)}.the-set__row:has(.the-set__cell:hover) .the-set__name{color:var(--color-accent-strong)}}@media (width>=900px) and (hover:hover) and (pointer:fine){.the-set__row:has(.the-set__cell:hover){z-index:2}.the-set__caption{z-index:1;background:var(--color-text);color:var(--color-bg);white-space:nowrap;clip-path:inset(0 100% 0 0);pointer-events:none;border:1px solid #0000;margin:-.5rem 0 0;padding:.1875rem .4375rem .125rem;position:absolute;top:100%;left:50%;translate:-50%}.the-set__cell:first-child .the-set__caption{left:0;translate:none}.the-set__cell:last-child .the-set__caption{left:auto;right:0;translate:none}.the-set__cap-id,.the-set__cap-az,.the-set__cap-el,.the-set__cap-dot,.the-set__cap-dot--lead{color:inherit;display:inline}.the-set__cell:hover .the-set__caption{clip-path:inset(0);transition:clip-path var(--duration-normal) var(--steps-pixel)}.the-set__sheet:has(.the-set__cell[data-v="1"]:hover) .the-set__view[data-v="1"],.the-set__sheet:has(.the-set__cell[data-v="2"]:hover) .the-set__view[data-v="2"],.the-set__sheet:has(.the-set__cell[data-v="3"]:hover) .the-set__view[data-v="3"],.the-set__sheet:has(.the-set__cell[data-v="4"]:hover) .the-set__view[data-v="4"],.the-set__sheet:has(.the-set__cell[data-v="5"]:hover) .the-set__view[data-v="5"],.the-set__sheet:has(.the-set__cell[data-v="6"]:hover) .the-set__view[data-v="6"],.the-set__sheet:has(.the-set__cell[data-v="7"]:hover) .the-set__view[data-v="7"],.the-set__sheet:has(.the-set__cell[data-v="8"]:hover) .the-set__view[data-v="8"],.the-set__sheet:has(.the-set__cell[data-v="9"]:hover) .the-set__view[data-v="9"],.the-set__sheet:has(.the-set__cell[data-v="10"]:hover) .the-set__view[data-v="10"],.the-set__sheet:has(.the-set__cell[data-v="11"]:hover) .the-set__view[data-v="11"],.the-set__sheet:has(.the-set__cell[data-v="12"]:hover) .the-set__view[data-v="12"]{color:var(--color-accent-strong)}}@media (width>=900px) and (width<=1199.98px) and (hover:hover) and (pointer:fine){.the-set__cell:nth-child(2) .the-set__caption{left:0;translate:none}.the-set__cell:nth-last-child(2) .the-set__caption{left:auto;right:0;translate:none}}@media (prefers-reduced-motion:reduce){.js .the-set__photo{transition-delay:0s}.the-set__cell:hover .the-set__tile{transform:none}}@media print{.js .the-set__photo{opacity:1}}.glass-defs[data-astro-cid-drhmo2r3]{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.work{padding-block:var(--space-section)}.work__head{justify-items:start;gap:var(--space-5);margin-bottom:clamp(2.5rem,6vw,5rem);display:grid}.work__title{display:grid}.work__board{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.work__cell{border-color:var(--color-line-strong);border-style:solid;border-width:0 1px 1px 0}.work__cell:nth-child(3n){border-right-width:0}.work__cell:nth-last-child(-n+3){border-bottom-width:0}.work__link{gap:var(--space-3);height:100%;min-height:clamp(13rem,24vw,19rem);color:var(--color-text);transition:background-color var(--duration-normal) var(--ease-out-expo);grid-template-rows:auto 1fr auto auto;padding:clamp(1.25rem,2.4vw,2.25rem);text-decoration:none;display:grid;position:relative;overflow:clip}.work__num{color:var(--color-text-faint);transition:color var(--duration-fast) var(--steps-pixel)}.work__tile{aspect-ratio:1024/880;filter:drop-shadow(0 14px 12px #00000080);width:clamp(5rem,9vw,8.5rem);transition:transform var(--duration-slow) var(--ease-spring);position:absolute;top:clamp(.5rem,1.2vw,1.1rem);right:clamp(.75rem,1.6vw,1.5rem)}.work__piece{object-fit:contain;width:100%;height:100%;transition:opacity var(--duration-normal) var(--ease-in-out);position:absolute;inset:0}.work__piece--glass{opacity:0}.work__name{letter-spacing:-.03em;align-self:end;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);line-height:1}.work__line{max-width:22rem;color:var(--color-text-dim);font-size:var(--text-body);text-wrap:pretty;line-height:1.4}.work__go{color:var(--color-text-faint);transition:color var(--duration-fast) var(--steps-pixel)}.work__link:hover,.work__link:focus-visible{background:#d68e3c12}.work__link:hover .work__tile,.work__link:focus-visible .work__tile{transform:translateY(-7px)rotate(-5deg)}.work__link:hover .work__piece--glass,.work__link:focus-visible .work__piece--glass{opacity:1}.work__link:hover .work__piece--wood,.work__link:focus-visible .work__piece--wood{opacity:0}.work__link:hover .work__num,.work__link:hover .work__go,.work__link:focus-visible .work__num,.work__link:focus-visible .work__go{color:var(--color-accent)}.work__link:active .work__tile{transform:translateY(1px)scale(.97)}.work__link:focus-visible{outline-offset:-4px}.work__note{max-width:44rem;margin-top:clamp(2rem,4vw,3.5rem)}.work__all{margin-top:var(--space-4);color:var(--color-text);border-bottom:1px solid var(--color-line-strong);transition:color var(--duration-fast), border-color var(--duration-fast);padding-block:.6em;text-decoration:none;display:inline-block}.work__all:hover{color:var(--color-accent);border-color:var(--color-accent)}@media (width<=899px){.work__board{grid-template-columns:1fr}.work__cell,.work__cell:nth-child(3n){border-width:0 0 1px}.work__cell:nth-last-child(-n+3){border-bottom-width:1px}.work__cell:last-child{border-bottom-width:0}.work__link{grid-template-rows:auto auto auto auto;min-height:0;padding-inline:0}.work__tile{width:5rem;top:50%;right:0;translate:0 -50%}.work__name,.work__line{padding-right:6rem}}@media (prefers-reduced-motion:reduce){.work__link:hover .work__tile,.work__link:focus-visible .work__tile{transform:none}}.set-section{padding-block:var(--space-section);border-top:1px solid var(--color-line)}.set-section__head{justify-items:start;gap:var(--space-5);margin-bottom:clamp(2.5rem,6vw,5rem);display:grid}.set-section__title{display:grid}