:root{--bg: #0e1014;--bg-raised: #161a21;--bg-inset: #0a0c10;--border: #262c36;--text: #d8dee8;--text-dim: #8b94a3;--accent: #e0a458;--accent-dim: #8a6534;--danger: #e6533c;--ok: #58c15c;--radius: 6px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:600;margin:0 0 .5rem}h1{font-size:1.3rem;letter-spacing:.04em}h2{font-size:1.05rem}h3{font-size:.95rem}.topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;border-bottom:1px solid var(--border);background:var(--bg-raised)}.topbar .brand{font-weight:700;letter-spacing:.12em;color:var(--accent);font-size:1rem}.topbar .spacer{flex:1}.topbar .who{color:var(--text-dim);font-size:.85rem}main.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.2rem}main.page.wide{max-width:1500px}footer.credits{border-top:1px solid var(--border);padding:.7rem 1.2rem;color:var(--text-dim);font-size:.78rem;text-align:center}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1.2rem}button,.btn{background:var(--bg-inset);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .8rem;font:inherit;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:#14100a;border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){color:#000;filter:brightness(1.1)}button.small{padding:.15rem .5rem;font-size:.8rem}button.active{border-color:var(--accent);color:var(--accent)}button.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}input[type=text],input[type=number],select,textarea{background:var(--bg-inset);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .55rem;font:inherit}textarea{font-family:var(--mono);font-size:12px;width:100%;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-dim)}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.muted{color:var(--text-dim);font-size:.85rem}.mono{font-family:var(--mono);font-size:.85em}.error-text{color:var(--danger);font-size:.85rem;white-space:pre-wrap}.ok-text{color:var(--ok);font-size:.85rem}.star-btn{background:none;border:none;font-size:1rem;padding:0 .2rem;color:var(--text-dim)}.star-btn.starred{color:var(--accent)}.star-btn:hover{color:var(--accent);border:none}table.list{width:100%;border-collapse:collapse}table.list th{text-align:left;color:var(--text-dim);font-weight:500;font-size:.8rem;padding:.3rem .5rem;border-bottom:1px solid var(--border)}table.list td{padding:.35rem .5rem;border-bottom:1px solid var(--border)}table.list tr:last-child td{border-bottom:none}table.list tr.sel td{background:#e0a45812}table.list tr.clickable{cursor:pointer}table.list tr.clickable:hover td{background:#ffffff08}pre.snippet{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem;font-family:var(--mono);font-size:12px;overflow-x:auto}.token-once{background:var(--bg-inset);border:1px dashed var(--accent-dim);border-radius:var(--radius);padding:.6rem;margin:.6rem 0}.viewer-layout{display:flex;gap:1rem;align-items:flex-start}.viewer-main{flex:1;min-width:0}.viewer-side{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:.7rem}@media(max-width:900px){.viewer-layout{flex-direction:column}.viewer-side{width:100%}}.canvas-wrap{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;max-height:78vh}canvas.map{display:block;image-rendering:pixelated;width:100%}canvas.map.zoomed{width:2048px;max-width:none}.sim-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.6rem 0}.progress-wrap{flex:1;min-width:140px;display:flex;align-items:center;gap:.5rem}.progress-bar{flex:1;height:6px;background:var(--bg-inset);border-radius:3px;overflow:hidden;border:1px solid var(--border)}.progress-bar>div{height:100%;background:var(--accent);width:0}.tribe-panel{background:var(--bg-raised);border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius);padding:.5rem .7rem;font-size:.85rem}.tribe-panel.dead{opacity:.5}.tribe-panel .head{display:flex;align-items:center;gap:.5rem;font-weight:600}.tribe-panel canvas{image-rendering:pixelated}.tribe-panel .stats{display:flex;gap:.9rem;margin-top:.25rem;color:var(--text-dim);flex-wrap:wrap}.tribe-panel .stat{display:inline-flex;align-items:center;gap:.25rem}.tribe-panel .stat img{image-rendering:pixelated;width:16px;height:16px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.dot.over{background:var(--danger)}.result-banner{border:1px solid var(--accent-dim);background:#e0a45814;border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:.8rem}.result-banner h2{color:var(--accent)}.result-banner table{margin-top:.4rem}.notice{padding:2rem;text-align:center;color:var(--text-dim)}.example-row{border-top:1px solid var(--border);padding:.6rem 0}.example-row pre.source{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem;font-family:var(--mono);font-size:12px;max-height:20rem;overflow:auto}