@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Syne:wght@700;800&display=swap";:root{color:#f6f1ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0a0a0b;font-family:IBM Plex Mono,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow:hidden}.hero{background:radial-gradient(1200px 600px at 80% -10%,#e8b89a1f,#0000 55%),radial-gradient(900px 500px at 0 100%,#58c4dc12,#0000 50%),#0a0a0b;min-height:100svh}.board{cursor:crosshair;touch-action:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;outline:none;min-height:100svh;position:relative;overflow:hidden}.copy{z-index:4;pointer-events:none;max-width:420px;position:absolute;top:28px;left:32px}.eyebrow,.hint,.mono,.overlay-kicker{text-transform:uppercase;letter-spacing:.16em;color:#ffffff7a;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.copy h1{letter-spacing:-.05em;color:#f6f1ea;margin:10px 0 8px;font-family:Syne,sans-serif;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:.92}.lede{color:#f6f1eaad;max-width:34ch;margin:0;font-size:16px;line-height:1.45}.dot,.head,.card,.morph{will-change:transform;position:absolute;top:0;left:0}.dot{pointer-events:none;place-items:center;display:grid}.dot-core{background:#fff;border-radius:50%;width:12px;height:12px;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 6px #ffffff14,0 0 22px #ffffffb3}.dot-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff47;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;position:absolute;bottom:8px}.head{z-index:3;pointer-events:none;place-items:center;display:grid}.head img{object-fit:contain;width:138%;height:138%;image-rendering:pixelated;filter:drop-shadow(0 10px 18px #00000073);pointer-events:none}.card,.morph{z-index:2;background:linear-gradient(#1c1c1f,#121214);border:1px solid #ffffff1a;border-radius:16px;place-items:center;display:grid;box-shadow:0 10px 24px #00000059,inset 0 1px #ffffff0f}.card svg,.morph svg{width:58%;height:58%;display:block}.morph{z-index:5;pointer-events:none;animation:.42s forwards morph-in}.hud{z-index:4;pointer-events:none;color:#f6f1eab3;justify-content:space-between;align-items:end;gap:16px;display:flex;position:absolute;bottom:24px;left:32px;right:32px}.hud p{margin:0}.stack-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stack-pills li{color:#f6f1ea;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:12px}.overlay{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#0a0a0b9e;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.overlay h2{letter-spacing:-.04em;color:#f6f1ea;max-width:16ch;margin:0;font-family:Syne,sans-serif;font-size:clamp(28px,5vw,44px);line-height:1}.overlay-copy{color:#f6f1eab3;margin:0 0 12px}.overlay button{font:inherit;letter-spacing:.08em;text-transform:uppercase;color:#111;cursor:pointer;background:#f6f1ea;border:1px solid #fff3;border-radius:999px;padding:12px 16px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.28)}}@keyframes morph-in{0%{opacity:1;background:#fff;border-radius:999px;scale:.28}55%{border-radius:18px;scale:1.08}to{opacity:0;border-radius:16px;scale:1}}@media (width<=700px){.copy,.hud{left:18px;right:18px}.copy{top:18px}.copy h1{font-size:40px}.hud{flex-direction:column;align-items:start}.dot-label{display:none}}