@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0f;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.app{max-width:900px;margin:0 auto;padding:2rem 1rem}.header{text-align:center;margin-bottom:2rem}.logo{background:linear-gradient(135deg,#00e676,#448aff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.subtitle{color:#888;margin-top:.3rem;font-size:.95rem}.selectors{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.vs-badge{color:#ff5252;flex-shrink:0;font-size:1.5rem;font-weight:800}.player-selector{flex:1;position:relative}.selector-label{text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:.4rem;font-size:.75rem;font-weight:600}.selector-box{cursor:pointer;background:#16161f;border:1px solid #2a2a3a;border-radius:12px;justify-content:space-between;align-items:center;padding:.8rem 1rem;transition:border-color .2s;display:flex}.selector-box:hover{border-color:#448aff}.selected-player{align-items:center;gap:.7rem;display:flex}.player-avatar{object-fit:cover;background:#2a2a3a;border-radius:50%;width:40px;height:40px}.player-name-small{color:#fff;font-size:.95rem;font-weight:600}.player-meta{color:#888;font-size:.75rem}.placeholder{color:#555}.arrow{color:#666;font-size:.8rem}.dropdown{z-index:100;background:#16161f;border:1px solid #2a2a3a;border-radius:12px;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden;box-shadow:0 12px 40px #00000080}.search-input{color:#fff;background:#1e1e2e;border:none;border-bottom:1px solid #2a2a3a;outline:none;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.9rem}.search-input::placeholder{color:#555}.dropdown-list{max-height:260px;overflow-y:auto}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.dropdown-item{cursor:pointer;align-items:center;gap:.7rem;padding:.7rem 1rem;transition:background .15s;display:flex}.dropdown-item:hover{background:#1e1e2e}.dropdown-avatar{object-fit:cover;background:#2a2a3a;border-radius:50%;width:36px;height:36px}.dropdown-name{color:#fff;font-size:.9rem;font-weight:600}.dropdown-meta{color:#888;font-size:.7rem}.dropdown-rating{color:#00e676;margin-left:auto;font-size:.9rem;font-weight:700}.comparison-area{background:#111118;border:1px solid #1e1e2e;border-radius:20px;padding:2rem 1.5rem}.player-cards{gap:1.5rem;margin-bottom:2rem;display:flex}.player-card{text-align:center;background:linear-gradient(145deg,#16161f,#1a1a28);border:1px solid #2a2a3a;border-radius:16px;flex:1;padding:1.5rem 1rem}.card-avatar{object-fit:cover;background:#2a2a3a;border:3px solid #2a2a3a;border-radius:50%;width:80px;height:80px;margin-bottom:.8rem}.player-card h2{color:#fff;margin-bottom:.3rem;font-size:1.15rem;font-weight:700}.card-info{color:#888;margin-bottom:.15rem;font-size:.8rem}.overall-badge{color:#000;border-radius:20px;margin-top:.8rem;padding:.4rem 1rem;font-size:1.3rem;font-weight:800;display:inline-block}.score-summary{background:#0a0a12;border-radius:12px;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1rem;display:flex}.score-left,.score-right{font-size:2.5rem;font-weight:800}.score-left{color:#448aff}.score-right{color:#ff5252}.score-label{text-transform:uppercase;letter-spacing:.1em;color:#666;font-size:.75rem;font-weight:600}.section{margin-bottom:2rem}.section:last-child{margin-bottom:0}.section-title{color:#fff;border-bottom:1px solid #1e1e2e;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.stat-row{align-items:center;margin-bottom:.7rem;display:flex}.stat-side{flex:1;align-items:center;gap:.5rem;display:flex}.stat-side.left{justify-content:flex-end}.stat-bar-track{background:#1a1a28;border-radius:4px;flex:1;max-width:160px;height:8px;overflow:hidden}.stat-bar-fill{border-radius:4px;height:100%;transition:width .5s}.left-fill{float:right}.stat-label{text-align:center;color:#aaa;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:100px;font-size:.75rem;font-weight:600}.stat-value{color:#888;text-align:center;min-width:30px;font-size:.85rem;font-weight:700}.stat-value.winner{color:#00e676;text-shadow:0 0 8px #00e6764d}.footer{text-align:center;border-top:1px solid #1a1a28;margin-top:2.5rem;padding-top:1.5rem}.footer p{color:#555;font-size:.8rem}@media (width<=640px){.selectors{flex-direction:column}.vs-badge{font-size:1.2rem}.player-cards{flex-direction:column}.stat-label{width:70px;font-size:.65rem}.stat-bar-track{max-width:100px}.comparison-area{padding:1.5rem 1rem}}