@import url('https://fonts.googleapis.com/css?family=Abel');body{font-family:Arial,sans-serif;background-color:#f9f9f9;margin:0;padding:20px}.adelskalender{max-width:800px;margin:auto}.player-card,.player-item{position:relative;background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.top-player{display:flex;align-items:center}.top-player img{width:150px;height:150px;border-radius:75%;margin-right:25px}.player-info{flex:1}.player-list .player-item{position:relative}.player-list h3{margin:0}.toggle-info{background:0;border:0;cursor:pointer;font-size:1rem;padding:0;margin-left:10px;display:inline-flex;align-items:center}.toggle-info:hover{background-color:#0056b3}.player-list img{width:80px;height:80px;border-radius:50%;margin-bottom:10px}.isActive{background-color:#e6ffe6;border:1px solid #b3ffb3}.top-player .rank{position:absolute;top:10px;right:10px;background-color:gold;color:#fff;font-weight:bold;font-size:1.2rem;padding:5px 10px;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.player-item .rank{background-color:#ececec;color:#bdbdbd;font-weight:bold;font-size:1rem;margin-right:10px;padding:2px 8px;border-radius:5px;display:inline-block}.player-item .counter{background-color:#ececec;color:#bdbdbd;font-weight:bold;font-size:1rem;padding:2px 8px;border-radius:5px;display:inline-block;position:absolute;right:10px;top:55px}.player-item .counterGoal{background-color:#ececec;color:#bdbdbd;font-weight:bold;font-size:1rem;padding:2px 8px;border-radius:5px;display:inline-block;position:absolute;right:10px;top:85px}.player-item .YearBorn{background-color:#ececec;color:#bdbdbd;font-weight:bold;font-size:1rem;padding:2px 8px;border-radius:5px;display:inline-block;position:absolute;right:10px;top:115px}.player-item .activeEmblem{background-color:#6aa84f;color:#c3dcb8;font-weight:bold;font-size:1rem;padding:2px 8px;border-radius:5px;display:inline-block;top:120px}.grey-txt{color:#bdbdbd}.player-item h3{display:flex;align-items:center;margin:0}.expand-icon{font-size:.8rem;color:#666;transition:transform .2s}.player-item.expanded .expand-icon{transform:rotate(180deg)}.player-item.expanded .extra-info{display:block}.rank-banner-1{position:absolute;top:0;left:0;background-color:gold;color:#fff;padding:5px 10px;font-size:.9rem;font-weight:bold;border-bottom-right-radius:10px}.rank-banner-2{position:absolute;top:0;left:0;background-color:silver;color:#fff;padding:5px 10px;font-size:.9rem;font-weight:bold;border-bottom-right-radius:10px}.rank-banner-3{position:absolute;top:0;left:0;background-color:#cd7f32;color:#fff;padding:5px 10px;font-size:.9rem;font-weight:bold;border-bottom-right-radius:10px}.player-info{width:300px;text-align:center;padding:20px;border-radius:8px}.toggle-info-btn{padding:10px 20px;border:0;border-radius:20px;background-color:#007bff;color:#fff;cursor:pointer;font-size:16px;transition:background-color .3s}.toggle-info-btn:hover{background-color:#0056b3}.info-box{margin-bottom:20px;padding:4px;background:#f9f9f9;border-radius:8px;display:none;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%)}.card{width:450px;height:250px;background-color:#fff;background:linear-gradient(#f8f8f8,#fff);box-shadow:0 8px 16px -8px rgba(0,0,0,0.4);border-radius:6px;overflow:hidden;position:relative;margin:1.5rem}.card h1{text-align:center}.card .additional{position:absolute;width:150px;height:100%;background:linear-gradient(#de685e,#ee786e);transition:width .4s;overflow:hidden;z-index:2}.card.green .additional{background:linear-gradient(#92bca6,#a2ccb6)}.card:hover .additional{width:100%;border-radius:0 5px 5px 0}.card .additional .user-card{width:150px;height:100%;position:relative;float:left}.card .additional .user-card::after{content:"";display:block;position:absolute;top:10%;right:-2px;height:80%;border-left:2px solid rgba(0,0,0,0.025)}.card .additional .user-card .level,.card .additional .user-card .points{top:15%;color:#fff;text-transform:uppercase;font-size:.75em;font-weight:bold;background:rgba(0,0,0,0.15);padding:.125rem .75rem;border-radius:100px;white-space:nowrap}.card .additional .user-card .points{top:85%}.card .additional .user-card svg{top:50%}.card .additional .more-info{width:300px;float:left;position:absolute;left:150px;height:100%}.card .additional .more-info h1{color:#fff;margin-bottom:0}.card.green .additional .more-info h1{color:#224c36}.card .additional .coords{margin:0 1rem;color:#fff;font-size:1rem}.card.green .additional .coords{color:#325c46}.card .additional .coords span+span{float:right}.card .additional .stats{font-size:2rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem;top:auto;color:#fff}.card.green .additional .stats{color:#325c46}.card .additional .stats>div{flex:1;text-align:center}.card .additional .stats i{display:block}.card .additional .stats div.title{font-size:.75rem;font-weight:bold;text-transform:uppercase}.card .additional .stats div.value{font-size:1.5rem;font-weight:bold;line-height:1.5rem}.card .additional .stats div.value.infinity{font-size:2.5rem}.card .general{width:300px;height:100%;position:absolute;top:0;right:0;z-index:1;box-sizing:border-box;padding:1rem;padding-top:0}.card .general .more{position:absolute;bottom:1rem;right:1rem;font-size:.9em}