:root{--bg:#0b0f10;--ink:#e9e4dc;--muted:#9aa3a0;--copper:#d98a5a;--patina:#5fc3b0}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--patina)}canvas.stage{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.overlay{z-index:1;pointer-events:none;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(1.25rem,4vw,3rem);display:flex;position:relative}.overlay a,.overlay button,.overlay .cards{pointer-events:auto}h1{letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,6vw,4rem);font-weight:600;line-height:1}h1 span{color:var(--copper)}.tagline{color:var(--muted);max-width:32rem;margin:.75rem 0 0}.hint{color:var(--muted);font-size:.85rem}.cards{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.card{width:min(18rem,100%);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141c1d99;border:1px solid #ffffff14;border-radius:.6rem;padding:.9rem 1rem;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.card:hover,.card:focus-visible{border-color:var(--copper);transform:translateY(-2px)}.card .num{color:var(--copper);font-variant-numeric:tabular-nums;font-size:.8rem}.card h3{margin:.15rem 0 .2rem;font-size:1.05rem}.card p{color:var(--muted);margin:0;font-size:.88rem}.back{z-index:2;color:var(--ink);background:#141c1d99;border:1px solid #ffffff1a;border-radius:999px;padding:.4rem .75rem;text-decoration:none;position:fixed;top:1rem;left:1rem}.back:hover{border-color:var(--copper)}.info{z-index:2;max-width:22rem;color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141c1d99;border-radius:.6rem;padding:.75rem 1rem;font-size:.85rem;position:fixed;bottom:1rem;left:1rem}.info strong{color:var(--ink)}
