:root{--lol-gold: #c89b3c;--lol-blue: #5bc0de;--lol-dark-blue: #0a1428;--lol-gray: #1e2328;--lol-light-gray: #3c3c41;--lol-brown: #463714;--lol-cream: #f0e6d2;--lol-muted: #a09b8c;--success: #28a745;--danger: #dc3545;--warning: #ffc107;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--lol-cream);background-color:var(--lol-dark-blue);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--lol-dark-blue) 0%,var(--lol-gray) 100%)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--lol-gold);margin:0;font-weight:600}p{margin:0;color:var(--lol-muted)}a{font-weight:500;color:var(--lol-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--lol-gold)}button{border-radius:6px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;background:linear-gradient(145deg,var(--lol-gold) 0%,var(--lol-cream) 100%);color:var(--lol-gray)}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c89b3c4d}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button:focus,button:focus-visible{outline:2px solid var(--lol-gold);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:1em}input:focus,select:focus,textarea:focus{outline:2px solid var(--lol-gold);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--lol-gray)}::-webkit-scrollbar-thumb{background:var(--lol-brown);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--lol-gold)}::selection{background:var(--lol-gold);color:var(--lol-gray)}@media(max-width:768px){:root{font-size:14px}}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a1428,#1e2328);color:#f0e6d2}.loading-spinner{width:40px;height:40px;border:3px solid #463714;border-top:3px solid #c89b3c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1428,#1e2328);padding:3rem 2rem;overflow-y:auto}.landing-hero{text-align:center;margin-bottom:3rem;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hero-logo{width:auto;height:120px;max-width:90%;margin-bottom:1.5rem;filter:drop-shadow(0 4px 12px rgba(200,155,60,.4));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{color:#c89b3c;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(200,155,60,.3)}.hero-subtitle{color:#f0e6d2;font-size:1.5rem;margin-bottom:1rem;font-weight:500}.hero-description{color:#a09b8c;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1200px;width:100%;margin-bottom:3rem;animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card{background:linear-gradient(145deg,#1a1d23,#252930);border:2px solid #5a4a1f;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;cursor:default;box-shadow:0 4px 16px #0006}.feature-card:hover{transform:translateY(-5px);border-color:#c89b3c;box-shadow:0 8px 24px #c89b3c4d,0 0 20px #c89b3c1a;background:linear-gradient(145deg,#1e2328,#2a2d35)}.feature-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.feature-card h3{color:#c89b3c;font-size:1.3rem;margin-bottom:.75rem;font-weight:600}.feature-card p{color:#a09b8c;font-size:.95rem;line-height:1.5;margin:0}.auth-card{background:linear-gradient(145deg,#1a1d23,#353941);border:2px solid #5a4a1f;border-radius:12px;padding:2.5rem;max-width:450px;width:100%;box-shadow:0 8px 32px #00000080,0 0 40px #c89b3c0d;animation:fadeInUp .8s ease-out .4s both}.auth-card h2{color:#c89b3c;text-align:center;margin-bottom:.5rem;font-size:2rem;font-weight:700}.auth-card-subtitle{color:#a09b8c;text-align:center;margin-bottom:2rem;font-size:.95rem}.auth-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #463714;text-align:center}.auth-footer p{color:#5bc0de;font-size:.85rem;margin:0;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#f0e6d2;font-weight:500;font-size:.9rem}.form-group input,.form-group select{padding:.75rem;border:2px solid #5a4a1f;border-radius:6px;background:#0f1419;color:#f0e6d2;font-size:1rem;transition:all .2s;box-shadow:inset 0 2px 4px #0000004d}.form-group input:focus,.form-group select:focus{outline:none;border-color:#c89b3c}.form-group input::placeholder{color:#5bc0de}.submit-button{background:linear-gradient(145deg,#c89b3c,#f0e6d2);color:#1e2328;border:none;padding:.875rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:1rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c89b3c4d}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#dc354526;border:2px solid #dc3545;color:#ff6b7a;padding:.75rem;border-radius:6px;font-size:.9rem;box-shadow:0 2px 8px #dc354533}.riot-id-help{text-align:center;margin-top:1rem;color:#5bc0de}.dashboard{min-height:100vh;background:linear-gradient(135deg,#0a1428,#1e2328);color:#f0e6d2}.dashboard-header{background:linear-gradient(145deg,#1a1d23,#353941);border-bottom:3px solid #5a4a1f;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000004d}.header-logo{height:40px;width:auto;margin-right:1rem;object-fit:contain}.auth-logo{height:80px;width:auto;margin:0 auto 1.5rem;display:block;object-fit:contain}.user-info h1{color:#c89b3c;margin:0 0 .5rem;font-size:1.5rem}.summoner-details{display:flex;gap:1rem;color:#a09b8c;font-size:.9rem}.rank{color:#c89b3c;font-weight:700}.logout-button{background:linear-gradient(145deg,#463714,#5bc0de);color:#f0e6d2;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.logout-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5bc0de4d}.dashboard-content{padding:2rem;max-width:1200px;margin:0 auto}.coaching-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.section-card{background:linear-gradient(145deg,#1a1d23,#353941);border:2px solid #5a4a1f;border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 16px #0006}.section-card:hover{transform:translateY(-4px);border-color:#c89b3c;box-shadow:0 8px 24px #c89b3c33,0 0 20px #c89b3c0d}.section-card h3{color:#c89b3c;margin:0 0 .5rem;font-size:1.2rem}.section-card p{color:#a09b8c;margin:0 0 1rem;line-height:1.5}.section-button{background:linear-gradient(145deg,#463714,#5bc0de);color:#f0e6d2;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.section-button:disabled{opacity:.5;cursor:not-allowed}.section-button:hover:not(:disabled){transform:translateY(-2px)}.ranked-overview{background:linear-gradient(145deg,#1a1d23,#353941);border:2px solid #5a4a1f;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0006}.ranked-overview h3{color:#c89b3c;margin:0 0 1rem}.ranked-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.queue-stats{background:#0f141999;border:2px solid #5a4a1f;border-radius:8px;padding:1rem;box-shadow:inset 0 2px 4px #0000004d}.queue-stats h4{color:#f0e6d2;margin:0 0 .5rem;text-transform:capitalize}.rank-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.tier{color:#c89b3c;font-weight:700}.lp{color:#5bc0de}.win-loss{display:flex;gap:1rem;font-size:.9rem}.wins{color:#28a745}.losses{color:#dc3545}.winrate{color:#c89b3c;font-weight:700}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a1428,#1e2328);color:#f0e6d2;text-align:center}.retry-button{background:linear-gradient(145deg,#c89b3c,#f0e6d2);color:#1e2328;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:700;cursor:pointer;margin:1rem .5rem;transition:transform .2s}.retry-button:hover{transform:translateY(-2px)}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.coaching-sections,.ranked-stats{grid-template-columns:1fr}.auth-container,.dashboard-content{padding:1rem}}.cors-notice{background:#000;border:2px solid #c89b3c;border-radius:12px;padding:1.5rem;margin-bottom:2rem;color:#f0e6d2}.cors-notice h3{color:#c89b3c;margin:0 0 1rem}.cors-notice p{margin:.5rem 0;line-height:1.5}.cors-notice strong{color:#5bc0de}.retry-auth-container{display:flex;justify-content:center;align-items:center;padding:2rem;margin-bottom:2rem}.retry-auth-card{background:linear-gradient(145deg,#1a1d23,#252930);border:2px solid #c89b3c;border-radius:16px;padding:2rem;max-width:600px;width:100%;box-shadow:0 8px 24px #0006;animation:fadeIn .5s ease-out}.retry-auth-card h3{color:#c89b3c;font-size:1.5rem;margin:0 0 1rem;text-align:center}.retry-message{color:#f0e6d2;margin-bottom:1rem;text-align:center}.retry-reasons{background:#0000004d;border-left:3px solid #c89b3c;padding:1rem 1rem 1rem 2rem;margin:1rem 0;list-style:none}.retry-reasons li{color:#a09b8c;margin:.5rem 0;position:relative;padding-left:1.5rem}.retry-reasons li:before{content:"•";color:#c89b3c;font-weight:700;position:absolute;left:0}.retry-info{background:#0003;border-radius:8px;padding:1rem;margin:1.5rem 0}.retry-info p{color:#a09b8c;margin:.5rem 0;font-size:.9rem}.retry-info strong{color:#5bc0de}.retry-actions{display:flex;gap:1rem;margin:1.5rem 0}.retry-button{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.retry-button.primary{background:linear-gradient(145deg,#c89b3c,#f0e6d2);color:#0a1428}.retry-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c89b3c66}.retry-button.primary:disabled{opacity:.6;cursor:not-allowed}.retry-button.secondary{background:linear-gradient(145deg,#463714,#5a4a2a);color:#f0e6d2;border:1px solid #c89b3c}.retry-button.secondary:hover{background:linear-gradient(145deg,#5a4a2a,#463714);transform:translateY(-2px);box-shadow:0 4px 12px #46371466}.retry-tip{background:#5bc0de1a;border-left:3px solid #5bc0de;padding:1rem;margin-top:1.5rem;border-radius:4px}.retry-tip p{color:#a09b8c;margin:0;font-size:.9rem;line-height:1.5}.retry-tip strong{color:#5bc0de}.game-assets-page{min-height:100vh;background:linear-gradient(135deg,#0a1428,#1e2328);display:flex;flex-direction:column}.game-assets-header{background:linear-gradient(145deg,#1e2328,#3c3c41);border-bottom:2px solid #463714;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000004d}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;width:100%}.back-button{background:linear-gradient(145deg,#463714,#5bc0de);color:#f0e6d2;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem;justify-self:start}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5bc0de4d}.back-button.secondary{background:linear-gradient(145deg,#2a2d35,#3c3f47);border:1px solid #463714;justify-self:end}.back-button.secondary:hover{background:linear-gradient(145deg,#3c3f47,#2a2d35);box-shadow:0 4px 12px #4637144d}.header-center{display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-self:center}.game-assets-header h2{color:#c89b3c;margin:0;font-size:1.8rem;text-align:center}.breadcrumb{display:flex;align-items:center;gap:.5rem;color:#a09b8c;font-size:.9rem;justify-content:center}.breadcrumb-item{color:#a09b8c}.breadcrumb-item.active{color:#c89b3c;font-weight:500}.breadcrumb-separator{color:#463714}.game-assets-tabs{background:#1e2328}.game-assets-tabs-container{display:flex;max-width:1200px;margin:0 auto;padding:0 2rem}.game-assets-tabs-container .tab-button{flex:1;padding:1rem;background:transparent;border:none;color:#a09b8c;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.game-assets-tabs-container .tab-button:hover{color:#f0e6d2;background:#4637144d}.game-assets-tabs-container .tab-button.active{color:#c89b3c;border-bottom-color:#c89b3c;background:#c89b3c1a}.search-bar{background:linear-gradient(180deg,#1e2328,#1a1f23);border-bottom:2px solid #463714}.search-bar-container{max-width:1200px;margin:0 auto;padding:0 2rem}.search-input{width:100%;padding:.75rem 1rem;margin:1rem 0;border:2px solid #463714;border-radius:8px;background:#3c3c41;color:#f0e6d2;font-size:1rem;transition:all .2s}.search-input:focus{outline:none;border-color:#c89b3c;box-shadow:0 0 0 1px #c89b3c}.search-input::placeholder{color:#a09b8c}.game-assets-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:2rem}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#f0e6d2}.error-state button{margin-top:1rem;background:linear-gradient(145deg,#c89b3c,#f0e6d2);color:#1e2328;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.champions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.champion-card{background:linear-gradient(145deg,#3c3c41,#1e2328);border:2px solid #463714;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s}.champion-card:hover{border-color:#c89b3c;transform:translateY(-2px)}.champion-image{text-align:center;margin-bottom:.5rem}.champion-image img{width:64px;height:64px;border-radius:50%;border:2px solid #463714}.champion-info h4{color:#c89b3c;margin:.5rem 0 .25rem;text-align:center}.champion-info p{color:#a09b8c;font-size:.9rem;text-align:center;margin:0 0 .5rem}.champion-tags{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.tag{background:#463714;color:#f0e6d2;padding:.2rem .5rem;border-radius:12px;font-size:.8rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.item-card{background:linear-gradient(145deg,#3c3c41,#1e2328);border:2px solid #463714;border-radius:8px;padding:1rem;transition:all .2s}.item-card{cursor:pointer}.item-card:hover{border-color:#5bc0de;transform:translateY(-2px);box-shadow:0 4px 12px #5bc0de4d}.item-image{text-align:center;margin-bottom:.5rem}.item-image img{width:48px;height:48px;border-radius:4px}.item-info h4{color:#5bc0de;margin:.5rem 0 .25rem;font-size:.9rem;text-align:center}.item-info p{color:#a09b8c;font-size:.8rem;text-align:center;margin:0 0 .5rem;line-height:1.3}.item-cost{text-align:center}.gold{color:#c89b3c;font-weight:700;font-size:.9rem}.abilities-section{max-width:800px;margin:0 auto}.select-champion{text-align:center;padding:2rem;color:#a09b8c}.select-champion button{margin-top:1rem;background:linear-gradient(145deg,#c89b3c,#f0e6d2);color:#1e2328;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:700}.champion-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #463714}.champion-header h3{color:#c89b3c;margin:0 0 .5rem;font-size:1.5rem}.champion-header p{color:#a09b8c;margin:0;font-style:italic}.abilities-grid{display:grid;gap:1rem;margin-bottom:2rem}.ability-card{background:linear-gradient(145deg,#3c3c41,#1e2328);border:2px solid #463714;border-radius:8px;padding:1rem}.ability-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.ability-key{background:#c89b3c;color:#1e2328;padding:.25rem .5rem;border-radius:4px;font-weight:700;font-size:.8rem;min-width:30px;text-align:center}.ability-header h4{color:#f0e6d2;margin:0}.ability-description{color:#a09b8c;line-height:1.4;margin-bottom:.5rem}.ability-stats{display:flex;gap:1rem;font-size:.9rem;color:#5bc0de}.champion-stats{background:linear-gradient(145deg,#463714,#3c3c41);border:2px solid #c89b3c;border-radius:8px;padding:1rem}.champion-stats h4{color:#c89b3c;margin:0 0 1rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.stat{display:flex;justify-content:space-between;padding:.25rem 0}.stat-label{color:#fff}.stat-value{color:#f0e6d2;font-weight:700}@media(max-width:768px){.game-assets-header{padding:1rem}.header-content{grid-template-columns:1fr;gap:1rem;text-align:center}.back-button{justify-self:center}.header-center{order:2}.header-spacer{display:none}.game-assets-content{padding:1rem}.game-assets-tabs-container,.search-bar-container{padding:0 1rem}.champions-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.abilities-grid,.stats-grid{grid-template-columns:1fr}}.champion-details-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.champion-details-modal{background:linear-gradient(145deg,#1e2328,#3c3c41);border:2px solid #c89b3c;border-radius:12px;width:90%;height:90%;max-width:none;max-height:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.champion-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;border-bottom:2px solid #463714;background:linear-gradient(145deg,#0f1419,#1a1f23)}.champion-title-section{display:flex;gap:1.5rem;align-items:flex-start}.champion-portrait{width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid #c89b3c;box-shadow:0 4px 12px #0000004d;flex-shrink:0}.champion-portrait img{width:100%;height:100%;object-fit:cover}.champion-title-info h2{color:#f0e6d2;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.champion-title{color:#c89b3c;font-size:1rem;font-style:italic;margin:0 0 .75rem}.champion-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.champion-tag{background:#c89b3c33;color:#c89b3c;padding:.3rem .8rem;border-radius:16px;font-size:.9rem;border:1px solid #c89b3c}.champion-difficulty{margin-top:.5rem}.difficulty-badge{color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.9rem;font-weight:700}.champion-close-button{background:transparent;border:none;color:#f0e6d2;font-size:2.5rem;cursor:pointer;padding:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.champion-close-button:hover{background:#f0e6d21a}.champion-details-content{flex:1;overflow-y:auto;padding:2rem}.champion-details-loading,.champion-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#f0e6d2;text-align:center}.error-actions{display:flex;gap:1rem;margin-top:1rem}.champion-info-section{margin-bottom:2rem}.champion-info-section h3{color:#c89b3c;margin:0 0 1rem;font-size:1.3rem}.info-bars{display:flex;flex-direction:column;gap:.8rem}.info-bar{display:flex;align-items:center;gap:1rem}.info-label{color:#f0e6d2;font-weight:500;min-width:80px}.info-bar-container{flex:1;height:20px;background:#1e2328;border-radius:10px;overflow:hidden;border:1px solid #463714}.info-bar-fill{height:100%;border-radius:10px;transition:width .3s ease}.info-bar-fill.attack{background:linear-gradient(90deg,#dc3545,#fd7e14)}.info-bar-fill.defense{background:linear-gradient(90deg,#6f42c1,#007bff)}.info-bar-fill.magic{background:linear-gradient(90deg,#20c997,#17a2b8)}.info-bar-fill.difficulty{background:linear-gradient(90deg,#ffc107,#fd7e14)}.info-bar-fill.resource{background:linear-gradient(90deg,#6f42c1,#e83e8c)}.info-value{color:#5bc0de;font-weight:700;min-width:40px;text-align:right}.abilities-section{margin-bottom:2rem}.abilities-section h3{color:#c89b3c;margin:0 0 1rem;font-size:1.3rem}.abilities-grid{display:grid;gap:1rem}.ability-card{background:linear-gradient(145deg,#3c3c41,#1e2328);border:2px solid #463714;border-radius:8px;padding:1rem;transition:border-color .2s}.ability-card:hover{border-color:#c89b3c}.ability-header{display:flex;gap:1rem;margin-bottom:.8rem}.ability-icon{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:2px solid #463714;flex-shrink:0}.ability-icon img{width:100%;height:100%;object-fit:cover}.ability-key{position:absolute;bottom:2px;right:2px;background:#c89b3c;color:#1e2328;padding:.2rem .4rem;border-radius:4px;font-size:.7rem;font-weight:700}.ability-info{flex:1}.ability-info h4{color:#f0e6d2;margin:0 0 .5rem;font-size:1.1rem}.ability-stats{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem}.cooldown{color:#5bc0de}.cost{color:#17a2b8}.range{color:#28a745}.ability-description{color:#a09b8c;line-height:1.5}.base-stats-section{margin-bottom:2rem}.base-stats-section h3{color:#c89b3c;margin:0 0 1rem;font-size:1.3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-group{background:linear-gradient(145deg,#463714,#3c3c41);border:1px solid #5bc0de;border-radius:8px;padding:1rem}.stat-group h4{color:#5bc0de;margin:0 0 .8rem;font-size:1rem;border-bottom:1px solid #463714;padding-bottom:.5rem}.stat-item{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid rgba(70,55,20,.3)}.stat-item:last-child{border-bottom:none}.stat-value{color:#f0e6d2;font-weight:500;font-size:.9rem}.tips-section{margin-bottom:2rem}.tips-section h3{color:#c89b3c;margin:0 0 1rem;font-size:1.3rem}.lore-section{margin-bottom:1.5rem}.lore-section h4{color:#5bc0de;margin:0 0 .8rem;font-size:1.1rem}.lore-text{color:#a09b8c;line-height:1.6;font-style:italic;background:linear-gradient(145deg,#463714,#3c3c41);padding:1rem;border-radius:8px;border-left:4px solid #c89b3c}.tips-subsection{margin-bottom:1.5rem}.tips-subsection h4{color:#5bc0de;margin:0 0 .8rem;font-size:1.1rem}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{color:#a09b8c;padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.4;border-bottom:1px solid rgba(70,55,20,.3)}.tips-list li:last-child{border-bottom:none}.tips-list li:before{content:"•";color:#c89b3c;position:absolute;left:0;font-weight:700}@media(max-width:768px){.champion-details-overlay{padding:1rem}.champion-details-modal{width:95%;height:90%}.champion-details-header{padding:1rem}.champion-title-section{flex-direction:column;gap:1rem}.champion-portrait{width:80px;height:80px}.champion-title-info h2{font-size:1.5rem}.champion-details-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.ability-header,.ability-stats{flex-direction:column;gap:.5rem}}.item-details-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.item-details-modal{background:linear-gradient(145deg,#1e2328,#3c3c41);border:2px solid #5bc0de;border-radius:12px;width:90%;height:90%;max-width:none;max-height:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.item-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:2px solid #463714;background:linear-gradient(145deg,#463714,#17a2b8 20%)}.item-title-section{display:flex;gap:1.5rem;align-items:flex-start}.item-portrait{width:120px;height:120px;border-radius:12px;overflow:hidden;border:3px solid #5bc0de;box-shadow:0 4px 12px #0000004d}.item-portrait img{width:100%;height:100%;object-fit:cover}.item-title-info h2{color:#f0e6d2;margin:0 0 .5rem;font-size:2rem;font-weight:700}.item-plaintext{color:#5bc0de;font-size:1.2rem;font-style:italic;margin:0 0 1rem}.item-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.item-tag{background:#5bc0de33;color:#5bc0de;padding:.3rem .8rem;border-radius:16px;font-size:.9rem;border:1px solid}.item-type{margin-top:.5rem}.type-badge{color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.9rem;font-weight:700}.item-close-button{background:transparent;border:none;color:#f0e6d2;font-size:2.5rem;cursor:pointer;padding:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.item-close-button:hover{background:#f0e6d21a}.item-details-content{flex:1;overflow-y:auto;padding:2rem}.item-details-loading,.item-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#f0e6d2;text-align:center}.item-cost-section{margin-bottom:2rem}.item-cost-section h3{color:#5bc0de;margin:0 0 1rem;font-size:1.3rem}.cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.cost-item{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#3c3c41,#1e2328);border:1px solid #463714;border-radius:8px;padding:1rem}.cost-label{color:#a09b8c;font-weight:500}.cost-value{color:#f0e6d2;font-weight:700}.cost-value.gold{color:#c89b3c}.cost-value.purchasable{color:#28a745}.cost-value.not-purchasable{color:#dc3545}.item-description-section{margin-bottom:2rem}.item-description-section h3{color:#5bc0de;margin:0 0 1rem;font-size:1.3rem}.item-description{color:#a09b8c;line-height:1.6;background:linear-gradient(145deg,#463714,#3c3c41);padding:1rem;border-radius:8px;border-left:4px solid #5bc0de}.item-stats-section{margin-bottom:2rem}.item-stats-section h3{color:#5bc0de;margin:0 0 1rem;font-size:1.3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.stat-item{display:flex;justify-content:space-between;padding:.5rem 1rem;background:linear-gradient(145deg,#3c3c41,#1e2328);border:1px solid #463714;border-radius:6px}.stat-label{color:#fff;font-size:.9rem}.stat-value{color:#28a745;font-weight:700;font-size:.9rem}.item-recipe-section{margin-bottom:2rem}.item-recipe-section h3{color:#5bc0de;margin:0 0 1rem;font-size:1.3rem}.recipe-subsection h4{color:#c89b3c;margin:0 0 .8rem;font-size:1.1rem}.recipe-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.recipe-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:linear-gradient(145deg,#463714,#3c3c41);border:1px solid #5bc0de;border-radius:6px}.recipe-item-name{color:#f0e6d2;font-weight:500}.recipe-item-cost{color:#c89b3c;font-weight:700}.item-metadata-section{margin-bottom:2rem}.item-metadata-section h3{color:#5bc0de;margin:0 0 1rem;font-size:1.3rem}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}.metadata-item{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:linear-gradient(145deg,#3c3c41,#1e2328);border:1px solid #28a745;border-radius:6px}.metadata-icon{color:#28a745;font-weight:700;font-size:1.1rem}.metadata-label{color:#f0e6d2;font-weight:500}@media(max-width:768px){.item-details-overlay{padding:1rem}.item-details-modal{width:95%;height:90%}.item-details-header{padding:1rem}.item-title-section{flex-direction:column;gap:1rem}.item-portrait{width:80px;height:80px}.item-title-info h2{font-size:1.5rem}.item-details-content{padding:1rem}.cost-grid,.stats-grid,.recipe-items,.metadata-grid{grid-template-columns:1fr}}.additional-info{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #463714}.additional-info .info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(70,55,20,.3)}.additional-info .info-item:last-child{border-bottom:none}.recipe-subsection{margin-bottom:1.5rem}.recipe-subsection h4{color:#5bc0de;margin:0 0 .8rem;font-size:1.1rem;font-weight:600}.abilities-section .recipe-subsection .ability-card{margin-bottom:.5rem}.abilities-section .recipe-subsection .ability-card h4{color:#f0e6d2;font-size:.95rem;margin:0}.abilities-section .recipe-subsection .cost{color:#c89b3c;font-weight:600}.item-tags-section{padding:0 2rem;margin-bottom:1rem}.item-tags-section .champion-tags{justify-content:flex-start;margin:0}.item-description-container{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(145deg,#463714,#3c3c41);border-radius:8px;border-left:4px solid #5bc0de}.item-description-content{color:#fff;line-height:1.6;margin:0}.item-description-content *{margin:0;padding:0}.item-description-content ul{margin:.5rem 0;padding-left:1.5rem;list-style-type:disc}.item-description-content li{margin:.3rem 0;padding-left:.2rem}.item-description-content ol{margin:.5rem 0;padding-left:1.5rem;list-style-type:decimal}.item-gold-table{background:#0000004d;border-radius:8px;padding:1rem;margin-bottom:1rem}.gold-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.gold-row:last-child{border-bottom:none}.gold-label{color:#a09b8c;font-weight:500}.gold-value{color:#c89b3c;font-weight:600}.build-items-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.build-item{background:#0006;border:1px solid #5bc0de;border-radius:4px;padding:.5rem .8rem}.build-item-id{color:#5bc0de;font-weight:500;font-family:monospace}.abilities-section .recipe-subsection{margin-bottom:1.5rem}.abilities-section .recipe-subsection:last-child{margin-bottom:0}.item-tags-section{display:none}.stat-not-applicable{padding:1rem;text-align:center;color:#666;font-style:italic;background:#0003;border-radius:4px;border:1px dashed #444}.build-subsection{margin-bottom:1.5rem}.build-subsection h4{color:#5bc0de;margin:0 0 .8rem;font-size:1.1rem;font-weight:600}.build-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.build-item-card{background:#0006;border:1px solid #5bc0de;border-radius:6px;padding:.8rem;transition:background-color .2s ease}.build-item-card:hover{background:#5bc0de1a}.build-item-name{color:#f0e6d2;font-weight:600;margin-bottom:.3rem;font-size:.9rem}.build-item-id{color:#a09b8c;font-size:.8rem;font-family:monospace}.champion-title-info .champion-tags{margin-top:.5rem;justify-content:flex-start}.champion-title-info .champion-tags .champion-tag{margin-right:.5rem;margin-bottom:.3rem}.special-effects-section{margin-top:1.5rem;padding:1rem;background:#0003;border-radius:8px;border:1px solid #444}.special-effects-section h4{color:#5bc0de;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.effects-explanation{color:#a09b8c;font-size:.85rem;line-height:1.4;margin-bottom:1rem;font-style:italic;padding:.5rem;background:#5bc0de1a;border-left:3px solid #5bc0de;border-radius:4px}.effects-table{border:1px solid #555;border-radius:6px;overflow:hidden;background:#1e1e1e}.effects-table-header{display:grid;grid-template-columns:1fr 1fr 2fr;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-bottom:2px solid #5bc0de}.effects-table-row{display:grid;grid-template-columns:1fr 1fr 2fr;border-bottom:1px solid #333}.effects-table-row.even{background:#ffffff05}.effects-table-row.odd{background:#0000001a}.effects-table-row:hover{background:#5bc0de1a}.effect-cell{padding:.75rem;border-right:1px solid #333;display:flex;align-items:center;font-size:.9rem}.effect-cell:last-child{border-right:none}.effect-cell.header{font-weight:600;color:#5bc0de;background:#5bc0de1a;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.effect-cell.value{color:#c89b3c;font-weight:600;font-family:monospace;justify-content:center}.effect-cell.meaning{color:#a09b8c;font-style:italic}@media(max-width:768px){.effects-table-header,.effects-table-row{grid-template-columns:1fr}.effect-cell{border-right:none;border-bottom:1px solid #333}.effect-cell.header{display:none}.effects-table-row{margin-bottom:.5rem;border:1px solid #333;border-radius:4px}}.effects-explanation strong{color:#ff6b35}.effect-param{display:block;font-weight:600;color:#f0e6d2}.effect-tooltip{display:block;font-size:.75rem;color:#5bc0de;font-family:monospace;margin-top:.2rem;opacity:.8}.effects-disclaimer{margin-top:1rem;padding:.75rem;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:4px;font-size:.85rem}.effects-disclaimer p{margin:0;color:#a09b8c;line-height:1.4}.effects-disclaimer strong{color:#ff6b35}.effect-cell{padding:.9rem .75rem}.effect-cell.header{padding:.6rem .75rem}@media(max-width:768px){.effect-tooltip{font-size:.7rem}.effects-disclaimer{font-size:.8rem;padding:.6rem}}.item-id,.champion-id{font-size:.7rem;font-weight:400;color:#a09b8c;font-family:monospace;opacity:.8;margin-left:.5rem}.item-id:hover,.champion-id:hover{opacity:1;color:#5bc0de}@media(max-width:768px){.item-id,.champion-id{font-size:.65rem;margin-left:.3rem}}.predictions-page{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#f0e6d2}.predictions-header{background:linear-gradient(145deg,#1e2328,#3c3c41);border-bottom:2px solid #463714;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000004d}.predictions-tabs{background:#0000004d;border-bottom:1px solid #463714;padding:0 2rem}.predictions-tabs-container{display:flex;gap:0;max-width:1200px;margin:0 auto;padding:0 2rem}.predictions-tabs-container .tab-button{flex:1;padding:1rem;background:transparent;border:none;color:#a09b8c;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.predictions-tabs-container .tab-button:hover{color:#f0e6d2;background:#4637144d}.predictions-tabs-container .tab-button.active{color:#c89b3c;border-bottom-color:#c89b3c;background:#c89b3c1a}.predictions-content{padding:2rem;max-width:1400px;margin:0 auto}.winrates-section{background:#0003;border-radius:12px;padding:2rem;border:1px solid #463714}.winrates-filters{display:flex;gap:2rem;margin-bottom:0;flex-wrap:wrap;padding:0 2rem}.filter-group label{color:#5bc0de;font-weight:600;font-size:.9rem}.filter-group select{padding:.5rem;border-radius:4px;border:1px solid #463714;background:#1e1e1e;color:#f0e6d2;font-size:.9rem}.filter-group select:focus{outline:none;border-color:#5bc0de}.winrates-table{background:#1e1e1e;border-radius:8px;overflow:hidden;border:1px solid #463714}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-bottom:2px solid #5bc0de;font-weight:600;color:#5bc0de}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #333}.table-row.even{background:#ffffff05}.table-row.odd{background:#0000001a}.table-row:hover{background:#5bc0de1a}.table-cell{padding:1rem;display:flex;align-items:center;font-size:.9rem;border-right:1px solid #333}.table-cell:last-child{border-right:none}.champion-cell{display:flex;align-items:center;gap:1rem}.champion-icon{width:40px;height:40px;border-radius:50%;border:2px solid #5bc0de}.champion-info{display:flex;flex-direction:column}.champion-name{font-weight:600;color:#f0e6d2}.champion-title{font-size:.8rem;color:#a09b8c}.win-rate{font-weight:600;padding:.2rem .5rem;border-radius:4px}.win-rate.high{background:#22c55e33;color:#22c55e}.win-rate.medium{background:#fbbf2433;color:#fbbf24}.win-rate.low{background:#ef444433;color:#ef4444}.predictions-section{background:#0003;border-radius:12px;padding:2rem;border:1px solid #463714}.team-builder{margin-bottom:2rem}.team-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.match-settings{display:flex;gap:2rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{color:#5bc0de;font-weight:600;font-size:.9rem}.setting-group select{padding:.5rem;border-radius:4px;border:1px solid #463714;background:#1e1e1e;color:#f0e6d2;font-size:.9rem}.champion-search{margin-bottom:2rem}.search-controls{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.champion-search-input{flex:1;min-width:300px;padding:.75rem;border-radius:6px;border:1px solid #463714;background:#1e1e1e;color:#f0e6d2;font-size:1rem}.champion-search-input:focus{outline:none;border-color:#5bc0de}.team-selector{display:flex;gap:.5rem}.team-button{padding:.75rem 1.5rem;border:2px solid;border-radius:6px;background:transparent;color:#f0e6d2;font-weight:600;cursor:pointer;transition:all .2s ease}.team-button.blue{border-color:#3b82f6}.team-button.blue.active{background:#3b82f6;color:#fff}.team-button.red{border-color:#ef4444}.team-button.red.active{background:#ef4444;color:#fff}.search-results{background:#1e1e1e;border:1px solid #463714;border-radius:6px;max-height:200px;overflow-y:auto}.search-result{padding:.75rem;cursor:pointer;border-bottom:1px solid #333;transition:background-color .2s ease}.search-result:hover{background:#5bc0de1a}.search-result:last-child{border-bottom:none}.teams-display{display:flex;gap:2rem;align-items:center;margin-bottom:2rem}.team{flex:1;background:#0000004d;border-radius:8px;padding:1.5rem;border:2px solid}.team.blue-team{border-color:#3b82f6}.team.red-team{border-color:#ef4444}.team h4{margin:0 0 1rem;color:#5bc0de}.team-champions{display:flex;flex-direction:column;gap:.5rem}.team-champion{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:4px;border:1px solid #333}.team-champion.empty{opacity:.5;font-style:italic}.team-champion button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:24px;height:24px;cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.team-champion button:hover{background:#ffffff1a;border-color:#fff}.vs-divider{font-size:2rem;font-weight:700;color:#5bc0de;text-shadow:0 0 10px rgba(91,192,222,.5)}.prediction-controls{display:flex;gap:1rem;justify-content:center}.predict-button{padding:1rem 2rem;background:linear-gradient(145deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.predict-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.predict-button:disabled{opacity:.5;cursor:not-allowed}.clear-button{padding:1rem 2rem;background:transparent;color:#f0e6d2;border:2px solid #463714;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-button:hover{border-color:#5bc0de;color:#5bc0de}.prediction-results{background:#0000004d;border-radius:12px;padding:2rem;border:1px solid #463714}.prediction-header{margin-bottom:2rem}.prediction-header h3{margin-bottom:1.5rem}.prediction-summary{display:flex;flex-direction:column;gap:1rem;align-items:center}.win-probabilities{display:flex;gap:2rem;width:100%;max-width:600px}.probability{flex:1;text-align:center;padding:1.5rem;border-radius:8px;border:2px solid}.probability.blue{border-color:#3b82f6;background:#3b82f61a}.probability.red{border-color:#ef4444;background:#ef44441a}.team-name{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.percentage{display:block;font-size:2rem;font-weight:700}.predicted-winner{font-size:1.2rem;color:#5bc0de}.team-analysis{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.analysis-section{background:#0003;border-radius:8px;padding:1.5rem;border:1px solid #333}.analysis-section h4{color:#5bc0de;margin:0 0 1rem}.stat-item{padding:.5rem;background:#ffffff0d;border-radius:4px;font-size:.9rem}.strengths-weaknesses h5{color:#5bc0de;margin:1rem 0 .5rem;font-size:1rem}.strengths ul{color:#22c55e}.weaknesses ul{color:#ef4444}.strengths-weaknesses ul{margin:0;padding-left:1.5rem}.strengths-weaknesses li{margin:.3rem 0;font-size:.9rem}.disclaimer{background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:6px;padding:1rem;font-size:.9rem;color:#a09b8c;font-style:italic}@media(max-width:1200px){.team-analysis{grid-template-columns:1fr}.teams-display{flex-direction:column}.vs-divider{transform:rotate(90deg)}}@media(max-width:768px){.predictions-content{padding:1rem}.winrates-filters{flex-direction:column;gap:1rem}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-cell{padding:.5rem;border-right:none;border-bottom:1px solid #333}.champion-cell{flex-direction:column;text-align:center}.win-probabilities{flex-direction:column}.team-stats{grid-template-columns:1fr}}.winrates-controls{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid #463714;box-shadow:0 2px 8px #0000004d}.winrates-search{margin-bottom:0}.winrate-search-input{width:100%;max-width:400px;padding:.75rem 1rem;border-radius:6px;border:1px solid #463714;background:#1e1e1e;color:#f0e6d2;font-size:1rem;transition:border-color .2s ease}.winrate-search-input:focus{outline:none;border-color:#5bc0de;box-shadow:0 0 0 2px #5bc0de33}.winrate-search-input::placeholder{color:#a09b8c}.winrates-results-info{margin-bottom:1rem;padding:.5rem 0}.results-count{color:#a09b8c;font-size:.9rem;font-style:italic}.no-results{grid-column:1 / -1;padding:3rem 2rem;text-align:center;background:#0000001a;border-radius:8px;margin:1rem 0}.no-results-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.no-results-icon{font-size:3rem;opacity:.5}.no-results-text{color:#a09b8c;font-size:1.1rem}.clear-search-button{padding:.5rem 1rem;background:transparent;color:#5bc0de;border:1px solid #5bc0de;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.clear-search-button:hover{background:#5bc0de;color:#1e1e1e}@media(max-width:768px){.winrates-controls,.winrates-search{margin-bottom:1rem}.winrate-search-input{max-width:100%}.winrates-filters{flex-direction:column;gap:1rem}.no-results{padding:2rem 1rem}.no-results-icon{font-size:2rem}}.winrates-search-row{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1rem;padding:0 2rem}.winrates-search{flex:1;margin-bottom:0}.load-more-button{padding:.75rem 1.5rem;background:linear-gradient(145deg,#5bc0de,#17a2b8);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem;min-height:48px}.load-more-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #5bc0de4d}.load-more-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.more-available{color:#5bc0de;font-weight:500}@media(max-width:768px){.winrates-search-row{flex-direction:column;gap:1rem;align-items:stretch}.load-more-button{width:100%;justify-content:center}}.match-history-page{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#0a1428,#1e2328);color:#f0e6d2}.match-history-header{background:linear-gradient(145deg,#1e2328,#3c3c41);border-bottom:2px solid #463714;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000004d}.match-history-tabs{background:#1e2328e6;border-bottom:1px solid #463714;padding:0;position:sticky;top:0;z-index:10}.match-history-tabs-container{display:flex;max-width:1200px;margin:0 auto;padding:0 2rem}.match-history-content{flex:1;overflow-y:auto;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.match-history-section{display:flex;flex-direction:column;gap:1rem}.match-history-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.match-history-list{display:flex;flex-direction:column;gap:.5rem}.match-item{background:#1e2328cc;border:1px solid #463714;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.match-item:hover{background:#1e2328f2;border-color:#c89b3c;transform:translateY(-1px)}.match-item.even{background:#1e2328cc}.match-item.odd{background:#191e23cc}.match-basic-info{display:flex;align-items:center;gap:2rem}.match-id{display:flex;flex-direction:column;align-items:center;min-width:80px}.match-label{font-size:.8rem;color:#a09b8c;margin-bottom:.25rem}.match-id-short{font-family:Courier New,monospace;font-weight:700;color:#c89b3c}.match-mode,.match-duration,.match-date{display:flex;flex-direction:column;align-items:center;min-width:100px}.mode-label,.duration-label,.date-label{color:#f0e6d2;font-weight:500}.match-actions{display:flex;gap:.5rem}.view-details-button{background:linear-gradient(135deg,#c89b3c,#f0e6d2);color:#0a1428;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s ease}.view-details-button:hover{background:linear-gradient(135deg,#f0e6d2,#c89b3c);transform:translateY(-1px)}.match-details-section{display:flex;flex-direction:column;gap:2rem}.match-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.match-details-header h3{color:#c89b3c;margin:0}.back-to-history-button{background:#1e2328cc;color:#f0e6d2;border:1px solid #463714;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.back-to-history-button:hover{background:#1e2328f2;border-color:#c89b3c}.match-info-card{background:#1e2328cc;border:1px solid #463714;border-radius:8px;overflow:hidden}.match-info-header{background:#c89b3c1a;padding:1rem;border-bottom:1px solid #463714}.match-info-header h4{margin:0;color:#c89b3c}.match-info-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(70,55,20,.3)}.info-label{color:#a09b8c;font-weight:500}.info-value{color:#f0e6d2;font-weight:700}.participants-section{display:flex;flex-direction:column;gap:2rem}.teams-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.team-section{background:#1e2328cc;border:1px solid #463714;border-radius:8px;overflow:hidden}.team-section h4{margin:0;padding:1rem;background:#c89b3c1a;border-bottom:1px solid #463714;color:#c89b3c}.blue-team h4{background:#0096ff1a;color:#5bc0de}.red-team h4{background:#ff64641a;color:#d9534f}.participants-table{display:flex;flex-direction:column}.participants-table .table-header{background:#0c1421cc;padding:.75rem;display:grid;grid-template-columns:2fr 1fr 1fr .8fr 1fr;gap:.5rem;border-bottom:1px solid #463714;font-weight:700;color:#c89b3c;font-size:.9rem}.participants-table .table-row{padding:.75rem;display:grid;grid-template-columns:2fr 1fr 1fr .8fr 1fr;gap:.5rem;border-bottom:1px solid rgba(70,55,20,.2);transition:background-color .2s ease}.participants-table .table-row:hover{background:#1e232899}.participants-table .table-row.even{background:#1e232866}.participants-table .table-row.odd{background:#191e2366}.participants-table .champion-cell{display:flex;align-items:center;gap:.5rem}.participants-table .champion-icon{width:32px;height:32px;border-radius:4px;border:1px solid #463714}.participants-table .champion-name{font-weight:500;color:#f0e6d2;font-size:.9rem}.participants-table .summoner-name{color:#a09b8c;font-size:.9rem}.participants-table .kda{color:#f0e6d2;font-weight:500;font-family:Courier New,monospace}.participants-table .gold{color:#c89b3c;font-weight:500}.participants-table .cs{color:#a09b8c;font-weight:500}.participants-table .result{font-weight:700;padding:.25rem .5rem;border-radius:4px;text-align:center;font-size:.8rem}.participants-table .result.win{background:#5cb85c33;color:#5cb85c;border:1px solid rgba(92,184,92,.3)}.participants-table .result.loss{background:#d9534f33;color:#d9534f;border:1px solid rgba(217,83,79,.3)}.team-composition-section{background:#1e2328cc;border:1px solid #463714;border-radius:8px;overflow:hidden}.composition-header{background:#c89b3c1a;padding:1rem;border-bottom:1px solid #463714}.composition-header h4{margin:0 0 .5rem;color:#c89b3c}.composition-archetype{margin:0;color:#a09b8c}.composition-stats{padding:1rem;border-bottom:1px solid #463714}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#0c142199;border-radius:4px;border:1px solid #463714}.stat-label{color:#a09b8c;font-size:.9rem;margin-bottom:.25rem}.stat-value{color:#c89b3c;font-weight:700;font-size:1.2rem}.composition-analysis{padding:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.analysis-section h5{color:#c89b3c;margin:0 0 .75rem;font-size:1rem}.analysis-section ul{margin:0;padding-left:1.25rem;color:#f0e6d2}.analysis-section li{margin-bottom:.5rem;line-height:1.4}.user-info{color:#a09b8c;font-size:.9rem;margin:.25rem 0 0}@media(max-width:1024px){.teams-container,.composition-analysis{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.match-basic-info{flex-direction:column;gap:.5rem;align-items:flex-start}.participants-table .table-header,.participants-table .table-row{grid-template-columns:1.5fr 1fr .8fr .8fr .8fr;font-size:.8rem}.match-details-header{flex-direction:column;gap:1rem;align-items:flex-start}}.match-info{display:flex;flex-direction:column;align-items:center;min-width:200px}.match-full-id{color:#a09b8c;font-size:.9rem;font-family:Courier New,monospace}.match-basic-info{display:flex;align-items:center;gap:2rem;flex:1}.match-actions{display:flex;align-items:center}.timeline-section{background:#1e2328cc;border:1px solid #463714;border-radius:8px;overflow:hidden;margin-top:2rem}.timeline-header{background:#c89b3c1a;padding:1rem;border-bottom:1px solid #463714}.timeline-header h4{margin:0 0 .5rem;color:#c89b3c}.timeline-summary{margin:0;color:#a09b8c;font-size:.9rem}.timeline-stats{padding:1rem;border-bottom:1px solid #463714}.timeline-frames{padding:1rem}.timeline-frames h5{color:#c89b3c;margin:0 0 1rem;font-size:1rem}.frames-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.frame-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#0c142199;border-radius:4px;border:1px solid #463714}.frame-time{min-width:60px}.minute{color:#c89b3c;font-weight:700;font-family:Courier New,monospace}.frame-events{display:flex;gap:1rem;flex-wrap:wrap}.event-group{display:flex;align-items:center}.event-type{color:#f0e6d2;font-size:.9rem;padding:.25rem .5rem;background:#c89b3c33;border-radius:3px;border:1px solid rgba(200,155,60,.3)}.event-type.quiet{color:#a09b8c;background:#a09b8c1a;border-color:#a09b8c33}.match-info-content{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid rgba(70,55,20,.3);background:#0c14214d;border-radius:4px}.info-row:last-child{border-bottom:none}@media(max-width:768px){.match-info-content{grid-template-columns:1fr}.frame-events{flex-direction:column;gap:.5rem}}.prediction-section{background:#1e2328cc;border:1px solid #463714;border-radius:8px;overflow:hidden;margin-top:2rem}.prediction-header{background:#c89b3c1a;padding:1rem;border-bottom:1px solid #463714}.prediction-header h4{margin:0 0 .5rem;color:#c89b3c}.prediction-subtitle{margin:0;color:#a09b8c;font-size:.9rem}.prediction-results{padding:1rem}.prediction-summary{margin-bottom:2rem}.win-probabilities{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.probability{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:8px;min-width:120px}.probability.blue{background:#0096ff1a;border:1px solid rgba(0,150,255,.3)}.probability.red{background:#ff64641a;border:1px solid rgba(255,100,100,.3)}.team-name{color:#a09b8c;font-size:.9rem;margin-bottom:.25rem}.team-subtitle{color:#a09b8c;font-size:.8rem;margin-top:.25rem}.percentage{color:#f0e6d2;font-size:1.5rem;font-weight:700}.predicted-winner{text-align:center;color:#c89b3c;font-size:1.1rem}.actual-result{color:#5cb85c;font-size:1rem;font-weight:400}.team-analysis{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1rem}.team-analysis .analysis-section{background:#0c142199;padding:1rem;border-radius:8px;border:1px solid #463714}.team-analysis .analysis-section h5{color:#c89b3c;margin:0 0 1rem;font-size:1rem}.team-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.team-stats .stat-item{background:#1e2328cc;padding:.5rem;border-radius:4px;border:1px solid #463714;text-align:center;color:#f0e6d2;font-size:.9rem}.strengths-weaknesses h6{color:#c89b3c;margin:1rem 0 .5rem;font-size:.9rem}.strengths-weaknesses ul{margin:0 0 1rem;padding-left:1.25rem;color:#f0e6d2}.strengths-weaknesses li{margin-bottom:.25rem;font-size:.9rem;line-height:1.3}.disclaimer{background:#a09b8c1a;padding:1rem;border-radius:8px;border:1px solid rgba(160,155,140,.2);margin-top:1rem}.disclaimer p{margin:0;color:#a09b8c;font-size:.9rem;line-height:1.4}@media(max-width:768px){.team-analysis{grid-template-columns:1fr}.win-probabilities{flex-direction:column;gap:1rem}.team-stats{grid-template-columns:1fr}}.prediction-button-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;background:#0c142199;border-top:1px solid #463714;margin-top:1rem}.prediction-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#c89b3c,#f0e6d2);color:#0a1428;border:none;padding:1rem 2rem;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}.prediction-button:hover:not(:disabled){background:linear-gradient(135deg,#f0e6d2,#c89b3c);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.prediction-button:disabled{background:#a09b8c80;color:#0a1428b3;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0003}.prediction-button.disabled-non-5v5{background:#d9534f4d;color:#d9534fcc;border:1px solid rgba(217,83,79,.4);cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0003}.prediction-button.disabled-non-5v5:hover{background:#d9534f4d;color:#d9534fcc;transform:none;box-shadow:0 2px 4px #0003}.prediction-button-description{color:#a09b8c;font-size:.9rem;text-align:center;margin:0;max-width:400px;line-height:1.4}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(10,20,40,.3);border-top:2px solid #0a1428;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.prediction-button{padding:.75rem 1.5rem;font-size:.9rem}.prediction-button-description{font-size:.8rem}}.actual-result{font-size:1rem;font-weight:700}.actual-result.correct{color:#5cb85c}.actual-result.incorrect{color:#d9534f}.performance-page{min-height:100vh;background:linear-gradient(135deg,#0a1428,#1e2328);display:flex;flex-direction:column}.performance-header{background:linear-gradient(145deg,#1e2328,#3c3c41);border-bottom:2px solid #463714;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000004d}.performance-header .header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;width:100%}.performance-header .header-center h2{color:#c89b3c;font-size:1.8rem;margin:0;text-align:center}.performance-header .header-center p{color:#a09b8c;font-size:.9rem;margin:.25rem 0 0;text-align:center}.performance-tabs{background:#1e2328}.performance-tabs-container{display:flex;max-width:1200px;margin:0 auto;padding:0 2rem}.performance-tabs-container .tab-button{flex:1;padding:1rem;background:transparent;border:none;color:#a09b8c;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.performance-tabs-container .tab-button:hover{color:#f0e6d2;background:#4637144d}.performance-tabs-container .tab-button.active{color:#c89b3c;border-bottom-color:#c89b3c;background:#c89b3c1a}.performance-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:2rem}.overview-section{display:flex;flex-direction:column;gap:2rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.stat-card{background:linear-gradient(145deg,#1e2328,#3c3c41);border:2px solid #463714;border-radius:12px;padding:1.5rem}.stat-card h3{color:#c89b3c;margin:0 0 1rem;font-size:1.2rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#a09b8c;font-size:.9rem}.stat-value{color:#f0e6d2;font-size:1.5rem;font-weight:600}.stat-value.positive{color:#5cb85c}.stat-value.negative{color:#d9534f}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.trend-section h4{color:#5bc0de;margin:0 0 1rem;font-size:1rem}.most-played-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #463714}.most-played-section h4{color:#5bc0de;margin:0 0 1rem;font-size:1rem}.most-played-list{display:flex;flex-direction:column;gap:.5rem}.most-played-item{display:flex;justify-content:space-between;padding:.5rem;background:#1e23284d;border-radius:4px}.most-played-item .champion-name{color:#f0e6d2;font-weight:500}.most-played-item .games-count{color:#5bc0de;font-weight:600}.role-distribution-list{display:flex;flex-direction:column;gap:1rem}.role-item{display:flex;align-items:center;gap:1rem}.role-name{color:#f0e6d2;font-weight:500;min-width:80px}.role-bar-container{flex:1;height:20px;background:#1e2328;border-radius:10px;overflow:hidden;border:1px solid #463714}.role-bar{height:100%;background:linear-gradient(90deg,#c89b3c,#f0e6d2);transition:width .3s ease}.role-count{color:#5bc0de;font-weight:600;min-width:70px;text-align:right}.detailed-matches-section{background:linear-gradient(145deg,#1e2328,#3c3c41);border:2px solid #463714;border-radius:12px;padding:1.5rem}.detailed-matches-section h3{color:#c89b3c;margin:0 0 1rem;font-size:1.2rem}.champion-performance-section{background:linear-gradient(145deg,#1e2328,#3c3c41);border:2px solid #463714;border-radius:12px;padding:1.5rem}.champion-performance-section h3{color:#c89b3c;margin:0 0 1rem;font-size:1.2rem}.performance-table{display:flex;flex-direction:column}.performance-table .table-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem;padding:1rem;background:#1e2328;border-radius:8px 8px 0 0;border-bottom:2px solid #463714}.performance-table .table-header .table-cell{color:#c89b3c;font-weight:600;font-size:.85rem;text-transform:uppercase}.performance-table .table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem;padding:1rem;border-bottom:1px solid #463714;transition:background-color .2s}.performance-table .table-row:hover{background:#c89b3c1a}.performance-table .table-row.even{background:#1e23284d}.performance-table .table-cell{color:#f0e6d2;display:flex;align-items:center}.mastery-section{width:100%}.mastery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.mastery-card{background:linear-gradient(145deg,#3c3c41,#1e2328);border:2px solid #463714;border-radius:8px;padding:1rem;transition:all .2s}.mastery-card:hover{border-color:#c89b3c;transform:translateY(-2px)}.mastery-level{margin-bottom:.5rem}.level-badge{background:#c89b3c;color:#1e2328;padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.9rem}.mastery-info h4{color:#f0e6d2;margin:.5rem 0;font-size:1rem}.mastery-points{margin:.5rem 0}.mastery-points .points{color:#5bc0de;font-weight:600;font-size:1.1rem}.mastery-details{display:flex;gap:.5rem;margin:.5rem 0}.chest-badge,.token-badge{background:#5bc0de33;color:#5bc0de;padding:.2rem .5rem;border-radius:8px;font-size:.8rem;border:1px solid #5bc0de}.last-played{color:#a09b8c;font-size:.8rem;margin-top:.5rem}.spells-section,.runes-section{width:100%}.spells-table,.runes-table{background:linear-gradient(145deg,#1e2328,#3c3c41);border:2px solid #463714;border-radius:12px;overflow:hidden}.spells-table .table-header,.runes-table .table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:1rem;background:#1e2328;border-bottom:2px solid #463714}.spells-table .table-header .table-cell,.runes-table .table-header .table-cell{color:#c89b3c;font-weight:600;font-size:.9rem;text-transform:uppercase}.spells-table .table-row,.runes-table .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid #463714;transition:background-color .2s}.spells-table .table-row:hover,.runes-table .table-row:hover{background:#c89b3c1a}.spells-table .table-row.even,.runes-table .table-row.even{background:#1e23284d}.no-data{text-align:center;padding:3rem;color:#a09b8c;background:linear-gradient(145deg,#1e2328,#3c3c41);border:2px solid #463714;border-radius:12px}@media(max-width:768px){.performance-header{padding:1rem}.performance-header .header-content{grid-template-columns:1fr;gap:1rem;text-align:center}.performance-header .back-button{justify-self:center}.performance-header .header-center{order:2}.performance-header .header-spacer{display:none}.performance-content{padding:1rem}.performance-tabs-container{padding:0 1rem;overflow-x:auto}.stats-cards,.stat-grid,.mastery-grid{grid-template-columns:1fr}.performance-table .table-header,.performance-table .table-row,.spells-table .table-header,.spells-table .table-row,.runes-table .table-header,.runes-table .table-row{grid-template-columns:1fr;gap:.5rem}.performance-table .table-header .table-cell,.spells-table .table-header .table-cell,.runes-table .table-header .table-cell{display:none}.performance-table .table-cell,.spells-table .table-cell,.runes-table .table-cell{justify-content:space-between}.performance-table .table-cell:before,.spells-table .table-cell:before,.runes-table .table-cell:before{content:attr(data-label);color:#c89b3c;font-weight:600;font-size:.8rem;text-transform:uppercase}}.filters-card{background:linear-gradient(145deg,#1e2328,#3c3c41);border:2px solid #463714;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.filters-card h3{color:#c89b3c;margin:0 0 1rem;font-size:1.2rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#cdbe91;font-size:.9rem;font-weight:500}.filter-description{color:#a09b8c;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.filter-hint{color:#5bc0de;font-size:.8rem;font-style:italic;margin-top:.25rem;display:block}.filter-group input,.filter-group select{padding:.75rem;background:#1e2328;border:1px solid #463714;border-radius:6px;color:#f0e6d2;font-size:.9rem}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#c89b3c}.filter-group input::placeholder{color:#5bc0de;opacity:.6}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.analyze-button{padding:.75rem 2rem;background:linear-gradient(145deg,#c89b3c,#f0e6d2);color:#1e2328;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c89b3c4d}.analyze-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spells-results,.runes-results{display:flex;flex-direction:column;gap:1.5rem}.combinations-list,.runes-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.combination-item,.rune-item{display:flex;justify-content:space-between;padding:.75rem;background:#1e23284d;border-radius:6px;border:1px solid #463714}.combination-item span:first-child,.rune-item span:first-child{color:#f0e6d2;font-weight:500}.combination-item .count,.rune-item .count{color:#5bc0de;font-weight:600}.runes-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.runes-stats-grid h4{color:#5bc0de;margin:0 0 .75rem;font-size:1rem}@media(max-width:768px){.filters-grid,.runes-stats-grid{grid-template-columns:1fr}}.total-score-display{display:flex;flex-direction:column;align-items:center;padding:3rem;gap:1rem}.total-score-value{font-size:4rem;font-weight:700;color:#c89b3c;text-shadow:0 2px 8px rgba(200,155,60,.3)}.total-score-label{font-size:1.2rem;color:#a09b8c;text-transform:uppercase;letter-spacing:1px}.champion-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.champion-breakdown-item{background:linear-gradient(145deg,#3c3c41,#1e2328);border:2px solid #463714;border-radius:8px;padding:1.5rem}.champion-breakdown-item h4{color:#c89b3c;margin:0 0 .5rem;font-size:1.2rem}.games-played{color:#5bc0de;font-size:.9rem;margin:0 0 1rem}.breakdown-spells-list{display:flex;flex-direction:column;gap:.5rem}.breakdown-spell-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#1e232880;border-radius:6px;border:1px solid #463714}.spell-combo{color:#f0e6d2;font-weight:500;flex:1}.spell-stats{display:flex;gap:.75rem;font-size:.9rem}.spell-stats span{color:#a09b8c}.spell-stats span.positive{color:#5cb85c;font-weight:600}.spell-stats span.negative{color:#d9534f;font-weight:600}.breakdown-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #463714}.breakdown-section h5{color:#5bc0de;margin:0 0 .75rem;font-size:.95rem}.breakdown-list{display:flex;flex-direction:column;gap:.5rem}.breakdown-item-small{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#1e23284d;border-radius:4px}.breakdown-item-small span:first-child{color:#f0e6d2}.breakdown-item-small .count{color:#5bc0de;font-weight:600}@media(max-width:768px){.champion-breakdown-grid{grid-template-columns:1fr}}.legend{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#5bc0de1a;border:1px solid #5bc0de;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem}.legend-label{color:#5bc0de;font-weight:600}.legend-item{color:#a09b8c}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#463714 50%,transparent 100%);margin:1.5rem 0}.stat-card h4{color:#5bc0de;margin:1.5rem 0 1rem;font-size:1.1rem}.stat-card h4:first-of-type{margin-top:0}.ai-assistant-toggle{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#c89b3c,#f0e6d2);border:3px solid #463714;font-size:1.8rem;cursor:pointer;box-shadow:0 4px 12px #c89b3c66;transition:all .3s;z-index:1000;display:flex;align-items:center;justify-content:center}.ai-assistant-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #c89b3c99}.ai-assistant-window{position:fixed;bottom:2rem;right:2rem;width:min(400px,calc(100vw - 4rem));height:min(600px,calc(100vh - 4rem));max-width:400px;max-height:600px;background:linear-gradient(145deg,#1a1d23,#353941);border:3px solid #5a4a1f;border-radius:12px;box-shadow:0 12px 48px #0009,0 0 40px #c89b3c1a;display:flex;flex-direction:column;z-index:1000;overflow:hidden}.ai-assistant-header{background:linear-gradient(145deg,#c89b3c,#f0e6d2);padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #463714}.header-title{display:flex;align-items:center;gap:.5rem;color:#1e2328;font-weight:700;font-size:1rem}.ai-icon{font-size:1.3rem}.header-actions{display:flex;gap:.5rem}.reset-btn,.close-btn{background:#1e232833;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.reset-btn:hover,.close-btn:hover{background:#1e232866;transform:scale(1.1)}.ai-assistant-messages{flex:1;overflow-y:auto;padding:1rem;background:#0f1419}.welcome-message{text-align:center;color:#f0e6d2;padding:2rem 1rem}.welcome-message p{margin-bottom:1.5rem;line-height:1.6}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.quick-actions button{background:linear-gradient(145deg,#463714,#5bc0de);color:#f0e6d2;border:none;padding:.75rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.quick-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5bc0de4d}.message{display:flex;gap:.75rem;margin-bottom:1rem;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#463714,#c89b3c);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.message.user .message-avatar{background:linear-gradient(145deg,#5bc0de,#3498db)}.message-content{flex:1;max-width:75%}.message-text{background:#252930;color:#f0e6d2;padding:.75rem 1rem;border-radius:12px;line-height:1.5;word-wrap:break-word;border:1px solid #3a3f47;box-shadow:0 2px 8px #0000004d}.message.user .message-text{background:linear-gradient(145deg,#5bc0de,#3498db);color:#fff;border:1px solid #4aa3c2;box-shadow:0 2px 8px #5bc0de4d}.typing-indicator{display:flex;gap:.3rem;padding:.75rem 1rem;background:#3c3c41;border-radius:12px;width:fit-content}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#c89b3c;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.typing-cursor{display:inline-block;color:#c89b3c;animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.message-text p:first-child{margin-top:0}.message-text p:last-child{margin-bottom:0}.message-text a{color:#5bc0de;text-decoration:underline}.message-text a:hover{color:#c89b3c}.message-text blockquote{border-left:3px solid #c89b3c;padding-left:1rem;margin:.5rem 0;color:#a09b8c}.ai-assistant-input{display:flex;gap:.5rem;padding:1rem;background:#252930;border-top:2px solid #5a4a1f;box-shadow:0 -2px 8px #0003}.ai-assistant-input input{flex:1;padding:.75rem;border:2px solid #5a4a1f;border-radius:6px;background:#0f1419;color:#f0e6d2;font-size:.9rem;box-shadow:inset 0 2px 4px #0000004d}.ai-assistant-input input:focus{outline:none;border-color:#c89b3c}.ai-assistant-input input::placeholder{color:#5bc0de}.ai-assistant-input button{background:linear-gradient(145deg,#c89b3c,#f0e6d2);color:#1e2328;border:none;padding:.75rem 1.25rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s}.ai-assistant-input button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c89b3c4d}.ai-assistant-input button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.ai-assistant-window{width:calc(100vw - 2rem);height:calc(100vh - 4rem);bottom:1rem;right:1rem;max-width:none;max-height:none}.ai-assistant-toggle{bottom:1rem;right:1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.auth-card{padding:2rem}}@media(max-height:700px){.ai-assistant-window{height:calc(100vh - 4rem);max-height:calc(100vh - 4rem)}}@media(max-width:500px){.ai-assistant-window{width:calc(100vw - 1rem);right:.5rem;bottom:.5rem}.ai-assistant-toggle{right:.5rem;bottom:.5rem;width:50px;height:50px;font-size:1.5rem}.auth-container{padding:2rem 1rem}.hero-logo{width:auto;height:80px;max-width:90%}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}.auth-card{padding:1.5rem}.auth-card h2{font-size:1.5rem}}.no-data{color:#a09b8c;font-style:italic;opacity:.8}.stat-card,.filters-card,.match-info-card,.prediction-results,.team-composition-section,.timeline-section,.participants-section,.winrates-section,.predictions-section,.performance-section,.champions-grid,.items-grid{background:linear-gradient(145deg,#1a1d23,#353941)!important;border:2px solid #5a4a1f!important;box-shadow:0 4px 16px #0006!important}.table-row.even{background:#0f141980!important}.table-row.odd{background:#191e2380!important}.table-row:hover{background:#c89b3c1a!important;border-left:3px solid #c89b3c}.table-header{background:linear-gradient(145deg,#252930,#2f3540)!important;border-bottom:2px solid #5a4a1f!important;box-shadow:0 2px 8px #0000004d!important}.match-item,.champion-card,.item-card{background:linear-gradient(145deg,#1a1d23,#252930)!important;border:2px solid #5a4a1f!important;box-shadow:0 2px 12px #0006!important;transition:all .3s ease!important}.match-item:hover,.champion-card:hover,.item-card:hover{border-color:#c89b3c!important;box-shadow:0 4px 20px #c89b3c33,0 0 20px #c89b3c0d!important;transform:translateY(-2px)!important}.team-section{background:linear-gradient(145deg,#1a1d23,#252930)!important;border:2px solid #5a4a1f!important;border-radius:12px!important;padding:1.5rem!important;box-shadow:0 4px 16px #0006!important}.team-section.blue-team{border-color:#4a90e2!important;box-shadow:0 4px 16px #4a90e233!important}.team-section.red-team{border-color:#e24a4a!important;box-shadow:0 4px 16px #e24a4a33!important}.search-input,.champion-search-input,.winrate-search-input{background:#0f1419!important;border:2px solid #5a4a1f!important;box-shadow:inset 0 2px 4px #0000004d!important}.search-input:focus,.champion-search-input:focus,.winrate-search-input:focus{border-color:#c89b3c!important;box-shadow:inset 0 2px 4px #0000004d,0 0 8px #c89b3c4d!important}.back-button,.analyze-button,.predict-button,.load-more-button{box-shadow:0 2px 8px #0000004d!important}.back-button:hover,.analyze-button:hover,.predict-button:hover:not(:disabled),.load-more-button:hover:not(:disabled){box-shadow:0 4px 12px #c89b3c4d!important}.cors-notice,.welcome-message{background:linear-gradient(145deg,#1a1d23,#252930)!important;border:2px solid #5a4a1f!important;border-radius:12px!important;padding:1.5rem!important;box-shadow:0 4px 16px #0006!important}.loading-state,.error-state{background:linear-gradient(145deg,#1a1d23,#252930)!important;border:2px solid #5a4a1f!important;border-radius:12px!important;padding:2rem!important;box-shadow:0 4px 16px #0006!important}.section-divider{border-top:2px solid #5a4a1f!important;margin:1.5rem 0!important;box-shadow:0 1px 3px #0003!important}.random-button{padding:.75rem 1.5rem;background:linear-gradient(145deg,#5bc0de,#3498db);color:#fff;border:2px solid #4a90e2;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;font-size:1rem;box-shadow:0 2px 8px #5bc0de4d}.random-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #5bc0de80,0 0 20px #5bc0de1a;background:linear-gradient(145deg,#3498db,#5bc0de)}.random-button:active{transform:translateY(0);box-shadow:0 2px 8px #5bc0de4d}.mastery-section.unavailable{opacity:.6;pointer-events:none}.mastery-section.unavailable .filters-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #444}.unavailable-notice{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:1rem;margin-bottom:1rem;color:#ffc107;font-size:.95rem;text-align:center}.mastery-section.unavailable .analyze-button{background:#555;cursor:not-allowed}.mastery-section.unavailable .analyze-button:hover{background:#555;transform:none}