@import "https://fonts.googleapis.com/css2?family=Young+Serif&family=Nunito:wght@400;500;600;700&display=swap";:root{--c-paper-950:#0f0b0b;--c-paper-900:#1b1616;--c-paper-100:#f1ebeb;--c-paper-050:#f9f4f4;--c-ink-950:#0f0b0b;--c-ink-100:#f1ebeb;--c-warm-700:#a59c9c;--c-warm-500:#706666;--c-warm-400:#564d4d;--c-red-600:#ea3d38;--c-red-550:#d40c1a;--c-purple-600:#9d63e3;--c-purple-500:#8c4cd3;--c-purple-480:#752fbb;--c-purple-420:#641aa5;--surface-paper:var(--c-paper-950);--surface-raised:var(--c-paper-900);--text-ink:var(--c-ink-100);--text-dim:var(--c-warm-700);--text-faint:var(--c-warm-500);--accent:var(--c-purple-600);--accent-hover:var(--c-purple-500);--accent-alarm:var(--c-red-600);--stroke-ink:var(--c-ink-100);--stroke-hairline:#f1ebeb24;--canvas-pixel:var(--c-ink-100);--lamp-glow:#9d63e34d;--focus-ring:var(--c-purple-600)}@supports (color:lab(0% 0 0)){:root{--c-paper-950:lab(3.31866% 1.46042 .580472);--c-paper-900:lab(7.70321% 2.52324 1.02286);--c-paper-100:lab(93.56% 1.90115 .800681);--c-paper-050:lab(96.702% 1.58426 .667012);--c-ink-950:lab(3.31866% 1.46042 .580472);--c-ink-100:lab(93.56% 1.90115 .800681);--c-warm-700:lab(65.0998% 3.16998 1.33727);--c-warm-500:lab(44.1996% 3.80588 1.60851);--c-warm-400:lab(33.7595% 3.80684 1.61067);--c-red-600:lab(53.8415% 65.9514 44.8839);--c-red-550:lab(45.5806% 69.4641 51.3946);--c-purple-600:lab(52.9435% 43.1961 -57.572);--c-purple-500:lab(45.6457% 47.0288 -60.4252);--c-purple-480:lab(36.0074% 50.46 -61.8102);--c-purple-420:lab(28.9338% 50.8142 -60.2926);--stroke-hairline:lab(93.56% 1.90115 .800681/.14);--lamp-glow:lab(52.9435% 43.1961 -57.572/.3)}}@media (prefers-color-scheme:light){:root{--surface-paper:var(--c-paper-050);--surface-raised:var(--c-paper-100);--text-ink:var(--c-ink-950);--text-dim:var(--c-warm-400);--text-faint:var(--c-warm-500);--accent:var(--c-purple-480);--accent-hover:var(--c-purple-420);--accent-alarm:var(--c-red-550);--stroke-ink:var(--c-ink-950);--stroke-hairline:#0f0b0b29;--canvas-pixel:var(--c-ink-950);--lamp-glow:#752fbb42;--focus-ring:var(--c-purple-480)}@supports (color:lab(0% 0 0)){:root{--stroke-hairline:lab(3.31866% 1.46042 .580472/.16);--lamp-glow:lab(36.0074% 50.46 -61.8102/.26)}}}[data-theme=dark]{--surface-paper:var(--c-paper-950);--surface-raised:var(--c-paper-900);--text-ink:var(--c-ink-100);--text-dim:var(--c-warm-700);--text-faint:var(--c-warm-500);--accent:var(--c-purple-600);--accent-hover:var(--c-purple-500);--accent-alarm:var(--c-red-600);--stroke-ink:var(--c-ink-100);--stroke-hairline:#f1ebeb24;--canvas-pixel:var(--c-ink-100);--lamp-glow:#9d63e34d;--focus-ring:var(--c-purple-600)}@supports (color:lab(0% 0 0)){[data-theme=dark]{--stroke-hairline:lab(93.56% 1.90115 .800681/.14);--lamp-glow:lab(52.9435% 43.1961 -57.572/.3)}}[data-theme=light]{--surface-paper:var(--c-paper-050);--surface-raised:var(--c-paper-100);--text-ink:var(--c-ink-950);--text-dim:var(--c-warm-400);--text-faint:var(--c-warm-500);--accent:var(--c-purple-480);--accent-hover:var(--c-purple-420);--accent-alarm:var(--c-red-550);--stroke-ink:var(--c-ink-950);--stroke-hairline:#0f0b0b29;--canvas-pixel:var(--c-ink-950);--lamp-glow:#752fbb42;--focus-ring:var(--c-purple-480)}@supports (color:lab(0% 0 0)){[data-theme=light]{--stroke-hairline:lab(3.31866% 1.46042 .580472/.16);--lamp-glow:lab(36.0074% 50.46 -61.8102/.26)}}:root{--stone-power:var(--accent);--stone-space:#0089eb;--stone-reality:#df202e;--stone-soul:#ee7b00;--stone-time:#3db44a;--stone-mind:#f1cb1c;--gauntlet:#e3ad4b}@supports (color:lab(0% 0 0)){:root{--stone-space:lab(54.899% -2.70718 -60.224);--stone-reality:lab(49.0306% 69.7939 45.0284);--stone-soul:lab(64.207% 42.8074 76.4887);--stone-time:lab(65.0263% -50.6023 42.8364);--stone-mind:lab(83.1625% 2.86227 79.6939);--gauntlet:lab(74.5447% 12.9328 56.694)}}:root{--font-display:"Young Serif", "Georgia", serif;--font-mono:"Nunito", ui-rounded, system-ui, sans-serif;--weight-display:400;--weight-mono-light:400;--weight-mono:500;--weight-mono-medium:600;--weight-mono-bold:700;--size-wordmark:clamp(3.25rem, 17vw, 14rem);--size-wordmark-sm:clamp(2rem, 12vw, 5rem);--size-byline:clamp(.875rem, .8rem + .4vw, 1.125rem);--size-corner:.8125rem;--size-end-card:clamp(1.25rem, 5vw, 2.5rem);--size-hint:.75rem;--size-body:.875rem;--leading-tight:1;--style-display:normal;--leading-body:1.6;--tracking-wordmark:0;--tracking-mono:.02em;--tracking-mono-wide:.08em;--text-display-font:var(--font-display);--text-display-style:var(--style-display);--text-ui-font:var(--font-mono);--text-byline-tracking:var(--tracking-mono-wide);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--gutter:clamp(var(--space-5), 4vw, var(--space-8));--byline-offset:clamp(36px, 4.8vw, 72px);--byline-rest-opacity:.3;--hint-offset:clamp(var(--space-8), 12vh, 120px);--hit-min:44px;--stroke-w:2px;--stroke-w-lg:3px;--dur-instant:.15s;--dur-fade:.3s;--dur-theme:.25s;--dur-lamp:.4s;--dur-assemble:1s;--byline-out:.15s;--byline-in:.25s;--byline-drift:4px;--byline-blur:2px;--byline-reveal:1.5s;--snap-prompt-delay:3s;--end-card-delay:30s;--stones-nudge:12s;--stones-name:2.5s;--mind-still:10s;--hand-nudge:.7s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-linear:linear;--lamp-bounce:.4;--press-scale:.97;--hint-rise:4px;--pixel-cap-desktop:30000;--pixel-cap-mobile:8000;--pixel-grid-min:2px;--pixel-size:1.5px;--pixel-scale-min:.6;--pixel-scale-max:1;--repel-radius-pointer:120px;--repel-radius-touch:80px;--repel-displacement:1.5;--assemble-scatter:1;--spring-return:.5s;--spring-bounce:.3;--spring-jitter:.15;--shake-scale:1;--lamp-push-scale:.33;--idle-drift:2px;--idle-still-after:10s;--hint-delay:5s;--disturbed-threshold:8px;--settled-threshold:2px;--settled-hold:.3s;--color-mode:disturb;--color-speed:1;--color-decay:.97;--color-drift-chroma:.08;--color-steps:16;--snap-wind-angle:14deg;--snap-wind-ramp:.56s;--snap-exit-travel:1.85s;--snap-weight:.7;--snap-turbulence:2.4px;--snap-turbulence-scale:195px;--snap-lead:.35s;--snap-exit-sweep:1.16s;--snap-return-sweep:.3s;--snap-jitter:.29s;--snap-return:.45s;--snap-return-ease:2;--snap-return-start-max:700px;--snap-handoff:20px;--snap-handoff-vmax:5;--snap-end-scale:.5;--snap-edge-margin:40px;--snap-rewind:.9s;--snap-hold:.6s;--hand-size:5.5rem;--hand-windup:.45s;--hand-hold:.3s}@media (max-height:520px){:root{--hand-size:var(--hit-min)}}html{-webkit-text-size-adjust:100%}body{background:var(--surface-paper);color:var(--text-ink);font-family:var(--font-mono);font-size:var(--size-body);line-height:var(--leading-body);transition:background-color var(--dur-theme) var(--ease-linear), color var(--dur-theme) var(--ease-linear);margin:0}a{color:var(--accent);text-decoration:none}@media (hover:hover){a:hover{color:var(--accent-hover)}}a:focus-visible,button:focus-visible{outline:var(--stroke-w) solid var(--focus-ring);outline-offset:var(--space-1)}::selection{background:var(--accent);color:var(--surface-paper)}:root{--dur-lamp-spring:.9s;--ease-lamp:linear(0, .0697, .2323, .4311, .6265, .7946, .9243, 1.0138, 1.0669, 1.0909, 1.094, 1.0837, 1.0666, 1.0476, 1.0297, 1.0149, 1.0039, .9967, .9926, .9911, .9913, .9926, .9943, .9961, .9977, .999, .9999, 1.0005, 1, 1)}html,body{height:100%;overflow:hidden}body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.stage{background:var(--surface-paper);height:100svh;color:var(--text-ink);transition:background-color var(--dur-theme) var(--ease-linear);position:fixed;inset:0}.field{position:absolute;inset:0}.field-canvas{width:100%;height:100%;display:block}.byline{left:0;right:0;top:min(calc(var(--wordmark-bottom,60%) + var(--byline-offset)), calc(100% - var(--gutter) - env(safe-area-inset-bottom,0px) - var(--hit-min) - 1.5em));pointer-events:none;font-family:var(--font-mono);font-size:var(--size-byline);font-weight:var(--weight-mono-light);letter-spacing:var(--tracking-mono-wide);color:var(--text-ink);opacity:0;transition:opacity var(--dur-fade) var(--ease-out), color var(--dur-theme) var(--ease-linear);place-items:center;margin:0;line-height:1;display:grid;position:absolute}.stage[data-settled] .byline{opacity:1}.byline>span{white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(calc(var(--byline-drift) * -1));filter:blur(var(--byline-blur));transition:opacity var(--byline-out) var(--ease-out), transform var(--byline-out) var(--ease-out), filter var(--byline-out) var(--ease-out), visibility 0s linear var(--byline-out), color var(--dur-theme) var(--ease-linear);grid-area:1/1}.byline>span[data-shown]{opacity:1;visibility:visible;filter:none;transition:opacity var(--byline-in) var(--ease-out) var(--byline-out), transform var(--byline-in) var(--ease-out) var(--byline-out), filter var(--byline-in) var(--ease-out) var(--byline-out), visibility 0s linear var(--byline-out), color var(--dur-theme) var(--ease-linear);transform:none}.byline [data-line=rest][data-shown]{opacity:var(--byline-rest-opacity)}.byline-break{display:none}@media (orientation:portrait){.byline-break{display:inline}.byline [data-line=rest]{text-align:center;line-height:1.5}}.byline [data-line=stark]{color:var(--accent-alarm)}.byline .reactor{transition:opacity var(--byline-out) var(--ease-out)}.byline [data-line=ironman][data-shown] .reactor{animation:byline-reactor 1.2s ease-in-out calc(var(--byline-out) + var(--byline-in)) infinite}@keyframes byline-reactor{0%,to{opacity:1}50%{opacity:.4}}.hint{left:0;right:0;bottom:calc(100% - var(--wordmark-top,40%) + var(--hint-offset));text-align:center;pointer-events:none;font-family:var(--font-mono);font-size:var(--size-hint);font-weight:var(--weight-mono-light);letter-spacing:var(--tracking-mono-wide);color:var(--accent);white-space:nowrap;opacity:0;transform:translateY(var(--hint-rise));transition:opacity var(--dur-instant) var(--ease-linear);margin:0;line-height:1;position:absolute}.hint[data-visible]{opacity:1;transition:opacity var(--dur-fade) var(--ease-out), transform var(--dur-fade) var(--ease-out);transform:none}.hint-sub{margin-top:var(--space-2);font-size:var(--size-byline);color:var(--text-dim);display:block}.end-card{left:0;right:0;top:calc((var(--wordmark-top,40%) + var(--wordmark-bottom,60%)) / 2);text-align:center;pointer-events:none;font-family:var(--font-display);font-size:var(--size-end-card);font-weight:var(--weight-display);color:var(--text-ink);white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(calc(-50% - var(--byline-drift)));filter:blur(var(--byline-blur));transition:opacity var(--byline-out) var(--ease-out), transform var(--byline-out) var(--ease-out), filter var(--byline-out) var(--ease-out), visibility 0s linear var(--byline-out), color var(--dur-theme) var(--ease-linear);margin:0;line-height:1;position:absolute}.end-card[data-visible]{opacity:1;visibility:visible;filter:none;transition:opacity var(--dur-assemble) var(--ease-out), transform var(--dur-assemble) var(--ease-out), filter var(--dur-assemble) var(--ease-out), visibility 0s, color var(--dur-theme) var(--ease-linear);transform:translateY(-50%)}.corner-left{left:calc(var(--gutter) + env(safe-area-inset-left,0px));bottom:calc(var(--gutter) + env(safe-area-inset-bottom,0px));align-items:center;gap:var(--space-4);opacity:0;pointer-events:none;transition:opacity var(--dur-fade) var(--ease-out);display:flex;position:absolute}.stage[data-settled] .corner-left{opacity:1;pointer-events:auto}.corner-top{top:calc(var(--gutter) + env(safe-area-inset-top,0px));opacity:0;pointer-events:none;transition:opacity var(--dur-fade) var(--ease-out);position:absolute;left:50%;transform:translate(-50%)}.stage[data-settled] .corner-top{opacity:1;pointer-events:auto}.corner-top{z-index:11}.corner-right{top:calc(var(--gutter) + env(safe-area-inset-top,0px));right:calc(var(--gutter) + env(safe-area-inset-right,0px));opacity:0;pointer-events:none;transition:opacity var(--dur-fade) var(--ease-out);flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.stage[data-settled] .corner-right{opacity:1;pointer-events:auto}.gauntlet{grid-template-columns:repeat(3,10px);grid-auto-rows:10px;gap:14px;display:grid}.stone[data-stone=power]{--stone:var(--stone-power)}.stone[data-stone=space]{--stone:var(--stone-space)}.stone[data-stone=reality]{--stone:var(--stone-reality)}.stone[data-stone=soul]{--stone:var(--stone-soul)}.stone[data-stone=time]{--stone:var(--stone-time)}.stone[data-stone=mind]{--stone:var(--stone-mind)}.stone{grid-template-columns:repeat(3,2px);grid-auto-rows:2px;gap:2px;display:grid;position:relative}.stone:before{content:"";position:absolute;inset:-6px}.stone i{background:var(--text-faint);transition:background-color var(--dur-fade) var(--ease-out), transform var(--dur-fade) var(--ease-out), opacity var(--dur-fade) var(--ease-out)}.stone i:nth-child(2n){opacity:0}.stone i:first-child{transform:translate(-1px,-1px)}.stone i:nth-child(3){transform:translate(1px,-1px)}.stone i:nth-child(5){transform:translate(1px)}.stone i:nth-child(7){transform:translate(-1px,1px)}.stone i:nth-child(9){transform:translate(1px,1px)}.stone[data-captured] i{background:var(--stone);opacity:1;transform:none}.corner-right[data-complete] .stone{animation:stone-pulse .6s var(--ease-out)}@keyframes stone-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.4)}}.stones-count{font-family:var(--font-mono);font-size:var(--size-byline);font-weight:var(--weight-mono-light);letter-spacing:var(--tracking-mono-wide);color:var(--text-faint);transition:color var(--dur-theme) var(--ease-linear);line-height:1}.stones-line{font-family:var(--font-mono);font-size:var(--size-byline);font-weight:var(--weight-mono-light);letter-spacing:var(--tracking-mono-wide);color:var(--text-dim);white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(calc(var(--byline-drift) * -1));filter:blur(var(--byline-blur));transition:opacity var(--byline-out) var(--ease-out), transform var(--byline-out) var(--ease-out), filter var(--byline-out) var(--ease-out), visibility 0s linear var(--byline-out), color var(--dur-theme) var(--ease-linear);line-height:1}.stones-line[data-visible]{opacity:1;visibility:visible;filter:none;transition:opacity var(--byline-in) var(--ease-out), transform var(--byline-in) var(--ease-out), filter var(--byline-in) var(--ease-out), visibility 0s, color var(--dur-theme) var(--ease-linear);transform:none}@media (max-width:480px){.stage:has(.pill:not([hidden])) .corner-right{top:calc(var(--gutter) + env(safe-area-inset-top,0px) + var(--hit-min) + var(--space-3))}.stage:has(.pill:not([hidden])) .stones-line{display:none}}@media (max-height:520px){.stage:has(.pill:not([hidden])) .hint{display:none}}.link{right:calc(var(--gutter) + env(safe-area-inset-right,0px));bottom:calc(var(--gutter) + env(safe-area-inset-bottom,0px));min-height:var(--hit-min);font-family:var(--font-mono);font-size:var(--size-corner);font-weight:var(--weight-mono);letter-spacing:var(--tracking-mono);color:var(--accent);opacity:0;transition:opacity var(--dur-fade) var(--ease-out), color var(--dur-instant) var(--ease-out);align-items:center;line-height:1;display:inline-flex;position:absolute}.stage[data-settled] .link{opacity:1}@media (hover:hover){.link:hover{color:var(--accent-hover)}}.link-words{display:grid}.link-word,.link-quip{white-space:nowrap;transition:opacity var(--byline-out) var(--ease-out), transform var(--byline-out) var(--ease-out), filter var(--byline-out) var(--ease-out);grid-area:1/1;justify-self:end}.link-quip{opacity:0;transform:translateY(calc(var(--byline-drift) * -1));filter:blur(var(--byline-blur))}@media (hover:hover){.link:hover .link-word{opacity:0;transform:translateY(calc(var(--byline-drift) * -1));filter:blur(var(--byline-blur))}.link:hover .link-quip,.link:not(:hover) .link-word{opacity:1;filter:none;transition:opacity var(--byline-in) var(--ease-out) var(--byline-out), transform var(--byline-in) var(--ease-out) var(--byline-out), filter var(--byline-in) var(--ease-out) var(--byline-out);transform:none}}.link-arrow{transition:transform var(--dur-fade) var(--ease-out);margin-left:.25em;animation:1.6s ease-in-out infinite link-nudge;display:inline-block}.stage:has(.byline [data-line=ironman][data-shown]) .link-arrow{animation:none}@keyframes link-nudge{0%,to{transform:translate(0)}50%{transform:translateX(var(--space-1))}}.lamp{appearance:none;cursor:pointer;min-width:var(--hit-min);min-height:var(--hit-min);color:var(--stroke-ink);transition:transform var(--dur-instant) var(--ease-out), color var(--dur-theme) var(--ease-linear);background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.lamp:active{transform:scale(var(--press-scale))}.lamp-svg{stroke-width:var(--stroke-w);overflow:visible}.lamp-shade,.lamp-light{transform-origin:17px 12px;transform-box:view-box;transition:transform var(--dur-lamp-spring) var(--ease-lamp)}.lamp[aria-pressed=true] .lamp-shade,.lamp[aria-pressed=true] .lamp-light{transform:rotate(-12deg)}.lamp-glow-stop{stop-color:var(--accent)}.lamp-glow{opacity:0;transition:opacity var(--dur-theme) var(--ease-out)}.lamp[aria-pressed=true] .lamp-glow{opacity:1}.corner-centre{left:50%;bottom:calc(var(--gutter) + env(safe-area-inset-bottom,0px));opacity:0;pointer-events:none;transition:opacity var(--dur-fade) var(--ease-out);position:absolute;transform:translate(-50%)}.stage[data-settled] .corner-centre{opacity:1;pointer-events:auto}.hand{appearance:none;padding:0 var(--space-2);cursor:pointer;min-width:var(--hit-min);min-height:var(--hit-min);font-family:var(--font-mono);font-size:var(--size-corner);font-weight:var(--weight-mono);letter-spacing:var(--tracking-mono);color:var(--accent);transition:transform var(--dur-instant) var(--ease-out), color var(--dur-instant) var(--ease-out);background:0 0;border:0;align-items:center;margin:0;line-height:1;display:inline-flex}.hand:active{transform:scale(var(--press-scale))}.hand{--hand-skin:var(--accent)}.hand[data-gauntlet]{--hand-skin:var(--gauntlet)}.hand[data-rewind]{--hand-skin:var(--stone-time)}.hand[data-locked]{cursor:default}.hand[data-nudge] .hand-canvas,.hand[data-nudge] .hand-word{transform-origin:50% 100%;animation:hand-nudge var(--hand-nudge) ease-in-out}@keyframes hand-nudge{0%,to{rotate:0deg}20%{rotate:-8deg}45%{rotate:6deg}70%{rotate:-3deg}}.hand-canvas{width:var(--hand-size);height:var(--hand-size);display:block}.hand:not([data-ready]) .hand-canvas{visibility:hidden;pointer-events:none;position:absolute}.hand[data-ready]{padding:0}.hand[data-ready] .hand-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.haptic{opacity:0;-webkit-tap-highlight-color:transparent;clip-path:inset(0 round 999px);width:100%;height:100%;margin:0;position:absolute;inset:0}.corner-centre:has(.hand[data-locked]) .haptic{pointer-events:none}.corner-centre:active .hand{transform:scale(var(--press-scale))}@media (hover:hover){.corner-centre:hover .hand,.hand:hover{color:var(--accent-hover)}}.pill{appearance:none;cursor:pointer;font-family:var(--font-mono);font-size:var(--size-hint);font-weight:var(--weight-mono);letter-spacing:var(--tracking-mono-wide);color:var(--accent);border:1px solid var(--stroke-hairline);padding:var(--space-2) var(--space-4);min-height:var(--hit-min);transition:color var(--dur-instant) var(--ease-out);background:0 0;border-radius:999px}.pill[hidden]{display:none}