:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{margin:0;padding:0;width:100%;min-height:100%;background-color:#000}body{display:block;min-width:320px;background-color:#000;color:#fff;font-family:sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:95%;width:95%;max-height:90vh;overflow-y:auto;background-color:#333;border-radius:12px;padding:24px 16px;box-sizing:border-box}.modal-close{position:absolute;top:10px;right:10px;border:none;background-color:#f44336;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer}.add-match-container{max-width:600px;margin:20px auto;border-radius:5px;width:100%;display:flex;flex-direction:column;align-items:center;color:#fff}.add-match-form{display:flex;flex-direction:column;width:95%;align-items:center}.team-section,.score-section{margin-bottom:15px}.team-section h3{margin-bottom:5px}.team-section input{width:100%;padding:8px;margin-bottom:5px;border:1px solid #ccc;border-radius:3px}.score-section input{width:48%;padding:8px;margin-right:2%;border:1px solid #ccc;border-radius:3px}.submit-button{padding:15px 25px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%;font-size:18px;font-weight:700;margin-top:10px}.remove-round-button{margin-top:10px;background-color:#ffffff09;border:#df301d solid 1px;color:#df301d;padding:5px 10px;text-align:center;display:inline-block;font-size:16px;cursor:pointer;width:100%}.remove-player-button{margin-top:10px;border:#4CAF50 solid 1px;color:#000;padding:5px 10px;text-align:center;display:inline-block;font-size:16px;cursor:pointer;width:100%}.remove-player-button{background-color:red;width:20%}.remove-player-button{margin:0 5px;padding:0 10px;font-size:12px;border-radius:5px;color:#fff}p{margin:0}.player-input-container{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:5px;border:1px solid #555;background-color:#333;margin-bottom:10px;padding:12px;box-sizing:border-box}.player-input-container select{font-size:16px;padding:8px;background:#444;color:#fff;border:1px solid #666;border-radius:4px;flex-grow:1;margin-left:10px}.selected-player{display:flex;align-items:center;gap:10px}.selected-nickname{margin:0;font-weight:700;font-size:1.1em}.add-match-profile-pic{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%;object-fit:cover;display:block;flex-shrink:0;border:2px solid #4CAF50}.round-section{display:flex;flex-direction:column;border:1px solid #555;padding:10px;margin-bottom:10px;border-radius:8px;background-color:#333;width:100%}.score-section{display:flex;justify-content:space-around;margin-top:10px}.score-input-container{display:flex;flex-direction:column;align-items:center;width:100%}.score-scroll-container{height:160px;width:100%;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;border:#ffffff12 solid 1px;border-radius:8px;position:relative;touch-action:pan-y}.score-scroll-container::-webkit-scrollbar{display:none}.score-item{width:100%;height:40px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:18px;color:#fff}.score-item.selected{font-weight:700;font-size:22px;color:#4caf50;border-top:#ffffff12 solid 1px;border-bottom:#ffffff12 solid 1px;background-color:#ffffff12}.score-scroll-container:before,.score-scroll-container:after{content:"";position:absolute;left:0;width:100%;height:60px;pointer-events:none;z-index:1}.score-scroll-container:after{bottom:0;background:linear-gradient(to top,#333,transparent 60%)}.score-scroll-container:before{top:0;background:linear-gradient(to bottom,#333,transparent 60%)}.round-tabs{display:flex;gap:10px;margin-bottom:20px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:5px}.round-tab{padding:12px 20px;background-color:#333;color:#fff;border-radius:5px;cursor:pointer;border:1px solid #444;white-space:nowrap;min-width:44px;min-height:44px}button:focus,button:active,button:hover{outline:none!important;box-shadow:none;border-color:#333}.round-tab.active{background-color:#ffffff12;font-weight:700}.round-tab.add-tab{background-color:#222;font-size:18px}.round-tab.add-tab:focus,.round-tab.add-tab:active{outline:none!important;box-shadow:none}.profile-container{width:100%;max-width:500px;margin:10px auto;padding:10px;background-color:#333;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;box-sizing:border-box}.profile-picture-container{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:4px solid #4CAF50;background-color:#222;display:flex;align-items:center;justify-content:center}.profile-picture{width:100%!important;height:100%!important;object-fit:cover;display:block}.no-profile-picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#555;color:#ccc}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px}.input-group input{width:100%;padding:12px;border:1px solid #555;border-radius:4px;background-color:#444;color:#fff;font-size:16px;box-sizing:border-box}.button-group{display:flex;gap:10px;justify-content:flex-end}.button-group button{padding:12px 20px;border:none;border-radius:4px;background-color:#4caf50;color:#fff;cursor:pointer;min-height:48px;flex:1}.button-group button.sign-out-btn{background-color:#f44336;display:flex;align-items:center;justify-content:center;gap:8px}.error{color:red;margin-top:10px}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin-bottom:20px}.profile-stat-card{background-color:#ffffff0d;border-radius:12px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.profile-stat-icon{font-size:1.2em;margin-bottom:2px}.profile-stat-icon.wins{color:gold}.profile-stat-icon.rate{color:#4caf50}.profile-stat-icon.goals,.profile-stat-icon.time{color:#2196f3}.profile-stat-icon.avg{color:#ff9800}.profile-stat-icon.streak{color:#f44336}.profile-stat-value{font-size:1.1rem;font-weight:700;color:#fff}.stat-multi-value{display:flex;align-items:center;gap:4px}.profile-stat-divider{color:#666;font-size:.8rem}.profile-stat-label{font-size:.7rem;color:#888;text-transform:uppercase}.spinner-container{display:flex;justify-content:center;align-items:center;height:100px}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.match-item{background-color:#ffffff12;border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 1px 2px #0000001a;color:#fff;width:100%;box-sizing:border-box}.match-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.team{display:flex;flex-direction:column;text-align:center;width:35%;overflow:hidden}.player-name{font-weight:700;margin-bottom:5px;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-container{display:flex;align-items:center;justify-content:center;width:30%}.team-1-score,.team-2-score{font-size:1.5em;font-weight:700;padding:0 10px}.score-separator{font-size:1.5em;font-weight:700}.rounds-container{margin-top:10px;border:1px solid #eeeeee40;padding-top:10px;border-radius:8px;color:#d4d4d4}.match-total{border-top:1px solid #eeeeee40;padding-top:10px;display:flex;justify-content:space-between;align-items:center;margin:10px 10% 5px;font-size:.9em;color:#cbcbcb}.round-details{display:flex;justify-content:space-between;align-items:center;margin-left:10%;margin-right:10%;font-size:.85em;margin-bottom:5px;color:#ffffffab}.match-date{font-size:.85em;color:#ffffffab}.match-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:.85em;color:#ffffffab}.match-duration{font-weight:500}.round-label{display:flex;align-items:center;gap:4px}.round-duration{font-size:.9em;color:#888}.winner{color:gold}.add-match-container{display:flex;flex-direction:column;align-items:center;color:#fff}.player-select-section{display:flex;flex-direction:column;width:100%;gap:10px}.player-input-container{width:100%;display:flex;align-items:center;padding:10px;border-radius:5px;border:1px solid #555;background-color:#333;margin-bottom:10px}.selected-player{display:flex;align-items:center;margin-left:10px}.selected-player p{margin-left:10px}.profile-picture{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.remove-player-button{background-color:red;border:none;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer}.round-section{display:flex;flex-direction:column;border:1px solid #555;padding:10px;margin-bottom:10px;border-radius:8px;background-color:#333}.round-scores{display:flex;width:50%}.score-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-top:10px;width:100%}.score-entry{width:33%;flex-grow:1;text-align:right}.round-winner{color:#eee}.match-list-container{width:100%;max-width:600px;margin:0 auto;padding:10px;box-sizing:border-box}.match-list{list-style:none;padding:0}.h2h-container{background-color:transparent;padding:0;margin-top:10px}.player-selectors{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;width:100%}.player-selectors select{width:100%;background-color:#333;color:#fff;border:1px solid #555;padding:12px;border-radius:8px;font-size:16px}.vs-label{font-weight:700;color:#4caf50;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.h2h-score-bar{display:flex;justify-content:space-between;align-items:center;background-color:#ffffff0a;padding:20px;border-radius:10px;margin-bottom:15px}.player-result-box{display:flex;flex-direction:column;align-items:center;width:40%}.h2h-win-count{font-size:2.5em;font-weight:700;color:#4caf50}.h2h-player-name{font-size:.9em;color:#ccc;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.score-divider{font-size:.8em;color:#777;text-transform:uppercase}.h2h-details{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background-color:#ffffff05;border-radius:6px}.detail-row label{font-size:.8em;color:#888;text-transform:uppercase}.detail-row span{font-weight:500;width:30px;text-align:center}.h2h-placeholder{text-align:center;color:#888;font-size:.9em;padding:20px 0}.performance-chart-container{background-color:transparent;padding:0;margin-top:10px;width:100%;box-sizing:border-box;overflow:hidden}.performance-chart-container h3{margin-top:0;margin-bottom:12px;font-size:1rem;color:#eee}.chart-wrapper{width:100%;height:280px}.recharts-default-tooltip{background-color:#333!important;border:1px solid #555!important;border-radius:8px!important;box-shadow:0 4px 6px #0000004d}.recharts-tooltip-label{color:#aaa!important;font-weight:700;margin-bottom:5px}.player-hero-card{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #4CAF5044;border-radius:20px;padding:20px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080;width:100%;box-sizing:border-box}.hero-badge{position:absolute;top:10px;right:10px;z-index:2}.crown-icon{color:gold;font-size:1.4em;filter:drop-shadow(0 0 5px rgba(255,215,0,.4))}.hero-main{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-right:30px}.hero-avatar-container{position:relative}.hero-avatar,.hero-avatar-placeholder{width:80px;height:80px;border-radius:22px;object-fit:cover;border:3px solid #4CAF50;box-shadow:0 4px 15px #0000004d}.hero-avatar-placeholder{background-color:#4caf50;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:700;color:#fff}.hero-rank{position:absolute;bottom:-8px;right:-8px;background-color:#4caf50;color:#fff;font-weight:700;padding:4px 10px;border-radius:10px;font-size:.8em;border:2px solid #1e1e1e}.hero-nickname{margin:0;font-size:1.4em;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hero-title{margin:4px 0 0;font-size:.9em;color:#4caf50;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hero-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.hero-stat-item{background-color:#ffffff0d;padding:10px 8px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.stat-icon{font-size:1em}.stat-icon.wins{color:gold}.stat-icon.rate{color:#4caf50}.stat-icon.goals{color:#2196f3}.stat-content{display:flex;flex-direction:column}.hero-stat-value{font-size:1.1em;font-weight:700;color:#fff;line-height:1.1}.hero-stat-label{font-size:.7em;color:#888;text-transform:uppercase;margin-top:4px}.hero-footer{display:flex;justify-content:center;gap:10px}.match-pill{background-color:#ffffff0d;color:#aaa;font-size:.8em;padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:6px}.time-pill{border-color:#2196f344;color:#2196f3}@media (max-width: 480px){.player-hero-card{padding:20px}.hero-avatar,.hero-avatar-placeholder{width:64px;height:64px}.hero-nickname{font-size:1.3em}}.leaderboard-container{width:100%;max-width:600px;margin:0 auto;padding:10px;box-sizing:border-box}.time-range-selector{display:flex;background-color:#ffffff0a;border-radius:12px;padding:3px;margin-bottom:16px;gap:3px;width:100%;box-sizing:border-box}.range-btn{flex:1;background:transparent;border:none;color:#888;padding:10px 4px;border-radius:9px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.range-btn.active{background-color:#ffffff12;color:#fff}.no-data-msg{text-align:center;padding:40px;color:#666;font-size:.9em}.leaderboard-table-container{background-color:transparent;border-radius:8px;overflow:hidden;margin-bottom:0;width:100%}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left}.leaderboard-table th{background-color:#ffffff1a;padding:10px 8px;font-size:.8rem;color:#aaa;font-weight:400}.leaderboard-row{border-bottom:1px solid #ffffff0a}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row td{padding:12px 8px;font-size:.9rem}.player-cell{display:flex;align-items:center;gap:10px}.mini-profile-pic{width:24px;height:24px;border-radius:50%;object-fit:cover}.player-nickname{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.analytics-section-stable{margin-top:10px;width:100%}.analytics-content-area{min-height:480px;display:flex;flex-direction:column;background-color:#ffffff05;border-radius:12px;padding:12px;box-sizing:border-box;width:100%;overflow:hidden}.analytics-tabs{display:flex;gap:6px;margin-bottom:12px}.analytics-tab-btn{background-color:#ffffff12;color:#aaa;border:1px solid #ffffff1a;padding:12px 6px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;flex:1;transition:all .2s;min-height:44px}.analytics-tab-btn.active{background-color:#4caf50;color:#fff;border-color:#4caf50}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{background-color:#ffffff12;padding:15px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:5px}.stat-value{font-size:1.4em;font-weight:700;color:#4caf50}.stat-label{font-size:.8em;color:#aaa;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 400px){.leaderboard-table td,.leaderboard-table th{padding:10px 5px;font-size:.9em}.player-nickname{max-width:80px}}.hot-streak-banner{background:linear-gradient(90deg,#f44336,#ff9800);width:100%;padding:12px 20px;display:flex;align-items:center;gap:15px;box-sizing:border-box;box-shadow:0 4px 12px #0000004d;animation:slideInDown .5s ease-out;position:relative;z-index:10}.streak-icon-container{display:flex;align-items:center;justify-content:center;background:#fff3;padding:8px;border-radius:50%}.streak-fire-icon{color:#fff;font-size:1.2rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.5));animation:flicker 1.5s infinite alternate}.streak-content{flex-grow:1;display:flex;flex-direction:column;text-align:left}.streak-label{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#fffc;margin-bottom:2px}.streak-player-info{display:flex;flex-direction:column}.streak-nickname{font-size:1rem;font-weight:800;color:#fff;line-height:1.1}.streak-count{font-size:.8rem;font-weight:700;color:#ffffffe6}.streak-avatar{width:40px;height:40px;border-radius:50%;border:2px solid white;object-fit:cover;box-shadow:0 2px 5px #0003}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flicker{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@media (max-width: 400px){.hot-streak-banner{padding:10px 15px;gap:10px}.streak-nickname{font-size:.9rem}.streak-count{font-size:.7rem}}.App{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.App-content{width:100%;display:flex;flex-direction:column;align-items:center;padding:10px;box-sizing:border-box}.App-header{width:100%;padding:20px 0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;position:relative;margin-bottom:10px}.App-header h1{font-size:2.2rem;margin:0;letter-spacing:-.05em;font-weight:900;background:linear-gradient(to bottom,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:lowercase}.profile-toggle-fixed{position:absolute;top:50%;right:15px;transform:translateY(-50%);background:transparent;border:none;padding:0;cursor:pointer;z-index:100}.nav-profile-pic{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #4CAF50;box-shadow:0 4px 10px #0000004d;transition:transform .2s}.profile-toggle-fixed:active .nav-profile-pic{transform:scale(.9)}.auth-container{display:flex;flex-direction:column;align-items:center;gap:10px}.sign-in-button{background-color:#4285f4;color:#fff;padding:12px 24px;border-radius:8px;border:none;font-weight:700;cursor:pointer}.main-container{display:flex;flex-direction:column;align-items:center;width:100%}.add-match-button-hero{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;font-size:1.2rem;padding:16px 32px;margin:10px 0 24px;display:flex;align-items:center;justify-content:center;gap:12px;width:90%;max-width:400px;border:none;border-radius:16px;font-weight:800;box-shadow:0 8px 25px #4caf5066;cursor:pointer;transition:transform .2s,box-shadow .2s;touch-action:manipulation}.add-match-button-hero:active{transform:scale(.96);box-shadow:0 4px 15px #4caf5066}.tab-content-container{width:100%;transition:opacity .3s ease-in-out}.view-toggle{display:flex;width:100%;max-width:300px;background-color:#ffffff1b;border-radius:12px;padding:4px;margin:10px 0 20px;gap:4px}.toggle-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;background:transparent;color:#ffffffab;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .2s;min-height:48px}.toggle-button.active{background-color:#4caf50;color:#fff;box-shadow:0 2px 4px #0003}.toggle-button:not(.active):hover{background-color:#ffffff12}@media (max-width: 768px){.App-header h1{font-size:1.8rem}}