:root{--bg:#faf7f2;--ink:#1f1a14;--muted:#7a7064;--line:#e7e0d5;--accent:#2563eb;--card:#fff;color:var(--ink);background:var(--bg);font-family:ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#15130f;--ink:#f3efe8;--muted:#a39a8e;--line:#2c2822;--card:#1d1a16;--accent:#60a5fa}}body{margin:0}nav{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:18px;padding:14px 24px;display:flex;position:sticky;top:0}nav a{color:var(--muted);font-weight:600;text-decoration:none}nav a.on,nav a:hover{color:var(--ink)}nav .brand{color:var(--accent);letter-spacing:-.02em;font-size:20px;font-weight:900}.spacer{flex:1}main{max-width:1100px;margin:0 auto;padding:24px}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;display:grid}.card{background:var(--card);border:1px solid var(--line);color:inherit;border-radius:16px;flex-direction:column;gap:6px;padding:12px;text-decoration:none;display:flex}.card:hover{border-color:var(--accent)}.card h3{margin:6px 0 0}.card p{margin:0}.cover{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:10px;width:100%}.cover.placeholder{color:#fff;place-items:center;font-size:48px;font-weight:900;display:grid}.price s{color:var(--muted)}.price em{color:#16a34a;font-style:normal;font-weight:700}.game{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;display:grid}@media (width<=760px){.game{grid-template-columns:1fr}}.game h1{margin:0 0 4px}.tagline{color:var(--muted);margin-top:0;font-size:18px}.demo{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:10px;padding:10px 12px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 20px;font-weight:700}button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}button:disabled{opacity:.5}.buy{margin:18px 0}.downloads{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.owned{color:#16a34a;font-weight:700}.note{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.signin{flex-direction:column;gap:12px;max-width:380px;margin:40px auto;display:flex}.signin input{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:12px}footer{opacity:.7;flex-wrap:wrap;gap:18px;max-width:960px;margin:48px auto 24px;padding:0 16px;font-size:14px;display:flex}footer a{color:inherit}.policy{max-width:720px;line-height:1.6}.policy li{margin-bottom:8px}.signin .check{align-items:center;gap:8px;display:flex}.dev .row,.row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.dev select,.row input{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;max-width:100%;padding:8px 10px}.row input{flex:1;min-width:200px}.dev button{border-radius:10px;padding:8px 14px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex}.tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;border-radius:0}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.tiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:18px;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}.tile-label{color:var(--muted);font-size:13px}.tile-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.tile-sub,.small{font-size:12px}.chart{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0 0 18px;padding:12px}.chart svg{width:100%;height:160px;display:block}.chart figcaption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:6px;font-size:12px;display:flex}.chart .legend{gap:12px;display:flex}.chart .legend i{border-radius:3px;width:10px;height:10px;display:inline-block}rect.c1,i.c1,.bar{fill:var(--accent);background:var(--accent)}rect.c2,i.c2{fill:#f59e0b;background:#f59e0b}.cols{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.dev table{border-collapse:collapse;width:100%;font-size:14px}.dev th{text-align:left;color:var(--muted);font-size:12px;font-weight:600}.dev td,.dev th{border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}.dev .num{text-align:right;font-variant-numeric:tabular-nums}.pick tbody tr{cursor:pointer}.pick tbody tr:hover,.pick tbody tr.on{background:color-mix(in srgb, var(--accent) 10%, transparent)}.split{grid-template-columns:minmax(220px,320px) 1fr;gap:18px;display:grid}@media (width<=720px){.split{grid-template-columns:1fr}.dev .errors th:nth-child(4),.dev .errors td:nth-child(4){display:none}}.bar-cell{white-space:nowrap;width:40%}.bar{vertical-align:middle;border-radius:4px;height:10px;margin-right:6px;display:inline-block}.mono,pre{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,monospace}pre{background:var(--bg);border:1px solid var(--line);white-space:pre;border-radius:10px;padding:10px;font-size:12px;overflow-x:auto}.detail{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-top:18px;padding:14px}.detail h3{margin:0}.detail details{margin-top:10px}.detail summary{cursor:pointer;font-size:14px}.kind{text-transform:uppercase;background:var(--line);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700}.kind.panic{color:#fff;background:#dc2626}.kind.error{color:#000;background:#f59e0b}
