body{margin:0;padding:0;display:block;font-family:Plus Jakarta Sans,sans-serif;font-weight:300;min-height:100vh;background:linear-gradient(to right,#0d0d0d,#141414,#0d0d0d);background-attachment:fixed}#root{margin:0;padding:0;display:block;min-height:100vh}.container{display:block;min-height:100vh;width:auto;position:relative;margin:7px auto;padding:0 0 10px;color:#e0e0e0}.container .header{display:flex;height:120px;justify-content:center;align-items:center;font-size:5rem;font-weight:700;text-align:center;margin-top:0}.container .babagdle{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;text-shadow:4px 4px 6px #000;filter:drop-shadow(0 10px 4px #000)}.container .image-babag{display:inline-block;margin-top:30px;margin-left:30px;filter:drop-shadow(0 0 12px #c4b07b)}.container .desc{font-size:1.5rem;margin-top:20px;text-align:center}form{display:flex;justify-content:center;align-items:center;margin-top:10px}form .span{font-size:1.75rem;margin:0 5px}input[type=text]{display:inline-block;position:relative;justify-content:center;width:30px;height:30px;font-size:1.5rem;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;text-align:center;background-color:#1a1a1a;border:1px solid #444;color:#fff!important;padding:5px 10px;margin:10px;border-radius:10px}input[type=text]:focus{outline:invert;outline-color:#fff;outline-style:solid;outline-width:2px}.container .msg{font-size:1.2rem;text-align:center;margin-top:30px;margin-bottom:0}.container .button-div{display:flex;justify-content:center;align-items:center;margin-top:20px}button{display:inline-block;position:relative;justify-content:center;width:auto;height:auto;font-size:1.2rem;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;text-align:center;background-color:#1a1a1a;color:#fff!important;padding:10px 20px;margin:10px;border:none;border-radius:10px;cursor:pointer}button:hover{color:#fff!important;background-color:#302f2f!important;transition:all .2s ease}.container .game{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:400px;height:auto}.container .game .stats{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:0;width:100%;max-width:1000px;height:auto;min-height:300px;border:1px solid #444;border-radius:10px;background-color:#1a1a1a;padding:10px 5px;box-sizing:border-box}.team-table{width:50%;border-collapse:collapse;color:#fff;margin:0;background-color:transparent;table-layout:fixed;box-sizing:border-box}.team-table thead tr{border-bottom:1px solid #333}.team-table th{padding:12px 8px;font-size:.85rem;font-weight:700;color:#888;border:none;text-align:center;width:70px}.team-table th:first-child{width:auto;text-align:center;padding-left:18px}.team-table th:nth-child(2){width:50px}.team-table th.damage-header{text-align:center;padding-right:30px}.team-table th.damage-header span{display:block;line-height:1.3;text-align:center}.team-table th.team-header{font-weight:500;font-size:.9rem}.team-table th.team-header.blue{font-size:1.1rem;font-weight:900;color:#4a9eff}.team-table th.team-header.red{font-size:1.1rem;font-weight:900;color:#f55}.team-table th .icon{opacity:.6}.team-table tbody tr{border-bottom:1px solid #2a2a2a}.team-table tbody tr:last-child{border-bottom:1px solid transparent}.team-table td{padding:10px 8px;text-align:center;font-size:.9rem;color:#ccc}.team-table td.player-name{text-align:center;padding-left:18px;color:#fff;font-weight:600}.team-table td.champ-icon{width:50px;text-align:center;padding:9px 5px 5px}.team-table td.champ-icon img{width:36px;height:36px;display:block;margin:0 auto;object-fit:cover;border:none}.team-table td.player-cs{color:#fff;font-weight:500}.team-table td.player-kda{color:#fff;font-size:.9rem;font-weight:500}.kda-slash{font-weight:200;margin:0}.team-table td.player-damage{font-weight:500;color:#fff;padding-right:30px}.blue-team{border-right:1px solid #333}.player-kda.blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.guess-section{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin:20px 0}.guess-section form{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0}.guess-button-div{display:flex;justify-content:center;align-items:center}.guess-button{display:flex;position:relative;justify-content:center;align-items:center;font-size:1rem;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;background-color:#1a1a1a;color:#fff;border:1px solid #444;border-radius:10px;cursor:pointer;transition:all .2s ease}.guess-button:hover{background-color:#222}.guess-button:disabled{opacity:.5;cursor:not-allowed}.input.correct{background-color:#22c55e!important;color:#fff!important}.input.close{background-color:#f97316!important;color:#fff!important}.input.wrong{background-color:#ef4444!important;color:#fff!important}.guess-history{display:flex;flex-direction:column;align-items:center;gap:0px;margin:20px 0}.guess-row{display:flex;align-items:center;justify-content:center;gap:0}.guess-separator{font-size:1.75rem;color:#e0e0e0;margin:0 5px}.guess-box{display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:5px 10px;margin:10px;border-radius:10px;font-size:1.5rem;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;color:#fff}.guess-box.correct{background-color:#22c55e}.guess-box.close{background-color:#f97316}.guess-box.wrong{background-color:#ef4444}.msg{font-size:1.2rem;text-align:center;margin-top:30px;margin-bottom:0}.ggwp{font-size:5rem;font-weight:900;text-align:center;margin-top:30px;margin-bottom:0}.match-info{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:0;padding:15px 30px;border-radius:10px}.teams-vs{display:flex;align-items:center;justify-content:center;width:100%;gap:70px}.teams-vs .team-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:140px}.teams-vs .team-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 5px #6e6e6e)}.teams-vs .team-name{font-size:1rem;font-weight:500;color:#fff;letter-spacing:.5px;text-align:center;display:flex;align-items:flex-start;justify-content:center}.teams-vs .vs-text{flex-shrink:0;font-size:1.5rem;font-weight:400;color:#888;letter-spacing:1px;padding-bottom:30px}.game-length{font-size:1rem;color:#e0e0e0;font-weight:500}.match-result{margin-top:0;font-size:1.1rem;color:#e0e0e0;font-weight:500}.match-result .team-result-name{font-weight:700;color:#fff}.match-result .result-text{font-weight:700}.match-result .result-text.won{color:#22c55e;font-size:1.1rem;font-weight:700}.match-result .result-text.lost{color:#ef4444;font-size:1.1rem;font-weight:700}.game-date{font-size:1.1rem;color:#e0e0e0;font-weight:500;margin-top:30px}.year-stat{font-size:1.1rem;color:#e0e0e0;font-weight:500;text-align:center;margin-top:15px;line-height:1.6}.year-stat-details{color:#aaa;font-size:1rem;font-weight:400}.performance-section{display:flex;flex-direction:column;gap:20px;width:100%;max-width:930px;margin:100px auto 20px;padding:0 20px;box-sizing:border-box}.performance-card{background-color:#1a1a1a;border-radius:12px;padding:24px;border:1px solid #444}.performance-header{display:block;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;position:relative}.performance-header:first-child{align-items:flex-start}.performance-header .legend{position:absolute;right:0;font-size:.9rem;font-weight:300;color:#e0e0e0;text-align:right;justify-self:flex-end;align-self:center}.performance-icon{font-size:1.5rem}.performance-title{font-size:1.4rem;font-weight:700;color:#fff}.performance-subtitle{color:#888;font-size:.9rem;margin:0 0 20px}.stats-grid{display:flex;flex-wrap:wrap;gap:10px}.stat-box{flex:1;min-width:100px;background-color:#252525;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.7rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.4rem;font-weight:700;color:#fff}.stat-value-total-wins{color:#22c55e;font-size:1.4rem;font-weight:700}.stat-value-total-losses{color:#ef4444;font-size:1.4rem;font-weight:700}.champion-breakdown-card{background-color:#1a1a1a;border-radius:12px;padding:24px;border:1px solid #444}.champion-breakdown-header{margin-bottom:20px}.champion-breakdown-title{font-size:1.4rem;font-weight:700;color:#fff}.champion-table-header{display:grid;grid-template-columns:40px 1fr 70px 70px 80px 1fr;gap:10px;padding:0 10px 12px;border-bottom:1px solid #333;margin-bottom:8px}.champion-table-header span{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.champion-table-header .col-matches,.champion-table-header .col-wl,.champion-table-header .col-winrate{text-align:center}.champion-list{display:flex;flex-direction:column}.champion-row{display:grid;grid-template-columns:40px 1fr 70px 70px 80px 1fr;gap:10px;padding:10px;align-items:center;border-bottom:1px solid #252525}.champion-row:last-child{border-bottom:none}.champion-row .col-rank{font-size:.9rem;color:#888;text-align:center}.champion-row .col-champion{display:flex;align-items:center;gap:12px}.champion-icon{width:36px;height:36px;object-fit:cover}.aphelios-icon-wrapper{width:36px;height:36px;overflow:hidden;flex-shrink:0;border:2px solid #000;box-sizing:border-box}.aphelios-icon-wrapper .aphelios-icon{width:100%;height:100%;object-fit:cover;object-position:35% 25%;transform:scale(1.2) translateY(1.6px)}.aphelios-icon-wrapper.champ-aphelios{display:block;margin:0 auto}.team-table td.champ-icon .aphelios-icon-wrapper .aphelios-icon{width:100%;height:100%}.champion-name{font-size:.95rem;font-weight:500;color:#fff}.team-table td.player-name.zeitnot{color:#c4b07b;text-shadow:0 0 2px #f2ddb0}.champion-row .col-matches{font-size:.95rem;font-weight:600;color:#fff;text-align:center}.champion-row .col-wl{font-size:.95rem;font-weight:600;text-align:center}.wl-win{color:#22c55e}.wl-separator{color:#888;margin:0 2px}.wl-loss{color:#ef4444}.champion-row .col-winrate{font-size:.95rem;font-weight:600;color:#fff;text-align:center}.champion-row .col-distribution{background-color:#252525;border-radius:4px;height:8px;overflow:hidden}.distribution-bar{height:100%;background:linear-gradient(90deg,#4a9eff,#6bb3ff);border-radius:4px;transition:width .3s ease}.view-all-btn{display:block;width:100%;margin-top:16px;padding:12px;background:transparent;border:none;color:#4a9eff;font-size:.95rem;font-weight:500;cursor:pointer;transition:color .2s ease}.view-all-btn:hover{color:#6bb3ff;background:transparent!important}.countdown-timer{text-align:center;font-size:1.1rem;font-weight:500;color:#e0e0e0;margin-top:15px;letter-spacing:.5px;font-variant-numeric:tabular-nums}.loading-text{text-align:center;font-size:1.1rem;font-weight:500;color:#888;margin-top:15px}.footer{margin-top:60px;padding:15px 16px 0;border-top:1px solid #444;text-align:center;font-family:Plus Jakarta Sans,sans-serif;color:#666;font-weight:400}.footer-nav{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:6px}.footer-text{font-size:.75rem;line-height:1.6;margin-bottom:2px;min-width:870px;margin-left:auto;margin-right:auto}.footer-link{color:inherit;text-decoration:none;font-size:.75rem;font-weight:inherit;transition:color .2s ease}.footer-link:hover{color:#e0c99a}.babagdle-footer{color:inherit;font-weight:inherit}.footer-fenti{color:#e0e0e0;font-size:.85rem;font-style:italic}.about-container{max-width:800px;margin:0 auto;padding:60px 20px;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}.about-header-link{text-decoration:none;color:inherit}.about-header-link:hover{color:inherit}.about-title{color:#fff;margin-bottom:24px;font-size:2.5rem;font-weight:700}.about-subtitle{color:#fff;margin-top:48px;margin-bottom:16px;font-size:1.8rem;font-weight:600}.about-text{color:#b0b0b0;line-height:1.8;font-size:1.1rem}.rules-list,.goals-list{list-style-type:none;padding:0;margin-top:20px}.goals-list li{color:#b0b0b0;font-size:1.1rem;line-height:1.8;padding-left:20px;position:relative;margin-bottom:12px}.goals-list li:before{content:"•";color:#5bb353;position:absolute;left:0;font-size:1.5rem;line-height:1}.rules-list li{display:flex;align-items:center;margin-bottom:16px;color:#b0b0b0;font-size:1.1rem}.rules-list li strong{color:#fff;margin-right:8px}.color-box{width:24px;height:24px;border-radius:4px;margin-right:16px;flex-shrink:0}.correct-box{background-color:#5bb353}.close-box{background-color:#e59942}.wrong-box{background-color:#ef4444}.contact-text{color:#c9aa71;font-weight:500}.contact-text a{color:#e0c99a;text-decoration:none;font-weight:600;transition:color .2s ease}.contact-text a:hover{color:#f2ddb0}