:root{color:#f4f1ea;background:#0e0d0b;font-family:Instrument Sans,sans-serif;font-size:16px;line-height:1.5;--line: rgba(244, 241, 234, .1);--surface: #161412;--muted: #9c958b;--green: #3dce78;--ink: #f4f1ea}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(820px 420px at 12% 0%,rgba(61,206,120,.07),transparent 60%),#0e0d0b;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{border:0;background:var(--green);color:#06210f;height:38px;padding:0 16px;border-radius:999px;font-weight:600;letter-spacing:-.01em;cursor:pointer}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button:disabled{opacity:.55;cursor:default}.shell{width:min(1120px,calc(100% - 48px));margin:0 auto}.bar{position:sticky;top:0;z-index:2;background:#0e0d0bdb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bar-inner{display:flex;align-items:center;gap:20px;height:72px}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:600;letter-spacing:.08em;font-size:.84rem}.logo img{width:36px;height:36px;display:block;object-fit:contain}nav{display:flex;align-items:center;gap:22px;margin-right:auto}nav a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500}nav a:hover{color:var(--ink)}#rules,#how,#clone,#pairs{scroll-margin-top:88px}main{display:grid;gap:36px;padding:28px 0 64px}.hero{display:grid;grid-template-columns:240px 1fr;gap:20px 36px;align-items:center;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.hero .portrait{width:240px;grid-row:1 / span 2}.portrait{margin:0}.portrait canvas{width:100%;height:auto;display:block;image-rendering:pixelated;background:linear-gradient(90deg,#1a1612 0,#1a1612 50%,#101612 50%,#101612);border-radius:20px;border:1px solid var(--line);box-shadow:0 24px 70px #00000059}.eyebrow{margin:0 0 14px;color:var(--green);font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}h1,h2{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.03em}h1{margin:0;font-size:clamp(2.4rem,4.2vw,3.5rem);line-height:.96}.lede{margin:14px 0 0;color:#d4cdc2;font-size:1.02rem;line-height:1.5}.facts{grid-column:2;list-style:none;padding:14px 0 0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.facts li{padding:16px 18px 4px;border-right:1px solid var(--line)}.facts li:last-child{border-right:0}.facts strong{display:block;font-family:"Instrument Serif",serif;font-size:2rem;font-weight:400;letter-spacing:-.03em;line-height:1;margin-bottom:4px}.facts span{color:var(--muted);font-size:.95rem}.section-head{margin-bottom:12px}.section-head h2{margin:0;font-size:1.85rem;line-height:1}.section-head p{margin:6px 0 0;max-width:42rem;color:var(--muted);line-height:1.4}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);counter-reset:step;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.steps li{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;color:var(--muted);background:transparent;border-right:1px solid var(--line)}.steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.08em;color:#6f6a62}.steps li.on{color:var(--ink);background:#141c16;border-color:#3dce7873}.steps li span{font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.steps li:last-child{border-right:0}.steps li p{margin:4px 0 0;font-size:.98rem;letter-spacing:-.02em}.steps li.on span{color:var(--green)}.panel{display:flex;flex-direction:row;align-items:center;gap:12px;width:fit-content;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.panel.held{width:auto}.held{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center}.held .portrait{width:200px}.held .portrait canvas{border-radius:14px;box-shadow:none}code{display:block;overflow-wrap:anywhere;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.84rem;color:#e7efe8}.meter{position:relative;height:6px;margin:20px 0 28px;border-radius:999px;background:#2a2622}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#e07a7a 0 20%,var(--green) 20% 100%)}.tick{position:absolute;top:14px;font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--muted)}.tick.death{left:20%;transform:translate(-50%)}.tick.birth{right:0}.status{margin:0;color:#d4cdc2}.warn{margin:8px 0 0;color:#ffb4b4}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cell{padding:6px 6px 10px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px}.cell canvas{border-radius:12px;box-shadow:none}.cell span{display:block;margin:8px 6px 0;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.cell:last-child span{color:#e07a7a}@media(max-width:860px){.shell{width:min(1120px,calc(100% - 32px))}main{gap:28px;padding:20px 0 48px}.bar-inner{height:auto;flex-wrap:wrap;gap:12px 16px;padding:12px 0}nav{order:5;width:100%;gap:16px;overflow-x:auto}.hero,.facts,.steps,.held{grid-template-columns:1fr}.hero{align-items:start}.hero .portrait{grid-row:auto;width:min(100%,220px)}.held .portrait{width:min(100%,220px)}.facts{grid-column:auto}.facts li{border-right:0;border-bottom:1px solid var(--line)}.facts li:last-child{border-bottom:0}.section-head h2{font-size:1.7rem}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(2){border-right:0}.steps li:nth-child(-n+2){border-bottom:1px solid var(--line)}.gallery{grid-template-columns:1fr 1fr}.panel{align-items:flex-start}}