.app-container{margin-top:0}.search-bar{margin-bottom:12px}.main-leader-select{display:flex;justify-content:center}.leader-menu-container{margin-top:0;text-align:center;width:99vw}.main-selection{display:flex;flex-wrap:wrap;height:450px;overflow-y:auto;width:90%;justify-content:center;gap:12px;border:3px solid white;padding-top:12px}.cards{border:1px solid white;width:15%;padding-top:12px;cursor:pointer;height:275.078px}.cards p{margin-top:1px}.cards h3{margin-top:0;margin-bottom:0}.leader-menu-container h2{margin-top:0}.played-leaders{margin:10px;border:2px solid #444;padding:12px;cursor:pointer}.played-leaders p,.played-leaders h3{margin-top:0;margin-bottom:0}.previously-played-scroll{border:3px solid white;display:flex;overflow-x:auto;max-width:90%}.previously-played{display:flex;justify-content:center}.delete-match-history{margin-top:8px;background-color:#b22222;color:#fff;border:none;padding:6px 10px;border-radius:5px;cursor:pointer}.delete-match-history:hover{background-color:#a11d1d}.match-container{max-width:100%;margin:auto;padding:12px;display:flex;flex-direction:column}.active-leader-container{display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding:0;border-bottom:1px solid #ccc}.by-leader{border:1px solid #ccc;padding:12px;max-height:500px;overflow-y:auto;text-align:center}.sorted-leader-cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.opp-leaders{border:1px solid white;padding:12px}.leader-and-stats{display:flex;flex-direction:column;text-align:center;gap:0}.leader-and-stats h3{margin:0;border-bottom:1px solid #ccc}.leader-and-stats p{margin:0}form{display:flex;flex-direction:row}.form-leader-select{display:flex;flex-direction:column;width:90%}.form-buttons{display:grid}.button-toggle-group{gap:12px;margin-bottom:1rem}.log-match-container{border:1px solid #ccc;margin-top:24px;text-align:center;width:60%}.toggle-btn{padding:.5rem 1rem;border:2px solid #3a3939;border-radius:8px;cursor:pointer;font-weight:700;transition:.2s ease}.toggle-btn.selected{background-color:#188545;color:#fff;border-color:#c3f2fd}.opposing-leader-grid{display:flex;flex-wrap:wrap;gap:1rem;height:300px;overflow-y:auto;padding:.5rem;border:1px solid #ccc;justify-content:center}.opposing-leader-tile{width:15%;text-align:center;border:2px solid white;border-radius:10px;padding:.5rem;cursor:pointer;transition:.2s ease}.opposing-leader-tile.selected{border-color:#000;background-color:#188545}.result-win{color:green;font-weight:700}.result-loss{color:red;font-weight:700}.bottom-section{display:flex;flex-direction:row;gap:40px;justify-content:center;height:535.703px;width:97vw}.match-history{border:1px solid #ccc;margin-top:24px;min-width:30%;text-align:center}.match-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #ddd}.match-left{display:flex;gap:.5rem;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-right{flex-shrink:0;text-align:right;color:#555;padding-right:12px}.match-result{font-weight:700;width:48px}.result-win{color:green}.result-loss{color:red}.generic-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1e1e2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--card-bg: #2c2c3b;--accent: #3ce978;--accent-dark: #38a169;--text-light: #f5f5f5;--border-base: #444;--shadow: 0 4px 10px rgba(0, 0, 0, .4);--hover-bright: #ffffff33}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.cards,.opposing-leader-tile,.played-leaders,.by-leader,.log-match-container,.match-history,.opp-leaders{background-color:var(--card-bg);border-radius:10px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;font-weight:700}.cards:hover,.opposing-leader-tile:hover,.played-leaders:hover{box-shadow:0 6px 14px #0009;transform:translateY(-2px);background-color:#3a3a4f}h2,h3{font-family:Segoe UI,sans-serif;letter-spacing:.5px;color:var(--accent)}.main-selection,.previously-played-scroll,.opposing-leader-grid{border-color:var(--accent)}.opp-leaders{border:3px solid var(--accent)}.toggle-btn{background-color:#2f2f2f;color:var(--text-light);border-color:var(--accent-dark)}.toggle-btn:hover{background-color:#3c3c3c;border-color:var(--accent);color:var(--accent)}.toggle-btn.selected{background-color:var(--accent-dark);color:#000;border-color:var(--accent)}.active-stat-breakdown{background-color:#000;border:1px solid var(--accent-dark);color:#fff}.result-win{color:#63ff94}.result-loss{color:#ff6e6e}.delete-match-history{background-color:#ff4d4d;border-radius:8px;transition:background-color .2s ease}.delete-match-history:hover{background-color:#c00}.match-row{background-color:#1a1a1a;padding:8px 12px;border-bottom:1px solid #333;border-radius:6px;margin-bottom:6px}.match-left,.match-right{color:var(--text-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#666;border-radius:10px}::-webkit-scrollbar-track{background:#2a2a2a}