:root{--background-color: #121212;--panel-background: #1e1e1e;--text-color: #ffffff;--accent-color: #9c27b0;--winner-glow: #4caf50;--loser-overlay: rgba(0, 0, 0, .7);--font-family: "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;overflow-x:hidden}header{text-align:center;margin-bottom:2rem}header h1{font-size:2.5rem;color:var(--accent-color);font-weight:700}header p{font-size:1.1rem;opacity:.8}.container{display:grid;grid-template-columns:1fr;gap:40px;width:100%;max-width:1200px}.matchup-area{position:relative;display:flex;justify-content:center;align-items:center;gap:20px}.vs-separator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-color:var(--accent-color);color:var(--text-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;z-index:10;box-shadow:0 0 15px var(--accent-color);border:3px solid var(--background-color)}.influencer-panel{flex:1;background-color:var(--panel-background);border-radius:15px;overflow:hidden;box-shadow:0 10px 20px #0003;position:relative;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,opacity .4s ease-in-out;max-width:700px}.influencer-panel:hover,.influencer-panel.winner-highlight{transform:scale(1.05);box-shadow:0 0 25px var(--accent-color)}.influencer-panel img{width:100%;height:750px;object-fit:cover;display:block;transition:opacity .3s ease}.influencer-info{padding:20px;text-align:center;min-height:115px;display:flex;flex-direction:column;justify-content:center}.influencer-info h2{font-size:1.5rem;margin:0}.no-events{pointer-events:none}.leaderboard{background-color:var(--panel-background);padding:20px;border-radius:15px;box-shadow:0 10px 20px #0003;display:none}.leaderboard h2{color:var(--accent-color);margin-bottom:1rem;text-align:center}.leaderboard ol{list-style:none}.leaderboard li{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #333;font-size:1.1rem}.leaderboard li:last-child{border-bottom:none}.leaderboard .score{font-weight:700;color:var(--accent-color)}@media (max-width: 900px){header{padding-left:60px;padding-right:60px}.influencer-panel img{height:400px;width:300px}.container{grid-template-columns:1fr}.leaderboard{grid-row-start:1}.matchup-area{flex-direction:column}.vs-separator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:41px;height:41px;margin:0}}@media (min-width: 901px){body{justify-content:flex-start;padding-top:12vh}}.hidden{opacity:0;pointer-events:none}.social-links{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:10px}.social-links a{display:inline-block;transition:transform .2s ease}.social-links a:hover{transform:scale(1.15)}.social-links a svg{width:28px;height:28px;fill:var(--text-color)}.social-links a{display:inline-block;transition:transform .2s ease;pointer-events:auto}.menu-toggle{position:fixed;top:20px;left:20px;z-index:1001;background:var(--panel-background);border:1px solid var(--accent-color);border-radius:8px;width:50px;height:50px;cursor:pointer;color:var(--accent-color);padding:10px}.sidebar{position:fixed;top:0;left:0;width:300px;height:100%;background-color:var(--panel-background);box-shadow:2px 0 10px #00000080;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1002;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{padding:20px;border-bottom:1px solid #333;text-align:center}.sidebar-header h2{color:var(--accent-color);margin:0}.favorites-list{list-style:none;padding:10px;overflow-y:auto}.favorites-list li{display:flex;align-items:center;padding:10px;border-radius:8px;margin-bottom:10px;background-color:#2a2a2a}.favorites-list img{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:15px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.overlay.active{opacity:1;pointer-events:all}.fav-button{background-color:#ffc107;color:#121212;border:none;padding:8px 15px;border-radius:20px;cursor:pointer;font-weight:700;margin-top:10px;transition:transform .2s ease}.fav-button:hover{transform:scale(1.05)}.fav-star-container{position:absolute;top:15px;right:15px;z-index:5;cursor:pointer;padding:5px;border-radius:50%;background-color:#0006;display:none}.fav-star{width:28px;height:28px;fill:#fff;transition:transform .2s ease,fill .2s ease}.fav-star-container:hover .fav-star{transform:scale(1.2)}.fav-star.favorited{fill:gold}.favorites-list li{position:relative}.remove-fav-btn{position:absolute;top:5px;right:5px;width:20px;height:20px;background-color:#555;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:20px;transition:background-color .2s ease}.remove-fav-btn:hover{background-color:#e53935}.influencer-panel.winner{transform:scale(1.03)}.influencer-panel.winner .influencer-info .hidden{opacity:1;pointer-events:auto}.influencer-panel.loser{transform:scale(.95);opacity:.5;filter:saturate(.5)}.panel-loading{opacity:0}