.panel{background:var(--viz-panel,#162536);border:1px solid var(--viz-border);border-radius:13px;overflow:hidden;margin:12px 0}.pad{padding:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats article,.rules article{padding:11px;background:var(--viz-card);border:1px solid var(--viz-border);border-radius:9px;font-size:12px}.stats strong{display:block;font-size:21px;font-variant-numeric:tabular-nums}.muted,.bar,small{font-size:12px;color:var(--viz-muted);line-height:1.7}.center{text-align:center}.bar{padding:9px 12px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px}canvas{display:block;width:100%;height:auto}#world{touch-action:manipulation;cursor:crosshair}.actions{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;margin:12px 0}button{background:var(--viz-card);border:1px solid var(--viz-border);border-radius:9px;color:var(--viz-text);padding:10px;cursor:pointer}button.primary{background:var(--viz-accent);color:white}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}.controls label{font-size:12px}.controls output{float:right;font-weight:bold}.controls input{display:block;width:100%;margin:10px 0;accent-color:var(--viz-accent)}small{display:block}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;text-align:center}@media(max-width:560px){.stats{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr}.actions{grid-template-columns:repeat(2,1fr)}}