:root{--paper: #f4f0e6;--ink: #16140f;--mute: #7a7364;--button: #1c1a16;--face: #f4f0e6;--glow: transparent;--shake: 0px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Cormorant Garamond,Georgia,serif}body{overflow:hidden;transition:background 1.2s ease,color 1.2s ease}body.act-warm{--paper: #f3e6d2}body.act-gold{--paper: #1a1208;--ink: #f4e6c4;--mute: #b79a62;--button: #f4e6c4;--face: #1a1208}body.act-void{--paper: #050506;--ink: #e8e4dc;--mute: #8a8680;--button: #ff3b3b;--face: #050506}body.act-end{--paper: #f4f0e6;--ink: #16140f;--button: #16140f;--face: #f4f0e6}body.act-takeover{--paper: #0c0b09;--ink: #f4f0e6;--button: #f4e6c4;--face: #0c0b09;--glow: #f4e6c4}body.act-takeover #the-button{width:min(70vw,420px);height:min(70vw,420px)}body.act-os{--paper: #0078d4;--ink: #ffffff;--mute: #d6ecff;--button: #ffffff;--face: #0078d4}body.act-os:after{content:"Installing Button 16.0  ·  do not unplug the museum";position:fixed;left:8%;right:8%;bottom:18%;z-index:4;font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.08em;text-align:center;pointer-events:none}.studio-grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.studio-vignette{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:radial-gradient(ellipse at 50% 42%,transparent 42%,color-mix(in srgb,var(--ink) 18%,transparent) 100%)}#field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#cracks{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(118deg,transparent 49.6%,#16140f 49.6%,#16140f 50.1%,transparent 50.1%),linear-gradient(12deg,transparent 60%,#16140f 60%,#16140f 60.35%,transparent 60.35%),linear-gradient(72deg,transparent 30%,#16140f 30%,#16140f 30.25%,transparent 30.25%);mix-blend-mode:multiply;transition:opacity 1.4s ease}body.cracked #cracks{opacity:.35}.museum-label{position:relative;z-index:2;padding:28px 32px 0;max-width:32rem}.title-row{display:flex;align-items:center;gap:14px}.mark{display:block;width:44px;height:44px;flex:none;filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--ink) 18%,transparent))}.accession{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--mute);margin:0 0 10px}h1{font-weight:600;font-size:clamp(28px,4.2vw,46px);letter-spacing:.14em;margin:0;line-height:.95}.sub{margin:10px 0 0;color:var(--mute);font-style:italic;font-size:1.05rem;letter-spacing:.01em}main{position:relative;z-index:3;min-height:70vh;display:grid;place-items:center;padding-bottom:12vh}.plinth{perspective:820px;perspective-origin:50% 42%;display:grid;place-items:center}#the-button{--rx: 0deg;--ry: 0deg;--z: 0px;--press: 1;width:120px;height:120px;min-width:44px;min-height:44px;border:0;border-radius:999px;background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--face) 38%,var(--button)),transparent 46%),radial-gradient(circle at 50% 62%,var(--button),color-mix(in srgb,var(--button) 62%,#000));color:var(--face);cursor:pointer;box-shadow:inset 0 2px 3px color-mix(in srgb,var(--face) 42%,transparent),inset 0 -14px 22px color-mix(in srgb,#000 38%,transparent),0 18px 40px color-mix(in srgb,var(--button) 28%,transparent),0 0 0 12px color-mix(in srgb,var(--ink) 6%,transparent),0 0 80px var(--glow);transform:translate3d(var(--shake),0,var(--z)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--press));transform-style:preserve-3d;transition:background .6s ease,box-shadow .4s ease,width .8s ease,height .8s ease,border-radius .8s ease,transform .16s ease;position:relative;touch-action:manipulation}#the-button:hover{--z: 14px}#the-button:active{--press: .92;--z: 2px}#the-button .dome,#the-button .rim{position:absolute;pointer-events:none;border-radius:inherit}#the-button .dome{top:7%;right:7%;bottom:7%;left:7%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.58),transparent 44%);mix-blend-mode:soft-light;transform:translateZ(8px)}#the-button .rim{top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--face) 22%,transparent),inset 0 0 0 7px color-mix(in srgb,#000 16%,transparent)}#the-button .face{position:relative;z-index:1;font-size:42px;line-height:1;pointer-events:none;transform:translateZ(12px)}#the-button.wide{width:220px;border-radius:28px}#the-button.huge{width:280px;height:160px;border-radius:18px}.whisper{position:absolute;top:calc(50% + 92px);left:50%;transform:translate(-50%);margin:0;min-height:1.4em;font-style:italic;font-size:22px;letter-spacing:.03em;text-align:center;width:min(90vw,28rem)}.counter{position:fixed;top:28px;right:32px;z-index:4;font-family:IBM Plex Mono,monospace;font-size:13px;display:none;align-items:baseline;gap:8px;color:var(--mute)}.counter:not([hidden]){display:flex}.counter span{color:var(--ink);font-size:18px}.sep{opacity:.4}#dialogs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.sys{pointer-events:auto;position:absolute;width:min(360px,88vw);background:#ece9e2;color:#111;border:1px solid #111;box-shadow:6px 6px #111;font-family:IBM Plex Mono,monospace;font-size:12px;padding:12px 12px 10px}.sys header{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:500}.sys p{margin:0 0 12px;line-height:1.45}.sys button{font:inherit;border:1px solid #111;background:#111;color:#ece9e2;min-height:44px;padding:8px 14px;cursor:pointer}.sys button:hover{filter:brightness(1.12)}.sys button:active{transform:translateY(1px)}.lore{position:fixed;left:32px;bottom:72px;z-index:5;max-width:22rem;font-size:18px;line-height:1.45;font-style:italic}.ending{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;background:color-mix(in srgb,var(--paper) 88%,transparent);display:none;place-items:center;padding:24px}.ending:not([hidden]){display:grid}.ending-inner{max-width:28rem;text-align:center}.ending-kicker{font-family:IBM Plex Mono,monospace;letter-spacing:.22em;text-transform:uppercase;font-size:11px;color:var(--mute)}.ending-inner h2{font-size:42px;letter-spacing:-.02em;margin:8px 0 12px}.ending-inner button{font-family:IBM Plex Mono,monospace;margin:8px 6px 0;min-height:44px;padding:10px 16px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer}.ending-inner button:hover{filter:brightness(1.08)}.ending-inner button:active{transform:translateY(1px)}.ending-inner .ghost{background:transparent;color:var(--ink)}.webring{position:fixed;bottom:18px;left:0;right:0;z-index:6;text-align:center;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em}.webring a{color:var(--mute);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.webring a:hover{color:var(--ink)}.dot{margin:0 8px;color:var(--mute)}@media(max-width:640px){#the-button{width:168px;height:168px}.museum-label{padding:20px 18px 0}.whisper{top:calc(50% + 118px)}.counter{top:auto;bottom:52px;right:18px}.lore{left:18px;bottom:96px}}@media(prefers-reduced-motion:reduce){body,#cracks,#the-button,.sys button,.ending-inner button{transition:none}#the-button,#the-button:hover,#the-button:active{--rx: 0deg;--ry: 0deg;--z: 0px;--press: 1;transform:translate(var(--shake))}}