@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400&family=Teko:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#0f172a;background-image:url(/static/media/background.03c2b2c54875e053bfc2.jpg);background-image:radial-gradient(circle at top left,#00ffff1a,#0000 40%),radial-gradient(circle at bottom right,#1d4ed81a,#0000 40%);background-position:50%;background-size:cover;color:#f0f0f0;font-family:Teko,sans-serif;font-family:Inter,sans-serif;margin:0;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{flex:1 1}.game-selection-container{padding:4rem 2rem}.game-selection-container h2{font-size:2.8rem;margin-bottom:3rem}.game-cards{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.game-card{border-radius:12px;height:500px;transition:all .4s cubic-bezier(.25,.8,.25,1)}.game-card:hover{box-shadow:0 10px 40px #0ff6;transform:scale(1.05) translateY(-10px)}.game-card-overlay{background:linear-gradient(0deg,#0f172af2 20%,#0f172a80 50%,#0000);transition:background .4s ease}.game-card:hover .game-card-overlay{background:linear-gradient(0deg,#0f172acc 10%,#0000 80%)}.game-card-content{padding:1.5rem}.game-card h3{font-size:2.2rem;margin-bottom:.5rem;margin-top:0;text-shadow:0 2px 5px #000}.game-card p{text-shadow:0 1px 3px #000}.app-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f172acc;border-bottom:1px solid #0ff;box-shadow:0 2px 10px #0ff3;box-sizing:border-box;color:#f0f0f0;padding:1rem 2.5rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1600px}.navbar-brand{cursor:pointer;outline:none;transition:transform .2s ease-in-out}.navbar-brand:focus,.navbar-brand:hover{text-shadow:0 0 15px #00ffffb3;transform:scale(1.05)}.navbar-brand h1{font-size:1.8rem;margin:0}.nav-links{align-items:center;display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-links li{color:#cbd5e1;cursor:pointer;font-weight:600;outline:none;padding:.5rem 0;position:relative;transition:color .3s ease;-webkit-user-select:none;user-select:none}.nav-links li:focus,.nav-links li:hover{color:#fff}.nav-links li:after{background-color:#0ff;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;width:100%}.nav-links li:focus:after,.nav-links li:hover:after{transform:scaleX(1);transform-origin:bottom left}.nav-links li.active{color:#0ff;text-shadow:0 0 8px #00ffff80}.nav-links li.active:after{transform:scaleX(1);transform-origin:bottom left}.placeholder-container{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:4rem}.app-footer{background-color:#0003;box-sizing:border-box;color:#ffffff80;font-size:.8rem;padding:15px 0;text-align:center;width:100%}.app-footer p{margin:0;padding:0 20px}.game-selection-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 120px);overflow:hidden;padding:1rem 2rem}.game-selection-container h2{animation:glitch-skew 1s linear infinite alternate-reverse;color:#0ff;font-size:3rem;margin-bottom:4rem;position:relative;text-align:center;text-shadow:0 0 15px #0ff9}.game-selection-container h2:after,.game-selection-container h2:before{background:#0f172a;content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.game-selection-container h2:before{clip:rect(44px,450px,56px,0);animation:glitch-anim 5s linear infinite alternate-reverse;left:2px;text-shadow:-2px 0 #ff00c1}.game-selection-container h2:after{clip:rect(85px,450px,90px,0);animation:glitch-anim2 5s linear infinite alternate-reverse;left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1}@keyframes glitch-anim{0%{clip:rect(46px,9999px,11px,0)}to{clip:rect(21px,9999px,78px,0)}}@keyframes glitch-anim2{0%{clip:rect(9px,9999px,90px,0)}to{clip:rect(50px,9999px,1px,0)}}@keyframes glitch-skew{0%{transform:skewX(0)}to{transform:skewX(2deg)}}.game-cards-perspective{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;perspective:1500px}.game-card{align-items:flex-end;background-position:50%;background-size:cover;border:2px solid #475569;border-radius:15px;cursor:pointer;display:flex;height:550px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.23,1,.32,1);width:400px}.game-card:hover{border-color:#0ff;box-shadow:0 20px 50px #00ffff4d;transform:rotateY(10deg) rotateX(5deg) scale(1.05)}.game-card:hover .content-inner{transform:translateY(-10px)}.game-card-overlay{background:linear-gradient(0deg,#0f172a 15%,#0000 60%);height:100%;left:0;position:absolute;top:0;transition:background .5s ease;width:100%}.game-card-content{box-sizing:border-box;padding:2rem;position:relative;text-align:left;width:100%;z-index:2}.content-inner{transition:transform .5s cubic-bezier(.23,1,.32,1)}.game-card h3{color:#fff;font-size:2.5rem;margin:0 0 .5rem;text-shadow:0 2px 8px #000}.game-card p{color:#cbd5e1;font-size:1rem;text-shadow:0 1px 5px #000}.skeleton-card{background:#1e293b;overflow:hidden;position:relative}.skeleton-card:after{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#47556980,#0000);content:"";height:100%;left:-150%;position:absolute;top:0;width:150%}@keyframes loading-shimmer{0%{left:-150%}to{left:150%}}.valorant-dashboard-container{animation:fadeIn .5s ease-in-out;margin:0 auto;max-width:1600px;padding:1rem 2rem}.dashboard-nav{border-bottom:1px solid #475569;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem;padding-bottom:1.5rem}.dashboard-nav button{background-color:initial;border:1px solid #475569;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.dashboard-nav button:hover{background-color:#00ffff1a;border-color:#0ff;color:#fff}.dashboard-nav button.active{background-color:#0ff;border-color:#0ff;box-shadow:0 0 15px #0ff6;color:#0f172a;transform:translateY(-2px)}.performance-page-container{padding:0 10px}.chart-container-full,.chart-container-half,.chart-container-large{background-color:#2c2c2c;border:1px solid #444;border-radius:10px;margin-bottom:30px;padding:20px;position:relative}.chart-container-full,.chart-container-half{height:450px}.chart-container-large{height:550px}.charts-grid-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.error-message,.loading-message{color:#ccc;font-size:1.2rem}.error-message{color:#fd4556}@media (max-width:1200px){.charts-grid-container{grid-template-columns:1fr}}.model-lab-container{background-color:#2c2c2c;border:1px solid #444;border-radius:10px;margin-top:30px;padding:30px;text-align:center}.model-lab-container h2{color:#fd4556;font-family:Teko,sans-serif;font-size:2.5rem;margin:0 0 10px}.model-lab-container p{color:#ccc;font-family:Roboto,sans-serif;font-size:1.1rem;line-height:1.6;margin:0 auto 25px;max-width:800px}.run-model-button{background-color:#fd4556;color:#fff;font-family:Teko,sans-serif;letter-spacing:1px;margin-bottom:30px;padding:12px 24px}.run-model-button:hover:not(:disabled){box-shadow:0 4px 15px #fd455666;color:#fd4556;transform:translateY(-3px)}.run-model-button:disabled{background-color:#555;opacity:.7}.results-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(2,1fr);margin-top:20px}@media (max-width:1200px){.results-grid{grid-template-columns:1fr}}.test-set-info{color:#aaa;font-style:italic;margin-top:20px;min-height:20px}.results-section{margin-top:30px}.chart-wrapper{background-color:#2c2c2c;border:1px solid #444;border-radius:10px;height:500px;margin-bottom:30px;padding:20px}.model-result-card.detailed{background-color:#1e293b;border:1px solid #475569;border-radius:12px;padding:1.5rem}.model-name{border-bottom:1px solid #334155;color:#f0f0f0;font-size:1.5rem;margin:0 0 1rem;padding-bottom:1rem;text-align:center}.accuracy-box{background-color:#0f172a;border-radius:8px;color:#cbd5e1;font-size:1.1rem;margin-bottom:1.5rem;padding:.75rem;text-align:center}.accuracy-box span{color:#0ff;font-size:1.3rem;font-weight:700;margin-left:10px}.report-table{border-collapse:collapse;font-size:.9rem;width:100%}.report-table td,.report-table th{padding:8px;text-align:center}.report-table thead{background-color:#334155;color:#cbd5e1}.report-table .label-cell{font-weight:700;text-align:left}.simulator-container{background-color:#2c2c2c;border:1px solid #444;border-radius:10px;margin-top:40px;padding:30px 40px;text-align:center}.simulator-container h3{color:#fd4556;font-family:Teko,sans-serif;font-size:2.5rem;margin:0 0 10px}.simulator-container p{color:#ccc;font-family:Roboto,sans-serif;font-size:1.1rem;line-height:1.6;margin:0 auto 25px;max-width:600px}.simulator-form{margin:20px auto 0;max-width:700px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:25px}.input-group label{color:#aaa;display:block;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:700;margin-bottom:8px;text-align:center;text-transform:uppercase;white-space:nowrap}.input-group input{background:#1a1a1a;border:2px solid #555;border-radius:5px;color:#fff;font-family:Roboto,sans-serif;font-size:1.1rem;padding:12px;transition:border-color .3s ease}.input-group input:focus{border-color:#fd4556}.predict-button{background-color:#fd4556;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Teko,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:12px 24px;transition:all .3s ease}.predict-button:hover:not(:disabled){background-color:#fff;box-shadow:0 4px 15px #fd455666;color:#fd4556;transform:translateY(-3px)}.predict-button:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.result-card{animation:fadeIn .5s ease-in-out;background:#1e1e1e;border-left:6px solid;border-radius:8px;box-shadow:0 5px 20px #0000004d;margin:30px auto 0;max-width:400px;padding:25px}.result-card h4{color:#ccc;font-family:Teko,sans-serif;font-size:1.5rem;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.result-card .prediction{display:block;font-family:Teko,sans-serif;font-size:4rem;line-height:1;margin-bottom:10px}.result-card p{color:#aaa;font-family:Roboto,sans-serif;font-size:1rem;margin:5px 0 0}.result-card p strong{color:#fff;font-size:1.1rem}.result-card.vitória{border-color:#4caf50}.result-card.vitória .prediction{color:#4caf50}.result-card.derrota{border-color:#fd4556}.result-card.derrota .prediction{color:#fd4556}.roadmap-container{color:#fafafa;margin:0 auto;max-width:1000px;padding:40px;text-align:center}.roadmap-header-card{background:#060606e6;border:1px solid #444;border-radius:15px;margin-bottom:60px;padding:30px}.roadmap-header-card h1{color:#fd4556;font-family:Teko,sans-serif;font-size:3.5rem;margin:0;text-shadow:0 0 10px #fd455680}.roadmap-header-card .roadmap-subtitle{color:#ccc;font-family:Roboto,sans-serif;font-size:1.2rem;line-height:1.6;margin:10px auto 0;max-width:800px}.timeline-container{margin:0 auto;position:relative;text-align:left}.timeline-container:before{background-color:#333;border-radius:2px;bottom:0;content:"";left:28px;position:absolute;top:0;width:4px}.timeline-item{animation:slideUpFadeIn .6s ease-out forwards;margin-bottom:50px;opacity:0;padding-left:80px;position:relative}.timeline-item:first-child{animation-delay:.2s}.timeline-item:nth-child(2){animation-delay:.4s}.timeline-item:nth-child(3){animation-delay:.6s}.timeline-item:nth-child(4){animation-delay:.8s}.timeline-icon{align-items:center;border:4px solid #333;border-radius:50%;display:flex;font-size:2.2rem;height:60px;justify-content:center;left:0;position:absolute;top:0;transition:all .3s ease;width:60px;z-index:1}.timeline-content{background:#2c2c2c;border:1px solid #444;border-radius:10px;padding:20px 25px;position:relative;transition:all .3s ease}.timeline-item:hover .timeline-icon{transform:scale(1.1)}.timeline-item:hover .timeline-content{border-color:#fd4556;box-shadow:0 0 15px #fd455633}.timeline-content h3{font-family:Teko,sans-serif;font-size:2.2rem;margin:0 0 10px}.phase-description{border-left:3px solid #555;color:#aaa;font-family:Roboto,sans-serif;font-style:italic;margin-bottom:15px;padding-left:10px}.timeline-content ul{list-style-type:none;padding:0}.timeline-content li{align-items:center;color:#ccc;display:flex;font-family:Roboto,sans-serif;font-size:1.05rem;gap:12px;margin-bottom:10px}.timeline-item.completed .timeline-icon{background-color:#1a665f;border-color:#2a9d8f}.timeline-item.completed h3{color:#2a9d8f}.timeline-item.completed li svg{color:#2a9d8f;font-size:1.2rem}.timeline-item.in-progress .timeline-icon{background-color:#b39344;border-color:#e9c46a}.timeline-item.in-progress h3,.timeline-item.in-progress li strong{color:#e9c46a}.timeline-item.in-progress li svg{color:#e9c46a;font-size:1.2rem}.timeline-item.planned .timeline-icon{background-color:#495057;border-color:#6c757d}.timeline-item.planned h3{color:#6c757d}.timeline-item.planned li strong{color:#999}.timeline-item.planned li svg{color:#6c757d;font-size:1.2rem}.icon-spin{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.match-detail-container{animation:fadeIn .5s ease-in-out;background-color:#1e293b;border:1px solid #475569;border-radius:12px;margin-top:2rem;padding:1.5rem}.match-header{border-bottom:1px solid #475569;margin-bottom:1rem;padding-bottom:1rem;position:relative;text-align:center}.match-header h2{margin:0}.match-info{color:#94a3b8;display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.scoreboard{display:flex;flex-direction:column;gap:2rem}.team-header{margin-bottom:.5rem;padding-bottom:.5rem}.blue-team .team-header{border-bottom:2px solid #3b82f6}.red-team .team-header{border-bottom:2px solid #ef4444}.blue-team h3{color:#3b82f6;margin:0}.red-team h3{color:#ef4444;margin:0}.player-row{grid-gap:10px;align-items:center;background-color:#0f172a;border-radius:6px;display:grid;gap:10px;grid-template-columns:2.5fr 1fr 2fr .5fr;margin-bottom:5px;padding:8px;transition:background-color .2s ease}.player-row.main-player{background-color:#334155;border:1px solid #0ff}.player-info{align-items:center;display:flex;gap:10px}.champion-icon{border-radius:50%;height:32px;width:32px}.summoner-identity{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px}.summoner-name{color:#f0f0f0;font-size:.9rem;font-weight:500}.tag-line{color:#94a3b8;font-size:.8rem}.player-kda{font-weight:700}.player-cs{color:#94a3b8;font-size:.8rem}.player-items{display:flex;gap:4px}.player-items img{background-color:#0f172a}.item-slot,.player-items img{border-radius:4px;height:28px;width:28px}.item-slot{background-color:#0003}.header-buttons{display:flex;gap:10px;position:absolute;right:10px;top:10px}.dev-screen-button{font-size:1.2rem;font-weight:700;height:40px;position:static;width:40px}.dev-screen-button:hover{transform:scale(1.1)}.save-match-button{align-items:center;background-color:#16a34a;border:none;border-radius:6px;color:#f0f0f0;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;padding:0 15px;transition:all .2s ease}.save-match-button:hover:not(:disabled){background-color:#15803d;box-shadow:0 0 10px #16a34a80}.save-match-button:disabled{background-color:#475569;cursor:not-allowed}.model-lab-container{animation:fadeIn .5s ease;margin:0 auto;max-width:1200px;padding:2rem}.model-lab-container .page-title{color:#0ff;font-size:2.5rem;margin-bottom:1rem;text-align:center}.model-lab-container .page-description{color:#cbd5e1;line-height:1.6;margin:0 auto 2rem;max-width:800px;text-align:center}.run-model-button{background-color:#0ff;border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:block;font-size:1.2rem;font-weight:700;margin:0 auto 1.5rem;padding:1rem 2.5rem;transition:all .3s ease}.run-model-button:hover:not(:disabled){background-color:#fff;box-shadow:0 0 15px #00ffff80}.run-model-button:disabled{background-color:#475569;cursor:not-allowed}.run-info-text{color:#94a3b8;font-style:italic;margin-bottom:2rem;text-align:center}.results-section{margin-top:2rem}.chart-wrapper{background-color:#1e293b;border:1px solid #475569;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.chart-wrapper h3{margin-top:0;text-align:center}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.data-explanation-card{background-color:#1e293b80;border:1px solid #475569;border-left:4px solid #0ff;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.data-explanation-card h3{color:#f0f0f0;margin-top:0}.data-explanation-card p{color:#cbd5e1;line-height:1.7}.data-explanation-card strong{color:#0ff}.data-table-container{background-color:#1e293b;border:1px solid #475569;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.data-table-container h3{margin-top:0;text-align:center}.data-table-container table{border-collapse:collapse;font-size:.8rem;width:100%}.data-table-container td,.data-table-container th{border-bottom:1px solid #334155;padding:8px 12px;text-align:left}.data-table-container th{background-color:#334155;color:#0ff;font-weight:700}.data-table-container tbody tr:hover{background-color:#334155}.run-model-container{background-color:#1e293b80;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem;text-align:center}.run-model-container,.settings-box{align-items:center;border-radius:8px;display:flex}.settings-box{background-color:#1e293b;gap:10px;padding:10px 15px}.settings-box label{color:#cbd5e1;font-weight:500}.settings-box select{background-color:#0f172a;border:1px solid #475569;border-radius:6px;color:#f0f0f0;font-size:1rem;padding:8px}.settings-box select:focus{border-color:#0ff;outline:none}.model-deep-dive{grid-gap:2rem;align-items:center;border-bottom:1px solid #475569;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;padding-bottom:2rem}.model-deep-dive:last-child{border-bottom:none;margin-bottom:0}@media (max-width:900px){.model-deep-dive{grid-template-columns:1fr}}.feature-analysis-container{border-top:1px solid #475569;margin-top:3rem;padding-top:2rem;text-align:center}.feature-analysis-container h3{color:#f0f0f0;font-size:1.8rem}.feature-analysis-container p{color:#cbd5e1;line-height:1.6;margin:1rem auto 1.5rem;max-width:700px}.run-analysis-button{background-color:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.8rem 2rem;transition:all .3s ease}.run-analysis-button:hover:not(:disabled){background-color:#6d28d9;box-shadow:0 0 15px #7c3aed80}.run-analysis-button:disabled{background-color:#475569;cursor:not-allowed}.chart-image-wrapper{background-color:#1e293b;border:1px solid #475569;border-radius:12px;margin-top:2rem;padding:1rem}.chart-image-wrapper img{border-radius:8px;height:auto;max-width:100%}.confusion-matrix-container{background-color:#1e293b;border:1px solid #475569;border-radius:12px;padding:1.5rem;text-align:center}.confusion-matrix-container h4{color:#f0f0f0;font-size:1.2rem;margin-bottom:1.5rem;margin-top:0}.confusion-matrix-container table{border-collapse:initial;border-spacing:6px;font-size:.9rem;margin:0 auto}.confusion-matrix-container td,.confusion-matrix-container th{height:70px;padding:10px;text-align:center;vertical-align:middle;width:110px}.vertical-header{transform:rotate(180deg);writing-mode:vertical-lr}.header-pred,.header-val,.vertical-header{border:none;font-size:1rem;font-weight:700}.cell,.header-cell{font-weight:700}.cell{border-radius:8px;font-family:Courier New,Courier,monospace;font-size:1.8rem}.correct-cell{background-color:#16a34a4d;border:1px solid #16a34a;color:#a7f3d0}.error-cell{background-color:#ef44444d;border:1px solid #ef4444;color:#fca5a5}.lol-dashboard-container{animation:fadeIn .5s ease-in-out;margin:2rem auto;max-width:1200px;padding:2rem}.search-container{background-color:#1e293b;border:1px solid #475569;border-radius:12px;padding:2rem;text-align:center}.search-container h2{color:#0ff;font-size:2rem;margin-top:0}.input-group{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1.5rem 0}.input-group input{background-color:#0f172a;border:1px solid #475569;border-radius:6px;color:#f0f0f0;font-size:1rem;padding:.75rem;text-align:right;width:100%}.input-group input:focus{border-color:#0ff;box-shadow:0 0 10px #00ffff4d;outline:none}.input-group span{color:#475569;font-size:1.5rem}.tagline-input{max-width:80px;text-align:left!important}.search-container button{background-color:#0ff;border:none;border-radius:8px;color:#0f172a;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.8rem 2rem;transition:all .3s ease}.search-container button:hover:not(:disabled){background-color:#fff;box-shadow:0 0 15px #00ffff80}.search-container button:disabled{background-color:#475569;cursor:not-allowed}.error-message{color:#f87171;font-weight:700;margin-top:1rem;text-align:center}.loading-message{color:#94a3b8;font-size:1.1rem;margin-top:2rem;text-align:center}.player-data-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}@media (min-width:1024px){.player-data-container{align-items:flex-start;grid-template-columns:1fr 3fr}}.results-container{background-color:#1e293b;border:1px solid #475569;border-radius:12px;padding:1.5rem}.results-header{align-items:center;border-bottom:1px solid #475569;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.results-header h3{border:none;margin:0;padding:0}.results-container pre{word-wrap:break-word;color:#a7f3d0;padding:1rem;white-space:pre-wrap}.match-history ul,.results-container pre{background-color:#0f172a;border-radius:8px}.match-history ul{list-style:none;margin:0;max-height:450px;overflow-y:auto;padding:.5rem}.match-history li{align-items:center;background-color:#1e293b;border-radius:6px;cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:10px;margin-bottom:.5rem;padding:.75rem 1rem;transition:background-color .2s ease}.match-history li:last-child{margin-bottom:0}.match-history li:hover{background-color:#334155}.match-history li.win{border-left:3px solid #3b82f6}.match-history li.loss{border-left:3px solid #ef4444}.champion-icon-small{border-radius:50%;height:32px;width:32px}.match-list-info{display:flex;flex-direction:column;flex-grow:1}.game-mode{color:#f0f0f0;font-size:.95rem;font-weight:700}.match-kda{color:#94a3b8;font-size:.8rem}.match-result{font-size:.9rem;font-weight:700}.match-history li.win .match-result{color:#3b82f6}.match-history li.loss .match-result{color:#ef4444}.results-container.match-details{margin-top:2rem}.dev-screen-button{align-items:center;background-color:#1e293b;border:1px solid #475569;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;transition:all .2s ease;width:30px}.dev-screen-button:hover{background-color:#334155;border-color:#0ff;color:#0ff}.dev-screen-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.dev-screen-content{animation:slideInUp .4s ease-out;background-color:#0f172a;border:1px solid #3f9;border-radius:8px;box-shadow:0 0 30px #3f93;display:flex;flex-direction:column;height:80vh;max-width:800px;width:90%}.dev-screen-header{align-items:center;background-color:#1e293b;border-bottom:1px solid #3f9;color:#3f9;display:flex;font-family:Courier New,Courier,monospace;font-weight:700;justify-content:space-between;padding:10px 15px}.dev-screen-header button{background:none;border:none;color:#3f9;cursor:pointer;font-size:1.2rem;font-weight:700}.dev-screen-content pre{color:#a7f3d0;flex-grow:1;font-family:Fira Code,Courier New,Courier,monospace;font-size:.8rem;margin:0;overflow:auto;padding:1rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.save-all-button{background-color:initial;border:1px solid #0ff;border-radius:6px;color:#0ff;cursor:pointer;font-size:.8rem;font-weight:700;padding:5px 10px;transition:all .2s ease}.save-all-button:hover:not(:disabled){background-color:#00ffff1a;box-shadow:0 0 10px #00ffff4d}.save-all-button:disabled{border-color:#475569;color:#475569;cursor:not-allowed}.agents-container{animation:fadeIn .5s ease-in-out;color:#fafafa;margin:0 auto;max-width:1400px;padding:2rem}.agents-container h1{color:#0ff;font-size:3rem;margin-bottom:2rem;text-align:center;text-shadow:0 0 15px #00ffff80}.agents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.agent-card-link{color:inherit;cursor:pointer;outline:none;text-decoration:none}.agent-card-link:focus-visible .agent-card{box-shadow:0 0 0 3px #0f172a,0 0 0 5px #0ff}.agent-card{background-color:#1e293b;border:1px solid #475569;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:15px;text-align:center;transition:all .3s ease}.agent-card:hover{border-color:#0ff;box-shadow:0 8px 25px #0ff3;transform:translateY(-5px)}.agent-icon{height:100px;margin:0 auto 1rem;object-fit:contain;width:100px}.agent-name{color:#f0f0f0;font-family:Teko,sans-serif;font-size:1.5rem;margin-top:10px}.error-message,.loading-message{color:#fff;font-size:1.5rem;padding:50px;text-align:center}.agent-detail-container{align-items:flex-start;color:#fafafa;display:flex;font-family:Roboto,sans-serif;gap:40px;margin:0 auto;max-width:1400px;padding:40px}.agent-portrait{border-radius:10px;box-shadow:0 0 20px #00000080;flex:1 1;max-width:450px;min-width:300px;overflow:hidden}.agent-portrait img{display:block;height:auto;width:100%}.agent-info{background-color:#1e1e1ee6;border:1px solid #444;border-radius:10px;box-shadow:0 0 25px #0006;flex:2 1;padding:30px;text-align:left}.agent-header{border-bottom:2px solid #fd4556;margin-bottom:20px;padding-bottom:10px}.agent-header h1{color:#fd4556;font-family:Teko,sans-serif;font-size:4.5rem;letter-spacing:2px;line-height:1;margin:0;text-shadow:0 0 8px #fd455680}.agent-header h3{color:#bbb;font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:300;margin-top:10px}.agent-description{color:#e0e0e0;font-family:Roboto,sans-serif;font-size:1.15rem;line-height:1.8;margin:30px 0}h2{border-bottom:1px solid #666;color:#fd4556;font-family:Teko,sans-serif;font-size:2.5rem;letter-spacing:1px;margin-bottom:20px;margin-top:40px;padding-bottom:5px}.agent-abilities{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.ability-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 0 10px #0009;cursor:pointer;min-width:100px;padding:15px;text-align:center;transition:transform .2s ease-in-out;width:120px}.ability-card:hover{box-shadow:0 0 15px #fd455666;transform:translateY(-5px)}.ability-card img{filter:drop-shadow(0 0 5px rgba(253,69,86,.5));height:60px;width:60px}.ability-card p{color:#fafafa;font-family:Roboto,sans-serif;font-size:1.1rem;font-weight:700;margin:10px 0 0}.agent-info .back-link{background-color:#fd4556;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Teko,sans-serif;font-size:1.2rem;letter-spacing:1px;margin-top:30px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.agent-info .back-link:hover{background-color:#e03a4b}@media (max-width:900px){.agent-detail-container{flex-direction:column;gap:20px;padding:20px}.agent-info,.agent-portrait{max-width:100%;width:100%}.agent-portrait img{max-height:400px;object-position:top}.agent-header h1{font-size:3.5rem}.agent-header h3{font-size:1.3rem}h2{font-size:2rem}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#1a1a1a;border:1px solid #fd4556;border-radius:15px;box-shadow:0 0 30px #fd45564d;max-width:600px;padding:30px;text-align:left;width:90%}.modal-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.modal-header img{background:#2c2c2c;border-radius:8px;height:60px;width:60px}.modal-header h2{color:#fff;font-family:Teko,sans-serif;font-size:2rem;margin:0}.modal-description{color:#ccc;font-family:Roboto,sans-serif;font-size:1rem;line-height:1.7}.modal-close-button{background-color:#fd4556;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Teko,sans-serif;font-size:1.1rem;margin:20px 0 0 auto;padding:10px 20px;transition:background-color .2s ease}.modal-close-button:hover{background-color:#b7323f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.d9862444.css.map*/