body{background:linear-gradient(180deg,#121212,#1a1a1a);color:#e0e0e0;font-family:Roboto,sans-serif;margin:0;padding:0}.header .title{display:flex;align-items:center;gap:clamp(1px,1vw,30px);font-size:24px;font-weight:700;color:#fff}.title-image{width:50px;height:auto}.search-bar{width:92%;padding:12px;font-size:16px;margin-bottom:12px;border:none;border-radius:8px;color:#fff;box-shadow:0 4px 8px #0000004d}.player-one{flex:1;background:linear-gradient(145deg,#3a0d0d,#5a1a1a);border-radius:12px;padding:20px;box-shadow:0 6px 12px #0006;color:#f5e6e6}.player-one h2{font-size:20px;margin-bottom:10px;color:#fcc}.player-one .search-bar{background-color:#500}.player-one .player-stats{background-color:#611;border-radius:8px;padding:10px;margin-top:10px;box-shadow:0 4px 8px #0000004d}.player-two{flex:1;background:linear-gradient(145deg,#0d213a,#1a3a5a);border-radius:12px;padding:20px;box-shadow:0 6px 12px #0006;color:#d6e9f5}.player-two h2{font-size:20px;margin-bottom:10px;color:#b3d7ff}.player-two .search-bar{background-color:#036}.player-two .player-stats{background-color:#004080;border-radius:8px;padding:10px;margin-top:10px;box-shadow:0 4px 8px #0000004d}.suggestions{list-style-type:none;padding:0;margin:5px 0;border:none;border-radius:8px;background-color:#1f1f1f;max-height:200px;overflow-y:auto;box-shadow:0 6px 12px #0006}.suggestions li{padding:12px;cursor:pointer;border-bottom:1px solid #2b2b2b;color:#e0e0e0}.suggestions li:hover{background-color:#333}.comparison-container{display:flex;flex-direction:column;align-items:center;padding:20px}.player-search-sections{display:flex;justify-content:space-between;gap:20px;width:100%;max-width:900px;margin:20px auto}.comparison-results{width:100%;max-width:800px;background:#1f1f1f;border-radius:12px;padding:20px;box-shadow:0 6px 12px #0006;margin-top:20px;text-align:center;display:flex;flex-direction:column;align-items:center}.comparison-table{width:100%;max-width:600px;margin-top:10px;margin-left:250px;text-align:center}.comparison-table th,.comparison-table td{padding:12px}.comparison-table th{background-color:#2c2c2c;color:#fff}.comparison-table tr:nth-child(2n){background-color:#1a3a5a}.comparison-table tr:nth-child(odd){background-color:#5a1a1a}.comparison-table tbody tr.highlight{outline:3px solid #00ff00;outline-offset:2px;border-radius:8px}.compare-button{background:#444;color:#fff;font-size:16px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px #0000004d}.compare-button:hover{background:#555}.player-stats{list-style-type:none;padding:0;margin:0}.player-stats li{padding:6px 0;border-bottom:1px solid #2b2b2b}.player-stats li:last-child{border-bottom:none}.loaded-players-section{margin-top:20px;text-align:center}@media (max-width: 768px){.player-search-sections{flex-direction:column}.comparison-container{padding:10px}.player-one,.player-two{max-width:100%}.comparison-table{margin-left:0}.search-bar{font-size:14px}h1{font-size:24px}h2{font-size:20px}}button{all:unset;cursor:pointer}button{display:inline-block;padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#1d3f64;border-radius:8px;text-align:center;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}button:hover{background-color:#0056b3;transform:translateY(-2px)}button:active{background-color:#003f7f;transform:translateY(0)}button:focus{outline:none;box-shadow:0 0 0 3px #007bff80}.profile-photo{width:40px;height:40px;border-radius:50%;margin-left:10px;vertical-align:middle;border:2px solid #007bff}header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#1f1f1f;box-shadow:0 4px 8px #0006;position:sticky;top:0;z-index:10}.sign-in{font-size:16px;color:#fff}.sign-in button{background-color:#444;color:#fff;font-size:14px;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;box-shadow:0 4px 8px #0000004d}.sign-in button:hover{background-color:#555}