.ladder-container { max-width: 440px; margin: 40px auto; background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); padding: 32px 24px 24px 24px; }
.ladder-settings { display: flex; gap: 10px; align-items: center; margin-bottom: 18px; }
.ladder-settings input[type="number"] { width: 60px; margin-left: 4px; }
#playerInputs, #resultInputs { margin-bottom: 10px; }
#playerInputs h3, #resultInputs h3 { margin: 8px 0 4px 0; font-size: 1.05rem; color: #333; }
#playerInputs input, #resultInputs input { padding: 6px; border-radius: 6px; border: 1px solid #ccc; margin-right: 4px; margin-bottom: 4px; }
#ladderForm button[type="submit"] { margin-top: 10px; padding: 8px 0; width: 100%; border-radius: 6px; background: #0078d7; color: #fff; border: none; font-size: 1rem; cursor: pointer; }
#ladderResult { margin-top: 18px; }
#ladderGraphic { margin-top: 10px; text-align: center; }