.panel{background:var(--viz-panel,#162536);border:1px solid var(--viz-border);border-radius:13px;overflow:hidden;margin:12px 0}.pad{padding:14px}.muted,small,.heading span,.foot{color:var(--viz-muted);font-size:12px;line-height:1.65}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stats article,.rules article{padding:11px;background:var(--viz-card);border:1px solid var(--viz-border);border-radius:10px}.stats strong{font-size:24px;display:block;font-variant-numeric:tabular-nums}.stats small{display:block}.heading,.foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px}.pad .heading{padding:0 0 10px}.dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}canvas{display:block;width:100%;height:auto}#road,#space{background:#101b29}.actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin:8px 0}.actions.two{grid-template-columns:1fr 1fr}button{border:1px solid var(--viz-border);background:var(--viz-card);color:var(--viz-text);border-radius:9px;padding:10px;cursor:pointer}button.primary{background:var(--viz-accent);color:#fff;border-color:var(--viz-accent)}button.active{border-color:var(--viz-accent);background:var(--viz-accent-bg)}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.controls label{display:block;font-size:13px}.controls output{float:right;font-weight:700}.controls input{display:block;width:100%;margin:12px 0;accent-color:var(--viz-accent)}.controls small{display:block}.scenes,.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.scenes small{display:block}.rules{grid-template-columns:repeat(2,1fr)}.rules p{font-size:12px;color:var(--viz-muted);margin-bottom:0}@media(max-width:560px){.stats{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr}.scenes{grid-template-columns:1fr}.actions{grid-template-columns:2fr 1fr 1fr}.lab-top{align-items:flex-start}}