@import "https://fonts.googleapis.com/css2?family=Poppins&Roboto&Lato:wght@900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins&display=swap";.container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex}.click{text-align:center;cursor:pointer;border:1px solid #a9a9a9;width:400px;height:200px}.click:hover{background-color:#80808080}.click:active{background-color:#3b3b3b99}.tracker{margin:24px 0}.tracker h1{text-align:center;font-family:Lato,sans-serif;font-weight:900}.content{text-align:center;border-left-style:solid;border-left-width:6px;border-radius:4px;flex-direction:row;justify-content:space-between;align-items:center;width:700px;height:110px;font-family:Roboto,sans-serif;display:flex;overflow:hidden}.items{margin-top:8px;display:flex}.items img{border-radius:4px;width:20px;margin:0 1px}.items .blank-item{border-radius:4px;width:20px;height:20px;margin:0 1px}.champion{border-radius:100%;width:50px}.upper{align-items:center;display:flex}.upper .kda{text-align:left;flex-direction:column;max-width:100px;margin-left:8px;font-size:16px;display:flex}.upper .kda p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.summoner{flex-direction:column;margin-left:4px;display:flex}.summoner img{width:20px}.stats p{margin:0;font-size:12px}.game{margin-left:6px;padding:4px;font-size:12px}.game p{margin:0}.game .date{margin-bottom:14px}.participants{padding:5px;display:flex}.participant{align-items:center;margin:0 5px;font-size:12px;display:flex;position:relative}.participant p{margin:0}.participant img{width:16px;max-width:100%;margin-right:4px}.details{background-color:#703c47;justify-content:center;width:30px;height:100%;display:flex;position:relative}.details.win{background-color:#2f436e}.details:hover{opacity:.4;cursor:pointer}.details .game-icon{width:16px;position:absolute;top:12px}.details .arrow{width:14px;position:absolute;bottom:6px}.details-container .options{background-color:#282830;border-radius:6px;justify-content:center;margin:4px 0;padding:0;display:flex}.details-container .options button{color:#fff;background-color:#0000;border:none;border-radius:4px;margin:10px 40px;padding:6px 40px;font-family:Poppins,sans-serif}.details-container .options button:not(.chosen){cursor:pointer}.details-container .options button.chosen{background-color:#515163;font-weight:900}.details-container .options button:not(.chosen):hover{background-color:#1c1c1f}.game{width:90px}.infos{width:150px}.stats{width:80px}.participants{width:185px}.statistics{background-color:#282830;border-radius:6px;padding:14px 8px}.statistics .spacer{margin:10px 0;display:flex}.player{align-items:center;margin:4px 0;display:flex}.player img{border-radius:100%;width:28px;margin-right:8px}.player .graph{height:20px;margin:8px 0;display:flex;position:relative}.player .damage-container{align-items:center;margin-left:4px;display:flex}.player .damage-container .damage{margin:0;padding:0;font-family:Poppins,sans-serif;font-size:10px}.summary{background-color:#282830;flex-direction:row;justify-content:space-between;height:50px;display:flex}.summary .team{flex-direction:column;justify-content:center;align-items:center;display:flex}.summary .team p{margin:0 28px;font-size:10px}.summary .graph{width:400px;height:15px;margin:8px 0;display:flex;position:relative}.summary .graph p{margin:2px 0;font-size:10px;position:absolute}.summary .graph .title{left:calc(50% - 15px)}.summary .graph .data-left{text-align:left;top:0;left:8px}.summary .graph .data-right{text-align:left;top:0;right:8px}.team{font-family:Roboto,sans-serif}.team .title{background-color:#31313c;justify-content:space-between;align-items:center;display:flex}.team .title p{text-align:center;font-size:11px}.team .title :first-child{width:140px}.team .title :nth-child(2),.team .title :nth-child(3),.team .title :nth-child(4),.team .title :nth-child(5){width:50px}.team .title :nth-child(6){width:160px}.team .body{padding-bottom:4px}.team .body .card{justify-content:space-between;align-items:center;display:flex}.team .body .card .player{align-items:center;width:140px;margin-top:8px;margin-left:6px;display:flex}.team .body .card .player .champion{border-radius:100%;width:30px}.team .body .card .player .summoner img{width:15px}.team .body .card .player .name p{margin:0;font-size:10px}.team .body .card .kda{text-align:center;width:50px}.team .body .card .kda p{margin:0;font-size:10px}.team .body .card .damage{text-align:center;width:50px}.team .body .card .damage p{margin:0;font-size:10px}.team .body .card .wards{text-align:center;width:50px}.team .body .card .wards p{margin:0;font-size:10px}.team .body .card .cs{text-align:center;width:50px}.team .body .card .cs p{margin:0;font-size:10px}.team .body .card .items{text-align:center;width:160px}.valo-infos{text-align:left;align-items:center;width:150px;display:flex}.valo-infos .kda{text-align:left;flex-direction:column;max-width:100px;font-size:16px;display:flex}.valo-infos .kda p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.valo-infos img{border-radius:100%;width:55px;margin-right:4px}.valo-stats p{width:80px;margin:0;font-size:12px}.valo-stats .hs{margin-bottom:14px}.game .valo-date{margin-bottom:8px}.game .score{margin-bottom:8px;font-size:11px;font-weight:900}.details.draw{background-color:#666}.details-vcontainer{margin:6px 0}.dm-participants{flex-wrap:wrap}.dm-participants>div{flex-wrap:wrap;display:flex}.valo-team{font-family:Roboto,sans-serif}.valo-team .title{background-color:#31313c;justify-content:space-between;align-items:center;display:flex}.valo-team .title p{text-align:center;font-size:11px}.valo-team .title :first-child{width:140px}.valo-team .title :nth-child(2),.valo-team .title :nth-child(3),.valo-team .title :nth-child(4),.valo-team .title :nth-child(5),.valo-team .title :nth-child(6),.valo-team .title :nth-child(7){width:50px}.valo-team .body .card{justify-content:space-between;align-items:center;display:flex}.valo-team .body .card .player{align-items:center;width:140px;margin-top:8px;margin-left:6px;display:flex}.valo-team .body .card .player .agent{border-radius:100%;width:30px}.valo-team .body .card .player .rank{width:25px}.valo-team .body .card .player p{margin:0;font-size:10px}.valo-team .body .card .score{text-align:center;width:50px}.valo-team .body .card .score p{margin:0;font-size:10px}.valo-team .body .card .kda{text-align:center;width:50px}.valo-team .body .card .kda p{margin:0;font-size:10px}.valo-team .body .card .hs{text-align:center;width:50px}.valo-team .body .card .hs p{margin:0;font-size:10px}.valo-team .body .card .fb{text-align:center;width:50px}.valo-team .body .card .fb p{margin:0;font-size:10px}.valo-team .body .card .plants{text-align:center;width:50px}.valo-team .body .card .plants p{margin:0;font-size:10px}.valo-team .body .card .desamo{text-align:center;width:50px}.valo-team .body .card .desamo p{margin:0;font-size:10px}.valo-team .body .card .player .placement{color:#efbf6c;min-width:20px;margin-right:4px;font-size:11px;font-weight:900}.valo-summary{text-align:center;background-color:#282830;justify-content:space-between;display:flex}.valo-summary .rounds{word-wrap:break-word;flex-wrap:wrap;justify-content:center;align-items:center;width:450px;padding:16px 0;display:flex}.valo-summary .rounds .round{flex-direction:column;align-items:center;margin-right:2px;display:flex}.valo-summary .rounds .round p{margin:0;font-family:Poppins,sans-serif;font-size:12px}.valo-summary .rounds .round img{width:25px}.valo-summary .team{flex-direction:column;justify-content:center;width:120px;display:flex}.valo-summary .team p{color:#99abbf;margin:0;font-size:14px}.chess-content{justify-content:space-between}.chess-player{align-items:center;gap:6px;display:flex}.left-player{justify-content:flex-start;width:150px}.right-player{justify-content:flex-end;width:185px}.chess-avatar{object-fit:cover;border:2px solid #444;border-radius:50%;width:50px;height:50px}.chess-info{text-align:left;flex-direction:column;display:flex}.chess-info.right{text-align:right}.chess-info .chess-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;margin:0;font-size:13px;font-weight:600;overflow:hidden}.chess-info .chess-rating{color:#b0a870;margin:0;font-size:11px;font-weight:700}.chess-info .chess-color{color:#9a96aa;margin:0;font-size:11px}.chess-vs{flex-direction:column;align-items:center;width:80px;display:flex}.chess-vs .chess-termination{color:#9a96aa;text-align:center;margin:0;font-size:10px}.details.chess-draw{background-color:#5a5a30}.chess-details-container{margin:6px 0}.chess-replay{box-sizing:border-box;background-color:#282830;border-radius:4px;outline:none;gap:8px;width:706px;padding:10px;font-family:Roboto,sans-serif;display:flex}.chess-replay:focus{outline:none}.replay-board{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:420px;display:flex}.board-container{aspect-ratio:1;flex-shrink:0;width:100%;line-height:0;overflow:hidden}.board-player{box-sizing:border-box;background-color:#1e1e26;border-radius:4px;align-items:center;gap:6px;width:100%;padding:3px 6px;display:flex;overflow:hidden}.board-player img{object-fit:cover;border-radius:50%;width:24px;height:24px}.board-player p{color:#e0e0e0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:600;overflow:hidden}.board-player .material-adv{color:#9a96aa;margin-left:4px;font-size:12px}.board-player .rating{color:#b0a870;margin-left:auto;font-size:11px;font-weight:700}.controls{gap:4px;width:100%;display:flex}.controls button{color:#e0e0e0;cursor:pointer;background-color:#3a3a46;border:none;border-radius:4px;flex:1;padding:6px 0;font-size:14px;transition:background-color .15s}.controls button:hover:not(:disabled){background-color:#4a4a56}.controls button:active:not(:disabled){background-color:#5a5a66}.controls button:disabled{opacity:.3;cursor:default}.move-list-wrapper{flex:1;min-width:0;position:relative}.move-list{background-color:#1e1e26;border-radius:4px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.move-list-header{background-color:#31313c;padding:8px 12px}.move-list-header p{color:#9a96aa;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:700}.move-list-body{flex:1;padding:4px 0;overflow-y:auto}.move-list-body::-webkit-scrollbar{width:6px}.move-list-body::-webkit-scrollbar-track{background:0 0}.move-list-body::-webkit-scrollbar-thumb{background-color:#4a4a56;border-radius:3px}.move-row{align-items:center;padding:2px 8px;font-size:13px;display:flex}.move-row:hover{background-color:#282830}.move-number{color:#666;text-align:right;flex-shrink:0;width:32px;margin-right:8px;font-size:12px}.move-text{cursor:pointer;color:#c8c8d0;text-align:center;border-radius:3px;width:65px;padding:2px 6px;font-size:12px;transition:background-color .1s}.move-text:hover{background-color:#3a3a46}.move-text.active{color:#fff;background-color:#5383e8;font-weight:700}.container{color:#fff;flex-direction:column;align-items:center;display:flex}.filters{flex-direction:column;align-items:center;gap:8px;margin:16px 0;display:flex}.filter-group{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.filter-group button{color:#ddd;cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:6px 14px;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.filter-group button:hover{color:#fff;background:#353535}.filter-group button.active{color:#111;background:#c8aa6e;border-color:#c8aa6e;font-weight:600}.game-list{padding:0;list-style:none}.load-more{color:#111;cursor:pointer;background:#c8aa6e;border:1px solid #c8aa6e;border-radius:6px;margin:4px 0 24px;padding:9px 18px;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s}.load-more:hover{background:#d8bd82;border-color:#d8bd82}.load-more:focus-visible{outline-offset:3px;outline:2px solid #fff}.navigation{position:absolute}.navigation .toggle{cursor:pointer;width:45px}.menu{flex-direction:column;transition:left .3s;display:flex;position:fixed;left:-200px}.menu button{color:#fff;background-color:#535353;border:none;border-radius:4px;margin:10px 16px;padding:6px 40px;font-family:Poppins,sans-serif}.menu button:not(.chosen){cursor:pointer}.menu button.chosen{background-color:gray;text-decoration:underline}body{background-color:#1c1c1c}