MediaWiki:PartySimulator.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.sim-layout {
  display:grid;
  grid-template-columns:1fr 340px;
  gap:18px;
}

.sim-controls {
  background: var(--bg-1);
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
}

.sim-row {
  display:grid;
  grid-template-columns:120px 1fr auto;
  gap:8px;
  align-items:center;
  margin-bottom:10px;
}

.sim-row label {
  font-weight:800;
  color:#334;
}

.sim-card-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}

.sim-card {
  background: var(--bg-1);
  border:1px solid var(--border);
  border-radius:12px;
  padding:10px;
  display:grid;
  gap:8px;
}

.sim-card-header {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
}

.sim-card-title {
  font-weight:800;
  color: var(--heading);
}

.sim-select {
  width:100%;
  border:1px solid var(--border);
  border-radius:8px;
  padding:8px;
  background: var(--surface);
}

.sim-input {
  width:100%;
  border:1px solid var(--border);
  border-radius:8px;
  padding:8px;
  background: var(--surface);
}

.sim-summary {
  background: var(--bg-1);
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
}

.sim-type-box h3 {
  margin:0 0 8px 0;
}

.sim-chip-row {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.sim-chip {
  background: var(--bg-1);
  border:1px solid var(--border);
  color: var(--text);
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
}

.sim-rules {
  margin-top:12px;
  display:grid;
  gap:6px;
}

.sim-rule {
  background: var(--bg-1);
  border:1px solid var(--border);
  border-radius:10px;
  padding:8px 10px;
  color: var(--text);
}

.sim-card .image-container {
  max-width:64px !important;
}

.sim-type-box .image-container {
  max-width:160px !important;
}

.sim-actions {
  display:flex;
  gap:8px;
}

.sim-button {
  background: var(--bg-1);
  border:1px solid var(--border);
  color: var(--text);
  border-radius:8px;
  padding:8px 12px;
  font-weight:800;
  cursor:pointer;
}