*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/assets/terball-about-2-D-ISM5l4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.Registration{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:450px;margin:0 auto;padding:40px 35px 35px;display:flex;position:relative;box-shadow:0 8px 32px #0000004d}.Registration input{color:#333;background:#ffffffe6;border:2px solid #ffffff4d;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s}.Registration input:focus{background:#fff;border-color:#fff;box-shadow:0 0 0 3px #1890ff33}.Registration input::placeholder{color:#999}.Registration button{color:#fff;cursor:pointer;letter-spacing:.5px;background:#ffc518;border:none;border-radius:8px;width:100%;margin-top:4px;padding:14px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s}.Registration button:hover{transform:scale(1.03);box-shadow:0 4px 20px #fff}.Registration button:active{transform:scale(.97)}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.header{background-color:var(--first-color);color:var(--second-color);z-index:100;box-sizing:border-box;justify-content:flex-start;align-items:center;gap:30px;width:100%;min-height:80px;padding:12px 30px;display:flex;position:relative;top:0;left:0;box-shadow:0 2px 8px #0003}.header .player{color:var(--second-color);padding-left:20px;font-size:24px;font-weight:600}.header .logo{z-index:10;background-color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;margin-top:-30px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 10px 40px #00000040,0 4px 15px #0000001a}.header .logo img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:auto;height:140px;margin-top:20px;display:block}.header .team{display:none}.header .nav-buttons{align-items:center;gap:10px;margin-left:auto;display:flex}.header button{background-color:var(--second-color);color:var(--first-color);border:2px solid var(--second-color);cursor:pointer;border-radius:6px;flex-shrink:0;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s}.header button:hover{color:var(--second-color);background-color:#0000}.header .nav-buttons.open{background-color:var(--first-color);flex-direction:column;gap:12px;padding:20px;animation:.3s slideDown;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.header{gap:15px;padding:10px 15px}.header .player{padding-left:10px;font-size:18px}.header .logo{width:80px;height:80px;margin-top:-15px}.header .logo img{height:90px;margin-top:10px}.header .nav-buttons{display:none}.header .burger{display:block}.header .nav-buttons.open{display:flex}}@media (width<=480px){.header .player{font-size:16px}.header .logo{width:60px;height:60px}.header .logo img{height:70px}}.match-container{flex-direction:column;gap:10px;width:100%;padding:20px;display:flex}.MatchCont{box-sizing:border-box;background:#fff;background:var(--first-color);border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex;box-shadow:0 1px 4px #0000001a}.Opponent h2{color:var(--second-color);margin:0;font-size:20px;font-weight:600}.Result h2{color:var(--second-color);margin:0;font-size:20px;font-weight:700}.date h2{color:var(--second-color);margin:0;font-size:20px;font-weight:600}.MatchCont button{background:var(--second-color);color:var(--first-color);border:2px solid var(--second-color);cursor:pointer;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .3s}.MatchCont button:hover{color:var(--second-color);background:0 0}.player-stat{background:var(--first-color,#1a237e);border-radius:16px;width:90%;max-width:1400px;margin:20px auto 0;padding:30px}.player-stat .stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.player-stat .stats-grid h1{text-align:center;color:var(--second-color,#fff);grid-column:1/-1;margin:0 0 10px;font-size:28px}.player-stat .grid-stat{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:20px;display:flex}.player-stat .card-title{color:var(--second-color,#fff);text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:12px;font-weight:600}.player-stat .games,.player-stat .plus-minus,.player-stat .chances-created,.player-stat .chances-conceded,.player-stat .goals,.player-stat .assists,.player-stat .goals-plus-assists{color:var(--second-color,#fff);font-size:18px;font-weight:700}.player-stat .grid-stat>div{flex-direction:column;align-items:center;gap:4px;display:flex}.player-stat .grid-stat>div>div{gap:16px;display:flex}@media (width<=1024px){.player-stat .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.player-stat{border-radius:0;width:100%;padding:16px}.player-stat .stats-grid{grid-template-columns:1fr;gap:12px}.player-stat .grid-stat{min-height:auto}.player-stat .stats-grid h1{font-size:22px}}.team-stat{background:var(--first-color,#1a237e);border-radius:16px;width:90%;max-width:1400px;margin:20px auto 0;padding:30px}.team-stat .stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.team-stat .stats-grid h1{text-align:center;color:var(--second-color,#fff);grid-column:1/-1;margin:0 0 10px;font-size:28px}.team-stat .grid-stat{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:20px;display:flex}.team-stat .card-title{color:var(--second-color,#fff);text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:15px;font-weight:600}.team-stat .wins,.team-stat .draws,.team-stat .loses,.team-stat .goals-scored,.team-stat .goals-missed,.team-stat .chances-created,.team-stat .chances-conceded,.team-stat .period,.team-stat .scored,.team-stat .missed{color:var(--second-color,#fff);font-size:18px;font-weight:700}.team-stat .grid-stat>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.team-stat .time-period{background:#ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:4px 12px;display:flex}@media (width<=1024px){.team-stat .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.team-stat{border-radius:0;width:100%;padding:16px}.team-stat .stats-grid{grid-template-columns:1fr;gap:12px}.team-stat .grid-stat{min-height:auto}.team-stat .stats-grid h1{font-size:22px}}.match-data-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px 20px;margin-top:8px;padding:16px 20px;display:grid}.match-data-container>div{color:#000;border-bottom:1px solid #f1f3f5;padding:4px 0;font-size:14px}.match-data-container>div:last-child{border-bottom:none;grid-column:1/-1;margin-top:4px;font-weight:600}.Schedule{background:#fff;border-radius:12px;width:90%;max-width:1200px;margin:20px auto 0;padding:20px;box-shadow:0 2px 8px #0000001a}.Schedule select{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:6px;width:100%;max-width:300px;margin-bottom:20px;padding:10px 14px;font-size:16px}.Schedule h3{color:#333;text-align:center;margin:0 0 20px;font-size:20px}.Schedule .recharts-wrapper{margin:0 auto}.loader{--color-1:#fff;--color-2:#ff3d00;--size:1px;width:calc(48 * var(--size));height:calc(48 * var(--size));border:calc(3 * var(--size)) solid;border-color:var(--color-1) var(--color-1) transparent transparent;box-sizing:border-box;border-radius:50%;animation:1s linear infinite rotation;display:inline-block;position:relative}.loader:after,.loader:before{content:"";box-sizing:border-box;border:calc(3 * var(--size)) solid;border-color:transparent transparent var(--color-2) var(--color-2);width:calc(40 * var(--size));height:calc(40 * var(--size));transform-origin:50%;border-radius:50%;margin:auto;animation:.5s linear infinite rotationBack;position:absolute;inset:0}.loader:before{width:calc(32 * var(--size));height:calc(32 * var(--size));border-color:var(--color-1) var(--color-1) transparent transparent;animation:1.5s linear infinite rotation}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.top-players-container{background:var(--second-color,#1a237e);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:20px;width:90%;max-width:1400px;margin:20px auto;padding:20px;display:grid}.top-category{background:var(--second-color,#ffffff1a);border:1px solid var(--first-color,#ffffff26);border-radius:12px;padding:20px}.top-category h1{color:var(--first-color,#fff);text-align:center;border-bottom:2px solid var(--first-color,#fff3);text-transform:uppercase;letter-spacing:1px;margin:0 0 15px;padding-bottom:10px;font-size:18px;font-weight:700}.top-category ul{margin:0;padding:0;list-style:none}.playerTop{background:var(--second-color,#ffffff0d);border-radius:8px;margin-bottom:6px;padding:8px 12px;transition:background .2s}.playerTop:hover{background:var(--first-color,#ffffff26)}.playerTop li{color:var(--first-color,#fff);background:var(--second-color,transparent);justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.playerTop li:after{content:attr(data-value);color:var(--first-color,gold);font-weight:700}.top-category button{background:var(--first-color,#ffffff26);width:100%;color:var(--second-color,#fff);border:1px solid var(--first-color,#fff3);cursor:pointer;border-radius:8px;margin-top:12px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:block}.top-category button:active{transform:scale(.98)}h1{text-align:center;color:var(--first-color,#fff);grid-column:1/-1;margin:0 0 10px;font-size:28px}@media (width<=1024px){.top-players-container{grid-template-columns:repeat(2,1fr)}}@media (width<=600px) and (orientation:portrait){.top-players-container{grid-template-columns:1fr;gap:15px;padding:15px}h1{font-size:22px}.top-category h1{font-size:16px}.playerTop li{font-size:13px}}.details-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.details-modal{background-color:var(--second-color,white);border-radius:12px;width:90%;max-width:500px;max-height:80vh;padding:30px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.details-modal h2{text-align:center;color:var(--first-color,#333);margin-bottom:20px}.details-list{max-height:60vh;padding-right:10px;overflow-y:auto}.details-list::-webkit-scrollbar{width:6px}.details-list::-webkit-scrollbar-track{background:var(--second-color,#f1f1f1);border-radius:3px}.details-list::-webkit-scrollbar-thumb{background:var(--first-color,#888);border-radius:3px}.playerTop{background-color:var(--second-color,#f8f9fa);border-left:3px solid var(--first-color,#4caf50);border-radius:6px;margin:5px 0;padding:10px 15px;list-style:none}.playerTop li{color:var(--first-color,#333);background-color:var(--second-color,white);font-size:16px}.details-modal button{background-color:var(--second-color,#4caf50);color:var(--first-color,white);cursor:pointer;border:none;border-radius:6px;margin:20px auto 0;padding:10px 30px;font-size:16px;transition:background-color .3s;display:block}@media (width<=600px) and (orientation:portrait){.details-modal{width:95%;max-height:90vh;padding:20px}.details-modal h2{margin-bottom:15px;font-size:20px}.playerTop{padding:8px 10px}.playerTop li{font-size:14px}.details-modal button{padding:8px 20px;font-size:14px}}.match-data-container{border-radius:12px;grid-template-columns:1fr;gap:0;width:100%;height:auto;margin:0;display:grid;overflow:visible;box-shadow:0 2px 8px #0000001a;background:#fff!important}.match-data-container h3,.gk-header{text-align:left;grid-column:1/-1;margin:20px 0 10px;padding:0 20px;font-size:18px}.header-row-container{background:#f5f5f5;border-bottom:1px solid #ddd;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:12px 20px;display:grid}.header-row_gk-header-row{background:#f5f5f5;border-bottom:1px solid #ddd;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;padding:12px 20px;display:grid}.header-row div{color:#333;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.player-match-stats{border-bottom:1px solid #eee;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:center;padding:12px 20px;display:grid}.player-match-stats div{color:#333;font-size:14px}.player-match-stats .player-name{color:#1a1a1a;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.player-match-stats:nth-child(2n){background:#fafafa}.player-match-stats:hover{background:#f0f0f0}.player-match-stats-gk{border-bottom:1px solid #eee;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;align-items:center;padding:12px 20px;display:grid}.gk-row div:last-child{color:#999}.addCommForm{z-index:9999;justify-content:center;align-items:center;position:fixed;inset:0;display:flex!important}.addCommForm>div{background:#d3d3d3;border-radius:16px;justify-content:center;gap:16px;width:40vw;max-width:600px;height:40vh;max-height:600px;padding:24px 32px 32px;position:relative;overflow-y:auto;flex-direction:column!important;align-items:stretch!important;display:flex!important}.Close{color:#fff;cursor:pointer;background:#000;border:none;padding:0;font-size:24px;line-height:1;position:absolute;top:12px;right:16px}.Comment{color:#000;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;background:#ddd!important}h2{color:#fff;text-align:center;margin:0;font-size:22px}input{color:#fff;box-sizing:border-box;background:#333;border:1px solid #444;border-radius:8px;width:100%;padding:14px;font-size:14px}.comparison-container{flex-direction:column;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:22px;display:flex}.comparison-header{text-align:center;margin-bottom:20px}.comparison-header h1{color:var(--second-color);font-size:28px;font-weight:700}.compare-wrapper{align-items:stretch;gap:20px;display:flex}.Player{background:var(--first-color);border:1px solid #e9ecef;border-radius:12px;flex:1;padding:24px;box-shadow:0 2px 8px #0000001a}.Player h2{color:var(--second-color);border-bottom:2px solid var(--second-color);text-align:center;margin-bottom:16px;padding-bottom:12px;font-size:22px;font-weight:700}.Player>div{color:var(--second-color);border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:8px 0;font-size:15px;display:flex}.Player>div:last-child{border-bottom:none}.vs-divider{flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;display:flex}.vs-divider span{color:var(--second-color);background:var(--first-color);border:2px solid var(--second-color);border-radius:12px;padding:10px 16px;font-size:32px;font-weight:900;box-shadow:0 2px 8px #0000000d}.choose-player{background:var(--first-color);border:1px solid var(--second-color);border-radius:12px;justify-content:center;gap:30px;margin-bottom:20px;padding:20px;display:flex}.player-select{flex:1;max-width:400px}.player-select h3{color:var(--second-color);margin-bottom:8px;font-size:16px;font-weight:600}.player-select select{border:1px solid var(--second-color);width:100%;color:var(--second-color);background:var(--first-color);cursor:pointer;border-radius:8px;outline:none;padding:10px 14px;font-size:15px}.player-select select:focus{border-color:var(--second-color);box-shadow:0 0 0 2px #ffffff1a}.player-select select option{background:var(--first-color);color:var(--second-color)}.header{background-color:var(--first-color);color:var(--second-color);z-index:100;box-sizing:border-box;justify-content:center;align-items:center;gap:20px;width:100%;max-width:100%;min-height:80px;margin:0;padding:12px 30px;display:flex;position:relative;top:0;left:0;box-shadow:0 2px 8px #0003}.header .left-buttons{gap:15px;margin-right:auto;display:flex}.header .AdminButton{background-color:var(--second-color);color:var(--first-color);border:2px solid var(--second-color);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.header .AdminButton:hover{color:var(--second-color);background-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.header .logo{z-index:10;background-color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 10px 40px #00000040,0 4px 15px #0000001a}.header .logo:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 50px #0000004d,0 5px 20px #00000026}.header .logo img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:auto;height:140px;display:block}.header button:last-child{background-color:var(--second-color);color:var(--first-color);border:2px solid var(--second-color);cursor:pointer;border-radius:6px;flex-shrink:0;margin-left:auto;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s}.header button:last-child:hover{color:var(--second-color);background-color:#0000}.header .burger{color:var(--second-color);cursor:pointer;z-index:110;background:0 0;border:none;margin-left:auto;padding:0;font-size:28px;display:none}@media (width<=768px){.header{gap:15px;padding:10px 15px}.header .left-buttons{background-color:var(--first-color);flex-direction:column;gap:12px;padding:20px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #00000026}.header .left-buttons.open{display:flex}.header .logo{width:80px;height:80px}.header .logo img{height:90px}.header .burger{display:block}}.squad{background-color:var(--first-color);border-radius:12px;flex-direction:column;gap:12px;min-height:60%;margin-top:15px;padding:24px;display:flex;max-width:100%!important}.squad .player{background-color:var(--second-color);color:var(--first-color);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.squad .player:hover{transform:translate(4px);box-shadow:0 2px 8px #00000026}.squad .player button{color:var(--first-color);border:1.5px solid var(--first-color);cursor:pointer;background-color:#0000;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.squad .player button:hover{background-color:var(--first-color);color:var(--second-color);transform:scale(1.05)}.squad .player button:active{transform:scale(.95)}.squad>button{background-color:var(--second-color);color:var(--first-color);border:2px solid var(--second-color);cursor:pointer;border-radius:8px;align-self:center;min-width:200px;margin-top:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.squad>button:hover{color:var(--second-color);background-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.addForm{max-width:50%px;background-color:var(--first-color);border-radius:12px;flex-direction:column;gap:12px;margin:20px auto;padding:24px;display:flex;box-shadow:0 2px 8px #0000001a}.addForm input{border:1.5px solid #ddd;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s}.addForm input:focus{border-color:var(--second-color);outline:none}.addForm select{cursor:pointer;background-color:#fff;border:1.5px solid #ddd;border-radius:8px;padding:10px 14px;font-size:14px}.addForm select:focus{border-color:var(--second-color);outline:none}.addForm button{background-color:var(--second-color);color:var(--first-color);border:2px solid var(--second-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s}.addForm button:hover{color:var(--second-color);background-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.login,.password{color:#000;background-color:#fff}.UpdMatchData{background-color:var(--first-color);border-radius:12px;flex-direction:column;gap:12px;max-width:100%;min-height:60%;margin-top:15px;padding:24px;display:flex}.UpdMatchData input{background-color:var(--second-color);color:var(--first-color);border:none;border-radius:8px;padding:12px 18px;font-size:16px;font-weight:500;transition:all .2s}.UpdMatchData input::placeholder{color:var(--first-color);opacity:.7}.UpdMatchData input:focus{outline:none;transform:translate(4px);box-shadow:0 2px 8px #00000026}.UpdMatchData div{gap:12px;display:flex}.UpdMatchData select{background-color:var(--second-color);color:var(--first-color);cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 18px;font-size:16px;font-weight:500;transition:all .2s}.UpdMatchData select:focus{outline:none;transform:translate(4px);box-shadow:0 2px 8px #00000026}.UpdMatchData select option{background-color:var(--second-color);color:var(--first-color)}.UpdMatchData button{background-color:var(--second-color);color:var(--first-color);border:2px solid var(--second-color);cursor:pointer;border-radius:8px;min-width:60px;padding:12px 24px;font-size:20px;font-weight:600;transition:all .2s}.UpdMatchData button:hover{color:var(--second-color);background-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.UpdMatchData .players-list{flex-direction:column;gap:10px;display:flex}.UpdMatchData .players-list .player{background-color:var(--second-color);color:var(--first-color);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:16px;font-weight:500;display:flex}.UpdMatchData .players-list .player button{color:var(--first-color);border:1.5px solid var(--first-color);cursor:pointer;background-color:#0000;border-radius:6px;min-width:40px;padding:6px 16px;font-size:18px;font-weight:600;transition:all .2s}.UpdMatchData .players-list .player button:hover{background-color:var(--first-color);color:var(--second-color)}.matchStat{background-color:var(--first-color);border-radius:12px;flex-direction:column;max-width:100%;min-height:60%;margin:0;padding:24px;display:flex;box-shadow:0 2px 8px #0000001a}.matchStat .MatchData{background-color:var(--second-color);color:#000;border-radius:8px;justify-content:space-between;padding:12px 18px;display:flex}.matchStat .MatchData h2{color:var(--first-color);margin:0;font-size:18px;font-weight:500}.match-data-container{background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000001a}.match-data-container h2{color:#000;text-align:center;background:#f5f5f5;border-bottom:2px solid #ddd;margin:10px;padding:12px 20px;font-size:16px;font-weight:700}.header-row{background:#f5f5f5;border-bottom:2px solid #ddd;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:6px 10px;display:grid}.header-row div{color:#000;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:12px;font-weight:700}.header-row div:first-child{text-align:left}.match-stats{color:#000;background:#fff;border-bottom:1px solid #eee;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:center;padding:10px 15px;display:grid}.match-stats div{color:#000;text-align:center;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.match-stats .player-name{text-align:left;color:#000;justify-content:flex-start;font-size:16px;font-weight:700}.match-stats:nth-child(2n){background:#fafafa}.match-stats:nth-child(2n) div,.match-stats:nth-child(2n) .player-name{color:#000}.match-stats:nth-child(2n) button{color:#000;border-color:#000}.match-stats:nth-child(2n) button:hover{color:#fff;background-color:#000}.match-stats:hover{background:#f0f0f0}.match-stats button{border-radius:3px;min-width:20px;padding:2px 6px;font-size:11px}.match-stats button:hover{color:#fff;background-color:#000}.goals-grid{background:#fff;border-radius:12px;width:100%;overflow:hidden}.goals-header{background:#f5f5f5;border-bottom:2px solid #ddd;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;padding:12px 20px;display:grid}.goals-header div{color:#000;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:12px;font-weight:700}.goals-header div:first-child{text-align:left}.goals-row{color:#000;background:#fff;border-bottom:1px solid #eee;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;align-items:center;padding:12px 20px;display:grid}.goals-row div{color:#000;text-align:center;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.goals-row .goals-team-name{text-align:left;color:#000;justify-content:flex-start;font-size:16px;font-weight:700}.goals-row:nth-child(2n){background:#fafafa}.goals-row:nth-child(2n) div,.goals-row:nth-child(2n) .goals-team-name{color:#000}.goals-row:nth-child(2n) button{color:#000;border-color:#000}.goals-row:nth-child(2n) button:hover{color:#fff;background-color:#000}.goals-row:hover{background:#f0f0f0}.goals-row button{color:#000;cursor:pointer;background-color:#0000;border:1.5px solid #000;border-radius:4px;min-width:30px;padding:2px 10px;font-size:14px;font-weight:600;transition:all .2s}.goals-row button:hover{color:#fff;background-color:#000}.matchStat>button{color:#fff;cursor:pointer;background-color:#000;border:2px solid #000;border-radius:8px;align-self:center;min-width:200px;margin-top:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.matchStat>button:hover{color:#000;background-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.rotate-message{background-color:var(--second-color,#fff);z-index:9999;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.rotate-message p{color:var(--first-color,#333);text-align:center;font-size:24px;font-weight:600}@media (orientation:portrait) and (width<=768px){.matchStat{display:none}.rotate-message{display:flex}}.xg-overlay{z-index:999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.xg-modal{background:#1a1a1a;border-radius:16px;max-width:90vw;max-height:90vh;padding:24px 32px 32px;position:relative;box-shadow:0 20px 60px #000c}.close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:24px;transition:opacity .2s;position:absolute;top:12px;right:16px}.close:hover{opacity:1}.xg-title{color:#fff;text-align:center;margin-bottom:16px;font-size:20px;font-weight:600}.xg-buttons{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.xg-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.xg-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.xg-05{background:#e74c3c}.xg-025{background:#f39c12}.xg-01{background:#2ecc71}.zone{color:#fff;text-shadow:0 0 8px #000c;opacity:.7;border-radius:4px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute}.field{aspect-ratio:300/140;background:url(/assets/Futsalpitch-DjmozOcu.jpg) 50%/contain no-repeat;border-radius:8px;width:100%;max-width:500px;position:relative;overflow:hidden}@media (width<=768px){.xg-modal{max-width:95vw;padding:16px 20px 20px}.xg-title{margin-bottom:12px;font-size:18px}.xg-buttons{gap:8px;margin-bottom:12px}.xg-btn{padding:6px 14px;font-size:12px}.field{aspect-ratio:200/80;max-width:95vw}.zone{font-size:10px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0;overflow-x:hidden}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px;overflow-x:hidden}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}