:root{--night:#060607;--ink:#0d0d0d;--chalk:#ece8e1;--red:#d0161e;--dim:#b9b4ab;--gutter:clamp(16px, 3vw, 32px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--chalk);-webkit-font-smoothing:antialiased;margin:0;font:400 13px/1.5 Space Mono,ui-monospace,monospace;overflow:hidden}#scene{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#scene.over-head{cursor:ns-resize}#scene.dragging{cursor:grabbing}.wordmark{letter-spacing:.01em;color:#0b0b0c;-webkit-text-stroke:1px #6f839933;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;font:400 min(40vw,64vh)/.82 Anton,Impact,sans-serif;position:fixed;top:41%;left:50%;transform:translate(-50%,-50%)}.spec{letter-spacing:.14em;color:#7f93a8;white-space:nowrap;pointer-events:none;visibility:hidden;margin:-.6em 0 0;font:700 10px/1.2 Space Mono,ui-monospace,monospace;position:fixed;top:0;left:0}.dust{pointer-events:none;mix-blend-mode:screen;opacity:.55;background:url(/gfx/dust.webp) 50%/cover;position:fixed;inset:0}.wire{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 14px 10px #0009);width:min(24vw,360px);position:fixed;top:-7vh;right:-4vw;transform:rotate(-24deg)}.grain{pointer-events:none;background:radial-gradient(70% 68%,#0000 40%,#000c 100%);position:fixed;inset:0}.grain:after{content:"";opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.6 -0.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s steps(4,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(0)}}.intro{top:var(--gutter);left:var(--gutter);pointer-events:none;flex-direction:column;align-items:flex-start;gap:14px;max-width:36ch;display:flex;position:fixed}.sticker{filter:drop-shadow(0 10px 14px #00000080);width:196px;position:relative;transform:rotate(-4deg)}.sticker-card{background:#f4f1ea;border-radius:10px;overflow:hidden}.sticker:before,.sticker:after{content:"";z-index:1;clip-path:polygon(0 8%,6% 0,12% 10%,18% 0,82% 2%,88% 12%,94% 0,100% 10%,100% 92%,94% 100%,88% 88%,82% 100%,18% 98%,12% 88%,6% 100%,0 90%);background:#96948ed1;width:74px;height:22px;position:absolute}.sticker:before{top:-9px;left:-22px;transform:rotate(-38deg)}.sticker:after{bottom:-6px;right:-24px;transform:rotate(-30deg)}.sticker-hello{background:var(--red);color:#fff;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin:0;padding:7px 10px 6px;font:700 10px/1 Space Mono,ui-monospace,monospace}.sticker-hello b{letter-spacing:.06em;margin-bottom:2px;font:400 26px/1 Anton,Impact,sans-serif;display:block}.sticker-name{color:var(--ink);text-align:center;margin:0;padding:6px 10px 14px;font:400 44px/1 Sedgwick Ave Display,Permanent Marker,cursive;transform:rotate(-3deg)}.tape{color:var(--chalk);filter:drop-shadow(0 8px 12px #0000008c);background:url(/gfx/torn.webp) 50%/100% 100% no-repeat;margin:0 0 0 -10px;padding:34px 30px 38px 28px;transform:rotate(.8deg)}.controls{left:50%;bottom:calc(var(--gutter) + 26px);width:max-content;max-width:calc(100vw - 2 * var(--gutter));flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;transform:translate(-50%)}#toggle{appearance:none;border:3px solid var(--ink);background:var(--red);color:var(--ink);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:6px 6px 0 var(--ink), 6px 6px 0 3px #ece8e11f;border-radius:0;padding:10px 24px 9px;font:400 24px/1 Anton,Impact,sans-serif;transition:transform .12s,box-shadow .12s;transform:rotate(-1.5deg)}#toggle:hover{box-shadow:8px 8px 0 var(--ink);transform:rotate(-1.5deg)translate(-2px,-2px)}#toggle:active{box-shadow:2px 2px 0 var(--ink);transform:rotate(-1.5deg)translate(4px,4px)}#toggle:focus-visible{outline:3px solid var(--chalk);outline-offset:4px}#toggle:disabled{opacity:.45;cursor:default}.hint{color:var(--dim);text-align:center;text-shadow:0 1px 8px #000000e6;margin:0;font-size:12px;transition:opacity .6s}.hint.gone{opacity:0}.credit{right:var(--gutter);bottom:var(--gutter);letter-spacing:.04em;font-size:11px;position:fixed}.credit a{color:var(--dim);border-bottom:1px solid #b9b4ab66;text-decoration:none}.credit a:hover,.credit a:focus-visible{color:var(--chalk);border-color:var(--chalk)}@media (width<=640px){.intro{right:var(--gutter);flex-direction:row;align-items:flex-start;gap:12px;max-width:none}.sticker{flex:none;width:128px}.sticker-hello b{font-size:18px}.sticker-hello{font-size:8px}.sticker-name{padding-bottom:10px;font-size:30px}.tape{margin-top:-6px;padding:26px 20px 30px;font-size:11px}.wire,.spec{display:none}.controls{bottom:calc(var(--gutter) + 24px)}.credit{white-space:nowrap;right:50%;transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.grain:after{animation:none}}.still .intro,.still .controls,.still .credit{display:none}