body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.account-container{align-items:center;display:flex;justify-content:center;padding:16px;width:100%}.account-box{background:#fff;background:var(--container-bg,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;padding:32px 24px;text-align:center;width:360px}.account-box h2{color:#333;font-size:24px;font-weight:500;margin:0 0 20px}#accountLinkForm .form-group{margin-bottom:16px;text-align:left}#accountLinkForm .label{color:#555;display:block;font-size:14px;margin-bottom:6px}#accountLinkForm .input{border:1px solid #d1d3e2;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}#accountLinkForm .input:focus{border-color:#3867d6;outline:none}#accountLinkForm .button{background-color:#a0a5b1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}#accountLinkForm .button:hover{background-color:#8b92a1}.hr{border:none;border-top:1px solid #e0e0e0;margin:24px 0}.foot-lnk a{color:#3867d6;font-size:14px;text-decoration:none;transition:color .2s}.foot-lnk a:hover{color:#2850a7}.find-password-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:5rem auto;max-width:400px;padding:2rem;text-align:center}.find-password-container input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:16px;margin-top:8px;padding:10px;width:100%}.find-password-container button{background:#3867d6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px;transition:background-color .2s;width:100%}.find-password-container button:hover{background-color:#2f57c7}.reset-password-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:5rem auto;max-width:400px;padding:2rem;text-align:center}.reset-password-container input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:16px;margin-top:6px;padding:10px;width:100%}.reset-password-container button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px;width:100%}.reset-password-container button:hover{background-color:#218838}.success{color:green;margin-top:12px}.error{color:red;margin-top:12px}.footer{background-color:#1c1c1c;background-color:var(--footer-bg,#1c1c1c);border-top:1px solid #333;color:#999;font-size:12px;line-height:1.6;margin-top:auto;padding:24px 16px;text-align:center;transition:background-color .3s ease}.footer a{color:#999;text-decoration:none;transition:color .2s ease}.footer a:hover{color:#fff;text-decoration:underline}.footer small{color:#aaa;display:inline-block;font-size:11.5px;font-weight:300;line-height:1.6;margin:0 auto;max-width:800px;opacity:.85}@media (max-width:600px){.footer{font-size:11px;padding:16px 10px}.footer small{font-size:10.5px}}.callback-container{align-items:center;background-color:#f5f5f5;background-color:var(--page-bg,#f5f5f5);color:#333;color:var(--text-color,#333);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.callback-message{color:#666;font-size:18px;font-weight:500;margin-bottom:20px}.callback-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#409eff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark-mode .callback-container{background-color:#2b2b2b;color:#fff}.dark-mode .callback-message{color:#ccc}.login-container{background:#fff!important;background:var(--container-bg,#fff)!important;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;padding:40px 32px;text-align:center;width:clamp(360px,90%,600px)}.container h2{margin:0 0 16px;text-align:center}#loginForm .group{margin-bottom:16px}#loginForm .group label{color:#555;display:block;font-size:14px;margin-bottom:6px}#loginForm .group input[type=password],#loginForm .group input[type=text]{border:1px solid #d1d3e2;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}#loginForm .group input[type=password]:focus,#loginForm .group input[type=text]:focus{border-color:#3867d6;outline:none}#loginForm .group input.button{background-color:#a0a5b1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}#loginForm .group input.button:hover{background-color:#8b92a1}.back-btn{background:#60a5fa;border-radius:4px;left:16px;top:16px}.find-password-wrapper{color:#555;font-size:.9rem;margin-top:1rem;text-align:center}.find-password-link{color:#007bff;margin-left:4px;text-decoration:underline}.find-password-link:hover{color:#0056b3}body{align-items:center;background-color:#f5f5f5;background-color:var(--page-bg,#f5f5f5);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.Signup-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;padding:40px 32px;width:360px}.Signup-container h2{color:#333;font-size:24px;font-weight:500;margin:0 0 16px;text-align:center}#signupForm .group{margin-bottom:16px}#signupForm .group label{color:#555;display:block;font-size:14px;margin-bottom:6px}#signupForm .group input[type=password],#signupForm .group input[type=text]{border:1px solid #d1d3e2;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}#signupForm .group input[type=password]:focus,#signupForm .group input[type=text]:focus{border-color:#3867d6;outline:none}.email-error,.name-error,.phone-error,.pwd-error,.pwd2-error{color:#e74c3c;font-size:12px;margin-top:4px}.success-message{color:#27ae60;font-size:12px;margin-top:4px}#signupForm .group input.button{background-color:#a0a5b1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}#signupForm .group input.button:hover{background-color:#8b92a1}.link{margin-top:12px;text-align:center}.link a{color:#3867d6;font-size:14px;transition:color .2s}.link a:hover{color:#2850a7}.main-container{background:#fff;background:var(--container-bg,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;padding:32px 24px;text-align:center;width:400px}.container h1{color:#333;font-size:28px;margin:0 0 12px}.container p{color:#555;font-size:16px;margin:8px 0}.link{display:flex;flex-direction:column;gap:12px}.link a{background-color:#a0a5b1;border-radius:4px;color:#fff;display:block;font-weight:500;padding:10px 16px;text-decoration:none;transition:background-color .2s}.link a:hover{background-color:#8b92a1}.upload-button{background-color:#4caf50;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;margin-bottom:12px;padding:8px 14px;transition:background-color .2s}.upload-button:hover{background-color:#45a049}:root{--page-bg:#f5f5f5}@media (prefers-color-scheme:dark){:root{--page-bg:#2b2b2b}}.banner-container{box-shadow:none;display:flex;justify-content:center;left:auto;padding:15px 0;position:static!important;right:auto;top:auto;z-index:auto}.banner-img{border-radius:8px;height:auto;max-width:500px;object-fit:cover;width:100%}.back-btn{background-color:#409eff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;left:20px;padding:6px 12px;position:fixed;top:15px;transition:background-color .2s ease;z-index:1000}.back-btn:hover{background-color:#3a8ee6}.GameList-container{background-color:#f5f5f5;background-color:var(--page-bg);color:#758592;display:flex;flex-direction:column;font-size:12px;margin:0 auto;padding-top:16px;width:740px}.matchRow{align-items:flex-start;border-radius:8px;display:flex;margin-bottom:12px;overflow:hidden}.matchRow.win{background-color:#ebf4ff}.matchRow.lose{background-color:#ffe4e6}.box{display:flex;flex:1 1 auto;flex-direction:column;position:relative}.box,.box.summary{background:#0000}.text{display:block}.red{color:#d31a45}.gray{color:#777}.title{font-weight:700}.inner{align-items:center;display:flex;padding:5px 8px}.inner.column{align-items:flex-start;flex-direction:column}.bar{background:#ffd8d9;height:1px;margin:0 8px;width:48px}.champ_img{margin-right:8px;position:relative}.champ_img img,.level{border-radius:50%}.level{background:#202d37;bottom:0;color:#fff;font-size:11px;height:20px;line-height:20px;position:absolute;right:0;text-align:center;width:20px}.spell{display:flex;flex-direction:column;margin-right:8px}.spell_img img{border-radius:5px;height:22px;margin-bottom:2px;width:22px}.kda,.rune{display:flex;flex-direction:column;margin-right:8px}.kda{font-weight:700}.kda span:first-child{font-size:15px}.item img{border-radius:5px;height:22px;margin-right:2px;width:22px}.box.toggle{flex:0 0 24px}.box.toggle button{background:none;border:none;cursor:pointer;padding:0}.matchDetailRow{margin-bottom:30px}.more-button-container{display:flex;justify-content:center;margin:20px 0;padding:10px 0}#more{background:#10b981;border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}#more:hover{background:#059669;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.box.detail-box{background:#0000000d;padding:8px}.detail-table{border-collapse:collapse;width:100%}.detail-table thead th{background-color:#fff}.detail-table td,.detail-table th{border:1px solid #ddd;font-size:11px;padding:6px;text-align:center;vertical-align:middle}.detail-table .red-row td{background-color:#ffe4e6}.detail-table .blue-row td{background-color:#ebf4ff}.label-row td{background-color:#fff;border:none;font-weight:700;padding:4px 8px;text-align:left}.ban-img{height:24px;margin:0 4px;vertical-align:middle;width:24px}.stat-text{color:#333;font-size:11px;margin-left:8px}.empty-message{color:#777;font-size:14px;padding:40px 0;text-align:center}@media (max-width:600px){.banner-container{padding:10px 0}.banner-img{max-width:95%}.back-btn{font-size:12px;left:15px;padding:5px 10px;top:10px}.GameList-container{padding-top:12px;width:95%}}.SaveGame-container{background:#fff;background:var(--container-bg,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;padding:40px 32px;text-align:center;width:360px}.container h2{color:#333;font-size:24px;font-weight:500;margin:0 0 20px}#gameCodeForm .group{margin-bottom:16px;text-align:left}#gameCodeForm .group label{color:#555;display:block;font-size:14px;margin-bottom:6px}#gameCodeForm .group input[type=text]{border:1px solid #d1d3e2;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}#gameCodeForm .group input[type=text]:focus{border-color:#3867d6;outline:none}#gameCodeForm .group input.button{background-color:#a0a5b1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}#gameCodeForm .group input.button:hover{background-color:#8b92a1}.link{margin-top:24px}.link button{background:#0000;border:none;color:#a0a5b1;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;transition:color .2s}.link button:hover{color:#8b92a1}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{background-color:#f5f5f5;background-color:var(--page-bg,#f5f5f5);display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s ease}.app-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px 0}.theme-toggle-btn{background-color:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:18px;height:40px;position:fixed;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:1000}.theme-toggle-btn:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.dark-mode{background-color:#2b2b2b}.dark-mode .theme-toggle-btn{background-color:#ffffff1a;color:#fff}.light-mode{background-color:#f5f5f5}
/*# sourceMappingURL=main.4dad2958.css.map*/