body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-page-container{background-color:#0b192e;justify-content:flex-start;min-height:100vh;padding:0}.landing-page-container,.main-content{align-items:center;display:flex;flex-direction:column}.main-content{max-width:900px;padding:80px 20px 0;width:100%}.logo-title-container{align-items:center;display:flex;gap:20px;margin-bottom:60px}.logo-image{-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:160px;width:auto}.logo-title{color:#c9aa71;font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.champion-search-section,.demo-grid-section{margin-bottom:50px;max-width:700px;width:100%}.tools-section{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;max-width:700px;width:100%}.tool-button{border:none;border-radius:16px;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:1px;padding:22px 28px;text-transform:uppercase;transition:all .3s ease;width:100%}.damage-calculator-button{background:linear-gradient(135deg,#c9aa71,#f4d03f 50%,#c9aa71);box-shadow:0 4px 16px hsla(39,45%,62%,.3);color:#0b192e}.damage-calculator-button:hover{background:linear-gradient(135deg,#f4d03f,#c9aa71 50%,#f4d03f);box-shadow:0 6px 20px hsla(39,45%,62%,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.combo-practice-button{background:linear-gradient(135deg,#8b5cf6,#a855f7 50%,#8b5cf6);box-shadow:0 4px 16px rgba(139,92,246,.3);color:#fff}.combo-practice-button:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6 50%,#a855f7);box-shadow:0 6px 20px rgba(139,92,246,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.teamfight-simulator-button{background:linear-gradient(135deg,#ef4444,#dc2626 50%,#ef4444);box-shadow:0 4px 16px rgba(239,68,68,.3);color:#fff}.teamfight-simulator-button:hover{background:linear-gradient(135deg,#dc2626,#ef4444 50%,#dc2626);box-shadow:0 6px 20px rgba(239,68,68,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.gold-calculator-button{background:linear-gradient(135deg,#10b981,#059669 50%,#10b981);box-shadow:0 4px 16px rgba(16,185,129,.3);color:#fff}.gold-calculator-button:hover{background:linear-gradient(135deg,#059669,#10b981 50%,#059669);box-shadow:0 6px 20px rgba(16,185,129,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.xp-calculator-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#3b82f6);box-shadow:0 4px 16px rgba(59,130,246,.3);color:#fff}.xp-calculator-button:hover{background:linear-gradient(135deg,#1d4ed8,#3b82f6 50%,#1d4ed8);box-shadow:0 6px 20px rgba(59,130,246,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tool-button:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:768px){.header-bar{height:50px;margin-bottom:60px;padding:0 15px}.header-logo{height:32px}.main-content{padding:60px 15px 0}.logo-title-container{gap:15px;margin-bottom:40px}.logo-image{height:60px}.logo-title{font-size:2.5rem}.tool-button{font-size:18px;padding:20px 24px}}@media (max-width:480px){.logo-title-container{flex-direction:column;gap:10px;text-align:center}.logo-image{height:50px}.logo-title{font-size:2rem}.tool-button{font-size:16px;padding:18px 20px}}.landing-champion-search-bar,.landing-champion-search-wrapper{position:relative;width:100%}.landing-champion-search-input{background-color:#111318;border:2px solid #785a28;border-radius:20px;box-shadow:0 6px 16px rgba(0,0,0,.3);box-sizing:border-box;color:#cdbe91;font-size:20px;outline:none;padding:20px 24px;transition:all .3s ease;width:100%}.landing-champion-search-input::-webkit-input-placeholder{color:#8fa4b3}.landing-champion-search-input::placeholder{color:#8fa4b3}.landing-champion-search-input:focus{border-color:#c9aa71;box-shadow:0 0 0 3px hsla(39,45%,62%,.2),0 8px 20px rgba(0,0,0,.4)}.landing-champion-suggestions-list{background-color:#0a0a0c;border:2px solid #785a28;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);left:0;list-style:none;margin:8px 0 0;max-height:320px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:10}.landing-champion-suggestion-item{align-items:center;border-bottom:1px solid #1e2328;box-sizing:border-box;cursor:pointer;display:flex;height:56px;padding:12px 16px;transition:background-color .2s}.landing-champion-suggestion-item:last-child{border-bottom:none}.landing-champion-suggestion-item.selected,.landing-champion-suggestion-item:hover{background-color:#1e2328}.landing-champion-suggestion-item:first-child{border-radius:10px 10px 0 0}.landing-champion-suggestion-item:last-child{border-radius:0 0 10px 10px}.landing-champion-suggestion-item:first-child:last-child{border-radius:10px}.landing-champion-suggestion-item img{border:2px solid #785a28;border-radius:50%;height:40px;margin-right:12px;width:40px}.landing-champion-suggestion-item span{color:#cdbe91;font-size:16px;font-weight:500}.landing-champion-suggestion-item.unavailable{cursor:not-allowed;opacity:.6}.landing-champion-suggestion-item.unavailable:hover{background-color:#0a0a0c}.landing-champion-suggestion-item.unavailable img{border-color:#3c3c41;-webkit-filter:grayscale(70%);filter:grayscale(70%)}.landing-champion-suggestion-item.unavailable span{color:#6b7280}.champion-status-indicator{font-size:14px;margin-left:auto}.landing-champion-suggestion-item.selected img{border-color:#c9aa71}.landing-champion-suggestion-item.selected span{color:#f0c888}@media (max-width:768px){.landing-champion-search-input{border-radius:16px;font-size:18px;padding:18px 20px}.landing-champion-suggestions-list{border-radius:10px}.landing-champion-suggestion-item{height:52px;padding:10px 14px}.landing-champion-suggestion-item img{height:36px;width:36px}.landing-champion-suggestion-item span{font-size:15px}}@media (max-width:480px){.landing-champion-search-input{border-radius:14px;font-size:16px;padding:16px 18px}.landing-champion-suggestions-list{border-radius:8px}.landing-champion-suggestion-item{height:48px;padding:8px 12px}.landing-champion-suggestion-item img{height:32px;width:32px}.landing-champion-suggestion-item span{font-size:14px}}.demo-grid-container{margin-bottom:40px;width:100%}.demo-grid-header{margin-bottom:24px;text-align:center}.demo-grid-header h3{color:#c9aa71;font-size:24px;font-weight:700;margin:0 0 8px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.demo-grid-header p{color:#8fa4b3;font-size:16px;margin:0}.demo-grid-scroll{background-color:#0a0a0c;border:2px solid #785a28;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.4);max-height:400px;overflow-y:auto;padding:16px}.demo-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.demo-grid-item{align-items:center;background-color:#111318;border:2px solid #1e2328;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:12px 8px;position:relative;transition:all .3s ease}.demo-grid-item:hover{background-color:#1e2328;border-color:#785a28;box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.demo-grid-item.unavailable{cursor:not-allowed;opacity:.5}.demo-grid-item.unavailable:hover{background-color:#111318;border-color:#3c3c41;box-shadow:none;-webkit-transform:none;transform:none}.champion-image-container{margin-bottom:8px}.champion-image{border:2px solid #785a28;border-radius:50%;height:64px;transition:border-color .3s ease;width:64px}.demo-grid-item:hover .champion-image{border-color:#c9aa71}.demo-grid-item.unavailable .champion-image{border-color:#3c3c41;-webkit-filter:grayscale(70%);filter:grayscale(70%)}.champion-name{word-wrap:break-word;color:#cdbe91;font-size:12px;font-weight:500;line-height:1.2;max-width:100%;text-align:center;transition:color .3s ease}.demo-grid-item:hover .champion-name{color:#f0c888}.demo-grid-item.unavailable .champion-name{color:#6b7280}.demo-grid-scroll::-webkit-scrollbar{width:8px}.demo-grid-scroll::-webkit-scrollbar-track{background:#1e2328;border-radius:4px}.demo-grid-scroll::-webkit-scrollbar-thumb{background:#785a28;border-radius:4px}.demo-grid-scroll::-webkit-scrollbar-thumb:hover{background:#c9aa71}@media (max-width:768px){.demo-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.demo-grid-item{padding:10px 6px}.champion-image{height:56px;width:56px}.champion-name{font-size:11px}.demo-grid-header h3{font-size:22px}.demo-grid-header p{font-size:15px}.demo-grid-scroll{max-height:350px;padding:12px}}@media (max-width:480px){.demo-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.demo-grid-item{padding:8px 4px}.champion-image{height:48px;width:48px}.champion-name{font-size:10px}.demo-grid-header h3{font-size:20px}.demo-grid-header p{font-size:14px}.demo-grid-scroll{max-height:300px;padding:10px}}.page-layout{background-color:var(--bg-primary);min-height:calc(100vh - 80px);overflow-x:hidden!important;width:100%}.page-layout-container{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1400px;padding:20px;width:100%}.page-layout-content{flex:1 1;max-width:1200px;min-height:calc(100vh - 80px);width:100%}.page-layout-ad-left,.page-layout-ad-right{flex-shrink:0;min-height:600px;width:160px}.ad-placeholder{align-items:center;background-color:hsla(0,0%,100%,.1);border:1px dashed hsla(0,0%,100%,.3);border-radius:4px;color:hsla(0,0%,100%,.5);display:flex;font-size:14px;height:600px;justify-content:center;text-align:center}@media (max-width:1440px){.page-layout-ad-left,.page-layout-ad-right{display:none}.page-layout-content{max-width:1200px}}@media (max-width:1240px){.page-layout-content{max-width:100%;padding:0 10px}.page-layout-container{padding:10px}}@media (max-width:768px){.page-layout-container{padding:5px}.page-layout-content{padding:0 5px}}.header-bar{align-items:center;background:#0b192e;box-shadow:0 2px 8px rgba(0,0,0,.3);display:flex;gap:20px;height:80px;justify-content:space-between;position:relative;width:100%}.header-bar:before{background:linear-gradient(90deg,#c9aa71,#f4d03f,#c9aa71);content:"";height:2px;left:0;position:absolute;right:0;top:0}.header-left{align-items:center;display:flex;flex-shrink:0;gap:12px}.header-logo{cursor:pointer;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:50px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:auto}.header-logo:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.header-title{color:#c9aa71;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1.8rem;margin:0;transition:color .2s ease;white-space:nowrap}.header-title:hover{color:#f4d03f}.header-search{flex:1 1;margin:0 20px;max-width:500px}.header-search .landing-champion-search-input{border-radius:12px;font-size:16px;padding:12px 16px}.header-search .landing-champion-suggestions-list{max-height:240px}.header-search .landing-champion-suggestion-item{height:48px;padding:8px 12px}.header-search .landing-champion-suggestion-item img{height:32px;width:32px}.header-search .landing-champion-suggestion-item span{font-size:14px}.header-right{flex-shrink:0}.header-damage-calculator-button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:normal;padding:8px 12px;text-transform:none;transition:color .2s ease;white-space:nowrap}.header-damage-calculator-button:hover{box-shadow:none;color:#c9aa71;-webkit-transform:none;transform:none}.header-damage-calculator-button:active{-webkit-transform:none;transform:none}@media (max-width:1024px){.header-bar{gap:15px;height:70px;padding:0 15px}.header-logo{height:40px}.header-title{font-size:1.5rem}.header-search{margin:0 15px;max-width:400px}.header-damage-calculator-button{font-size:15px}}@media (max-width:768px){.header-bar{gap:10px;height:60px;padding:0 10px}.header-left{gap:8px}.header-logo{height:35px}.header-title{font-size:1.2rem}.header-search{margin:0 10px;max-width:250px}.header-search .landing-champion-search-input{font-size:14px;padding:10px 12px}.header-damage-calculator-button{font-size:14px}}@media (max-width:640px){.header-bar{flex-wrap:wrap;height:auto;min-height:60px;padding:10px}.header-left{order:1}.header-right{order:2}.header-search{margin:10px 0 0;max-width:none;order:3;width:100%}.header-damage-calculator-button{font-size:13px}}@media (max-width:480px){.header-title{display:none}.header-bar{flex-wrap:nowrap;height:60px}.header-search{margin:0 8px;order:2}.header-right{order:3}}.app-footer{background-color:#1e1e1e;background-color:var(--bg-secondary,#1e1e1e);border-top:1px solid hsla(0,0%,100%,.1);border-top:1px solid var(--border-color,hsla(0,0%,100%,.1));margin-top:auto;padding:20px 0;width:100%}.footer-content{margin:0 auto;max-width:1200px;padding:0 20px}.disclaimer-text{color:hsla(0,0%,100%,.7);color:var(--text-secondary,hsla(0,0%,100%,.7));font-size:12px;font-weight:400;line-height:1.4;margin:0;text-align:center}@media (max-width:768px){.footer-content{padding:0 15px}.disclaimer-text{font-size:11px;line-height:1.3}}@media (max-width:480px){.app-footer{padding:15px 0}.footer-content{padding:0 10px}.disclaimer-text{font-size:10px}}.password-gate{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.password-gate-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:400px;padding:2.5rem;text-align:center;width:90%}.password-gate-header h1{color:#2c5364;font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.password-gate-header p{color:#666;font-size:1rem;line-height:1.5;margin:0 0 2rem}.password-form{margin-bottom:2rem}.input-group{gap:.5rem;margin-bottom:1rem}.password-input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;flex:1 1;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.password-input:focus{border-color:#2c5364;box-shadow:0 0 0 3px rgba(44,83,100,.1);outline:none}.password-input.error{border-color:#e74c3c;box-shadow:0 0 0 3px rgba(231,76,60,.1)}.password-input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.password-submit{background:linear-gradient(135deg,#2c5364,#203a43);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-width:80px;padding:.875rem 1.5rem;transition:all .2s ease}.password-submit:hover:not(:disabled){background:linear-gradient(135deg,#203a43,#0f2027);box-shadow:0 4px 12px rgba(44,83,100,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.password-submit:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;-webkit-transform:none;transform:none}.error-message{align-items:flex-start;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem;padding:.75rem}.error-icon{flex-shrink:0;font-size:1rem}.lockout-timer{color:#e74c3c;font-weight:600;margin-top:.5rem}.attempts-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.85rem;margin-top:.5rem;padding:.5rem}.password-gate-footer{border-top:1px solid #e9ecef;color:#6c757d;padding-top:1.5rem}.password-gate-footer p{font-size:.9rem;font-weight:500;margin:0 0 .5rem}.environment-info{background:#f8f9fa;border-radius:4px;color:#adb5bd;display:inline-block;font-size:.8rem;padding:.25rem .5rem}@media (max-width:480px){.password-gate-container{margin:1rem;padding:2rem 1.5rem}.password-gate-header h1{font-size:1.5rem}.input-group{flex-direction:column}.password-submit{width:100%}}.password-submit.loading{color:transparent;position:relative}.password-submit.loading:after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}@media (prefers-color-scheme:dark){.password-gate-container{background:rgba(30,30,30,.95);color:#e9ecef}.password-gate-header h1{color:#74c0fc}.password-gate-header p{color:#adb5bd}.password-input{background:#495057;border-color:#6c757d;color:#e9ecef}.password-input:focus{border-color:#74c0fc;box-shadow:0 0 0 3px rgba(116,192,252,.1)}.environment-info{background:#495057;color:#adb5bd}}:root{--hover-overlay:hsla(0,0%,100%,.05);--active-overlay:hsla(0,0%,100%,.1);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 25px rgba(0,0,0,.4);--event-blue-cspm:#0d47a1;--event-blue-kill:#1565c0;--event-blue-turret:#1976d2;--event-blue-plate:#2196f3;--event-blue-misc:#42a5f5;--event-red-cspm:#b71c1c;--event-red-kill:#c62828;--event-red-turret:#d32f2f;--event-red-plate:#f44336;--event-red-misc:#ef5350}.App{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.App,.app-content-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-content-wrapper{width:100%}.routes-container{display:flex;flex:1 1;flex-direction:column}.game-grid-container{box-sizing:border-box;gap:20px;max-width:100%;padding:0 10px}.game-grid,.game-grid-container{display:flex;flex-direction:column;position:relative}.game-grid{background:none!important}.damage-calculator-header,.game-grid{border-radius:8px;box-shadow:var(--shadow-md)}.damage-calculator-header{background-color:var(--bg-secondary);border:1px solid var(--border-primary);margin-bottom:30px;padding:24px}.damage-calculator-header h2{color:var(--text-gold)!important;font-size:2rem!important;font-weight:700!important;font-weight:700;margin:0 0 16px;text-align:left}.calculator-instructions{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;text-align:left}.calculator-instructions strong{color:var(--text-accent);font-weight:600}.grid-row{align-items:flex-start;background:none!important;border:none!important;display:flex;gap:20px;padding:10px 0 0!important;position:relative}.row-separator{height:20px;justify-content:center;margin:-10px 0;width:100%;z-index:5}.row-separator:hover .row-add-buttons{opacity:1}.row-add-buttons{gap:20px;justify-content:center;opacity:0;transition:opacity .3s ease}.row-add-button{background-color:#3a7ca5;border:none;border-radius:50%;color:#fff;font-size:16px;height:24px;transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,transform .2s;transition:background-color .2s,transform .2s,-webkit-transform .2s;width:24px}.row-add-button.duplicate-button{background-color:#7c3a7c}.row-add-button.export-button{background-color:#28a745;box-shadow:0 2px 4px rgba(40,167,69,.3);color:#fff;font-weight:700}.row-add-button:hover{background-color:#2c5d7c;-webkit-transform:scale(1.1);transform:scale(1.1)}.row-add-button.duplicate-button:hover{background-color:#5d2c5d}.row-add-button.duplicate-button.disabled{background-color:#555;color:#888;cursor:default;opacity:.5}.row-add-button.duplicate-button.disabled:hover{background-color:#555;-webkit-transform:none;transform:none}.row-add-button.disabled{background-color:#555;color:#888;cursor:default;opacity:.5}.row-add-button.disabled:hover{background-color:#555;-webkit-transform:none;transform:none}.row-add-button.export-button:hover{background-color:#218838;box-shadow:0 4px 8px rgba(40,167,69,.5);-webkit-transform:scale(1.15);transform:scale(1.15)}.grid-cell{background-color:#1a202c;border:2px solid #ccc;border-radius:8px;cursor:pointer;flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:1;margin-bottom:10px;min-height:40px;min-width:120px;position:relative;transition:box-shadow .3s}.grid-cell.team-blue{border-color:#1111b6;border-radius:8px;border-width:3px!important}.grid-cell.team-red{border-color:#a10202;border-radius:8px!important;border-width:3px!important}.grid-cell.selected{box-shadow:0 0 10px 5px rgba(255,255,0,.8);cursor:default}.grid-cell.selecting-target{border:2px dashed #ff0;cursor:crosshair}.grid-cell.selectable-target{background-color:rgba(255,255,0,.2);cursor:pointer}.grid-cell.unselectable-target{cursor:not-allowed;opacity:.5}.empty-cell{align-items:center;border-radius:4px;display:flex;height:40px;justify-content:center;min-height:40px;width:100%}.early-game-header{border-bottom:2px solid #3a7ca5;margin-bottom:20px;padding:15px 0;text-align:center}.early-game-header h3{color:#fff;font-size:24px;font-weight:700;margin:0}.level-toggle-section{margin:10px 0 20px;text-align:center}.level-toggle-button{background-color:#4a5568;border:none;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s,-webkit-transform .1s;transition:background-color .2s,transform .1s;transition:background-color .2s,transform .1s,-webkit-transform .1s}.level-toggle-button:hover{background-color:#2d3748;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.level-toggle-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.opponent-selector{background-color:rgba(40,40,40,.6);border:1px solid hsla(0,0%,39%,.3);border-radius:6px;margin-bottom:15px;padding:10px}.opponent-label{color:#e0e0e0;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.opponent-dropdown-container{position:relative;width:100%}.search-bar{display:flex;flex-direction:column;gap:8px}.opponent-search-input{background-color:rgba(60,60,60,.8);border:1px solid hsla(0,0%,47%,.4);border-radius:4px;color:#e0e0e0;font-size:.9rem;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.opponent-search-input:focus{background-color:rgba(70,70,70,.8);border-color:rgba(70,130,180,.8)}.opponent-search-input:disabled{cursor:not-allowed;opacity:.6}.opponent-dropdown-trigger{align-items:center;background-color:rgba(60,60,60,.8);border:1px solid hsla(0,0%,47%,.4);border-radius:4px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px;transition:all .2s ease;width:100%}.opponent-dropdown-trigger:hover:not(:disabled){background-color:rgba(80,80,80,.8);border-color:hsla(0,0%,55%,.6)}.opponent-dropdown-trigger:disabled{cursor:not-allowed;opacity:.6}.selected-opponent-display{align-items:center;display:flex;gap:8px}.selected-opponent-image{border-radius:4px;height:24px;object-fit:cover;width:24px}.dropdown-arrow{color:#aaa;font-size:.8rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.opponent-dropdown-menu{background-color:rgba(50,50,50,.95);border:1px solid hsla(0,0%,47%,.4);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.3);left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.opponent-option{align-items:center;background:none;border:none;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.opponent-option:hover{background-color:rgba(80,80,80,.8)}.opponent-option.selected{background-color:rgba(70,130,180,.6);color:#fff}.opponent-option.clear-option{border-bottom:1px solid hsla(0,0%,47%,.2);color:#ff7070;margin-bottom:4px}.opponent-option.clear-option:hover{background-color:rgba(120,60,60,.6)}.champion-option-image{border-radius:4px;height:32px;object-fit:cover;width:32px}.champion-selection-panel{background-color:rgba(50,50,50,.7);border:1px solid hsla(0,0%,47%,.3);border-radius:6px;margin-top:10px;padding:10px}.selected-champion-info{gap:10px;margin-bottom:10px}.selected-champion-image{border-radius:6px;cursor:pointer;object-fit:cover;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.selected-champion-image:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.champion-details{flex:1 1}.selected-champion-name{color:#e0e0e0;display:block;font-size:1rem;font-weight:500;transition:color .2s ease}.selected-champion-name:hover{color:#70b8ff}.champion-selection-actions{gap:8px}.champion-action-button{border:none;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.champion-action-button:disabled{cursor:not-allowed;opacity:.6}.select-button{background-color:rgba(70,130,180,.8);color:#fff}.select-button:hover:not(:disabled){background-color:#4682b4;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.opponent-loading{background-color:rgba(60,60,40,.5);border-radius:4px;color:#ccc;font-size:.85rem;margin-top:8px;padding:6px 10px}.matchup-list-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px;min-width:0;padding:14px;width:100%}.matchup-list-header{align-items:flex-start;border-bottom:1px solid var(--border-primary);display:flex;gap:20px;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.matchup-list-title-section{display:flex;flex-direction:column;gap:4px}.matchup-list-header h3{color:var(--text-accent);font-size:1.2rem;font-weight:600;margin:0}.matchup-instructions{color:var(--text-secondary);font-size:.85rem;font-style:italic}.matchup-opponent-selector-section{align-items:flex-end;display:flex;flex-direction:column;gap:8px;min-width:220px}.matchup-count{color:var(--text-secondary);font-size:.9rem}.matchup-list-champions{align-items:center;display:flex;gap:8px;min-height:96px;overflow-x:hidden;overflow-y:hidden;scrollbar-gutter:stable both-edges}.matchup-list-champions.expanded{overflow-x:auto}.matchup-champion-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-width:64px;padding:2px;transition:all .2s ease}.matchup-champion-card:hover{background:var(--hover-overlay);border-color:var(--border-secondary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.matchup-champion-icon{border:1px solid var(--border-primary);border-radius:6px;height:48px;transition:border-color .2s ease;width:48px}.matchup-winrate{font-size:.9rem;font-weight:700;line-height:1;text-align:center}.matchup-winrate.positive{color:var(--status-success)}.matchup-winrate.negative{color:var(--status-error)}.matchup-games{color:var(--text-secondary);font-size:.7rem;line-height:1;text-align:center}.matchup-expand-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-accent);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:80px;justify-content:center;min-width:44px;transition:all .2s ease}.matchup-expand-button:hover{background:var(--hover-overlay);border-color:var(--text-accent);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.matchup-list-empty,.matchup-list-error,.matchup-list-loading{align-items:center;display:flex;justify-content:center;padding:40px 20px}.matchup-list-loading{color:var(--text-secondary);gap:10px}.matchup-list-error{color:var(--status-error);font-size:.9rem}.matchup-list-empty{color:var(--text-secondary);font-size:.9rem}.loading-spinner-small{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--text-accent);height:20px;width:20px}.opponent-selector-wrapper{position:relative;width:220px}.opponent-selector-bar{position:relative;width:100%}.opponent-selector-input{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:.85rem;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.opponent-selector-input::-webkit-input-placeholder{color:var(--text-secondary)}.opponent-selector-input::placeholder{color:var(--text-secondary)}.opponent-selector-input:focus{background-color:var(--bg-secondary);border-color:var(--text-accent)}.opponent-selector-input:disabled{cursor:not-allowed;opacity:.6}.opponent-suggestions-list{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg);left:0;list-style:none;margin:4px 0 0;max-height:240px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.opponent-suggestion-item{align-items:center;border-bottom:1px solid var(--border-primary);box-sizing:border-box;cursor:pointer;display:flex;height:44px;padding:8px 12px;transition:background-color .2s}.opponent-suggestion-item:last-child{border-bottom:none}.opponent-suggestion-item.selected,.opponent-suggestion-item:hover{background-color:var(--hover-overlay)}.opponent-suggestion-item:first-child{border-radius:7px 7px 0 0}.opponent-suggestion-item:last-child{border-radius:0 0 7px 7px}.opponent-suggestion-item:first-child:last-child{border-radius:7px}.opponent-suggestion-item img{border:1px solid var(--border-primary);border-radius:50%;height:28px;margin-right:10px;width:28px}.opponent-suggestion-item span{color:var(--text-primary);font-size:.85rem;font-weight:500}.opponent-suggestion-item.selected img{border-color:var(--text-accent)}.opponent-suggestion-item.selected span{color:var(--text-accent)}.opponent-loading{color:var(--text-secondary);font-size:.75rem;margin-top:4px;text-align:center}@media (max-width:768px){.matchup-list-header{align-items:flex-start;flex-direction:column;gap:15px}.matchup-opponent-selector-section{align-items:flex-start;min-width:0;min-width:auto;width:100%}.opponent-selector-wrapper{width:100%}.matchup-champion-card{min-width:56px;padding:6px}.matchup-champion-icon{height:40px;width:40px}.matchup-winrate{font-size:.8rem}.matchup-games{font-size:.65rem}.matchup-expand-button{font-size:1rem;height:68px;min-width:56px}}.matchup-list-champions.expanded::-webkit-scrollbar{height:4px}.matchup-list-champions.expanded::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.matchup-list-champions.expanded::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.static-game-grid{border-radius:8px;box-shadow:var(--shadow-md);box-sizing:border-box;max-width:100%;padding:1.5rem}.static-grid-header{border-bottom:2px solid var(--text-accent);margin-bottom:2rem;padding-bottom:1rem}.grid-info h3{color:var(--text-accent);font-size:1.5rem;margin:0 0 .5rem}.grid-metadata{align-items:center;display:flex;gap:1rem;justify-content:space-between}.data-timestamp{color:var(--text-secondary);font-size:.9rem}.refresh-button{background:var(--text-accent);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:background .3s ease}.refresh-button:hover{background:var(--text-accent-bright)}.static-grid-content{margin-bottom:2rem}.static-grid-row{align-items:center;background:none!important;display:flex;gap:1rem;margin-bottom:1rem}.row-level-indicator{background:#4a90e2;border-radius:4px;color:#fff;font-weight:700;min-width:80px;padding:.5rem 1rem;text-align:center}.static-grid-cell{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;flex:1 1;min-height:200px;padding:1rem;transition:border-color .3s ease}.static-grid-cell.team-blue{background:var(--bg-secondary);border-color:var(--team-blue)}.static-grid-cell.team-red{background:var(--bg-secondary);border-color:var(--team-red)}.static-empty-cell{align-items:center;background:hsla(0,0%,100%,.05);border:2px dashed #555;border-radius:4px;color:#666;display:flex;font-style:italic;height:100%;justify-content:center}.static-grid-footer{align-items:center;border-top:1px solid #444;display:flex;justify-content:space-between;padding-top:1rem}.grid-stats{color:#ccc;display:flex;font-size:.9rem;gap:2rem}.static-mode-info{display:flex;gap:1rem}.info-badge{align-items:center;background:hsla(0,0%,100%,.1);border-radius:20px;color:#ccc;display:flex;font-size:.8rem;gap:.5rem;padding:.3rem .8rem}.badge-icon{font-size:1rem}.static-game-grid-empty,.static-game-grid-error,.static-game-grid-loading{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem}.loading-spinner{border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);margin-bottom:1rem}.error-message h3{color:var(--status-error);margin:0 0 1rem}.retry-button{background:var(--status-error);color:var(--text-primary);padding:.5rem 1rem;transition:background .3s ease}.retry-button:hover{background:var(--status-error);opacity:.8}.static-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px}.simple-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.static-loading-container p{color:#fff;font-size:16px;margin:0}.static-game-grid-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px}.error-message{background-color:#f44;border-radius:8px;color:#fff;padding:20px;text-align:center}.error-message h3{margin:0 0 10px}.retry-button{background-color:#fff;color:#f44;margin-top:10px}.retry-button:hover{background-color:#f0f0f0}.static-mode-footer{align-items:center;background-color:rgba(0,0,0,.2);border-top:1px solid hsla(0,0%,100%,.1);display:flex;font-size:12px;justify-content:space-between;margin-top:auto;padding:8px 12px}.static-badge{background-color:#2ecc71;border-radius:3px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px}.champion-summary{color:#ccc;font-size:11px}.champion-image-level-container{display:inline-block;position:relative}.champion-level-badge{align-items:center;background-color:#3498db;border:2px solid #1a202c;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.ability-displays{align-items:center;display:flex;gap:4px}.ability-slot{height:32px;position:relative;width:32px}.ability-icon{background-color:#333;border-radius:4px;height:100%;width:100%}.ability-info{background-color:rgba(0,0,0,.8);border-radius:2px;bottom:0;color:#fff;font-size:8px;line-height:1;padding:1px 2px;position:absolute;right:0}.ability-rank{display:block}.ability-cooldown{color:#ccc;display:block}.health-mana-bars{margin-top:4px}.health-bar-container,.resource-bar-container{align-items:center;display:flex;gap:4px;margin-bottom:2px}.health-bar,.resource-bar{background-color:#333;border-radius:3px;height:6px;overflow:hidden;width:60px}.health-fill{background-color:#4caf50}.resource-fill{background-color:#2196f3}.health-text,.resource-text{color:#ccc;font-size:10px;min-width:50px}.rune-trees{display:flex;flex-direction:column;gap:2px}.primary-runes,.secondary-runes{display:flex;gap:4px}.rune-name{background-color:hsla(0,0%,100%,.1);border-radius:2px;color:#ccc;font-size:9px;max-width:60px;overflow:hidden;padding:1px 3px;text-overflow:ellipsis;white-space:nowrap}.inventory-display{display:flex;flex-wrap:wrap;gap:2px}.item-slot{background-color:#333;border-radius:3px;height:24px;width:24px}.item-icon img{height:100%;object-fit:cover;width:100%}.empty-item-slot{background-color:#222;border:1px dashed #555}.row-separator{align-items:center;display:flex;flex-direction:column;margin:10px 0;position:relative}.row-add-buttons{display:flex;gap:8px;margin-bottom:8px}.row-add-button{align-items:center;background:var(--focus-ring);border:1px solid var(--focus-ring);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:12px;transition:all .2s ease}.row-add-button:hover{background:var(--bg-secondary);border-color:var(--bg-secondary);color:var(--text-primary)}.row-add-button.duplicate-button{font-size:24px}.row-add-button.duplicate-button:hover{background:var(--bg-secondary);border-color:var(--bg-secondary);color:var(--text-primary)}.row-add-button.export-button{background:var(--focus-ring);box-shadow:none!important}.row-add-button.export-button:hover{background:var(--bg-secondary);border-color:var(--bg-secondary)}.row-add-button.opponent-button:hover{background:var(--text-accent);border-color:var(--status-warning);color:var(--bg-primary)}.grid-opponent-selector-section{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:var(--shadow-md);margin-bottom:20px;padding:20px}.global-opponent-selector label{color:var(--text-accent);display:block;font-size:16px;font-weight:600;margin-bottom:8px;text-align:center}.opponent-selector-container{background:var(--bg-primary);margin-top:15px;padding:15px}.batch-loading-indicator,.opponent-selector-container{border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-sm)}.batch-loading-indicator{background:var(--bg-secondary);margin-bottom:20px;padding:16px}.batch-progress{display:flex;flex-direction:column;gap:8px}.batch-progress-bar{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;height:8px}.batch-progress-fill{background:linear-gradient(90deg,var(--text-accent),#4caf50)}.batch-progress-text{align-items:center;display:flex;font-size:.9rem;gap:8px;justify-content:center}.simple-spinner.small{border-width:2px;height:16px;width:16px}.level-section{border:1px solid var(--border-primary);border-radius:8px;margin-bottom:16px;overflow:hidden}.level-section-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.level-section-header:hover{background:var(--bg-hover)}.level-section-title{color:var(--text-primary);font-size:1rem;font-weight:600}.level-section-toggle{color:var(--text-secondary);font-size:.8rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.level-section-content{background:var(--bg-secondary);padding:8px}.level-section-content .grid-row{margin-bottom:8px}.level-section-content .grid-row:last-child{margin-bottom:0}.level-section-content .row-separator{margin:8px 0}.empty-grid-state{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px 20px}.empty-grid-message{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);max-width:500px;padding:40px;text-align:center}.empty-grid-message h3{color:var(--text-accent);font-size:1.5rem;font-weight:600;margin:0 0 16px}.empty-grid-message p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0 0 24px}.empty-grid-instructions{display:flex;flex-direction:column;gap:12px;text-align:left}.instruction-step{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;gap:12px;padding:12px}.instruction-step,.step-number{align-items:center;display:flex}.step-number{background:var(--text-accent);border-radius:50%;color:var(--bg-primary);flex-shrink:0;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.instruction-step span:not(.step-number){color:var(--text-primary);font-size:.95rem}.unified-grid{width:100%}.wave-info-header{background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:8px;margin:16px 0 8px;padding:12px 16px}.wave-info-content{align-items:center;display:flex;gap:16px}.wave-number{color:var(--text-primary);font-size:1.1em;font-weight:600}.wave-timing{background:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-secondary);font-size:.9em;padding:4px 8px}.grid-description{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:20px;min-width:0;padding:14px;width:100%}.grid-description-header{border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;flex-direction:column;gap:4px;margin-bottom:15px;padding-bottom:10px;position:relative;-webkit-user-select:none;user-select:none}.grid-description-header:hover{background-color:hsla(0,0%,100%,.02);border-radius:4px}.grid-description-header .ge-wave-group-arrow{color:var(--text-secondary);font-size:12px;position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.grid-description-header .ge-wave-group-arrow.expanded{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.description-title{color:var(--text-accent);font-size:1.2rem;font-weight:600;margin:0}.description-subtitle{color:var(--text-secondary);font-size:.85rem;font-style:italic}.grid-description-content{align-items:flex-start;display:flex;gap:20px;margin:0 auto;max-width:1200px}.description-main{flex:1 1}.description-text{color:var(--text-primary-off-white);font-size:.95rem;line-height:1.6}.description-text p{margin:0 0 12px}.description-text p:last-child{margin-bottom:0}.highlight-text{color:var(--text-accent-bright);font-weight:500}.description-text strong{color:var(--text-primary);font-weight:600}.scenario-boxes{display:flex;flex-direction:column;gap:16px;min-width:280px}.scenario-selector-box,.wave-metrics-box{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:6px;padding:16px}.scenario-selector-box h4,.wave-metrics-box h4{color:var(--text-accent);font-size:1rem;font-weight:600;margin:0 0 12px}.metrics-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.metric-item{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.metric-label{color:var(--text-secondary);font-size:.875rem}.metric-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.scenario-options{display:flex;flex-direction:column;gap:8px}.scenario-option{border:1px solid transparent;border-radius:4px;cursor:pointer;padding:12px;transition:all .2s ease}.scenario-option:hover{background:var(--hover-overlay);border-color:var(--border-primary)}.scenario-option.active{background:var(--bg-quaternary);border-color:var(--border-accent)}.scenario-name{color:var(--text-primary);font-size:.9rem;font-weight:500;margin-bottom:4px}.scenario-details{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.grid-description-content{flex-direction:column;gap:16px;max-width:none}.scenario-boxes{flex-direction:row;gap:16px;min-width:0;min-width:auto}.scenario-selector-box,.wave-metrics-box{flex:1 1}}@media (max-width:480px){.grid-description{margin-bottom:16px;padding:12px}.scenario-boxes{flex-direction:column;gap:12px}.metrics-grid{gap:6px;grid-template-columns:1fr}}.wave-export-preview{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);color:var(--text-primary);margin:16px 0;min-height:200px;padding-top:10px}.wave-export-preview h4{color:var(--text-accent);font-size:1.4em;font-weight:600;margin:0 0 20px 10px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.wave-analysis-description{background:hsla(0,0%,100%,.02);background:var(--bg-tertiary,hsla(0,0%,100%,.02));border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-sm);margin:0 10px 20px;padding:16px}.wave-analysis-description-content{color:var(--text-primary-off-white);font-size:.95rem;line-height:1.6}.wave-analysis-description-content p{margin:0 0 12px}.wave-analysis-description-content p:last-child{margin-bottom:0}.wave-analysis-description-content strong{color:var(--text-primary);font-weight:600}.wave-analysis-description-content .secondary-description{color:var(--text-secondary)}.wave-export-loading{align-items:center;color:var(--text-muted);display:flex;font-style:italic;gap:8px;padding:16px}.wave-export-error{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);border-radius:8px;color:var(--status-error);font-weight:500;padding:16px}.wave-export-empty{color:var(--text-muted);font-style:italic;padding:20px;text-align:center}.simple-spinner.large{border-width:4px;height:48px;width:48px}.loading-message{color:var(--text-muted);font-size:1rem;font-style:italic;padding:40px;text-align:center}.polling-status{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;margin-bottom:16px;padding:8px 12px}.polling-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.polling-last-update{color:var(--text-muted);font-size:12px;margin-top:4px}.polling-error{color:var(--status-error);font-size:12px;margin-top:4px}.batch-loading-progress{margin-top:8px}.batch-progress-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.batch-progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;height:100%;transition:width .3s ease}.batch-progress-text{color:var(--text-secondary);font-size:12px;font-weight:500}.wave-export-champions{margin-top:16px;width:100%}.wave-section{border:none;border-radius:0;margin-bottom:0;overflow:hidden;width:100%}.wave-section-header{align-items:center;background-color:hsla(0,0%,100%,.08);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:12px 0;transition:background-color .2s;-webkit-user-select:none;user-select:none;width:100%}.wave-section-header:hover{background-color:hsla(0,0%,100%,.12)}.wave-header-content{align-items:center;display:flex;gap:12px;padding-left:16px}.wave-title{color:#fff;font-size:1.1em;font-weight:700}.wave-timing-inline{color:var(--text-secondary);font-size:.9em;font-weight:400}.wave-export-preview .row-separator{align-items:center;display:flex;flex-direction:column;margin:10px 0;position:relative}.wave-export-preview .row-add-buttons{display:flex;gap:8px;margin-bottom:8px}.wave-export-preview .row-add-button{align-items:center;background:var(--focus-ring);border:1px solid var(--focus-ring);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:12px;transition:all .2s ease}.wave-export-preview .row-add-button:hover{background:var(--bg-secondary);border-color:var(--bg-secondary);color:var(--text-primary)}.wave-export-preview .row-add-button:disabled{cursor:not-allowed;opacity:.5}.wave-export-preview .row-add-button.duplicate-button{font-size:24px}.wave-export-preview .row-add-button.duplicate-button:hover{background:var(--bg-secondary);border-color:var(--bg-secondary);color:var(--text-primary)}.wave-export-preview .row-add-button.export-button{background:var(--focus-ring);box-shadow:none!important}.wave-export-preview .row-add-button.export-button:hover{background:var(--bg-secondary);border-color:var(--bg-secondary)}.wave-export-preview .row-add-button img{height:20px;width:20px}.wave-row-count{color:var(--text-secondary);font-size:12px;font-weight:500;margin-left:8px}.wave-champion-row{margin-bottom:8px}.wave-champion-row:last-child{margin-bottom:0}.wave-champion-row .grid-row{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;padding:8px}.wave-champion-row .row-separator{border-top:1px solid var(--border-tertiary);margin:4px 0;padding-top:4px}.wave-section-toggle{color:#aaa;font-size:1.2em;padding-right:16px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.wave-section-content{background-color:initial;padding:0 10px!important}.wave-export-champions .grid-row{display:flex;gap:8px;margin-bottom:0;width:100%}.wave-export-champions .grid-cell{flex:1 1;min-height:200px;width:50%}.wave-export-champions .empty-cell{align-items:center;background-color:hsla(0,0%,100%,.05);border:2px dashed #444;border-radius:8px;color:#666;display:flex;font-style:italic;justify-content:center;transition:all .2s ease}.wave-export-champions .empty-cell:hover{background-color:hsla(0,0%,100%,.1);border-color:#777;color:#aaa}.wave-export-champions .selected-cell{border:2px solid #c8aa6e!important;box-shadow:0 0 8px hsla(40,45%,61%,.5)}.wave-export-debug{border-top:1px solid #444;margin-top:20px;padding-top:16px}.wave-export-debug summary{color:#aaa;cursor:pointer;font-size:.9em;margin-bottom:8px}.wave-export-debug pre{background:#0e0e0e;border:1px solid #333;border-radius:6px;font-size:.8em;max-height:320px;overflow:auto;padding:12px}.wave-group-section{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.wave-group-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.wave-group-header.clickable:hover{background:var(--surface-elevated);border-bottom-color:var(--border-accent)}.wave-group-title-section{align-items:center;display:flex;gap:8px}.wave-group-arrow{color:var(--text-accent);font-size:14px;font-weight:700;text-align:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:16px}.wave-group-arrow.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.wave-group-header h5{color:var(--text-primary);font-size:1.2em;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.wave-group-waves{color:var(--text-secondary);font-size:.9em;font-weight:500;font-weight:400;margin-left:4px}.wave-group-count{color:#aaa;font-size:13px;font-weight:500}.wave-group-section .wave-section{border-bottom:1px solid #333;margin-bottom:0}.wave-group-section .wave-section:last-child{border-bottom:none}.ability-display-container{align-items:center;display:flex;flex-direction:column;margin-top:0}.ability-display{border:2px solid rgba(0,0,0,.7);border-radius:5px;height:40px;margin:2px;overflow:hidden;position:relative;width:40px}.ability-display.greyed-out .ability-img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.6}.ability-display.active-timer{border-color:#ff0}.ability-base-cooldown,.ability-range{align-items:center;display:flex;justify-content:center}.ability-extra-info.greyed-out{opacity:.5}.ability-extra-info.greyed-out .ability-info-icon{opacity:.4}.ability-displays-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:3px;justify-content:center;margin-top:0}.ability-display.passive{height:30px;margin:5px 2px 2px;width:30px}.minimal-rune-display{display:flex;flex-direction:column;position:relative}.keystone-image-wrapper,.secondary-tree-image-wrapper{display:inline-block}.keystone-image,.secondary-tree-image{background-color:#00000046;border-radius:4px;height:29px!important;width:29px!important}.hover-content{background-color:#000;border-radius:4px;left:50%;padding:8px;position:absolute;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.sr-simple-rune-display{display:flex;flex-direction:column;justify-content:flex-start}.sr-runes-wrapper{align-items:center;display:flex;flex-direction:row}.sr-rune-trees{display:flex;flex-direction:column;margin-right:10px}.sr-primary-rune-column,.sr-secondary-rune-column{align-items:center;display:flex;flex-direction:column}.sr-rune-tree{margin-bottom:10px}.sr-runes{gap:5px}.sr-runes,.sr-shards-column{display:flex;flex-direction:column}.sr-rune-icon,.sr-shards-column{align-items:center}.sr-rune-icon{display:flex;justify-content:center}.sr-rune-icon img{height:30px!important;width:30px!important}.sr-shard-icon img{height:25px!important;width:25px!important}.sr-rune-icon.sr-keystone img{height:50px!important;width:50px!important}.sr-primary-tree img,.sr-secondary-tree img,.sr-tree-image{height:20px!important;width:20px!important}.champion-inventory{align-items:center;display:flex;flex-direction:column}.champion-item-slots{grid-gap:2px;align-items:flex-start;display:grid;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(2,30px);justify-content:flex-start}.champion-item-slot{align-items:center;background-color:#58535346;border-radius:4px;display:flex;height:30px;justify-content:center;overflow:hidden;position:relative;width:30px}.champion-item-slot img{height:auto;left:50%;max-height:100%;max-width:100%;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto}.champion-change-inventory-button{background-color:#2c3e50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:5px;padding:4px 8px}.champion-change-inventory-button:hover{background-color:#34495e}.champ-img-champion-image-container{display:flex}.champ-img-champion-image-level-wrapper{height:70px;position:relative;width:70px}.champ-img-champion-image{border-radius:6px!important;height:100%!important;object-fit:contain!important;width:100%!important}.champ-img-champion-level{background-color:#000;border-radius:4px;bottom:0;color:#fff;font-size:.7em;left:0;min-width:15px;padding:.1em;position:absolute;text-align:center}.champion-health-mana-bar{display:flex;flex-direction:column}.health-bar-hmb,.resource-bar-hmb{height:5px;margin-bottom:2px;position:relative;width:68px}.bar-hmb{background-color:#333;border:1px solid #000;border-radius:3px;overflow:hidden;position:relative;width:100%}.bar-hmb,.fill-hmb{height:100%}.health-fill-hmb{background-color:#0d6b10;position:relative;z-index:1}.resource-fill-hmb{background-color:#060684}.shield-overlays{left:0;overflow:hidden;width:100%;z-index:2}.shield-fill-hmb,.shield-overlays{height:100%;position:absolute;top:0}.shield-fill{background-color:hsla(0,0%,100%,.5)}.magic-shield-fill{background-color:rgba(0,0,255,.5)}.physical-shield-fill{background-color:rgba(255,165,0,.5)}.level-control{background-color:#111925;border:1px solid #334155;border-radius:6px;color:#eaeaea;margin:0;padding:12px 16px}.level-control h4{color:#cdbe91;font-size:14px;font-weight:700;margin:0 12px 0 0;min-width:60px}.level-control-container{display:flex;flex-direction:column}.level-input-row{align-items:center;display:flex;gap:8px}.level-input::-webkit-inner-spin-button,.level-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.level-input:focus{background-color:rgba(30,40,65,.8);border-color:#2563eb;outline:none}.level-range{color:#cdbe91;font-size:12px;margin-right:8px}.health-control{background-color:#111925;border:1px solid #334155;border-radius:6px;color:#eaeaea;margin:0;padding:12px 16px}.health-control h4{color:#cdbe91;font-size:14px;font-weight:700;margin:0 12px 0 0;min-width:60px}.health-control-container{margin-bottom:8px}.health-input-row{align-items:center;display:flex;margin-bottom:8px}.health-inputs{align-items:center;display:flex;gap:6px}.health-input-container{display:inline-block;position:relative}.health-inputs span,.health-value-input{color:#cdbe91;font-size:12px}.health-value-input{-moz-appearance:textfield;background-color:rgba(10,14,20,.8);border:1px solid #334155;border-radius:3px;padding:4px 18px 4px 4px;text-align:right;width:42px}.health-value-input::-webkit-inner-spin-button,.health-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.health-value-input:focus{background-color:rgba(30,40,65,.8);border-color:#2563eb;outline:none}.health-percentage-input{-moz-appearance:textfield;background-color:rgba(10,14,20,.8);border:1px solid #334155;border-radius:3px;color:#cdbe91;font-size:12px;padding:4px 18px 4px 4px;text-align:right;width:35px}.health-percentage-input::-webkit-inner-spin-button,.health-percentage-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.health-percentage-input:focus{background-color:rgba(30,40,65,.8);border-color:#2563eb;outline:none}.spinner-button{margin:0!important}.health-bar{background-color:rgba(10,14,20,.9);border:1px solid #334155;border-radius:3px;cursor:pointer;height:16px;margin-bottom:2px;overflow:visible;position:relative;transition:all .2s ease;width:100%}.health-bar:hover{border-color:#2563eb;box-shadow:0 0 8px rgba(95,125,160,.5)}.health-fill{background:linear-gradient(90deg,#16a34a,#15803d);left:0}.health-fill,.health-preview-increase{border-radius:2px;height:100%;position:absolute;top:0;transition:width .3s ease}.health-preview-increase{background:linear-gradient(90deg,rgba(34,197,94,.4),rgba(22,163,74,.4));border-right:1px dashed #2563eb}.health-preview-decrease{background:linear-gradient(90deg,rgba(75,85,99,.7),rgba(55,65,81,.7));border-left:1px dashed #2563eb;border-radius:2px;height:100%;position:absolute;top:0;transition:width .3s ease}.health-slider-indicator{background-color:#2563eb;border:1px solid rgba(10,14,20,.8);border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.3);height:8px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:left .1s ease;width:8px;z-index:10}.resource-control{background-color:#111925;border:1px solid #334155;border-radius:6px;color:#eaeaea;margin:0;padding:12px 16px}.resource-control h4{color:#cdbe91;font-size:14px;font-weight:700;margin:0 12px 0 0;min-width:60px}.resource-control-container{margin-bottom:8px}.resource-input-row{align-items:center;display:flex;margin-bottom:8px}.resource-inputs{align-items:center;display:flex;gap:6px}.resource-input-container{display:inline-block;position:relative}.resource-inputs span,.resource-value-input{color:#cdbe91;font-size:12px}.resource-value-input{-moz-appearance:textfield;background-color:rgba(10,14,20,.8);border:1px solid #334155;border-radius:3px;padding:4px 18px 4px 4px;text-align:right;width:42px}.resource-value-input::-webkit-inner-spin-button,.resource-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.resource-value-input:focus{background-color:rgba(30,40,65,.8);border-color:#2563eb;outline:none}.resource-percentage-input{-moz-appearance:textfield;background-color:rgba(10,14,20,.8);border:1px solid #334155;border-radius:3px;color:#cdbe91;font-size:12px;padding:4px 18px 4px 4px;text-align:right;width:35px}.resource-percentage-input::-webkit-inner-spin-button,.resource-percentage-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.resource-percentage-input:focus{background-color:rgba(30,40,65,.8);border-color:#2563eb;outline:none}.custom-spinner{align-items:stretch;display:flex;flex-direction:column;gap:0;height:18px;padding-bottom:3px;position:absolute;right:2px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.spinner-button{align-items:center;background-color:rgba(10,14,20,.8);border:1px solid #334155;border-radius:2px;color:#cdbe91;cursor:pointer;display:flex;font-size:8px;font-weight:700;height:9px;justify-content:center;line-height:1;margin:0;padding:0;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:14px}.spinner-button:first-child{border-bottom:none;border-radius:3px 3px 0 0;flex:1 1;margin-bottom:-1px}.spinner-button:first-child:before{content:"^";-webkit-transform:translateY(1px);transform:translateY(1px)}.spinner-button:last-child{border-radius:0 0 3px 3px;flex:1 1;margin-top:-1px}.spinner-button:last-child:before{content:"^";-webkit-transform:translateY(-1px) rotate(180deg);transform:translateY(-1px) rotate(180deg)}.spinner-button:hover{background-color:#0a0e14;border-color:#2563eb;color:#e6d7a3}.spinner-button:active{background-color:rgba(30,40,65,.8);color:#f0e6b3}.apply-button{background-color:#374151;border:none;border-radius:3px;color:#cdbe91;cursor:pointer;font-size:10px;font-weight:500;margin-left:auto;padding:4px 8px;transition:all .2s ease}.apply-button:hover{background-color:#4b5563;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.resource-bar{background-color:rgba(10,14,20,.9);border:1px solid #334155;border-radius:3px;cursor:pointer;height:16px;margin-bottom:2px;overflow:visible;position:relative;transition:all .2s ease;width:100%}.resource-bar:hover{border-color:#2563eb;box-shadow:0 0 8px rgba(95,125,160,.5)}.resource-fill{border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.resource-fill[data-resource=Mana]{background:linear-gradient(90deg,rgba(30,58,138,.8),#1e3a8a)}.resource-fill[data-resource=Energy]{background:linear-gradient(90deg,#eab308,#ca8a04)}.resource-fill[data-resource=Fury]{background:linear-gradient(90deg,#ef4444,#dc2626)}.resource-fill[data-resource=Flow]{background:linear-gradient(90deg,#f8fafc,#e2e8f0)}.resource-fill[data-resource=Shield]{background:linear-gradient(90deg,#6b7280,#4b5563)}.resource-preview-increase{border-radius:2px;border-right:1px dashed #2563eb;height:100%;opacity:.5;position:absolute;top:0;transition:width .3s ease}.resource-preview-increase[data-resource=Mana]{background:linear-gradient(90deg,rgba(59,130,246,.4),rgba(29,78,216,.4))}.resource-preview-increase[data-resource=Energy]{background:linear-gradient(90deg,rgba(234,179,8,.4),rgba(202,138,4,.4))}.resource-preview-increase[data-resource=Fury]{background:linear-gradient(90deg,rgba(239,68,68,.4),rgba(220,38,38,.4))}.resource-preview-increase[data-resource=Flow]{background:linear-gradient(90deg,rgba(248,250,252,.4),rgba(226,232,240,.4))}.resource-preview-increase[data-resource=Shield]{background:linear-gradient(90deg,hsla(220,9%,46%,.4),rgba(75,85,99,.4))}.resource-preview-decrease{background:linear-gradient(90deg,rgba(75,85,99,.7),rgba(55,65,81,.7));border-left:1px dashed #2563eb;border-radius:2px;height:100%;position:absolute;top:0;transition:width .3s ease}.resource-slider-indicator{background-color:#2563eb;border:1px solid rgba(10,14,20,.8);border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.3);height:8px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:left .1s ease;width:8px;z-index:10}.skill-order-control{background-color:#111925;border:1px solid #444;border-radius:4px;color:#fff;margin:10px 0;padding:10px}.skill-order-control h4{color:#eee;font-size:1rem;margin-bottom:10px;margin-top:0}.skill-order-container{display:flex;flex-direction:column;gap:10px}.skill-order-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.skill-order-points-info{align-items:center;display:flex;gap:5px}.skill-order-points-available{color:#4cc3ff;font-weight:700;opacity:.8}.skill-order-mode-toggles{display:flex;gap:5px}.skill-order-mode-button{background-color:#333;border:1px solid #555;border-radius:3px;color:#aaa;cursor:pointer;font-size:.8rem;padding:4px 8px}.skill-order-mode-button.active{background-color:#3a7ca5;border-color:#4a90e2;color:#fff}.skill-order-ability-buttons{display:flex;gap:8px;justify-content:center;margin:8px 0}.skill-order-ability-button{align-items:center;background-color:#333;border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:50px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:50px}.skill-order-ability-button .skill-order-point-counter{background-color:rgba(0,0,0,.7);border-radius:3px;bottom:2px;font-size:.7rem;font-weight:700;padding:1px 4px;position:absolute;right:2px}.skill-order-ability-button:hover:not([disabled]){box-shadow:0 2px 8px rgba(0,0,0,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.skill-order-ability-button:active:not([disabled]){-webkit-transform:translateY(0);transform:translateY(0)}.skill-order-ability-button[disabled]{cursor:not-allowed;opacity:.6}.skill-order-ability-button.maxed{border-color:gold;box-shadow:0 0 8px rgba(255,215,0,.5)}.skill-order-grid-container{border:1px solid #444;border-radius:3px;display:flex;font-size:.9rem;overflow:hidden;position:relative}.skill-order-grid-fixed{background-color:#333;box-shadow:2px 0 5px rgba(0,0,0,.2);flex:0 0 auto;width:24px;z-index:2}.skill-order-header-fixed{position:-webkit-sticky;position:sticky;top:0}.skill-order-row-fixed{height:24px}.skill-order-grid-scrollable{flex:1 1;overflow-x:auto;overflow-y:hidden;scrollbar-color:#555 #333;scrollbar-width:thin}.skill-order-grid-scrollable::-webkit-scrollbar{background-color:#333;height:8px}.skill-order-grid-scrollable::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.skill-order-grid-scrollable::-webkit-scrollbar-thumb:hover{background-color:#666}.skill-order-grid{display:block;min-width:-webkit-max-content;min-width:max-content}.skill-order-header,.skill-order-row{display:flex;width:100%}.skill-order-cell{align-items:center;border-bottom:1px solid #444;border-right:1px solid #444;box-sizing:border-box;display:flex;flex:0 0 auto;height:24px;justify-content:center;max-width:24px;min-width:24px;padding:0;text-align:center}.skill-order-cell:last-child{border-right:none}.skill-order-header-cell{background-color:#333;font-size:.8rem;font-weight:700}.skill-order-ability-cell{background-color:#333;color:#ddd;font-weight:700;overflow:hidden;padding:0;position:relative}.skill-order-row:first-child .skill-order-ability-cell,.skill-order-row:nth-child(2) .skill-order-ability-cell,.skill-order-row:nth-child(3) .skill-order-ability-cell,.skill-order-row:nth-child(4) .skill-order-ability-cell{background-color:#333;border-left:none}.skill-order-level-cell{background-color:#222;border:1px solid #333;cursor:pointer}.skill-order-level-cell:hover:not(.unavailable):not(.selected){background-color:#2c3840}.skill-order-level-cell.selected{background-color:#3a7ca5;border-color:#4a90e2;color:#fff;font-weight:700}.skill-order-level-cell.unavailable{background-color:#1a1a1a;cursor:not-allowed;opacity:.6}.skill-order-level-cell.has-different-skill{cursor:not-allowed}.skill-order-actions{display:flex;gap:10px;justify-content:space-between;margin-top:10px}.skill-order-apply-button{background-color:#3a7ca5;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:5px 10px}.skill-order-apply-button:hover:not(:disabled){background-color:#2c5d7c}.skill-order-apply-button:disabled{background-color:#333;color:#666;cursor:not-allowed}.skill-order-reset-button{background-color:#864242;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:5px 10px}.skill-order-reset-button:hover{background-color:#a33}.skill-order-with-image{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.skill-order-spell-image{height:100%;object-fit:cover;width:100%}.skill-order-with-image span{background-color:rgba(0,0,0,.7);border-radius:2px;bottom:0;color:#fff;font-size:8px;font-weight:700;padding:1px 2px;position:absolute;right:0}.skill-order-ability-button .skill-order-with-image{height:100%;width:100%}.skill-order-ability-button .skill-order-spell-image{height:100%;object-fit:cover;width:100%}.skill-order-ability-cell .skill-order-with-image{height:100%;width:100%}.skill-order-ability-cell .skill-order-spell-image{border-radius:0;height:100%;width:100%}.add-champion{background-color:rgba(0,0,0,.7);border-radius:4px;overflow:auto;position:relative}.add-champion,.champion-search-container{display:flex;flex-direction:column;height:100%;width:100%}.champion-search-container{box-sizing:border-box;padding:12px}.search-title{color:#cdbe91;font-size:16px;font-weight:700;margin:0 0 10px;text-align:left}.search-bar{margin-bottom:10px;position:relative;width:100%}.champion-search-input{background-color:#111318;border:1px solid #785a28;box-sizing:border-box;font-size:14px;outline:none;padding:10px}.champion-search-input:focus{border-color:#c8aa6e;box-shadow:0 0 0 1px #c8aa6e}.champion-suggestions-list{background-color:#0a0a0c;border:1px solid #785a28;list-style:none;margin:5px 0 0;max-height:205px;position:relative;width:100%;z-index:5}.champion-suggestion-item{box-sizing:border-box;height:41px;padding:8px 10px}.champion-suggestion-item.selected,.champion-suggestion-item:hover{background-color:#1e2328}.champion-suggestion-item img{margin-right:10px}.champion-suggestion-item span{font-size:14px}.click-again-hint{color:#c8aa6e!important;font-size:12px!important;font-style:italic;margin-left:auto;opacity:.8}.champion-selection-panel{border-top:1px solid #785a28;display:flex;flex-direction:column;gap:15px;margin-top:auto;padding-top:15px}.selected-champion-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.selected-champion-image{border:2px solid #c8aa6e;border-radius:50%;flex-shrink:0;height:48px;width:48px}.champion-details{display:flex;flex-direction:column;flex-grow:1;gap:5px;overflow:hidden}.selected-champion-name{color:#f0c888;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:4px}.level-selector{align-items:center;display:flex;flex-shrink:0;gap:8px}.level-selector label{color:#cdbe91;font-size:14px;font-weight:700}.level-input{background-color:#111318;border:1px solid #785a28;border-radius:4px;box-sizing:border-box;font-size:14px;outline:none;padding:4px 6px;text-align:center;width:60px}.level-input:focus{border-color:#c8aa6e;box-shadow:0 0 0 1px #c8aa6e}.team-selector{align-items:center;display:flex;flex-shrink:0;gap:8px}.team-selector label{color:#cdbe91;font-size:14px;font-weight:700}.team-select{background-color:#111318;border:1px solid #785a28;border-radius:4px;box-sizing:border-box;color:#cdbe91;font-size:14px;outline:none;padding:4px 6px;width:80px}.team-select:focus{border-color:#c8aa6e;box-shadow:0 0 0 1px #c8aa6e}.champion-selection-actions{display:flex;gap:10px}.team-display{align-items:center;display:flex;flex-shrink:0;gap:8px}.team-display label{color:#cdbe91;font-size:14px;font-weight:700}.team-indicator{border-radius:4px;font-size:14px;font-weight:700;min-width:60px;padding:4px 8px;text-align:center}.team-indicator.blue{background-color:#1e3a8a;border:1px solid #3b82f6;color:#93c5fd}.team-indicator.red{background-color:#7f1d1d;border:1px solid #ef4444;color:#fca5a5}.champion-action-button{background-color:#1e2328;border:1px solid #785a28;border-radius:4px;color:#cdbe91;cursor:pointer;flex:1 1;font-size:14px;padding:8px 10px;transition:all .2s}.champion-action-button:hover{background-color:#2a303c;border-color:#c8aa6e}.confirm-button{background-color:#0a7593;border-color:#0397ab}.confirm-button:hover{background-color:#0bc4e2;border-color:#46d7ee}.champion-selector{margin:0;position:relative}.current-champion{align-items:center;background-color:#111925;border:1px solid #334155;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 12px}.current-champion h4{color:#cdbe91;font-size:14px;font-weight:700;margin:0}.change-champion-btn{background-color:#374151;border:none;border-radius:3px;color:#cdbe91;cursor:pointer;font-size:10px;font-weight:500;padding:4px 8px;transition:all .2s ease}.change-champion-btn:hover{background-color:#4b5563;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.champion-search-dropdown{background-color:#111925;border:1px solid #334155;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.3);left:0;margin-top:5px;overflow:hidden;position:absolute;top:100%;width:100%;z-index:100}.champion-search-container{padding:10px}.champion-search-input{background-color:rgba(10,14,20,.8);border:1px solid #334155;border-radius:4px;color:#cdbe91;font-size:12px;margin-bottom:8px;padding:8px 12px;width:100%}.champion-search-input:focus{background-color:rgba(30,40,65,.8);border-color:#2563eb;outline:none}.champion-suggestions-list{background-color:rgba(10,14,20,.8);border-radius:4px;list-style-type:none;margin:0;max-height:250px;overflow-y:auto;padding:0}.champion-suggestion-item{align-items:center;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s}.champion-suggestion-item:hover{background-color:rgba(30,40,65,.8)}.champion-suggestion-item img{border:1px solid #334155;border-radius:50%;height:32px;margin-right:12px;width:32px}.champion-suggestion-item span{color:#cdbe91;font-size:12px}.search-bar h3{color:#fff;margin-bottom:15px;margin-top:0;text-align:center}.items-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.shop-actions{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.toggle-shop-button{background-color:#091428;border-radius:3px;color:#c89b3c;padding:5px 10px;transition:all .2s ease}.toggle-shop-button:hover{background-color:#0a1428}.inventory-value{color:#c89b3c;gap:3px}.gold-amount{color:gold}.gold-icon{color:gold;font-weight:700}.current-items{display:flex;flex-wrap:wrap;margin-bottom:10px}.item-icon{background-color:#1e2328;border-radius:3px;height:45px;position:relative;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:45px}.item-icon:hover{border-color:#c89b3c}.item-icon img{border-radius:2px;height:40px;width:40px}.item-icon span{color:#c89b3c;font-size:11px;text-align:center}.item-icon.empty-slot{background-color:rgba(30,35,40,.5);border:1px dashed #785a28}.item-icon.empty-slot:hover{background-color:rgba(30,35,40,.8)}.empty-slot-plus{font-size:20px;opacity:.7}.item-icon.empty-slot:hover .empty-slot-plus{color:#c89b3c;opacity:1}.save-config-button{background-color:#1e2328;border:1px solid #785a28;border-radius:4px;color:#c89b3c;cursor:pointer;display:block;font-weight:700;margin:20px auto 0;padding:10px 20px;transition:all .2s}.save-config-button:hover{background-color:#091428;border-color:#c89b3c;color:#f0e6d2}.champion-config-content{box-sizing:border-box;overflow:visible;width:100%}.champion-config-panel,.items-section,.panel-content{overflow:visible}.rc-container{background-color:#111925;border-radius:4px;box-sizing:border-box;margin-bottom:10px;max-width:100%;overflow:hidden;padding:6px;width:100%}.rc-title{border-bottom:1px solid #334155;color:#eaeaea;font-size:14px;margin-bottom:6px;padding-bottom:4px;text-align:center}.rc-wrapper{box-sizing:border-box;display:flex;flex-direction:row;gap:3px;justify-content:space-between;width:100%}.rc-primary-section,.rc-secondary-section,.rc-secondary-section-container{align-items:center;display:flex;flex-direction:column;width:49%}.rc-path-selector{flex-wrap:nowrap;gap:3px;margin-bottom:10px;width:100%}.rc-path-button,.rc-path-selector{align-items:center;display:flex;justify-content:center}.rc-path-button{background-color:initial;background-image:none!important;border:none;border-radius:50%;box-sizing:initial;cursor:pointer;height:30px;outline:none;overflow:hidden;padding:0;position:relative;transition:all .2s ease;width:30px}.primary-path-button,.secondary-path-button{height:30px;min-height:30px;min-width:30px;width:30px}.rc-path-button img{border-radius:50%;height:26px!important;object-fit:cover;width:26px!important}.rc-path-button:before{content:"";display:block;padding-top:100%}.rc-path-button.selected{border:1px solid gold;box-shadow:0 0 5px rgba(255,215,0,.5);-webkit-filter:brightness(1.2) grayscale(0)!important;filter:brightness(1.2) grayscale(0)!important;opacity:1!important;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1);z-index:1}.rc-path-button.selected:after{border-radius:50%;bottom:-1px;box-shadow:0 0 8px 2px rgba(255,215,0,.6);content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.rc-path-button:not(.selected){-webkit-filter:grayscale(70%);filter:grayscale(70%);opacity:.6}.rc-path-button.disabled{cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.4}.rc-path-button:hover:not(.disabled){box-shadow:0 0 5px rgba(95,125,160,.5);-webkit-filter:grayscale(30%);filter:grayscale(30%);opacity:.8;-webkit-transform:scale(1.15);transform:scale(1.15)}.rc-path-button.disabled:hover{box-shadow:none;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.4;-webkit-transform:none;transform:none}.rc-secondary-section .rc-path-button{background-size:28px!important;height:32px;width:32px}.rc-secondary-section .rc-path-button.selected{border:1px solid gold}.rc-keystone-row,.rc-slot1-row,.rc-slot2-row,.rc-slot3-row{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:6px;width:100%}.rc-rune-slot{align-items:center;background-color:rgba(10,14,20,.7);border-radius:50%;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:2px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.rc-rune-slot:hover{background-color:rgba(30,40,65,.8);box-shadow:0 0 5px rgba(95,125,160,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.rc-keystone-row .rc-rune-slot img{border-radius:50%;height:48px!important;object-fit:cover;width:48px!important}.rc-rune-slot img{border-radius:50%;height:36px!important;object-fit:cover;width:36px!important}.rc-rune-slot.selected{background-color:rgba(30,30,10,.7);border:1px solid gold;box-shadow:0 0 5px rgba(255,215,0,.5);position:relative;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:1}.rc-rune-slot.selected:after{border-radius:50%;bottom:-1px;box-shadow:0 0 8px 2px rgba(255,215,0,.6);content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.rc-rune-slot.selected img{-webkit-filter:brightness(1.2);filter:brightness(1.2);opacity:1}.rc-rune-slot.unselected-grey img{-webkit-filter:grayscale(90%);filter:grayscale(90%);opacity:.6}.rc-row-greyed-out .rc-rune-slot img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.6}.rc-shard-container{margin-top:8px;padding-top:8px;position:relative;width:100%}.rc-shard-container:before{background-color:hsla(0,0%,100%,.15);content:"";height:1px;left:25%;position:absolute;right:25%;top:0}.rc-shard-row{gap:5px;margin-bottom:5px;width:100%}.rc-shard-row,.rc-shard-slot{display:flex;justify-content:center}.rc-shard-slot{align-items:center;background-color:rgba(10,14,20,.7);border-radius:50%;cursor:pointer;overflow:hidden;padding:2px;transition:all .2s ease}.rc-shard-slot:hover{background-color:rgba(30,40,65,.8);box-shadow:0 0 5px rgba(95,125,160,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.rc-shard-slot img{border-radius:50%;height:26px!important;object-fit:cover;width:26px!important}.rc-shard-slot.selected{background-color:rgba(30,30,10,.7);border:1px solid gold;box-shadow:0 0 5px rgba(255,215,0,.5);position:relative;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:1}.rc-shard-slot.selected:after{border-radius:50%;bottom:-1px;box-shadow:0 0 8px 2px rgba(255,215,0,.6);content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.rc-shard-slot.selected img{-webkit-filter:brightness(1.2);filter:brightness(1.2);opacity:1}.rc-shard-slot.unselected img{-webkit-filter:grayscale(90%);filter:grayscale(90%);opacity:.6}.rc-save-button{background-color:#1e40af;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:12px;font-weight:500;margin-left:auto;margin-right:auto;margin-top:6px;padding:4px 10px;transition:all .3s ease}.rc-save-button:hover:not(:disabled){background-color:#2563eb;box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.rc-save-button:active:not(:disabled){box-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-transform:translateY(0);transform:translateY(0)}.rc-save-button.no-changes,.rc-save-button:disabled{background-color:#64748b;cursor:default;opacity:.8}@-webkit-keyframes pulse-success{0%{box-shadow:0 0 0 0 rgba(37,99,235,.7)}70%{box-shadow:0 0 0 6px rgba(37,99,235,0)}to{box-shadow:0 0 0 0 rgba(37,99,235,0)}}@keyframes pulse-success{0%{box-shadow:0 0 0 0 rgba(37,99,235,.7)}70%{box-shadow:0 0 0 6px rgba(37,99,235,0)}to{box-shadow:0 0 0 0 rgba(37,99,235,0)}}.rc-save-button.pulse-animation{-webkit-animation:pulse-success 2s ease-out 1;animation:pulse-success 2s ease-out 1}.rc-keystone-row,.rc-shard-row,.rc-slot1-row,.rc-slot2-row,.rc-slot3-row{justify-content:center}@media (max-width:450px){.rc-wrapper{flex-direction:column}.rc-primary-section,.rc-secondary-section-container{width:100%}}.rc-secondary-section .rc-rune-row,.rc-secondary-section .rc-slot1-row,.rc-secondary-section .rc-slot2-row,.rc-secondary-section .rc-slot3-row{gap:4px}.rc-secondary-section .rc-rune-slot img{border-radius:50%;height:36px;object-fit:cover;width:36px}.item-shop-dropdown{background-color:#0a1428;border:1px solid #785a28;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.3);box-sizing:border-box;color:#c89b3c;margin-top:10px;max-height:500px;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:15px;position:relative;width:100%;z-index:10}.item-shop-header{align-items:center;border-bottom:1px solid #785a28;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;width:100%}.item-search-input{background-color:#1e2328;border:1px solid #785a28;border-radius:3px;color:#f0e6d2;flex:1 1;margin-left:10px;max-width:60%;width:60%}.item-search-input:focus{border-color:#c89b3c}.item-category-tabs{border-bottom:1px solid #785a28;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px;padding-bottom:10px;width:100%}.category-tab{background-color:#1e2328;border:1px solid #785a28;border-radius:3px;color:#c89b3c;cursor:pointer;font-size:.9em;font-weight:700;padding:6px 12px;transition:all .2s}.category-tab.active,.category-tab:hover{background-color:#091428}.category-tab.active{border-color:#c89b3c;color:#f0e6d2}.inventory-section{background-color:rgba(10,20,40,.5);border:1px solid #785a28;border-radius:3px;box-sizing:border-box;padding:10px}.inventory-section,.tier-section{margin-bottom:15px;overflow:hidden;width:100%}.tier-section h4{color:#f0e6d2;font-size:.95em;letter-spacing:.5px;margin-bottom:8px;margin-top:5px;text-transform:uppercase}.item-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-top:8px;overflow:hidden;position:relative;width:100%}.item-box{align-items:center;background-color:#1e2328;border:1px solid #785a28;border-radius:3px;display:flex;flex-direction:column;padding:3px;position:relative;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.item-box:hover{background-color:#091428;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:100}.item-box img{border-radius:3px;height:40px!important;width:40px!important}.item-price{color:gold}.item-price,.sell-button{font-size:10px;margin-top:3px}.sell-button{background-color:#c1272d;border:none;border-radius:2px;color:#fff;cursor:pointer;padding:2px 4px;transition:background-color .2s}.sell-button:hover{background-color:#e74c3c}@media (max-width:768px){.item-row{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.item-category-tabs{gap:3px}.category-tab{font-size:.8em;padding:4px 8px}}.shop-title-container{gap:8px}.info-icon{align-items:center;background-color:#1e2328;border:1px solid #785a28;border-radius:50%;color:#c89b3c;display:flex;font-size:12px;font-style:italic;font-weight:700;height:18px;justify-content:center;position:relative;transition:all .2s;width:18px}.info-icon:hover{border-color:#c89b3c}.info-icon:hover,.info-tooltip{background-color:#091428;color:#f0e6d2}.info-tooltip{border:1px solid #785a28;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.4);font-size:12px;font-style:normal;font-weight:400;left:50%;line-height:1.5;padding:8px 12px;position:absolute;text-align:center;top:25px;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;width:180px;z-index:100}.items-by-tier{overflow:hidden}.item-tooltip{display:block!important;max-width:300px;min-width:240px;opacity:1!important;visibility:visible!important;width:300px}.fixed-corner{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;box-shadow:0 4px 16px rgba(0,0,0,.5);position:fixed;right:20px;top:20px;z-index:10000}.item-tooltip-content{word-wrap:break-word;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,9,19,.95);border:1px solid rgba(120,90,40,.85);border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.8),0 0 1px 1px hsla(0,0%,100%,.1);color:#f0e6d2;font-size:.9em;overflow-wrap:break-word;padding:15px;position:relative}.tooltip-arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,9,19,.95);bottom:-8px;height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0}.tooltip-below .tooltip-arrow{border-bottom:8px solid rgba(0,9,19,.95);border-top:none;bottom:auto;top:-8px}.tooltip-left-aligned .tooltip-arrow{left:20px;-webkit-transform:none;transform:none}.tooltip-right-aligned .tooltip-arrow{left:auto;right:20px;-webkit-transform:none;transform:none}.item-header{border-bottom:1px solid rgba(120,90,40,.4);margin-bottom:12px;padding-bottom:8px}.item-tooltip-image{border:1px solid rgba(120,90,40,.7);border-radius:3px;height:48px;margin-right:10px;width:48px}.item-title-price{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.item-name{color:#c89b3c;font-size:1.15em}.item-cost{color:gold;font-size:.9em}.gold-icon-small{font-weight:700;margin-right:2px}.item-stats{margin-bottom:10px}.stat-row{color:#a09b8c;font-size:.95em;margin-bottom:5px}.stat-value{color:#b2a948;margin-right:5px}.stat-name{color:#a09b8c}.item-passives{margin-top:8px;max-height:250px;overflow-y:auto}.passive-entry{margin-bottom:8px}.passive-name{color:#f0c96a;font-size:.95em;margin-bottom:3px}.passive-description{word-wrap:break-word;color:#a09b8c;font-size:.85em;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word;white-space:normal}.stat-icon{background-image:url(https://raw.communitydragon.org/latest/game/assets/ux/fonts/texticons.tftskilltree.png);background-repeat:no-repeat;display:inline-block;flex-shrink:0;height:18px;margin-right:6px;width:18px}.resource-icon{background-position:0 0}.resource-regen-icon{background-position:-24px 0}.magic-penetration-icon{background-position:-48px 0}.magic-resist-icon{background-position:-72px 0}.movement-speed-icon{background-position:-96px 0}.attack-damage-icon{background-position:0 -24px}.omnivamp-icon{background-position:-24px -24px}.tenacity-icon{background-position:-48px -24px}.ability-power-icon{background-position:-96px -24px}.armor-icon{background-position:0 -48px}.attack-speed-icon{background-position:-24px -48px}.ability-haste-icon{background-position:-48px -48px}.crit-chance-icon{background-position:-72px -48px}.health-icon{background-position:-96px -48px}.life-steal-icon{background-position:0 -72px}.attack-range-icon{background-position:-72px -72px}.armor-penetration-icon{background-position:-96px -72px}.health-regen-icon{background-position:0 -96px}.default-stat-icon{background-position:-24px -96px}.champion-card .categorical-settings-view,.static-champion-card .categorical-settings-view{background-color:initial!important;border:none!important;border-radius:8px!important;margin-top:0!important;max-width:100%!important;padding:0!important}.champion-card .categorical-settings-view .category-buttons,.static-champion-card .categorical-settings-view .category-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important;padding:4px 0!important}.champion-card .categorical-settings-view .category-button,.static-champion-card .categorical-settings-view .category-button{align-items:center!important;background-color:rgba(60,60,65,.3)!important;border:1px solid rgba(120,90,40,.4)!important;border-radius:6px!important;color:#cdbe91!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:13px!important;font-weight:500!important;justify-content:center!important;max-width:calc(50% - 4px)!important;min-width:80px!important;padding:8px 14px!important;transition:all .2s ease!important;white-space:nowrap!important}.champion-card .categorical-settings-view .category-button:hover,.static-champion-card .categorical-settings-view .category-button:hover{background-color:rgba(70,55,20,.5)!important;border-color:hsla(40,45%,61%,.7)!important;color:#f0e6d2!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.champion-card .categorical-settings-view .category-button.active,.static-champion-card .categorical-settings-view .category-button.active{background-color:rgba(120,90,40,.6)!important;border-color:hsla(40,45%,61%,.8)!important;box-shadow:0 0 8px hsla(40,45%,61%,.2)!important;color:#f0e6d2!important}.category-label{font-size:13px;font-weight:600;text-align:center}.category-content-container{position:relative}.category-section{-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out;margin-bottom:0}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.category-content{display:flex;flex-direction:column;gap:0;padding:0}.category-content>*,.category-content>:last-child{margin-bottom:0}.current-champion-display{background-color:#3c3c41;border:1px solid #785a28;border-radius:6px;margin-bottom:0;padding:12px}.current-champion-display h4{color:#cdbe91;font-size:14px;font-weight:700;margin:0 0 8px}.champion-info-display{display:flex;flex-direction:column;gap:4px}.champion-name{color:#f0c888;font-size:16px;font-weight:700}.champion-id{color:#cdbe91;font-size:12px;opacity:.8}.inventory-container{align-items:flex-start;display:flex;gap:16px;margin-bottom:12px}.toggle-shop-button{background-color:#463714;border:1px solid #785a28;border-radius:4px;color:#cdbe91;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.toggle-shop-button:hover{background-color:#785a28;color:#f0e6d2}.save-items-button{background-color:#1e2328;border:1px solid #785a28;border-radius:4px;color:#785a28;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.save-items-button.has-changes{background-color:#c8aa6e;border-color:#c8aa6e;color:#1e2328;cursor:pointer}.save-items-button.has-changes:hover{background-color:#f0c888}.save-items-button.no-changes,.save-items-button:disabled{cursor:not-allowed;opacity:.5}.inventory-value{align-items:center;color:#cdbe91;display:flex;font-size:12px;gap:4px;margin-bottom:16px;padding-left:4px}.gold-amount{color:#f0c888;font-weight:700}.current-items{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));max-width:328px}@media (min-width:400px){.current-items{grid-template-columns:repeat(6,48px)}}@media (max-width:399px){.current-items{grid-template-columns:repeat(3,48px);max-width:160px}}.item-icon{align-items:center;background-color:#3c3c41;border:1px solid #785a28;border-radius:4px;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.item-icon:hover{border-color:#c8aa6e;-webkit-transform:scale(1.05);transform:scale(1.05)}.categorical-settings-view .item-icon img{border-radius:3px!important;height:100%!important;object-fit:cover!important;width:100%!important}.item-icon.empty-slot{background-color:#1e2328;border-style:dashed;opacity:.7}.empty-slot-plus{color:#785a28;font-size:24px;font-weight:700}@media (max-width:768px){.category-buttons{flex-wrap:wrap}.category-button{min-width:80px;padding:6px 12px}.category-label{font-size:12px}.current-items{gap:6px}.item-icon{height:40px;width:40px}}.champion-card .stat-container,.static-champion-card .stat-container{color:#fff!important;display:flex;flex-direction:row;gap:20px;-webkit-transform:translateZ(0);transform:translateZ(0)}.champion-card .stats-display-wrapper,.static-champion-card .stats-display-wrapper{color:#fff!important}.champion-card .divider-stats,.static-champion-card .divider-stats{margin:20px 0!important}.champion-card .stat-value-group,.static-champion-card .stat-value-group{align-items:center;display:flex}.champion-card .vertical-divider,.static-champion-card .vertical-divider{align-self:center;background-color:#fff!important;height:24px!important;margin:0 2px!important;width:2px!important}.champion-card .stat-column,.static-champion-card .stat-column{margin-bottom:10px}.champion-card .stat-item,.static-champion-card .stat-item{align-items:center;display:flex;flex-direction:row}.champion-card .stat-value,.static-champion-card .stat-value{color:#fff!important;font-size:18px}.champion-card .stat-modifiers,.static-champion-card .stat-modifiers{color:#fff}.champion-card .stat-icon,.static-champion-card .stat-icon{background-image:url(https://raw.communitydragon.org/latest/game/assets/ux/fonts/texticons.tftskilltree.png);background-repeat:no-repeat;display:inline-block;height:24px!important;margin-right:8px!important;width:24px!important}.champion-card .true-damage-icon,.static-champion-card .true-damage-icon{background-image:url(https://raw.communitydragon.org/latest/game/assets/maps/particles/tft/set10_traits/tft10_truedamage_icon.png);background-repeat:no-repeat;background-size:contain;height:24px;width:24px}.champion-card .resource-icon,.static-champion-card .resource-icon{background-position:0 0}.champion-card .resource-regen-icon,.static-champion-card .resource-regen-icon{background-position:-24px 0}.champion-card .magic-penetration-icon,.static-champion-card .magic-penetration-icon{background-position:-48px 0}.champion-card .magic-resist-icon,.static-champion-card .magic-resist-icon{background-position:-72px 0}.champion-card .movement-speed-icon,.static-champion-card .movement-speed-icon{background-position:-96px 0}.champion-card .attack-damage-icon,.static-champion-card .attack-damage-icon{background-position:0 -24px}.champion-card .omnivamp-icon,.static-champion-card .omnivamp-icon{background-position:-24px -24px}.champion-card .tenacity-icon,.static-champion-card .tenacity-icon{background-position:-48px -24px}.champion-card .ability-power-icon,.static-champion-card .ability-power-icon{background-position:-96px -24px}.champion-card .armor-icon,.static-champion-card .armor-icon{background-position:0 -48px}.champion-card .attack-speed-icon,.static-champion-card .attack-speed-icon{background-position:-24px -48px}.champion-card .ability-haste-icon,.static-champion-card .ability-haste-icon{background-position:-48px -48px}.champion-card .crit-chance-icon,.static-champion-card .crit-chance-icon{background-position:-72px -48px}.champion-card .health-icon,.static-champion-card .health-icon{background-position:-96px -48px}.champion-card .life-steal-icon,.static-champion-card .life-steal-icon{background-position:0 -72px}.champion-card .attack-range-icon,.static-champion-card .attack-range-icon{background-position:-72px -72px}.champion-card .armor-penetration-icon,.static-champion-card .armor-penetration-icon{background-position:-96px -72px}.champion-card .health-regen-icon,.static-champion-card .health-regen-icon{background-position:0 -96px}.champion-card .heal-shield-power-icon,.static-champion-card .heal-shield-power-icon{background-position:-72px -264px}.champion-card .crit-damage-icon,.static-champion-card .crit-damage-icon{background-position:-24px -240px}.champion-card .gold-icon,.stat-icon.gold-icon,.static-champion-card .gold-icon{background-position:-48px -96px}.champion-card .modal,.static-champion-card .modal{background-color:#1e2328;border:1px solid #785a28;border-radius:8px;color:#fff;left:50%;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}.champion-card .modal h3,.static-champion-card .modal h3{color:#cdbe91;margin-top:0}.champion-card .modal label,.static-champion-card .modal label{color:#fff;display:block;margin-bottom:10px}.champion-card .modal input,.champion-card .modal select,.static-champion-card .modal input,.static-champion-card .modal select{background-color:#3c3c41;border:1px solid #785a28;border-radius:4px;color:#fff;margin-left:10px;padding:5px}.champion-card .modal button,.static-champion-card .modal button{background-color:#785a28;border:1px solid #785a28;border-radius:4px;color:#cdbe91;cursor:pointer;margin-right:10px;margin-top:10px;padding:8px 16px}.champion-card .modal button:hover,.static-champion-card .modal button:hover{background-color:#c8aa6e;color:#1e2328}.champion-card .show-expanded-stats-button,.static-champion-card .show-expanded-stats-button{background-color:#3c3c41;border:1px solid #785a28;border-radius:4px;color:#cdbe91;cursor:pointer;font-size:12px;margin:10px 0 0;padding:6px 12px;width:100%}.champion-card .show-expanded-stats-button:hover,.static-champion-card .show-expanded-stats-button:hover{background-color:#785a28;color:#f0e6d2}.champion-card table{border-collapse:collapse;color:#fff;margin-bottom:20px;width:100%}.champion-card td,.champion-card th{border:1px solid #ddd;color:#fff;padding:8px}.champion-card th{background-color:#f2f2f2;color:#000}.champion-card h2,.champion-card h3{color:#fff;margin-top:20px}.champion-card .stat-modifiers table,.champion-card .stat-modifiers td,.champion-card .stat-modifiers th{color:#fff}.champion-card .remove-modifier-button{background-color:#d32f2f;border:1px solid #d32f2f;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px}.champion-card .remove-modifier-button:hover{background-color:#f44336;border-color:#f44336}.ability-container-wrapper{align-items:center;display:flex;flex-direction:column}.ability-image-container{border:2px solid rgba(0,0,0,.7);border-radius:5px;cursor:pointer;height:50px;margin:5px;overflow:hidden;position:relative;width:50px}.ability-img{height:100%;object-fit:contain;width:100%}.aggregated-damage-event{margin-bottom:6px}.aggregated-damage-event .damage-amount-wrapper{align-items:center;display:flex;gap:4px}.aggregated-damage-event .damage-amounts{align-items:flex-start;display:flex;flex-direction:column;margin-top:4px}.aggregated-damage-event .damage-amount{display:inline-block;font-size:14px;font-weight:700;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.aggregated-damage-event .damage-bracketed{color:#999;display:inline-block;font-size:10px;font-weight:400;line-height:1;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.aggregated-damage-event .damage-source-wrapper{align-items:center;display:flex}.aggregated-damage-event .fa-turn-up{margin-right:4px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.aggregated-damage-event .source-name,.fa-turn-down

.source-name{font-size:.9em}.damage-reduction-arrow{font-size:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.damage-mitigation-icon.physical-damage-reduction+.damage-reduction-arrow{color:#c50}.damage-mitigation-icon.magic-damage-reduction+.damage-reduction-arrow{color:#64b}.aggregated-resource-event{margin-bottom:6px}.aggregated-resource-event .stat-icon{background-image:url(https://raw.communitydragon.org/latest/game/assets/ux/fonts/texticons.tftskilltree.png);background-repeat:no-repeat;display:inline-block;height:24px;margin-right:0!important;width:24px}.aggregated-resource-event .resource-icon{background-position:0 0}.aggregated-resource-event .resource-regen-icon{background-position:-24px 0}.aggregated-resource-event .magic-penetration-icon{background-position:-48px 0}.aggregated-resource-event .magic-resist-icon{background-position:-72px 0}.aggregated-resource-event .movement-speed-icon{background-position:-96px 0}.aggregated-resource-event .attack-damage-icon{background-position:0 -24px}.aggregated-resource-event .omnivamp-icon{background-position:-24px -24px}.aggregated-resource-event .tenacity-icon{background-position:-48px -24px}.aggregated-resource-event .ability-power-icon{background-position:-96px -24px}.aggregated-resource-event .armor-icon{background-position:0 -48px}.aggregated-resource-event .attack-speed-icon{background-position:-24px -48px}.aggregated-resource-event .ability-haste-icon{background-position:-48px -48px}.aggregated-resource-event .crit-chance-icon{background-position:-72px -48px}.aggregated-resource-event .health-icon{background-position:-96px -48px}.aggregated-resource-event .life-steal-icon{background-position:0 -72px}.aggregated-resource-event .attack-range-icon{background-position:-72px -72px}.aggregated-resource-event .armor-penetration-icon{background-position:-96px -72px}.aggregated-resource-event .health-regen-icon{background-position:0 -96px}.aggregated-resource-event .heal-shield-power-icon{background-position:-72px -264px}.aggregated-resource-event .crit-damage-icon{background-position:-24px -240px}.aggregated-resource-event .gold-icon{background-position:-48px -96px}.aggregated-resource-event .default-stat-icon{background-position:0 0}.aggregated-resource-event .damage-icon{background-position:-96px -240px}.aggregated-resource-event .energy-icon{background-position:-24px 0}.aggregated-resource-event .stat-change-amount-wrapper{align-items:center;display:flex;gap:4px}.aggregated-resource-event .stat-change-amounts{align-items:flex-start;display:flex;flex-direction:column;margin-top:4px}.aggregated-resource-event .stat-change-amount{font-size:14px}.aggregated-resource-event .stat-change-amount,.aggregated-resource-event .stat-change-percentage{display:inline-block;font-weight:700;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.aggregated-resource-event .stat-change-percentage{color:#666;font-size:10px;font-style:italic;line-height:1}.aggregated-resource-event .stat-change-source-wrapper{align-items:center;display:flex}.aggregated-resource-event .fa-turn-up{margin-right:4px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.aggregated-resource-event .source-name{font-size:.9em}.aggregated-cc-event{display:flex;flex-direction:column;font-size:12px;margin-bottom:8px}.aggregated-cc-event .cc-main-row{align-items:center;display:flex}.aggregated-cc-event .cc-icon-wrapper{align-items:center;display:flex;flex-direction:column;margin-right:8px;position:relative}.aggregated-cc-event .cc-icon,.aggregated-cc-event .cc-icon-placeholder{height:24px!important;width:24px!important}.aggregated-cc-event .cc-icon-placeholder{align-items:center;background:rgba(255,193,7,.3);border-radius:2px;color:#ffc107;display:flex;font-size:8px;font-weight:700;justify-content:center;text-transform:uppercase}.aggregated-cc-event .cc-repeat-badge{align-items:center;background:transparent;border:none;border-radius:8px;display:flex;font-size:10px;gap:3px;height:18px;margin-top:3px;min-width:20px;padding:2px 6px}.aggregated-cc-event .cc-repeat-icon{color:hsla(0,0%,100%,.8);font-size:9px}.aggregated-cc-event .cc-repeat-count{color:hsla(0,0%,100%,.9);font-size:10px;font-weight:700;line-height:1}.aggregated-cc-event .cc-details{display:flex;flex-direction:column}.aggregated-cc-event .cc-type{font-weight:700}.aggregated-cc-event .cc-duration,.aggregated-cc-event .cc-strength{font-size:13px}.aggregated-cc-event .cc-strength{color:hsla(0,0%,100%,.9)}.aggregated-cc-event .cc-source-wrapper{align-items:center;align-self:center;display:flex;flex-direction:column;gap:2px;margin-top:4px}.aggregated-cc-event .fa-turn-up{color:hsla(0,0%,100%,.6);font-size:8px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media (max-width:768px){.aggregated-cc-event{font-size:11px}.aggregated-cc-event .cc-icon,.aggregated-cc-event .cc-icon-placeholder{height:20px!important;width:20px!important}.aggregated-cc-event .cc-repeat-badge{font-size:9px;height:16px;min-width:18px}}.damage-event{align-items:center;display:flex;flex-direction:column}.damage-amount-wrapper{align-items:center;display:flex;margin-bottom:2px}.damage-icon{margin-right:5px}.damage-icon,.stat-icon{height:24px!important;width:24px!important}.source-icon,.source-icon-mark-detonation{border-radius:5px;height:24px!important;margin-top:2px;width:24px!important}.source-icon-mark-detonation{border:1px solid red;margin-left:5px}.damage-source-wrapper,.stack-event{align-items:center;display:flex}.stack-event{margin-bottom:5px}.stack-source-icon{border-radius:5px;height:24px!important;margin-right:5px;width:24px!important}.stack-source-name{color:#ccc;font-size:14px;margin-right:5px}.stack-count{font-size:16px;font-weight:700}.greyscale{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.6}.debuff-applied-event,.debuff-icon-wrapper{align-items:center;display:flex;justify-content:center}.debuff-icon,.debuff-icon-wrapper img{border:1px solid red;border-radius:5px;height:24px!important;margin-left:20px;margin-top:2px;width:24px!important}.debuff-name{color:#fff;font-size:14px}.heal-event{align-items:flex-start;display:flex;flex-direction:column}.healing-amount-wrapper{align-items:center;display:flex}.healing-amount{color:#fff;font-weight:700}.healing-source-line{align-items:center;display:flex;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.healing-text{display:inline-block;font-size:14px;font-weight:700;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.healing-source-wrapper{align-items:center;display:flex}.source-icon{height:16px;width:16px}.heal-event .stat-icon{background-image:url(https://raw.communitydragon.org/latest/game/assets/ux/fonts/texticons.tftskilltree.png);background-repeat:no-repeat;display:inline-block;height:24px;margin-right:0;width:24px}.heal-event .life-steal-icon{background-position:0 -72px;margin-left:4px;-webkit-transform:translateY(4px);transform:translateY(4px)}.heal-event .health-regen-icon{background-position:0 -96px}.phantom-hit-event{align-items:center;display:flex;justify-content:center}.phantom-hit-icon{border:2px solid #565038;border-radius:5px;height:24px!important;margin-left:20px;margin-top:2px;width:24px!important}.phantom-hit-name{color:#fff;font-size:14px}.cc-event{align-items:center;display:flex;font-size:11px;margin-bottom:8px}.cc-icon-wrapper{margin-right:8px}.cc-icon{height:24px!important;width:24px!important}.cc-details{display:flex;flex-direction:column}.cc-type{font-weight:700}.cc-duration,.cc-source,.cc-strength{font-size:12px}.shield-mitigation-event{cursor:help;flex-direction:column}.shield-mitigation-amount-wrapper,.shield-mitigation-event{align-items:center;display:flex}.shield-icon-container{height:24px;width:24px}.shield-icon-image{height:100%;width:100%}.shield-icon-image.physicalShield{-webkit-filter:invert(35%) sepia(100%) saturate(400%) hue-rotate(30deg) brightness(90%);filter:invert(35%) sepia(100%) saturate(400%) hue-rotate(30deg) brightness(90%)}.shield-mitigation-source-wrapper{align-items:center;display:flex;margin-left:8px}.source-icon{background-repeat:no-repeat;background-size:contain}.shield-mitigation-event[title]:hover:after{background:#333;border-radius:4px;color:#fff;content:attr(title);font-size:.8em;margin-top:-4px;padding:4px 8px;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);white-space:nowrap}.cooldown-reduction-event{background:#23272a;border-radius:4px;margin-bottom:5px}.cdr-row{gap:0;padding:4px}.cdr-row,.target-icon-section{align-items:center;display:flex}.target-icon-section{margin-left:0}.reduction-column{align-items:flex-start;display:flex;flex-direction:column;margin-left:8px}.reduction-amount{font-size:14px;font-weight:700;line-height:1;margin-bottom:2px}.reduction-percentage{color:#cdbe91;font-size:12px;font-weight:400;line-height:1}.cdr-icon-container,.source-icon,.source-icon-mark-detonation{height:24px;width:24px}.cdr-icon-image{height:20px!important;width:20px!important}.source-name{color:#cdbe91;font-size:12px;font-weight:400}.cdr-source-wrapper,.damage-multiplier-event{align-items:center;display:flex}.damage-multiplier-event{flex-direction:column;margin:5px 0}.damage-multiplier-amount-wrapper{align-items:center;display:flex}.damage-multiplier-amount{font-weight:700;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.damage-multiplier-raw-wrapper{align-items:center;display:flex;justify-content:center}.damage-multiplier-raw{color:#ccc;font-size:.85em;font-weight:400;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.damage-multiplier-source-wrapper{align-items:center;display:flex}.source-icon{height:24px;margin-left:5px;margin-right:5px;width:24px}.multiplier-name{color:#fff;font-size:.9em;margin-left:5px}.damage-multiplier-event .damage-icon{background-image:url(https://raw.communitydragon.org/latest/game/assets/ux/fonts/texticons.tftskilltree.png);background-position:-96px -240px;background-repeat:no-repeat;display:inline-block;height:16px;margin-right:0!important;padding-right:0!important;width:16px}.time-extension-event{margin-bottom:4px}.time-extension-event,.time-extension-wrapper{align-items:center;display:flex}.fa-clock-icon{color:#aaa;margin-right:4px}.time-extended-amount{color:#4a9fea;font-weight:700}.time-extension-source{align-items:center;display:flex}.time-extension-source .spell-name{font-size:.9rem;margin-left:4px}.damage-mitigation-event{align-items:flex-start;display:flex;flex-direction:column}.damage-mitigation-amount-wrapper{align-items:center;display:flex;margin-bottom:2px}.damage-mitigation-amount{font-weight:700;margin-left:8px}.damage-mitigation-icon{height:16px!important;margin-right:5px;width:16px!important}.damage-mitigation-source-wrapper{align-items:center;display:flex}.damage-mitigation-source-wrapper img{border-radius:5px;height:24px!important;margin-left:5px;margin-top:2px;width:24px!important}.fa-turn-up{color:#a5a4a4;margin-left:10px;margin-right:3px}.damage-reduction-arrow{color:#e6ddc8}.kpg-keypress-group{align-items:center;display:flex;flex-direction:column;margin-bottom:15px}.kpg-keypress-wrapper{align-items:flex-start;display:flex;flex-direction:row}.kpg-keypress-header{flex-direction:row;justify-content:space-between}.kpg-ability-arrow-wrapper,.kpg-keypress-header{align-items:center;display:flex}.kpg-ability-arrow{color:grey;font-size:16px;margin-top:24px}.kpg-related-events{align-items:flex-start;display:flex;flex-direction:column;margin-top:10px}.kpg-related-events>div{margin-bottom:5px}.kpg-section-title{color:#cdbe91;font-size:12px;font-weight:700;letter-spacing:.5px;margin:8px 0 6px}.kpg-champion-image-enemy{border:2px solid red!important;border-radius:8px!important;height:32px!important;margin-right:8px;object-fit:cover;width:32px!important}.kpg-cc-events,.kpg-stat-events{align-items:flex-start;display:flex;flex-direction:column;margin-top:5px}.kpg-cooldown-reduction-list,.kpg-damage-multiplier-list{align-items:flex-start;display:flex;flex-direction:column;margin-top:10px}.kpg-target-events{align-items:center;display:flex;flex-direction:column;margin-top:2px}.kpg-debuff-events{align-items:flex-start;display:flex;flex-direction:column;margin-top:5px}.total-damage{background-color:#16191c;border-radius:5px;color:#fff;justify-content:center;padding:5px;width:60px}.total-damage,.total-damage-value{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.total-damage-value{font-size:14px!important;font-weight:700;text-align:center}.damage-amount{font-size:14px;font-weight:700;line-height:1;margin-bottom:2px}.damage-percentage{color:#cdbe91;font-size:12px;font-weight:400;line-height:1}.damage-types-bar{background-color:#333;border-radius:5px;display:flex;height:8px;overflow:hidden;width:40px}.damage-type-bar{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center;position:relative}.damage-type-bar.physical{background-color:#c44}.damage-type-bar.magic{background-color:#44c}.damage-type-bar.true-damage{background-color:#888}.damage-type-bar>span{margin-left:5px}.damage-type-bar img{height:20px;width:20px}.damage-type-bar{white-space:nowrap}.stat-change-event .stat-icon{background-image:url(https://raw.communitydragon.org/latest/game/assets/ux/fonts/texticons.tftskilltree.png);background-repeat:no-repeat;display:inline-block;height:24px;margin-right:0!important;width:24px}.stat-change-event{margin-bottom:6px}.stat-change-event .resource-icon{background-position:0 0}.stat-change-event .resource-regen-icon{background-position:-24px 0}.stat-change-event .magic-penetration-icon{background-position:-48px 0}.stat-change-event .magic-resist-icon{background-position:-72px 0}.stat-change-event .movement-speed-icon{background-position:-96px 0}.stat-change-event .attack-damage-icon{background-position:0 -24px}.stat-change-event .omnivamp-icon{background-position:-24px -24px}.stat-change-event .tenacity-icon{background-position:-48px -24px}.stat-change-event .ability-power-icon{background-position:-96px -24px}.stat-change-event .armor-icon{background-position:0 -48px}.stat-change-event .attack-speed-icon{background-position:-24px -48px}.stat-change-event .ability-haste-icon{background-position:-48px -48px}.stat-change-event .crit-chance-icon{background-position:-72px -48px}.stat-change-event .health-icon{background-position:-96px -48px}.stat-change-event .life-steal-icon{background-position:0 -72px}.stat-change-event .attack-range-icon{background-position:-72px -72px}.stat-change-event .armor-penetration-icon{background-position:-96px -72px}.stat-change-event .health-regen-icon{background-position:0 -96px}.stat-change-event .heal-shield-power-icon{background-position:-72px -264px}.stat-change-event .crit-damage-icon{background-position:-24px -240px}.stat-change-event .gold-icon{background-position:-48px -96px}.stat-change-event .default-stat-icon{background-position:0 0}.stat-change-event .damage-icon{background-position:-96px -240px}.stat-change-amount-wrapper{align-items:center;display:flex;gap:4px}.stat-icon-with-repeat{align-items:center;display:flex;flex-direction:column;position:relative}.stat-amount-row{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.stat-repeat-badge{align-items:center;background:transparent;border:none;display:flex;font-size:10px;gap:3px;justify-content:flex-start;padding:0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stat-repeat-icon{color:#b4b4b4;font-size:9px}.stat-repeat-count{color:#b4b4b4;font-size:10px;font-weight:700;line-height:1}.stat-refresh-badge{align-items:center;background:transparent;border:none;display:flex;font-size:10px;justify-content:flex-start;margin-left:10px!important;padding:0;-webkit-transform:translateY(-2px)!important;transform:translateY(-2px)!important}.stat-refresh-icon{color:hsla(0,0%,100%,.9);font-size:9px}.stat-change-amounts{align-items:flex-start;display:flex;flex-direction:column;margin-top:4px}.stat-change-amount{display:inline-block;font-size:14px;font-weight:700;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.stat-change-event:has(.stat-repeat-badge) .stat-change-amount{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stat-change-total{display:inline-block;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.stat-change-total,.stat-change-total-inline{color:#888;font-size:10px;font-weight:700;line-height:1}.stat-change-total-inline{margin-left:4px}.stat-change-source-wrapper{align-items:center;display:flex}.fa-turn-up{margin-right:4px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.source-name{font-size:.9em}.shield-icon-container{display:inline-block;height:24px!important;margin-right:4px;width:24px!important}.shield-icon-image{display:block;height:100%!important;width:100%!important}.shield-icon-image.magicShield{-webkit-filter:invert(35%) sepia(100%) saturate(400%) hue-rotate(270deg) brightness(90%);filter:invert(35%) sepia(100%) saturate(400%) hue-rotate(270deg) brightness(90%)}.shield-icon-image.physicalShield{-webkit-filter:invert(35%) sepia(100%) saturate(400%) hue-rotate(0deg) brightness(90%);filter:invert(35%) sepia(100%) saturate(400%) hue-rotate(0deg) brightness(90%)}.aggregated-stat-change-event:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.aggregated-stat-change-event[title*=increase] .stat-change-amount{color:#4ade80}.aggregated-stat-change-event[title*="Damage Reduction"] .stat-change-amount,.aggregated-stat-change-event[title*=decrease] .stat-change-amount{color:#f87171}.max-stack-refresh-indicator{align-items:center;background:rgba(255,193,7,.8);border:1px solid #ffc107;border-radius:8px;bottom:-16px;display:flex;font-size:8px;gap:2px;justify-content:center;left:50%;min-width:20px;padding:1px 4px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.refresh-icon{color:#212529;font-size:7px}.refresh-count{color:#212529;font-size:8px;font-weight:700;line-height:1}.damage-mitigation-icon.physical-damage-reduction{-webkit-filter:brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(3200%) hue-rotate(15deg) brightness(100%) contrast(95%);filter:brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(3200%) hue-rotate(15deg) brightness(100%) contrast(95%)}.damage-mitigation-icon.magic-damage-reduction{-webkit-filter:brightness(0) saturate(100%) invert(25%) sepia(75%) saturate(2800%) hue-rotate(240deg) brightness(100%) contrast(90%);filter:brightness(0) saturate(100%) invert(25%) sepia(75%) saturate(2800%) hue-rotate(240deg) brightness(100%) contrast(90%)}.damage-mitigation-icon-container{display:inline-block;position:relative}.damage-reduction-arrow{color:#666;font-size:20px;pointer-events:none;position:absolute;right:-2px;top:50%;-webkit-transform:translate(1px,-55%);transform:translate(1px,-55%);z-index:1}.damage-mitigation-icon.physical-damage-reduction+.damage-reduction-arrow{color:#d75406}.damage-mitigation-icon.magic-damage-reduction+.damage-reduction-arrow{color:#6551f2}.damage-mitigation-icon+.damage-reduction-arrow{color:#e6ddc8}.aggregated-stack-event{align-items:flex-start;display:flex;margin:3px}.aggregated-stack-event img{border-radius:4px;height:32px;object-fit:cover;width:32px}.aggregated-stack-event .stack-count{color:#f0f0f0;font-size:14px;font-weight:700}.stack-text-container{align-items:center;display:flex;flex-direction:column;position:relative}.stack-repeat-badge{align-items:center;border-radius:8px;display:flex;gap:2px;justify-content:center;margin-top:-4px;min-height:14px;min-width:16px;padding:4px}.stack-repeat-count,.stack-repeat-icon{color:hsla(0,0%,100%,.9);font-size:9px}.stack-repeat-count{font-weight:700;line-height:1}.aggregated-stack-event.greyscale{opacity:.6}.aggregated-stack-event.greyscale,.aggregated-stack-event.greyscale img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.aggregated-stack-event:hover img{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.combo-display-wrapper{color:#fff}.combo-display-wrapper .timeline-item{align-items:flex-start;display:flex;flex-direction:row}.combo-display-wrapper .ability-arrow-wrapper{margin-top:16px}.logs-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap}.stack-timeout-group-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.stack-timeout-group-wrapper{display:flex}.hourglass-icon{color:grey;height:20px;margin-bottom:36px;margin-top:20px}.stack-timeout-group-details{display:flex;flex-direction:column}.stack-timeout-name{color:#fff;font-size:14px;margin-bottom:5px}.stack-timeout-count{color:#ccc;font-size:12px}.take-down-group-container{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.target-champion-takedown-container{align-items:center;display:flex;justify-content:center;margin:5px 5px 8px}.greyed-out-champion-image{border-radius:5px!important;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:50px!important;object-fit:cover;width:50px!important}.kpg-divider{align-self:center;border-top:1px solid #555;margin:10px 0;width:60%}.kpg-caster-events{align-items:center;display:flex;flex-direction:column;margin-top:2px}.kpg-champion-header{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.kpg-champion-image-ally{border:2px solid green!important;border-radius:8px!important;height:32px!important;margin-right:8px;object-fit:cover;width:32px!important}.kpg-takedown-events{margin-top:5px}.kpg-stack-events,.kpg-takedown-events{align-items:flex-start;display:flex;flex-direction:column}.kpg-stack-events{margin-top:10px}.kpg-stack-events>div{margin-bottom:5px}.section-title{letter-spacing:.5px;margin:8px 0 6px}.cooldown-reduction-list,.healing-list,.other-events-list,.stack-updates-list{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:10px;width:100%}.keypress-interrupt-event{position:relative}.keypress-interrupt-event,.keypress-interrupt-event .ability-container-wrapper{align-items:center;display:flex;flex-direction:column}.keypress-interrupt-event .ability-image-container{border:2px solid rgba(0,0,0,.7);border-radius:5px;cursor:pointer;height:50px;margin:5px;overflow:hidden;position:relative;width:50px}.keypress-interrupt-event .ability-img{height:100%;object-fit:contain;width:100%}.keypress-interrupt-event .ability-img.interrupted{-webkit-filter:grayscale(70%) brightness(.6);filter:grayscale(70%) brightness(.6);opacity:.8}.keypress-interrupt-event .ability-img.fallback-icon{align-items:center;background-color:#333;color:#999;display:flex;font-size:12px;font-weight:700;justify-content:center}.keypress-interrupt-event .ability-img.fallback-icon.interrupted{-webkit-filter:grayscale(70%) brightness(.6);filter:grayscale(70%) brightness(.6);opacity:.8}.keypress-interrupt-event .stop-overlay-circle{background:hsla(0,0%,50%,.9);border-radius:50%;height:12px;position:absolute;right:0;top:0;width:12px;z-index:2}.keypress-interrupt-event .stop-symbol{color:#fff;font-size:14px;font-weight:700;left:48%;line-height:1;position:absolute;top:34%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.keypress-interrupt-event .ability-letter{background-color:rgba(0,0,0,.6);border-radius:3px;bottom:2px;color:#fff;display:inline-block;font-size:10px;font-weight:700;line-height:1;min-width:auto;padding:1px 2px;position:absolute;right:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.keypress-interrupt-event .duration-container{align-items:center;background-color:#16191c;border-radius:5px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:5px;padding:5px;width:60px}.keypress-interrupt-event .duration-value{align-items:center;display:flex;flex-direction:column;font-size:14px!important;font-weight:700;text-align:center}.keypress-interrupt-event .duration-time{font-size:14px;font-weight:700;line-height:1;margin-bottom:2px}.keypress-interrupt-event .duration-label{color:#cdbe91;font-size:10px;font-weight:400;line-height:1}.keypress-interrupt-event .interrupt-tooltip{background:rgba(0,0,0,.9);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff;font-size:12px;left:50%;padding:8px 12px;pointer-events:none;position:absolute;top:-60px;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;z-index:1000}.keypress-interrupt-event .interrupt-tooltip:after{border:5px solid transparent;border-top-color:rgba(0,0,0,.9);content:"";left:50%;position:absolute;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.keypress-interrupt-event .tooltip-title{font-weight:700;margin-bottom:2px}.keypress-interrupt-event .tooltip-details{color:#ccc;font-size:11px}.combo-selector{background-color:initial;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.combo-selector-controls{margin-bottom:16px}.combo-selector-controls h3{color:#c9aa71;font-size:1.1em;margin:0 0 8px}.combo-selector-empty,.combo-selector-error,.combo-selector-loading{color:#a0a0a0;padding:20px;text-align:center}.combo-selector-error{color:#ff6b6b}.retry-btn{background-color:#3c5aa6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:4px 8px}.retry-btn:hover{background-color:#4a6bb8}.combo-section{margin-bottom:16px}.section-header{background-color:rgba(60,90,166,.2);border:1px solid rgba(60,90,166,.4);border-radius:6px;font-size:12px!important;margin-bottom:8px;margin-left:16px;padding:8px}.section-header:hover{background-color:rgba(60,90,166,.3)}.section-header h4{color:#c9aa71}.expand-icon{display:inline-block;margin-right:8px;transition:color .2s;width:12px}.section-content{margin-left:32px}.combo-header{font-size:13px!important}.combo-header-with-actions{align-items:center;display:flex;gap:8px}.recalc-single-combo-btn{align-items:center;background-color:#2563eb;border:1px solid #3b82f6;border-radius:4px;color:#93c5fd;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:4px;margin-right:8px;padding:4px 8px;transition:all .2s;white-space:nowrap}.recalc-single-combo-btn:hover:not(:disabled){background-color:#1d4ed8;border-color:#2563eb;color:#dbeafe}.recalc-single-combo-btn:disabled{cursor:not-allowed;opacity:.6}.recalc-single-combo-btn .recalc-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.recalc-single-combo-btn .recalc-icon{font-size:12px}.mini-ability-sequence{margin-left:8px}.mini-ability-icon{height:30px!important;margin-right:4px;width:30px!important}.mini-ability-icon img{border:1px solid hsla(0,0%,100%,.3);border-radius:3px}.mini-ability-letter{border-radius:2px;bottom:-2px;font-size:12px!important;right:-2px}.ability-arrow{color:#a0a0a0;font-size:.8em;margin:0 4px}.mini-sequence-text{color:#a0a0a0;font-family:monospace;font-size:.9em}.unknown-ability{color:#ff6b6b;font-size:.8em;margin-right:4px}.combo-events{background-color:rgba(0,20,40,.3);border-top:1px solid rgba(60,90,166,.3);padding:10px}.combo-event-controls{display:flex;justify-content:flex-end;margin-top:10px}.show-raw-logs-btn{background-color:#4a5568;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;padding:4px 8px}.show-raw-logs-btn:hover{background-color:#5a6578}.recalc-combo-subtle-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;opacity:.7;padding:4px 6px;position:relative;transition:all .2s}.recalc-combo-subtle-btn:hover:not(:disabled){opacity:1}.recalc-combo-subtle-btn:disabled{cursor:not-allowed;opacity:.4}.recalc-combo-subtle-btn .recalc-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.recalc-combo-subtle-btn .recalc-icon{display:inline-block;font-size:14px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.recalc-combo-subtle-btn:after{background:rgba(0,0,0,.9);border-radius:4px;bottom:100%;color:#fff;content:"Recalculate this combo";font-size:12px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:0;-webkit-transform:translateY(5px);transform:translateY(5px);transition:all .2s;white-space:nowrap;z-index:1000}.recalc-combo-subtle-btn:hover:after{opacity:1;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.combo-events-placeholder{background-color:hsla(0,0%,100%,.05);border-radius:4px;color:#a0a0a0;font-style:italic;padding:10px}.combo-events-placeholder p{margin:4px 0}.combo-description{background-color:rgba(240,192,64,.1);border-left:3px solid #f0c040;color:#f0c040;font-size:.9em;margin-bottom:10px;padding:8px}.raw-logs{background-color:#000;border:1px solid #333;border-radius:4px;margin-top:10px;max-height:300px;overflow-y:auto}.raw-logs pre{word-wrap:break-word;color:#0f0;font-size:.7em;margin:0;padding:10px;white-space:pre-wrap}.simulation-status{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;margin:15px 0;padding:10px}.status-summary{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:5px;transition:background-color .2s}.status-summary:hover{background:hsla(0,0%,100%,.05)}.status-icon{font-size:1.2em}.status-text{color:#ccc;flex-grow:1;font-size:14px}.status-details{border-top:1px solid hsla(0,0%,100%,.1);margin-top:10px;padding-top:10px}.status-breakdown{display:flex;flex-direction:column;gap:8px}.status-item{align-items:center;display:flex;font-size:13px;gap:10px}.status-badge{border-radius:4px;font-size:11px;font-weight:700;padding:2px 6px;white-space:nowrap}.status-badge.cached{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.3);color:#4caf50}.status-badge.simulated{background:rgba(33,150,243,.2);border:1px solid rgba(33,150,243,.3);color:#2196f3}.status-badge.error{background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.3);color:#f44336}.combo-selector-loading{padding:40px 20px;text-align:center}.loading-content{align-items:center;display:flex;flex-direction:column;gap:20px}.loading-spinner{align-items:center;display:flex;justify-content:center}.spinner-circle{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:40px;width:40px}.loading-text h3{color:#fff;margin:0 0 10px}.loading-text p{color:#ccc;margin:0 0 15px}.loading-steps{display:flex;flex-direction:column;gap:5px;text-align:left}.loading-step{color:#999;font-size:12px;padding:2px 0}.loading-step:before{content:"⏳ ";margin-right:5px}.combo-selector-error{padding:40px 20px;text-align:center}.combo-selector-error h3{color:#f44336;margin:0 0 15px}.combo-selector-error p{color:#ccc;margin:0 0 20px}.retry-button{background:rgba(33,150,243,.2);border:1px solid rgba(33,150,243,.3);border-radius:4px;color:#2196f3;font-size:14px;padding:8px 16px;transition:all .2s}.retry-button:hover{background:rgba(33,150,243,.3);border-color:rgba(33,150,243,.5)}.combo-header{background:hsla(0,0%,100%,.05);border-radius:6px;padding:12px;transition:background-color .2s}.combo-header:hover{background:hsla(0,0%,100%,.08)}.combo-header h4{flex-grow:1}.combo-name{color:#fff;font-size:16px;font-weight:400}.available-skills{background:hsla(0,0%,100%,.03);border-radius:4px;color:#ccc;font-size:13px;margin-top:10px;padding:8px 12px}.available-skills strong{color:#fff}.mini-ability-icon{border-radius:3px}.mini-ability-icon img{height:100%;object-fit:cover;width:100%}.mini-ability-letter{background:rgba(0,0,0,.7)}.ability-arrow{color:#666}.unknown-ability{background:#333;border-radius:2px;color:#fff;font-size:10px;font-weight:700;padding:2px 4px}.section-header{border-bottom:1px solid hsla(0,0%,100%,.1);cursor:pointer;margin-bottom:10px;padding:8px 0;transition:color .2s}.section-header:hover{color:#2196f3}.section-header h4{align-items:center;display:flex;gap:8px;margin:0}.section-header:hover .expand-icon{color:#2196f3}.champion-info{box-sizing:border-box;flex-wrap:wrap;justify-content:space-evenly;margin-top:5px;overflow:visible;width:100%}.champion-info,.champion-main-row{align-items:flex-start;display:flex;flex-direction:row}.champion-main-row{flex-wrap:nowrap;gap:10px}.champion-image-health-wrapper{border:2px solid var(--text-accent)!important;border-radius:8px 8px 8px 8px;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.ability-displays-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:1;margin:0!important;padding:0}.info-row{margin-bottom:0!important}.info-row,.runes-items{display:flex;flex-direction:row}.runes-items{align-items:flex-start;flex-shrink:0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding-top:4px}.summoner-spell-icon{border:1px solid var(--border-primary)!important;border-radius:4px!important;height:29px!important;width:29px!important}.target-display{align-items:center;display:flex;flex-direction:column;justify-content:center}.summoner-rune-wrapper{align-items:flex-start;display:flex;flex-direction:row}.stats-expand-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#cdbe91;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:flex-start;padding:8px 16px!important;transition:all .2s;width:100%}.stats-expand-button:hover{background-color:rgba(120,90,40,.2);color:#f0e6d2}.settings-expand-button{background-color:initial;border-radius:4px;color:#cdbe91;font-weight:700;justify-content:flex-start;margin:10px 0;padding-left:4px;padding-right:4px;transition:all .2s;width:100%}.settings-expand-button:hover{background-color:rgba(120,90,40,.2);color:#f0e6d2}.combos-expand-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#cdbe91;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:flex-start;padding:8px 16px;transition:all .2s;width:100%}.combos-expand-button:hover{background-color:rgba(120,90,40,.2);color:#f0e6d2}.combos-expand-button.sub-dropdown{box-sizing:border-box;margin-left:0;padding-left:0;width:100%}.combos-title,.settings-title,.stats-title{text-align:left}.combos-arrow,.stats-arrow{font-size:12px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.combos-arrow.expanded,.stats-arrow.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.settings-gear{font-size:18px}.settings-bar{align-items:center;background-color:initial;border:none;color:#cdbe91;cursor:pointer;display:flex;font-weight:700;justify-content:flex-start;transition:all .2s;width:100%}.settings-bar:hover{background-color:rgba(120,90,40,.2);color:#f0e6d2}.settings-bar:hover .quick-access-icon{background-color:initial}.settings-content{display:flex;justify-content:flex-start}.settings-expand-button{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font-weight:inherit;gap:8px;z-index:2}.quick-access-icons{align-items:center;display:flex;gap:6px;position:relative;z-index:2}.quick-access-icon{border-radius:3px;padding:4px;transition:all .2s ease;z-index:3}.quick-access-icon:hover{background-color:rgba(120,90,40,.3)!important;-webkit-transform:scale(1.1);transform:scale(1.1)}.quick-access-icon.active{background-color:rgba(120,90,40,.4);border:1px solid hsla(40,45%,61%,.6)}.combo-damage{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.combo-damage .damage-value{color:var(--text-accent);font-size:1.125em;font-weight:700}.combo-damage .damage-percentage{color:var(--text-secondary)!important;font-size:1em;font-weight:700}.champion-card.compact-view{padding:0}.champion-card.compact-view .champion-info{align-items:center!important;border-radius:4px;cursor:pointer;gap:0;justify-content:space-evenly!important;margin:0;padding:4px;transition:background-color .2s ease}.champion-card.compact-view .champion-info:hover{background-color:rgba(120,90,40,.1)}.champion-card.compact-view .champion-main-row{align-items:center!important;gap:8px}.champion-card.compact-view .champion-image-health-wrapper{align-items:center;border:none;flex-direction:row;gap:4px;justify-content:center;margin:0}.champion-card.compact-view .ability-displays-wrapper{margin:0}.champion-card.compact-view .ability-displays-wrapper .ability-display{height:40px!important;width:40px!important}.champion-card.compact-view .ability-displays-wrapper .ability-display.passive{height:30px!important;width:30px!important}.champion-card.compact-view .runes-items{align-items:center!important;gap:4px;margin:0;padding:0}.champion-card.compact-view .info-row{align-items:flex-start!important;display:flex;margin:0}.static-champion-card{background-color:var(--bg-primary);box-sizing:border-box;height:100%;padding:1px 8px 8px 0!important;width:100%}.static-champion-card.compact-view{padding:8px}.static-champion-card.compact-view .info-row{margin-bottom:0}.static-champion-card.compact-view .champion-info{padding:0}.static-champion-card.compact-view .champion-main-row{gap:8px}.static-champion-card.expanded-view{padding:12px}.static-champion-card.expanded-view .info-row{margin-bottom:8px}.static-champion-card.compact-view .champion-main-row{margin-bottom:0}.static-champion-card.compact-view .ability-displays-wrapper{margin-top:0}.no-target-message{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);padding:16px;text-align:center}.no-target-message p{font-size:.9rem;margin:4px 0}.runes-items-grid{align-items:flex-start;display:flex;gap:8px;margin-top:2px}.runes-summoners-section{align-items:flex-start;display:flex;gap:0}.summoner-spells{display:flex;flex-direction:column;gap:2px}.summoner-spell-icon{border:1px solid var(--border-primary);border-radius:4px;height:29px;width:29px}.runes-display{display:flex;justify-content:center}@media (max-width:768px){.runes-items-grid{flex-direction:column;gap:8px}.runes-summoners-section{align-items:center;flex-direction:row;gap:12px;justify-content:center}.summoner-spells{flex-direction:row;gap:4px}}.static-champion-card .champion-image-health-wrapper{border:2px solid var(--text-accent)!important;border-radius:8px 8px 8px 8px}.ge-grid-editor{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);margin-bottom:20px;padding:16px}.ge-grid-editor-header{border-bottom:2px solid var(--text-accent);margin-bottom:16px;padding-bottom:8px}.ge-grid-editor-header h3{color:var(--text-accent);font-size:1.4rem;margin:0}.ge-grid-editor-content{display:flex;flex-direction:column;gap:12px}.ge-expandable-section{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;overflow:hidden}.ge-enhanced-gold-controls-container,.ge-simple-gold-progression-container,.ge-wave-export-container,.ge-wave-progression-table-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:8px;overflow:hidden}.ge-wave-export-content,.ge-wave-progression-content{padding:0!important}.ge-section-description{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);color:var(--text-secondary);padding:12px 20px}.ge-section-description p{font-size:.9rem;line-height:1.4;margin:0 0 8px}.ge-section-description p:first-child{color:var(--text-primary-off-white)}.ge-section-description p:last-child{color:var(--text-secondary);margin-bottom:0}.ge-section-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.ge-section-header:hover{background:#3d3c3c;background:var(--bg-hover,#3d3c3c)}.ge-section-header h4{color:var(--text-accent);font-size:1.1rem;margin:0}.ge-wave-group-arrow{color:var(--text-secondary);font-size:14px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-user-select:none;user-select:none}.ge-wave-group-arrow.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ge-wave-champion-toggle{display:flex;gap:8px}.ge-wave-champion-toggle .ge-toggle-btn{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.ge-wave-champion-toggle .ge-toggle-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}.ge-wave-champion-toggle .ge-toggle-btn.active{background:var(--focus-ring);border-color:var(--focus-ring);color:#fff}.ge-wave-champion-toggle .ge-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.ge-wave-table-placeholder{color:var(--text-secondary);font-style:italic;padding:40px 20px;text-align:center}.ge-section-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;gap:10px;padding:0;transition:all .2s ease}.ge-section-toggle:hover{-webkit-transform:translateX(2px);transform:translateX(2px)}.ge-section-toggle h4{color:var(--text-primary);font-size:1.1rem;margin:0;text-align:left}.ge-section-arrow{color:var(--text-accent);flex-shrink:0;font-size:12px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.ge-section-arrow.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ge-grid-structure-content,.ge-wave-progression-content{background:var(--bg-primary);padding:20px}.ge-grid-placeholder{color:var(--text-secondary);padding:20px;text-align:center}.ge-grid-placeholder p{font-size:.9rem;margin:0 0 10px}.ge-row-summary{background:var(--surface-elevated);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:.85rem;margin:4px 0;padding:8px 12px}.ge-champion-detail-section{background:var(--surface-elevated);border:1px solid var(--border-primary);border-radius:6px;overflow:hidden}.ge-champion-detail-section .ge-section-header{align-items:center;background:var(--bg-tertiary);display:flex;justify-content:space-between;padding:15px 20px}.ge-champion-detail-section .ge-section-header h4{color:var(--text-accent);font-size:1.2rem;margin:0}.ge-close-detail{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:all .2s ease}.ge-close-detail:hover{background:var(--hover-overlay);color:var(--text-primary)}.ge-champion-detail-content{background:var(--bg-primary);padding:20px}.ge-detail-basic{border-bottom:1px solid var(--border-primary);display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px}.ge-detail-level{background:var(--text-accent);color:var(--bg-primary);font-weight:600}.ge-detail-level,.ge-detail-team{border-radius:12px;font-size:.9rem;padding:4px 12px}.ge-detail-team{background:var(--surface-elevated);color:var(--text-secondary)}.ge-detail-placeholder{color:var(--text-secondary);font-style:italic}.ge-detail-placeholder p{font-size:.9rem;margin:8px 0}.ge-build-progression-content{background:var(--bg-primary);padding:20px}.ge-build-progression-placeholder{background:var(--bg-secondary);border:2px dashed var(--border-secondary);border-radius:8px;color:var(--text-secondary);padding:30px;text-align:center}.ge-build-progression-placeholder p{line-height:1.5;margin:10px 0}.ge-build-progression-placeholder strong{color:var(--text-primary)}.ge-grid-editor-build-progression{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px}@media (max-width:768px){.ge-grid-editor{padding:15px}.ge-grid-editor-content{gap:15px}.ge-section-header{padding:12px 16px}.ge-section-toggle h4{font-size:1rem}.ge-build-progression-content,.ge-champion-detail-content,.ge-grid-structure-content,.ge-wave-progression-content{padding:16px}}@media (max-width:480px){.ge-grid-editor{padding:12px}.ge-grid-editor-header h3{font-size:1.2rem}.ge-section-header{padding:10px 12px}.ge-detail-basic{flex-direction:column;gap:8px}}.ge-enhanced-gold-controls-container{display:flex;flex-direction:column}.ge-wave-limit-controls{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.ge-wave-limit-label{color:var(--text-primary);font-size:.9rem;font-weight:500}.ge-wave-limit-plus-btn{background:var(--focus-ring);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.ge-wave-limit-plus-btn:hover{background:#4a90e2;background:var(--focus-ring-hover,#4a90e2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.ge-wave-limit-plus-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.matchup-display{border:1px solid var(--border-primary);border-radius:8px;margin-bottom:20px;overflow:hidden}.matchup-display__header{min-height:120px;position:relative}.matchup-display__background{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.matchup-display__team-background{flex:1 1;height:100%}.matchup-display__blue-background{background:linear-gradient(90deg,rgba(0,123,255,.3) 0,rgba(0,123,255,.2) 30%,#060d1b 80%)}.matchup-display__red-background{background:linear-gradient(270deg,rgba(220,53,69,.3) 0,rgba(220,53,69,.2) 30%,#060d1b 80%)}.matchup-display__container{align-items:center;display:flex;gap:30px;justify-content:center;min-height:120px;position:relative;z-index:1}.matchup-display__champion-side{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:15px;max-width:200px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.matchup-display__champion-side:before{bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.matchup-display__champion-content{align-items:center;display:flex;gap:15px;position:relative;width:100%;z-index:1}.matchup-display__blue-side{justify-content:flex-end;text-align:right}.matchup-display__blue-side:before{background:rgba(0,123,255,.2)}.matchup-display__blue-side:hover:before{opacity:1}.matchup-display__red-side{justify-content:flex-start;text-align:left}.matchup-display__red-side:before{background:rgba(220,53,69,.2)}.matchup-display__red-side:hover:before{opacity:1}.matchup-display__champion-portrait{align-items:center;background:var(--surface-elevated);border:4px solid;border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.matchup-display__blue-portrait{border-color:#007bff;box-shadow:0 0 20px rgba(0,123,255,.5)}.matchup-display__red-portrait{border-color:#dc3545;box-shadow:0 0 20px rgba(220,53,69,.5)}.matchup-display__champion-image{height:100%;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.matchup-display__champion-side:hover .matchup-display__champion-image{-webkit-transform:scale(1.1);transform:scale(1.1)}.matchup-display__champion-placeholder{align-items:center;background:linear-gradient(135deg,#4a9eff,#06c);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.matchup-display__red-portrait .matchup-display__champion-placeholder{background:linear-gradient(135deg,#ff4757,#cc1e2d)}.matchup-display__champion-info{display:flex;flex-direction:column;gap:4px}.matchup-display__blue-side .matchup-display__champion-info{align-items:flex-end}.matchup-display__red-side .matchup-display__champion-info{align-items:flex-start}.matchup-display__champion-name{color:#fff;font-size:1.3rem;font-weight:700;line-height:1.2;margin-top:8px;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.matchup-display__vs-divider{align-items:center;display:flex;flex-shrink:0;justify-content:center}.matchup-display__vs-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border:2px solid hsla(0,0%,100%,.3);border-radius:25px;box-shadow:0 4px 15px rgba(0,0,0,.3);color:#fff;font-size:1.5rem;font-weight:700;padding:12px 20px}.matchup-display__empty-champion{align-items:center;display:flex;height:64px;justify-content:center;width:100%}.matchup-display__empty-placeholder{color:var(--text-muted);font-size:.9rem;font-style:italic}@media (max-width:768px){.matchup-display__container{gap:20px}.matchup-display__champion-portrait{height:48px;width:48px}.matchup-display__champion-placeholder{font-size:18px}.matchup-display__champion-name{font-size:1rem}.matchup-display__vs-text{font-size:1.2rem;padding:6px 12px}}@media (max-width:480px){.matchup-display__container{flex-direction:column;gap:15px}.matchup-display__champion-side{justify-content:center;max-width:none;text-align:center}.matchup-display__blue-side .matchup-display__champion-info,.matchup-display__red-side .matchup-display__champion-info{align-items:center}}.item-build-progression{padding-bottom:20px}.dual-champion-container{align-items:stretch;display:flex;gap:16px}.champion-build{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;flex:1 1;padding:16px;position:relative}.champion-build.blue-champion{background:linear-gradient(135deg,rgba(0,123,255,.08),rgba(0,123,255,.03));border-color:rgba(0,123,255,.2);box-shadow:0 2px 8px rgba(0,123,255,.1)}.champion-build.red-champion{background:linear-gradient(135deg,rgba(220,53,69,.08),rgba(220,53,69,.03));border-color:rgba(220,53,69,.2);box-shadow:0 2px 8px rgba(220,53,69,.1)}.champion-build.no-build{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:120px;opacity:.6}.champion-build .no-build-message{color:var(--text-muted);font-size:.85rem;font-style:italic;padding:16px;text-align:center}.item-detail-divider{background:linear-gradient(90deg,transparent 0,var(--border-primary) 20%,var(--border-primary) 80%,transparent 100%);height:1px;margin:20px 0 0}.item-detail-view-container{margin-top:0}.champion-header{align-items:center;background:var(--surface-elevated);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.champion-name{color:var(--text-primary);font-size:1rem;font-weight:600}.change-build-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;padding:4px 6px;transition:all .2s ease;width:28px}.change-build-button:hover{background:var(--bg-tertiary);color:var(--text-primary);-webkit-transform:scale(1.1);transform:scale(1.1)}.blue-champion .champion-header{background:linear-gradient(135deg,rgba(0,123,255,.15),rgba(0,123,255,.08));border:1px solid rgba(0,123,255,.2)}.blue-champion .champion-name{color:#007bff}.red-champion .champion-header{background:linear-gradient(135deg,rgba(220,53,69,.15),rgba(220,53,69,.08));border:1px solid rgba(220,53,69,.2)}.red-champion .champion-name{color:#dc3545}.build-progression{align-items:center;display:flex;flex-wrap:wrap;gap:0;justify-content:center}.progression-header{border-bottom:1px solid var(--border-primary);margin-bottom:16px;padding-bottom:12px;text-align:center}.progression-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.progression-header.blue-team{background:linear-gradient(135deg,rgba(0,123,255,.1),rgba(0,123,255,.05));border-bottom-color:rgba(0,123,255,.3)}.progression-header.blue-team h4{color:#007bff}.progression-header.red-team{background:linear-gradient(135deg,rgba(220,53,69,.1),rgba(220,53,69,.05));border-bottom-color:rgba(220,53,69,.3)}.progression-header.red-team h4{color:#dc3545}.progression-container{align-items:center;display:flex;flex-wrap:wrap;gap:0;justify-content:center}.item-build-progression:not(.dual-champion) .progression-container{gap:0}.progression-container.from-left{-webkit-animation:fade-in-left .6s ease-out;animation:fade-in-left .6s ease-out}.progression-container.from-right{-webkit-animation:fade-in-right .6s ease-out;animation:fade-in-right .6s ease-out}@-webkit-keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-in-right{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-right{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.build-phase{align-items:center;background:transparent;border-radius:0;display:flex;flex-direction:column}.build-phase,.dual-champion .build-phase{gap:0;min-width:auto;padding:0}.items-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dual-champion .items-row{gap:4px}.item-slot{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:6px;position:relative;transition:all .2s ease}.dual-champion .item-slot{border-radius:4px;border-width:1px;height:38px;width:38px}.item-slot:hover{border-color:var(--text-accent);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.item-slot img{height:100%;object-fit:cover;width:100%}.item-slot.empty{border:2px dashed var(--border-secondary);color:var(--text-muted);font-size:18px;font-weight:700}.item-slot.optional{opacity:.8}.item-slot.optional:hover{opacity:1}.item-slot.more-items{background:var(--text-accent);border-color:var(--text-accent);color:var(--bg-primary);font-size:.7rem;font-weight:600}.item-slot.clickable{cursor:pointer;transition:background-color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,background-color .2s ease;transition:transform .2s ease,background-color .2s ease,-webkit-transform .2s ease}.item-slot.clickable:hover{background-color:var(--text-accent);background-color:var(--text-accent-hover,var(--text-accent));-webkit-transform:scale(1.05);transform:scale(1.05)}.item-slot.show-less{background:var(--text-secondary);border-color:var(--text-secondary);color:var(--bg-primary);font-size:.9rem;font-weight:600}.item-slot.clickable-item{cursor:pointer;position:relative;transition:all .2s ease}.item-slot.clickable-item:hover{border-color:var(--text-accent);box-shadow:0 4px 12px rgba(0,123,255,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.progression-arrow{align-items:center;background:transparent;border:none;border-radius:0;color:var(--text-accent);display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:auto;justify-content:center;margin:0 4px;padding:0;width:auto}.dual-champion .progression-arrow{font-size:1.1rem;margin:0 2px}.error-message,.loading-message,.no-build-message{color:var(--text-muted);font-size:1rem;font-style:italic;padding:40px;text-align:center}.loading-message{align-items:center;display:flex;flex-direction:column;gap:12px}.loading-details{color:var(--text-tertiary);font-size:.9rem;text-align:center}.error-note{margin-top:8px}.error-note small{color:#ff6b6b;color:var(--text-error,#ff6b6b);font-size:.8rem}.loading-spinner{border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);border-top-color:var(--text-accent);height:24px;width:24px}.error-message{color:var(--status-error)}@media (max-width:768px){.progression-container{gap:0}.build-phase{min-width:auto;padding:0}.item-slot{height:36px;width:36px}.dual-champion .item-slot{height:32px;width:32px}.progression-arrow{font-size:1.1rem;margin:0 2px}.dual-champion .progression-arrow{font-size:1rem;margin:0 1px}.dual-champion-container{gap:12px}.champion-build{padding:12px}}@media (max-width:480px){.dual-champion-container{flex-direction:column;gap:16px}.progression-container{flex-direction:column;gap:8px}.progression-arrow{margin:4px 0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.build-phase{max-width:280px;width:100%}.items-row{justify-content:center}.champion-build{padding:12px}.champion-name{font-size:.9rem;margin-bottom:10px}}.item-header{margin-bottom:8px}.tooltip-item-image{border-radius:4px;height:48px;width:48px}.tooltip-item-info{flex:1 1}.recipe-tree-container{padding:5px}.recipe-tree-container,.recipe-tree-node{align-items:center;display:flex;flex-direction:column}.recipe-tree-node{margin:2px 0}.recipe-item{align-items:center;display:flex;flex-direction:column;margin-bottom:4px;position:relative}.recipe-item-image{border:2px solid #c9aa71;border-radius:4px;height:48px;object-fit:cover;transition:all .2s ease;width:48px}.recipe-item-image:hover{border-color:#f0e6d2;-webkit-transform:scale(1.05);transform:scale(1.05)}.recipe-item-info{background:rgba(0,0,0,.8);border:1px solid #6f5c39;border-radius:2px;bottom:-15px;color:#f0e6d2;font-size:10px;font-weight:700;padding:1px 3px;position:absolute;right:-15px;z-index:10}.recipe-item-cost{color:#f0e6d2}.branch{align-items:center;display:flex;flex-direction:column}.recipe-components-grid:before,.recipe-components-grid:has(.grid-child:nth-child(3)):before,.recipe-components-grid:has(.grid-child:only-child):before,.recipe-components-grid>.grid-child:before,.recipe-tree-node .branch .connector{content:none!important;display:none!important}.branch{padding-top:2px;position:relative}.connectors{overflow:visible}.recipe-components-row{position:relative}.grid-item-shop-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-top:16px}.item-shop-header{background:var(--surface-elevated);border-bottom:1px solid var(--border-primary);border-radius:8px 8px 0 0;display:flex;flex-direction:column;gap:12px;padding:16px 20px}.shop-title-container{align-items:center;display:flex;justify-content:center}.shop-title-container h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.item-search-input{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);flex-shrink:0;font-size:.9rem;padding:8px 12px;width:200px}.item-search-input:focus{border-color:var(--text-accent);box-shadow:0 0 0 2px rgba(0,123,255,.2);outline:none}.grid-item-search-input{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);flex-shrink:0;font-size:.9rem;padding:8px 12px;width:200px}.grid-item-search-input:focus{border-color:var(--text-accent);box-shadow:0 0 0 2px rgba(0,123,255,.2);outline:none}.grid-item-shop-content{height:1500px;overflow-y:auto;padding:16px 20px}.itemshop-build-order-section{background:linear-gradient(135deg,rgba(0,123,255,.05),rgba(0,123,255,.02));border-radius:8px;margin-bottom:24px;padding:16px}.itemshop-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.itemshop-section-title{color:var(--text-accent);font-size:1.1rem;font-weight:600;margin:0}.itemshop-build-description{background:hsla(0,0%,100%,.02);border-radius:6px;margin-bottom:16px;padding:12px 16px}.itemshop-build-description p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 6px}.itemshop-build-description p:first-child{color:var(--text-primary-off-white);font-weight:500}.itemshop-build-description p:last-child{margin-bottom:0}.itemshop-build-container{display:flex;flex-direction:column;gap:12px}.itemshop-headers-row{align-items:center;display:flex;gap:16px}.itemshop-starter-header{align-items:center;display:flex;min-width:80px}.itemshop-main-header{align-items:center;display:flex;flex:1 1;justify-content:space-between}.itemshop-slot-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.itemshop-build-actions{align-items:center;display:flex;gap:12px}.itemshop-save-button{background:var(--text-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.itemshop-save-button:hover{background:#0056b3;background:var(--text-accent-hover,#0056b3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.itemshop-close-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.itemshop-close-button:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.itemshop-items-row{align-items:flex-start;display:flex;gap:16px}.itemshop-starter-items{align-items:center;min-width:80px}.itemshop-starter-items,.itemshop-starter-slot{display:flex;justify-content:center}.itemshop-main-items{flex:1 1}.itemshop-main-slots{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start}.itemshop-divider{align-self:stretch;background:linear-gradient(to bottom,transparent 0,var(--border-primary) 20%,var(--border-primary) 80%,transparent 100%);margin:0 8px;width:2px}.itemshop-item-box{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:6px;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:all .2s ease;width:48px}.itemshop-item-box:hover{border-color:var(--text-accent);box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.itemshop-item-box img{border-radius:4px;height:44px;object-fit:cover;width:44px}.itemshop-empty-slot{background:var(--bg-primary);border-color:var(--border-secondary);border-style:dashed}.itemshop-empty-indicator{color:var(--text-secondary);font-size:1.5rem;font-weight:700}.itemshop-remove-indicator{align-items:center;background:#dc3545;background:var(--error-color,#dc3545);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s ease;width:18px}.itemshop-item-box:hover .itemshop-remove-indicator{opacity:1}.grid-build-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.grid-build-order-actions{align-items:center;display:flex;gap:12px}.grid-build-order-description{background:hsla(0,0%,100%,.02);border-left:3px solid var(--text-accent);border-radius:6px;margin-bottom:16px;padding:12px 16px}.grid-build-order-description p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 6px}.grid-build-order-description p:first-child{color:var(--text-primary-off-white);font-weight:500}.grid-build-order-description p:last-child{margin-bottom:0}.grid-save-button{background:var(--text-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.grid-save-button:hover{background:#0056b3;background:var(--text-accent-hover,#0056b3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.grid-build-order-container{align-items:flex-start;display:flex;gap:16px}.grid-main-items-container,.grid-starter-slot-container{align-items:center;display:flex;flex-direction:column;gap:8px}.grid-main-items-container{flex:1 1}.grid-main-build-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.slot-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.starter-slot{display:flex;justify-content:center}.main-items-row{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start;width:100%}.build-divider{align-self:center;background:linear-gradient(to bottom,transparent 0,var(--border-primary) 20%,var(--border-primary) 80%,transparent 100%);height:80px;margin:0 8px;width:2px}.grid-item-box.starter-item{background:rgba(0,123,255,.15);border-color:var(--text-accent)}.grid-item-box.main-item{background:rgba(0,123,255,.1);border-color:var(--text-accent)}.grid-item-box.main-empty,.grid-item-box.starter-empty{background:var(--bg-tertiary);border:2px dashed var(--border-secondary);opacity:.8}.popular-items-section{background:linear-gradient(135deg,rgba(255,193,7,.05),rgba(255,193,7,.02));border-radius:8px;margin-bottom:24px}.section-title{color:var(--text-accent-bright)}.section-title,.subtle-header{font-size:1rem;font-weight:600}.subtle-header{color:var(--text-accent);opacity:1}.grid-category-search-container{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);border-radius:6px;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.grid-items-scrollable-content{flex:1 1;overflow-y:auto;padding-right:8px}.grid-item-category-tabs{display:flex;flex-wrap:wrap;gap:8px}.grid-category-tab{background:var(--surface-elevated);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.grid-category-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.grid-category-tab.active{background:var(--text-accent);border-color:var(--text-accent);color:#fff}.grid-item-section{background:linear-gradient(135deg,rgba(0,123,255,.05),rgba(0,123,255,.02));border-radius:8px;margin-bottom:16px}.grid-item-row{display:flex;flex-wrap:wrap;gap:8px}.grid-item-box{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:6px;cursor:pointer;height:48px;overflow:hidden;position:relative;transition:all .2s ease;width:48px}.grid-item-box:hover{border-color:var(--text-accent);box-shadow:0 2px 8px rgba(0,123,255,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.grid-item-box.owned{background:hsla(0,0%,50%,.2);border-color:var(--border-secondary);opacity:.5}.grid-item-box.owned:hover{opacity:.7;-webkit-transform:scale(1.02);transform:scale(1.02)}.grid-item-box.inventory-item{background:rgba(0,123,255,.1);border-color:var(--text-accent)}.grid-item-box.inventory-item:hover{background:rgba(220,53,69,.1);border-color:#dc3545;-webkit-transform:scale(1.05);transform:scale(1.05)}.grid-item-box.empty-slot{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-secondary);display:flex;justify-content:center;opacity:.6}.empty-slot-indicator{color:var(--text-muted);font-size:1.5rem;font-weight:700}.remove-indicator{align-items:center;background:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:18px;justify-content:center;opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s ease;width:18px}.inventory-item:hover .remove-indicator{opacity:1}.grid-item-box img{height:100%;object-fit:cover;width:100%}.item-price{background:rgba(0,0,0,.8);border-radius:2px 0 0 0;bottom:0;color:#c8aa6e;font-size:.7rem;font-weight:700;padding:1px 3px;position:absolute;right:0}.items-by-tier{gap:20px}.items-by-tier,.tier-section{display:flex;flex-direction:column}.tier-section{gap:12px}.tier-section h4{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0;padding-bottom:8px;text-transform:capitalize}.item-tooltip{max-width:600px;pointer-events:none;z-index:10000}.tooltip-content{background:rgba(0,9,19,.95);border:1px solid rgba(120,90,40,.85);border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.8),0 0 1px 1px hsla(0,0%,100%,.1);color:#f0e6d2;max-height:500px;max-width:600px;overflow:auto;padding:12px;width:550px}.item-header{gap:10px;margin-bottom:10px}.tooltip-item-image{border:1px solid rgba(120,90,40,.7);border-radius:3px;height:40px;width:40px}.tooltip-item-info{display:flex;flex-direction:column;gap:4px}.tooltip-item-name{color:#c89b3c;font-size:1rem;font-weight:700}.tooltip-item-cost{align-items:center;color:#c8aa6e;display:flex;font-size:.9rem;font-weight:700;gap:4px}.tooltip-details-container{border-top:1px solid rgba(120,90,40,.5);display:flex;gap:16px;margin-top:12px;padding-top:12px}.tooltip-left-column,.tooltip-right-column{flex:1 1;min-width:0}.tooltip-details-container h6{color:#c8aa6e;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.tooltip-recipe-section{margin:0}.tooltip-recipe-tree{display:flex;justify-content:center;margin-bottom:8px}.tooltip-recipe-tree-component{-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:center;transform-origin:center}.tooltip-stats{margin-bottom:16px}.tooltip-stats-list{margin:0}.tooltip-stat-row{align-items:center;display:flex;gap:6px;margin-bottom:4px}.tooltip-stat-value{color:#c8aa6e;font-weight:700;min-width:35px}.tooltip-stat-name{color:#f0e6d2;font-size:.85rem}.tooltip-passives,.tooltip-passives-list{margin:0}.tooltip-passive{background:rgba(120,90,40,.15);border-radius:3px;margin-bottom:8px;padding:6px}.tooltip-passive:last-child{margin-bottom:0}.tooltip-passive-name{color:#c8aa6e;font-size:.9rem;font-weight:700;margin-bottom:2px}.tooltip-passive-description{color:#f0e6d2;font-size:.8rem;line-height:1.3}@media (max-width:768px){.item-shop{max-height:500px}.item-shop-content,.item-shop-header{padding:12px 16px}.item-category-tabs{gap:6px}.category-tab{font-size:.8rem;padding:4px 8px}.item-box{height:40px;width:40px}.tooltip-content{max-width:240px;width:240px}}@media (max-width:480px){.item-shop{max-height:400px}.shop-title-container h4{font-size:1rem}.close-button{font-size:1.3rem}.item-box{height:36px;width:36px}.item-price{font-size:.6rem}.tooltip-content{max-width:200px;padding:10px;width:200px}}.item-details-panel{display:flex;flex-direction:column;min-height:100%;padding:16px}.item-details-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.item-details-header h4{color:var(--text-primary);font-size:1.1rem;margin:0}.item-details-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.recipe-section{border-bottom:1px solid var(--border-primary);padding-bottom:16px}.recipe-section h5{color:var(--text-accent);font-size:.9rem;font-weight:600;margin:0 0 8px}.compact-recipe-tree{-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:top center;transform-origin:top center}.item-header{gap:12px;margin-bottom:16px;padding:12px}.item-header-compact{align-items:center;background:var(--surface-elevated);border:1px solid var(--border-primary);border-radius:6px;display:flex;gap:12px;margin-bottom:16px;padding:8px}.item-image{border-radius:4px;height:48px;width:48px}.item-image-compact{border-radius:4px;height:40px;width:40px}.item-header-text{flex:1 1}.item-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:4px}.item-cost{font-size:.9rem;font-weight:500;gap:4px}.item-passives h5,.item-stats h5{color:var(--text-accent);font-size:.9rem;font-weight:600;margin:0 0 8px}.stats-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.stat-row{align-items:center;background:var(--surface-elevated);border-radius:4px;display:flex;gap:8px;padding:4px}.stat-value{color:#c8aa6e;font-weight:500;min-width:30px}.stat-name{color:var(--text-secondary);font-size:.85rem}.passives-list{gap:8px}.passive-item{border-left:3px solid var(--text-accent);border-radius:4px;padding:8px}.passive-name{color:var(--text-accent);font-size:.9rem;font-weight:600;margin-bottom:4px}.passive-description{font-size:.8rem}.item-detail-view{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:16px}.item-detail-header{align-items:center;background:var(--surface-elevated);border-bottom:1px solid var(--border-primary);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.item-detail-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:4px 8px;transition:all .2s ease}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary);-webkit-transform:scale(1.1);transform:scale(1.1)}.item-detail-content{display:flex;gap:24px;padding:20px}.item-info-section{flex:1 1;min-width:300px}.item-header{align-items:center;background:var(--surface-elevated);border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.item-image-detail-view{border:2px solid var(--border-primary);border-radius:6px;height:48px;width:48px}.item-header-text{display:flex;flex-direction:column;gap:8px}.item-name{color:var(--text-accent-bright);font-size:1.3rem;font-weight:700}.item-cost{align-items:center;color:#c8aa6e;display:flex;font-size:1.1rem;font-weight:600;gap:6px}.item-passives,.item-stats{margin-bottom:20px}.passives-list{display:flex;flex-direction:column;gap:12px}.passive-item{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:6px;padding:12px}.passive-name{color:var(--text-accent-bright);font-size:.95rem;font-weight:700;margin-bottom:6px}.passive-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.item-recipe-section{flex:1 1;min-width:300px}.item-recipe-section h5{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.recipe-tree-wrapper{align-items:center;background:var(--surface-elevated);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:center;min-height:200px;padding:16px}.item-detail-recipe-tree{width:100%}.no-item-data{color:var(--text-muted);font-size:1rem;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.item-detail-content{flex-direction:column;gap:16px;padding:16px}.item-info-section,.item-recipe-section{min-width:0;min-width:auto}.item-header{gap:12px;padding:12px}.item-image{height:48px;width:48px}.item-name{font-size:1.1rem}.item-cost{font-size:1rem}}@media (max-width:480px){.item-detail-header{padding:12px 16px}.item-detail-header h4{font-size:1rem}.close-button{font-size:1.3rem}.item-detail-content{padding:12px}.stat-row{gap:6px;padding:6px 8px}.passive-item{padding:10px}.recipe-tree-wrapper{padding:12px}}.stat-icon.default-stat-icon{background:var(--text-muted);border-radius:50%}.enhanced-gold-controls{background:var(--bg-secondary);box-shadow:var(--shadow-md);color:var(--text-primary);display:flex;flex-direction:column;gap:16px;padding:20px}.egc-champion-selector{align-items:center;display:flex;justify-content:flex-end;margin-bottom:12px}.egc-champion-toggle{display:flex;gap:6px;justify-content:flex-start}.egc-wave-limit-controls{align-items:center;display:flex;gap:8px}.egc-wave-limit-label{color:var(--text-secondary);font-size:13px;font-weight:500}.egc-wave-limit-plus-btn{background:var(--focus-ring);border:1px solid var(--border-accent);border-radius:4px;color:var(--text-accent);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s ease}.egc-wave-limit-plus-btn:hover{background:var(--surface-overlay);border-color:var(--surface-overlay);color:var(--text-accent-bright)}.egc-champion-btn{border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;min-width:70px;padding:6px 12px;position:relative;transition:all .2s ease}.egc-champion-btn:first-child:not(.active),.egc-champion-btn[data-champion=ahri]:not(.active){background:#0a1428;border-color:#1a237e;color:#4a5568}.egc-champion-btn:last-child:not(.active),.egc-champion-btn[data-champion=garen]:not(.active){background:#1a0a0a;border-color:#6c3f3f;color:#4a5568}.egc-champion-btn:first-child:not(.active):hover,.egc-champion-btn[data-champion=ahri]:not(.active):hover{background:#1a237e;color:var(--text-secondary)}.egc-champion-btn:last-child:not(.active):hover,.egc-champion-btn[data-champion=garen]:not(.active):hover{background:#b71c1c;color:var(--text-secondary)}.egc-champion-btn:first-child.active,.egc-champion-btn[data-champion=ahri].active{background:var(--event-blue-cspm);border-color:var(--event-blue-cspm);box-shadow:0 1px 3px rgba(13,71,161,.4);color:#fff;font-weight:600}.egc-champion-btn:last-child.active,.egc-champion-btn[data-champion=garen].active{background:var(--event-red-cspm);border-color:var(--event-red-cspm);box-shadow:0 1px 3px rgba(183,28,28,.4);color:#fff;font-weight:600}.egc-champion-btn:first-child.active:hover,.egc-champion-btn[data-champion=ahri].active:hover{background:var(--event-blue-kill);border-color:var(--event-blue-kill)}.egc-champion-btn:last-child.active:hover,.egc-champion-btn[data-champion=garen].active:hover{background:var(--event-red-kill);border-color:var(--event-red-kill)}.egc-gold-header{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px 20px}.egc-gold-header-content{flex:1 1}.egc-gold-header h4{color:var(--text-accent);font-size:1.25rem;font-weight:600;margin:0 0 8px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.egc-gold-header p{color:var(--text-primary-off-white);font-size:.9rem;line-height:1.5;margin:0 0 6px}.egc-gold-header p:last-of-type{color:var(--text-secondary);font-size:.85rem;margin-bottom:0}.level-input-container{display:inline-block;position:relative}.level-input{-moz-appearance:textfield;background-color:rgba(10,14,20,.8);border:1px solid #334155;border-radius:3px;color:#cdbe91;font-size:12px;padding:4px 18px 4px 4px;text-align:right;width:42px}.egc-summary-bar{align-items:center;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px}.egc-summary-bar.primary{border-color:var(--event-blue-cspm);box-shadow:inset 0 1px 3px rgba(13,71,161,.1)}.egc-summary-bar.opponent{border-color:var(--event-red-cspm);box-shadow:inset 0 1px 3px rgba(183,28,28,.1)}.egc-summary-item{align-items:center;display:flex;gap:6px}.egc-summary-icon{flex-shrink:0;object-fit:contain}.egc-summary-icon.damage-icon{height:16px!important;width:16px!important}.egc-summary-icon.turret-icon,.egc-summary-icon.turret-plate-icon{height:24px!important;width:24px!important}.egc-summary-icon.minion-icon,.egc-summary-icon.misc-icon{height:16px!important;width:16px!important}.egc-summary-icon.misc-icon{background:transparent!important;color:var(--text-secondary);font-size:10px;font-weight:700}.egc-summary-label{color:var(--text-secondary);font-size:13px;font-weight:500}.egc-summary-count{color:var(--text-primary);font-size:14px;font-weight:600}.egc-summary-gold{color:var(--text-accent-bright);font-size:14px;font-weight:600}.egc-summary-value{color:var(--text-primary);font-size:14px;font-weight:600}.egc-summary-right-group{align-items:flex-end;display:flex;flex-direction:row;gap:8px;margin-left:auto}.egc-summary-projections{color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;font-weight:500}.egc-cspm-input,.egc-misc-input{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-primary);font-size:13px;padding:4px 8px;text-align:center;width:60px}.egc-cspm-row{align-items:center;gap:12px}.egc-cspm-avg{align-items:center;background:hsla(0,0%,100%,.06);border-radius:999px;display:flex;gap:6px;padding:6px 10px}.egc-avg-label{font-size:.8rem;opacity:.7}.egc-avg-value{font-weight:600}.egc-cspm-add-control{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:50%}.egc-title-gold-container{flex-direction:column}.egc-title-avg-container,.egc-title-gold-container{align-items:center;display:flex;gap:8px}.egc-cspm-projections{display:flex;flex-direction:row;gap:2px;margin-left:auto;margin-right:8px}.egc-projection-item{align-items:center;display:flex;font-size:.75rem;gap:4px}.egc-projection-label{color:var(--text-secondary);font-weight:500}.egc-projection-value{color:var(--text-accent);font-weight:600}.egc-cspm-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;padding:12px}.egc-cspm-controls{align-items:center;display:flex;flex-direction:row;gap:8px}.egc-phase-select{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-primary);font-size:13px;min-width:80px;padding:4px 8px}.egc-phase-select:focus{border-color:var(--text-accent);outline:none}.egc-misc-control{align-items:center;display:flex;gap:4px}.egc-summary-total{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;gap:8px;padding:8px 16px}.egc-total-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.egc-total-gold{color:var(--text-accent-bright);font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.egc-detailed-sections{display:flex;flex-direction:column;gap:10px}.egc-section{border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden}.egc-section-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.egc-section-header:hover{background:var(--surface-elevated);color:var(--text-accent)}.egc-section-title{align-items:center;display:flex;gap:8px}.egc-section-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;object-fit:contain;padding:4px;width:32px}.egc-section-icon.damage-icon img{height:16px;width:16px}.egc-section-icon.turret-icon img,.egc-section-icon.turret-plate-icon img{height:24px;width:24px}.egc-section-icon.minion-icon img{height:20px;width:20px}.egc-kills-add-control,.egc-plates-add-control,.egc-turrets-add-control{align-items:center;display:flex;gap:8px;min-width:50%}.egc-add-row-container{align-items:flex-end;display:flex;gap:8px}.egc-add-row{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:100%}.egc-wave-time-controls{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.egc-control-containers{display:flex;gap:8px}.egc-control-container{align-items:center;display:flex;flex-direction:column;gap:4px}.egc-time-hint{color:var(--text-secondary);font-size:14px;font-weight:500;margin-top:6px}.egc-control-container:has(.egc-time-hint){position:relative}.egc-control-container:has(.egc-time-hint) .egc-time-hint{position:absolute;right:-40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap}.egc-from-to-time-wrapper{display:flex;flex-direction:row!important;gap:4px}.egc-control-header{color:var(--text-secondary);font-size:11px;font-weight:600;text-align:center;text-transform:uppercase}.egc-control-container input{text-align:center}.egc-control-container .egc-gold-input-group{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:4px;display:flex;gap:2px;padding:0 6px}.egc-turrets-left{display:flex;flex-direction:column;gap:6px}.egc-turret-row{align-items:center;display:flex;gap:8px}.egc-turret-position-label{color:var(--text-primary);font-size:12px;font-weight:500;text-transform:lowercase;width:40px}.egc-turret-tier-group{align-items:center;display:flex;gap:4px}.egc-turret-tier-btn{background:var(--focus-ring)!important;border:1px solid var(--border-secondary)!important;border-radius:4px;color:#fff!important;cursor:pointer;font-size:10px;font-weight:700;min-width:24px;padding:6px 8px;transition:all .2s}.egc-turret-tier-btn:hover:not(.disabled){background:var(--surface-overlay)!important;border-color:var(--surface-overlay)!important}.egc-turret-tier-btn.disabled{background:var(--border-secondary)!important;border-color:var(--border-secondary)!important;color:var(--text-secondary)!important;cursor:not-allowed;opacity:.5}.opponent .egc-turret-tier-btn:not(.disabled){background:#8b0000!important;border-color:#724646!important;color:#fff!important}.opponent .egc-turret-tier-btn:hover:not(.disabled){background:var(--event-red-cspm)!important;border-color:#724646!important;color:#fff!important}.egc-turret-gold-value{min-width:35px}.egc-plates-left{display:flex;flex-direction:column;gap:6px}.egc-plate-row{align-items:center;display:flex;gap:8px}.egc-plate-position-label{color:var(--text-primary);font-size:12px;font-weight:500;min-width:60px;text-transform:lowercase}.egc-plate-count-input{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-primary);font-size:13px;padding:4px 6px;text-align:center;width:35px}.egc-plate-gold-value{color:var(--text-accent-bright);font-size:12px;font-weight:600;width:45px}.egc-quick-add-controls{align-items:center;display:flex;gap:6px}.egc-quick-add-inputs{align-items:center;display:flex;gap:4px}.egc-gold-input-group{align-items:center;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:4px;display:flex;gap:0;padding:0 2px}.egc-gold-adjust-btn{align-items:center;background:var(--text-accent);border:none;border-radius:3px;color:var(--bg-primary);cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.egc-gold-adjust-btn:hover{background:var(--text-accent-bright)}.egc-quick-gold-input{background:transparent;border:none;color:var(--text-primary);font-size:13px;padding:2px 4px;text-align:center;width:50px}.egc-quick-gold-input:focus{outline:none}.egc-quick-wave-input{width:40px}.egc-quick-timing-input,.egc-quick-wave-input{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-primary);font-size:13px;padding:4px 6px;text-align:center}.egc-quick-timing-input{width:50px}.egc-add-btn,.egc-btn{all:unset;align-items:center;background:var(--focus-ring);border:1px solid var(--border-accent);border-radius:6px;box-shadow:var(--shadow-sm);color:var(--text-accent);cursor:pointer;font-family:monospace;font-size:16px;font-weight:700;justify-content:center;line-height:1;padding:3px 8px}.egc-add-btn:hover,.egc-btn:hover{background:var(--surface-overlay);border:1px solid var(--surface-overlay);color:var(--text-accent-bright)}.egc-add-btn:disabled,.egc-btn:disabled{cursor:not-allowed;opacity:.45}.opponent .egc-add-btn{background:#8b0000;border-color:#724646;color:var(--text-accent)}.opponent .egc-add-btn:hover:not(:disabled){background:var(--event-red-cspm);border-color:#f08080;color:var(--text-accent-bright)}.egc-section-content{grid-gap:12px;background:var(--bg-primary);display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:10px 14px}.egc-timeline-section-content{display:block;padding:0}.egc-empty-state{color:var(--text-secondary);font-style:italic;grid-column:1/-1;padding:20px;text-align:center}.egc-kill-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;padding:12px}.egc-kill-controls{align-items:center;display:flex;flex-direction:row;gap:8px}.egc-expanded-item-header{border-bottom:1px solid var(--border-secondary);justify-content:space-between;margin-bottom:8px;padding:8px 0}.egc-expanded-item-name{color:var(--text-primary);font-size:13px;font-weight:600}.egc-expanded-wave-time-controls{align-items:center;display:flex;flex-direction:column;gap:4px}.egc-expanded-wave-time-controls .egc-control-containers{display:flex;gap:8px}.egc-expanded-wave-time-controls .egc-control-container{align-items:center;display:flex;flex-direction:column;gap:4px}.egc-expanded-wave-time-controls .egc-control-header{color:var(--text-secondary);font-size:11px;font-weight:600;text-align:center;text-transform:uppercase}.egc-expanded-wave-time-controls .egc-control-container input,.egc-kill-value{text-align:center}.egc-kill-value{background:transparent;border:none;color:var(--text-primary);font-size:13px;padding:2px 4px;width:50px}.egc-kill-value:focus{outline:none}.egc-gold-unit{color:var(--text-secondary);font-size:12px}.egc-timing-input,.egc-wave-input{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-primary);font-size:13px;padding:4px 8px;text-align:center;width:60px}.egc-remove-btn{all:unset;align-items:center;background:transparent;border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;line-height:1;transition:all .2s ease;width:24px}.egc-remove-btn:hover{background:var(--surface-overlay);border-color:var(--border-accent);color:var(--text-secondary)}.egc-turret-add-grid{align-items:flex-start;display:flex;gap:12px}.egc-turret-position-group{align-items:center;display:flex;flex-direction:column;gap:6px}.egc-turret-position-label{color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase}.egc-turret-tiers-column{display:flex;flex-direction:column;gap:6px}.egc-turret-tiers-row{display:flex;gap:8px}.egc-turret-tier-container{align-items:center;display:flex;gap:6px}.egc-turret-gold-value{color:var(--text-accent-bright);font-size:10px;font-weight:600;min-width:28px}.egc-nexus-col{align-items:center;display:flex;flex-direction:column;gap:6px}.egc-turret-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;padding:12px}.egc-turret-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.egc-turret-label{color:var(--text-primary);font-weight:500}.egc-turret-gold{color:var(--text-accent-bright);font-weight:600}.egc-turret-controls{align-items:center;display:flex;gap:8px}.egc-plate-controls{align-items:stretch;gap:12px}.egc-plate-selector{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;display:flex;flex-direction:column;gap:6px;min-width:150px;padding:8px}.egc-plate-selector .egc-turret-position-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.egc-plate-input-stack{display:flex;flex-direction:column;gap:6px}.egc-plate-input-wrap{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:6px;display:flex;padding:6px 10px;position:relative}.egc-plate-input{background:transparent;border:none;color:var(--text-primary);font-size:13px;outline:none;text-align:center;width:56px}.egc-plate-gold{font-size:12px;font-weight:700;margin-left:auto}.egc-plate-apply{width:100%}.egc-plate-input-controls{align-items:flex-end;display:flex;gap:16px}.egc-plate-position-group{align-items:center;display:flex;flex-direction:column;gap:6px}.egc-plate-position-label{color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase}.egc-plate-adjust-btn{align-items:center;background:var(--text-accent);border:none;border-radius:3px;color:var(--bg-primary);cursor:pointer;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px}.egc-plate-adjust-btn:first-of-type{left:2px}.egc-plate-adjust-btn:last-of-type{right:2px}.egc-plate-adjust-btn:hover:not(:disabled){background:var(--text-accent-bright)}.egc-plate-adjust-btn:disabled{background:var(--border-secondary);cursor:not-allowed;opacity:.5}.egc-plate-count-input{padding-left:20px!important;padding-right:20px!important;text-align:center!important}.egc-plate-apply-btn{font-size:12px;margin-top:4px}.egc-plate-apply-btn.disabled{background:var(--border-secondary);cursor:not-allowed;opacity:.5}.egc-plate-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;padding:10px}.egc-plate-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.egc-plate-label{color:var(--text-primary);font-weight:500}.egc-plate-gold{color:var(--text-accent-bright);font-weight:600}.egc-plate-controls{align-items:center;display:flex;gap:8px}.egc-count-input{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-primary);font-size:13px;height:30px;padding:4px 8px;text-align:center;width:50px}.egc-plate-controls .egc-count-input,.egc-timing-input,.egc-wave-input{height:30px}.egc-timeline{margin:0;padding:0;width:100%}.egc-timeline h6{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.egc-timeline-track{align-items:flex-start;background:var(--bg-tertiary);border-radius:6px;display:flex;gap:8px;margin:0;min-height:60px;overflow-x:auto;padding:12px;width:100%}.egc-timeline-event{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-width:60px}.egc-timeline-marker{border:2px solid var(--border-primary);border-radius:50%;height:12px;width:12px}.egc-timeline-icon{border-radius:50%;-webkit-filter:brightness(.9);filter:brightness(.9);height:16px;object-fit:contain;padding:2px;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease;width:16px}.egc-timeline-event:hover .egc-timeline-icon{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.egc-timeline-cspm.primary .egc-timeline-icon,.egc-timeline-kill.primary .egc-timeline-icon,.egc-timeline-misc.primary .egc-timeline-icon,.egc-timeline-plate.primary .egc-timeline-icon,.egc-timeline-turret.primary .egc-timeline-icon{background:var(--event-blue-cspm)}.egc-timeline-cspm.opponent .egc-timeline-icon,.egc-timeline-kill.opponent .egc-timeline-icon,.egc-timeline-misc.opponent .egc-timeline-icon,.egc-timeline-plate.opponent .egc-timeline-icon,.egc-timeline-turret.opponent .egc-timeline-icon{background:var(--event-red-cspm)}.egc-timeline-cspm:not(.primary):not(.opponent) .egc-timeline-icon,.egc-timeline-kill:not(.primary):not(.opponent) .egc-timeline-icon,.egc-timeline-misc:not(.primary):not(.opponent) .egc-timeline-icon,.egc-timeline-plate:not(.primary):not(.opponent) .egc-timeline-icon,.egc-timeline-turret:not(.primary):not(.opponent) .egc-timeline-icon{background:var(--event-blue-cspm)}.egc-expanded-item-header{align-items:center;display:flex;gap:8px}.egc-expanded-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:2px;width:20px}.egc-expanded-item-icon img{height:14px;object-fit:contain;width:14px}.egc-expanded-cspm-icon.primary,.egc-expanded-kill-icon.primary,.egc-expanded-misc-icon.primary,.egc-expanded-plate-icon.primary,.egc-expanded-turret-icon.primary{background:var(--event-blue-cspm)}.egc-expanded-cspm-icon.opponent,.egc-expanded-kill-icon.opponent,.egc-expanded-misc-icon.opponent,.egc-expanded-plate-icon.opponent,.egc-expanded-turret-icon.opponent{background:var(--event-red-cspm)}.egc-expanded-cspm-icon:not(.primary):not(.opponent),.egc-expanded-kill-icon:not(.primary):not(.opponent),.egc-expanded-misc-icon:not(.primary):not(.opponent),.egc-expanded-plate-icon:not(.primary):not(.opponent),.egc-expanded-turret-icon:not(.primary):not(.opponent){background:var(--event-blue-cspm)}.egc-expanded-misc-icon{color:#fff;font-size:12px;font-weight:700}.egc-timeline-misc-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;padding:2px;width:16px}.egc-timeline-misc-icon.primary{background:var(--event-blue-cspm)}.egc-timeline-misc-icon.opponent{background:var(--event-red-cspm)}.egc-timeline-misc-icon:not(.primary):not(.opponent){background:var(--event-blue-cspm)}.egc-timeline-kill .egc-timeline-marker{background:var(--status-error);border-color:var(--status-error)}.egc-timeline-turret .egc-timeline-marker{background:var(--status-info);border-color:var(--status-info)}.egc-timeline-plate .egc-timeline-marker{background:var(--status-warning);border-color:var(--status-warning)}.egc-timeline-misc .egc-timeline-marker{background:#630e63;border-color:#630e63}.egc-timeline-cspm .egc-timeline-marker{background:var(--status-success);border-color:var(--status-success)}.egc-timeline-info{align-items:center;display:flex;flex-direction:column;gap:2px}.egc-timeline-wave{color:var(--text-primary);font-size:11px;font-weight:600}.egc-timeline-time{color:var(--text-secondary);font-size:10px}.egc-timeline-champion{color:var(--text-primary);font-size:9px;font-weight:500;text-transform:capitalize}.egc-timeline-gold{color:var(--text-accent-bright);font-size:11px;font-weight:600}.egc-timeline-cspm{color:#ff8c00;font-size:10px;font-weight:600}.egc-timeline-empty{color:var(--text-secondary);font-style:italic;padding:20px;text-align:center;width:100%}.egc-kill-controls label,.egc-plate-controls label,.egc-turret-controls label{color:var(--text-secondary);font-size:12px;font-weight:500}.egc-misc-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;padding:12px}.egc-misc-controls{align-items:center;display:flex;flex-direction:row;gap:8px}.egc-section-icon.gold-icon{-webkit-filter:brightness(1.2) saturate(1.5);filter:brightness(1.2) saturate(1.5)}.egc-section-icon.primary.damage-icon,.egc-section-icon.primary.minion-icon,.egc-section-icon.primary.misc-icon,.egc-section-icon.primary.turret-icon,.egc-section-icon.primary.turret-plate-icon{background:var(--event-blue-cspm)}.egc-section-icon.opponent.damage-icon,.egc-section-icon.opponent.minion-icon,.egc-section-icon.opponent.misc-icon,.egc-section-icon.opponent.turret-icon,.egc-section-icon.opponent.turret-plate-icon{background:var(--event-red-cspm)}.egc-section-icon.damage-icon:not(.primary):not(.opponent),.egc-section-icon.minion-icon:not(.primary):not(.opponent),.egc-section-icon.misc-icon:not(.primary):not(.opponent),.egc-section-icon.turret-icon:not(.primary):not(.opponent),.egc-section-icon.turret-plate-icon:not(.primary):not(.opponent){background:var(--event-blue-cspm)}.egc-section-icon.misc-icon{color:#fff;font-size:18px;font-weight:700}@media (max-width:768px){.enhanced-gold-controls{border-radius:8px;gap:12px;padding:16px}.egc-champion-selector{margin-bottom:8px}.egc-champion-toggle{gap:4px}.egc-champion-btn{font-size:.8rem;min-width:60px;padding:6px 10px}.egc-gold-header{gap:6px;padding:12px 16px}.egc-gold-header h4{font-size:1.1rem}.egc-gold-header p{font-size:.85rem}.egc-summary-bar{flex-wrap:wrap;gap:12px;padding:12px 16px}.egc-summary-total{justify-content:center;margin-left:0;width:100%}.egc-quick-add-controls{align-items:flex-end;flex-direction:column;gap:4px}.egc-quick-add-inputs{flex-wrap:wrap;gap:4px}.egc-kill-controls,.egc-plate-controls,.egc-turret-controls{flex-wrap:wrap;gap:6px}.egc-timeline-track{flex-wrap:wrap;justify-content:center}}.gold-difference-timeline{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;gap:16px;max-width:100%;min-width:0;overflow:hidden;padding:16px;position:relative;width:100%}.gdt-header{align-items:center;display:flex;justify-content:space-between}.gdt-header h6{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.gdt-header-right{align-items:center;display:flex;gap:16px}.gdt-expand-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;min-width:44px;padding:8px 12px;transition:border-color .2s ease}.gdt-expand-btn:hover{border-color:var(--border-secondary)}.gdt-chart-row{box-sizing:border-box;display:flex;max-width:1100px;min-width:0;width:100%}.gdt-y-axis-sticky{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px 0 0 6px;border-right:none;box-sizing:border-box;max-width:60px;min-width:60px;position:relative;width:60px}.gdt-y-label{color:var(--text-secondary);font-size:12px;left:6px;position:absolute;text-align:right;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:48px}.gdt-chart-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-left:none;border-radius:0 6px 6px 0;box-sizing:border-box;contain:content;flex:1 1;max-width:calc(100% - 60px);min-width:0;overflow-y:hidden;position:relative}.gdt-chart-container.is-scrollable{overflow-x:auto;padding-bottom:10px}.gdt-chart-container.is-expanded{overflow-x:hidden}.gdt-content{height:100%;position:relative}.gdt-svg{display:block}.gdt-x-axis{bottom:8px;height:18px;left:0;position:absolute}.gdt-chart-container.is-scrollable .gdt-x-axis{bottom:18px}.gdt-chart-container.is-expanded .gdt-x-axis{bottom:8px}.gdt-x-label{color:var(--text-secondary);font-size:12px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.gdt-event-dot{cursor:pointer}.gdt-stages-simplified{background:var(--surface-tertiary);border-radius:6px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;max-width:100%;min-width:0;overflow:hidden;padding:12px;width:100%}.gdt-stage-simple{flex:1 1;max-width:100%;min-width:120px;overflow:hidden;text-align:center}.gdt-stage-name{color:var(--text-accent);font-size:12px;font-weight:600}.gdt-stage-time{color:var(--text-secondary);font-size:10px}.gdt-stage-values{align-items:center;display:flex;gap:8px;justify-content:center}.gdt-primary-gold{color:var(--status-info);font-weight:600}.gdt-opponent-gold{color:var(--status-error);font-weight:600}.gdt-difference-gold{font-weight:700}.gdt-difference-gold.positive{color:var(--status-success)}.gdt-difference-gold.negative{color:var(--status-warning)}.gdt-legend-header{align-items:center;display:flex;gap:12px}.gdt-legend-item{align-items:center;display:flex;font-size:12px;font-weight:500;gap:6px}.gdt-legend-line{border-radius:2px;height:3px;width:20px}.gdt-legend-primary{background:var(--event-blue-cspm)}.gdt-legend-opponent{background:var(--event-red-cspm)}.gdt-event-bg{transition:r .2s ease}.gdt-event-bg:hover{r:12}.gdt-event-icon{pointer-events:none}.gdt-event-dot{transition:r .2s ease}.gdt-event-dot:hover{r:8}.gdt-misc-text{pointer-events:none;-webkit-user-select:none;user-select:none}.gdt-chart-container::-webkit-scrollbar{height:8px}.gdt-chart-container::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.gdt-chart-container::-webkit-scrollbar-track{background:var(--bg-primary)}.wpt-wave-progression-table{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.wpt-base-timer-settings{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);padding:16px 20px}.wpt-base-timer-header{margin-bottom:12px}.wpt-base-timer-header h6{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 4px}.wpt-base-timer-description{color:var(--text-secondary);font-size:13px;font-style:italic;margin:0}.wpt-base-timer-options{display:flex;flex-wrap:wrap;gap:24px}.wpt-base-timer-option{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:160px;padding:12px 16px;transition:all .2s ease}.wpt-base-timer-option:hover{background:var(--hover-overlay);border-color:var(--border-secondary)}.wpt-base-timer-option input[type=radio]{display:none}.wpt-base-timer-option input[type=radio]:checked+span{color:var(--text-accent-bright);font-weight:700}.wpt-base-timer-option input[type=radio]:checked~*{color:var(--text-accent)}.wpt-base-timer-option input[type=radio]:checked{+span+small{color:var(--text-accent)}}.wpt-base-timer-option:has(input[type=radio]:checked){background:var(--bg-primary);border-color:var(--text-accent);box-shadow:0 0 0 1px var(--text-accent)}.wpt-base-timer-option span{color:var(--text-primary);font-size:14px;font-weight:500}.wpt-base-timer-option small{color:var(--text-muted);font-size:12px;line-height:1.3}.wpt-base-timer-option:has(input[type=radio]:disabled){cursor:not-allowed;opacity:.5}.wpt-base-timer-option:has(input[type=radio]:disabled):hover{background:var(--bg-secondary);border-color:var(--border-primary)}.wpt-header-section{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);padding:16px 20px}.wpt-main-title{color:var(--text-primary-off-white);font-size:18px;font-weight:700;margin:0 0 8px}.wpt-description-primary{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0 0 4px}.wpt-description-secondary{color:var(--text-muted);font-size:13px;font-style:italic;line-height:1.4;margin:0}.wpt-timeline-view-selector{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:16px 20px}.wpt-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.wpt-champion-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.wpt-champion-btn{border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;min-width:80px;padding:6px 12px;transition:all .2s ease}.wpt-champion-btn:first-child:not(.active){background:#0a1428;border-color:#1a237e;color:#4a5568}.wpt-champion-btn:last-child:not(.active){background:#1a0a0a;border-color:#6c3f3f;color:#4a5568}.wpt-champion-btn:first-child:not(.active):hover{background:#1a237e;color:var(--text-secondary)}.wpt-champion-btn:last-child:not(.active):hover{background:#b71c1c;color:var(--text-secondary)}.wpt-champion-btn:first-child.active{background:var(--event-blue-cspm);border-color:var(--event-blue-cspm);box-shadow:0 1px 3px rgba(13,71,161,.4);color:#fff;font-weight:600}.wpt-champion-btn:last-child.active{background:var(--event-red-cspm);border-color:var(--event-red-cspm);box-shadow:0 1px 3px rgba(183,28,28,.4);color:#fff;font-weight:600}.wpt-champion-btn:first-child.active:hover{background:var(--event-blue-kill);border-color:var(--event-blue-kill)}.wpt-champion-btn:last-child.active:hover{background:var(--event-red-kill);border-color:var(--event-red-kill)}.wpt-champion-btn:disabled{cursor:not-allowed;opacity:.5}.wpt-champion-btn:disabled:hover{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-secondary)}.wpt-view-description{color:var(--text-secondary);font-size:13px;font-style:italic}.wpt-view-buttons{display:flex;flex-wrap:wrap;gap:8px}.wpt-view-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.wpt-view-btn:hover{background:var(--hover-overlay);border-color:var(--text-accent);color:var(--text-primary)}.wpt-view-btn.active{background:var(--text-accent);border-color:var(--text-accent);color:var(--bg-primary);font-weight:600}.wpt-wave-prog-table-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);color:var(--text-secondary);font-size:13px;font-weight:700}.wpt-wave-prog-row,.wpt-wave-prog-table-header{grid-gap:12px;display:grid;gap:12px;grid-template-columns:50px 50px 70px 70px 40px 70px 70px 80px 70px 70px 80px 70px;justify-content:space-evenly;padding:12px 16px;width:100%}.wpt-wave-prog-row{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);transition:all .2s ease}.wpt-wave-prog-row:hover{background:var(--hover-overlay)}.wpt-wave-prog-row.wpt-selected{background:var(--status-info);border-left:4px solid var(--status-info-bright);color:#fff}.wpt-wave-prog-row:last-child{border-bottom:none}.wpt-wave-prog-row.kill{border-left:3px solid var(--status-error)}.wpt-wave-prog-row.turret{border-left:3px solid var(--status-warning)}.wpt-wave-prog-row.plate{border-left:3px solid var(--status-info)}.wpt-wave-num{color:var(--text-primary);font-size:14px;font-weight:700;text-align:center}.wpt-wave-arrival-timing,.wpt-wave-clear-timing{color:var(--text-secondary);font-family:Courier New,monospace;font-size:12px;text-align:center}.wpt-wave-level{color:var(--text-primary);font-size:14px;font-weight:600;position:relative;text-align:center}.wpt-level-up-arrow{color:var(--status-success);font-size:12px;font-weight:700;margin-left:4px}.wpt-base-gold{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:2px;text-align:center}.wpt-scenario-addition{font-size:11px;font-weight:500;margin-top:2px}.wpt-scenario-addition.wpt-positive{color:var(--status-success)}.wpt-scenario-addition.wpt-negative{color:var(--status-error)}.wpt-total-gold{border-radius:4px;color:var(--text-accent-bright);font-size:14px;font-weight:700;padding:4px 6px;text-align:center}.wpt-inventory-value{border-radius:3px;color:var(--text-accent);font-size:13px;font-weight:600;text-align:center}.wpt-compact-inventory{display:flex;flex-direction:column;gap:2px}.wpt-inv-row{display:flex;gap:2px}.wpt-compact-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:3px;display:flex;height:22px;justify-content:center;overflow:hidden;position:relative;width:22px}.wpt-compact-empty-slot{background:var(--bg-tertiary);border:1px dashed var(--border-secondary);border-radius:3px;height:20px;width:20px}.wpt-compact-item.wpt-newly-purchased{-webkit-animation:wpt-item-purchased 1s ease-out;animation:wpt-item-purchased 1s ease-out;border-color:var(--status-success);box-shadow:0 0 8px rgba(76,175,80,.3)}@-webkit-keyframes wpt-item-purchased{0%{box-shadow:0 0 12px rgba(76,175,80,.6);-webkit-transform:scale(1.2);transform:scale(1.2)}to{box-shadow:0 0 8px rgba(76,175,80,.3);-webkit-transform:scale(1);transform:scale(1)}}@keyframes wpt-item-purchased{0%{box-shadow:0 0 12px rgba(76,175,80,.6);-webkit-transform:scale(1.2);transform:scale(1.2)}to{box-shadow:0 0 8px rgba(76,175,80,.3);-webkit-transform:scale(1);transform:scale(1)}}.wpt-compact-item-image{border-radius:2px;height:100%;object-fit:cover;width:100%}.wpt-compact-item-fallback{color:var(--text-secondary);font-size:8px;font-weight:700;line-height:1;text-align:center}.wpt-next-purchase-compact{align-items:center;display:flex;gap:2px;justify-content:center;max-width:120px}.wpt-enhanced-next-purchase{align-items:center;display:flex;flex-wrap:nowrap;gap:2px}.wpt-complete-item,.wpt-next-component,.wpt-next-intermediate{align-items:center;display:flex;flex-direction:column;gap:1px;min-width:24px}.wpt-next-item-image{border:1px solid var(--border-secondary);border-radius:2px;height:22px;overflow:hidden;position:relative;width:22px}.wpt-next-component .wpt-next-item-image{border-color:var(--status-success)}.wpt-next-intermediate .wpt-next-item-image{border-color:var(--status-info)}.wpt-complete-item .wpt-next-item-image{border-color:var(--text-accent)}.wpt-next-item-img{height:100%;object-fit:cover;width:100%}.wpt-next-cost{font-size:9px;font-weight:600;line-height:1;text-align:center}.wpt-need-more{color:var(--status-warning)}.wpt-can-afford{color:var(--status-success)}.wpt-build-complete{color:var(--border-secondary);font-size:11px;font-style:italic}.wpt-next-purchase{color:var(--text-primary);font-size:12px}.wpt-next-purchase-info{display:flex;flex-direction:column;gap:2px}.wpt-next-purchase-item{color:var(--text-primary-off-white);font-size:13px;font-weight:600;line-height:1.2}.wpt-target-item{color:var(--text-secondary);font-size:11px;font-weight:400}.wpt-next-purchase-cost{font-size:11px;font-weight:500}.wpt-no-next-purchase{color:var(--text-muted);font-size:11px;font-style:italic}.wpt-event-pins{flex-wrap:wrap;gap:4px}.wpt-event-pin,.wpt-event-pins{align-items:center;display:flex}.wpt-event-pin{border-radius:12px;color:#fff;font-size:10px;font-weight:700;gap:2px;justify-content:center;min-width:40px;padding:2px 6px}.wpt-event-gold{font-size:9px;font-weight:600}.wpt-wave-checkbox{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:4px;position:relative}.wpt-checkbox-input{display:none}.wpt-checkbox-custom{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:3px;height:16px;position:relative;transition:all .2s;width:16px}.wpt-checkbox-input:checked+.wpt-checkbox-custom{background:var(--team-blue);border-color:var(--team-blue)}.wpt-wave-selected-new .wpt-checkbox-input:checked+.wpt-checkbox-custom{background:#1a5490;border-color:#1a5490}.wpt-wave-selected-new .wpt-checkbox-input:checked+.wpt-checkbox-custom:hover{background:#0f3a6b;border-color:#0f3a6b}.wpt-checkbox-input:checked+.wpt-checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:2px;position:absolute;top:-2px}.wpt-checkbox-custom:hover{border-color:var(--border-primary)}.wpt-checkbox-input:checked+.wpt-checkbox-custom:hover{background:var(--team-blue-dark);border-color:var(--team-blue-dark)}.wpt-wave-events{flex-wrap:wrap;gap:2px}.wpt-event-icon,.wpt-wave-events{align-items:center;display:flex;justify-content:center}.wpt-event-icon{border-radius:2px;font-size:8px;font-weight:700;height:16px;position:relative;width:16px}.wpt-event-icon img{height:12px;object-fit:contain;width:12px}.wpt-event-icon.primary{background:var(--event-blue-cspm);border:1px solid var(--event-blue-kill)}.wpt-event-icon.opponent{background:var(--event-red-cspm);border:1px solid var(--event-red-kill)}.wpt-event-icon.misc{color:#fff;font-size:10px}.wpt-no-events{color:var(--border-secondary);font-size:14px}.wpt-wave-selected{background:var(--bg-quaternary)!important;border-left:3px solid var(--team-blue)!important}.wpt-wave-selected:hover{background:rgba(30,136,229,.1)!important}.wpt-wave-selected .wpt-wave-num{color:var(--team-blue);font-weight:700}.wpt-wave-selected-new{background:var(--bg-quaternary)!important;border-left:3px solid #1a5490!important}.wpt-wave-selected-new:hover{background:rgba(26,84,144,.15)!important}.wpt-wave-selected-new .wpt-wave-num{color:#1a5490;font-weight:700}.wpt-table-controls{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:12px 20px}.wpt-row-controls{align-items:center;display:flex;gap:8px}.wpt-expand-controls{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-primary);display:flex;gap:16px;justify-content:space-between;padding:12px 20px}.wpt-selection-controls{align-items:center;display:flex;gap:8px}.wpt-selection-btn{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.wpt-selection-btn:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-accent)}.wpt-selection-btn:disabled{cursor:not-allowed;opacity:.5}.wpt-select-btn:hover:not(:disabled){background:var(--status-success);color:#fff}.wpt-clear-btn:hover:not(:disabled){background:var(--team-red-medium);color:#fff}.wpt-expand-buttons{align-items:center;display:flex;gap:8px}.wpt-showing-info{color:var(--text-secondary);font-size:12px}.wpt-expand-btn{align-items:center;background:var(--bg-primary);border:none;border-radius:6px;color:var(--text-gold);cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.wpt-expand-btn:hover{background:var(--hover-overlay);color:var(--text-accent-bright);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.wpt-expand-btn:active{background:var(--active-overlay);-webkit-transform:translateY(0);transform:translateY(0)}.wpt-expand-btn:disabled{cursor:not-allowed;opacity:.5}.wpt-expand-btn:disabled,.wpt-expand-btn:disabled:hover{color:var(--text-muted);-webkit-transform:none;transform:none}.wpt-expand-btn:disabled:hover{background:var(--bg-primary)}.wpt-button-icon{font-size:16px;font-weight:700;line-height:1}.wpt-arrow-down,.wpt-arrow-up{font-size:14px;font-weight:700;line-height:1}.wpt-minus-btn .wpt-button-icon{font-size:18px}.wpt-plus-btn .wpt-button-icon{font-size:16px}.wpt-row-info{color:var(--text-secondary);font-size:12px}@media (max-width:1200px){.wpt-wave-prog-row,.wpt-wave-prog-table-header{font-size:12px;gap:8px;grid-template-columns:35px 45px 65px 65px 65px 110px 75px 130px 90px 110px 70px 35px;padding:10px 12px}.wpt-compact-inventory{max-width:130px}.wpt-expanded-content{gap:16px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.wpt-wave-prog-row,.wpt-wave-prog-table-header{font-size:11px;gap:4px;grid-template-columns:30px 40px 55px 55px 55px 90px 65px 110px 80px 90px 60px 30px;padding:8px 10px}.wpt-compact-empty-slot,.wpt-compact-item,.wpt-next-item-image{height:18px;width:18px}.wpt-expanded-content{gap:12px;grid-template-columns:1fr}.wpt-view-buttons{gap:4px}.wpt-view-btn{font-size:11px;padding:4px 8px}}.wpt-expand-column,.wpt-expand-column .wpt-expand-btn{align-items:center;display:flex;justify-content:center}.wpt-expand-column .wpt-expand-btn{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:50%;box-shadow:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:700;height:24px;min-width:auto;padding:0;transition:all .2s ease;width:24px}.wpt-expand-column .wpt-expand-btn:hover{background:var(--hover-overlay);border-color:var(--border-primary);box-shadow:none;color:var(--text-primary);-webkit-transform:none;transform:none}.wpt-expand-column .wpt-expand-btn.expanded{background:var(--text-accent);border-color:var(--text-accent);color:#fff}.wpt-expanded-details{background:var(--bg-primary);border-top:1px solid var(--border-secondary);grid-column:1/-1;margin-top:-1px;padding:16px 20px}.wpt-expanded-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.wpt-expanded-section{background:var(--bg-secondary);border-radius:6px;padding:12px}.wpt-expanded-section h6{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:14px;font-weight:700;margin:0 0 8px;padding-bottom:4px}.wpt-gold-breakdown{display:flex;flex-direction:column;font-size:12px;gap:4px}.wpt-gold-breakdown div{color:var(--text-secondary)}.wpt-inventory-details{display:flex;flex-direction:column;gap:6px;max-height:120px;overflow-y:auto}.wpt-inventory-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.wpt-inventory-item-img{border-radius:3px;height:24px;object-fit:cover;width:24px}.wpt-next-purchase-details{align-items:center;display:flex;gap:8px}.wpt-next-purchase-img{border-radius:4px;height:32px;object-fit:cover;width:32px}.wpt-next-purchase-details div{color:var(--text-secondary);font-size:12px}.wpt-next-purchase-details .wpt-need-more{color:#ff9800;font-weight:700}.wpt-wave-limit-pulse{-webkit-animation:wptPulse .4s ease;animation:wptPulse .4s ease}@-webkit-keyframes wptPulse{0%{box-shadow:0 0 0 0 hsla(39,45%,62%,.35)}to{box-shadow:0 0 0 10px hsla(39,45%,62%,0)}}@keyframes wptPulse{0%{box-shadow:0 0 0 0 hsla(39,45%,62%,.35)}to{box-shadow:0 0 0 10px hsla(39,45%,62%,0)}}.v4-wave-export-panel{background:var(--bg-secondary);box-shadow:var(--shadow-sm);overflow:hidden}.v4-wave-export-content{color:var(--text-secondary);padding:14px}.v4-wave-export-group-preview{background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:8px;margin-bottom:12px;overflow:hidden}.v4-wave-export-group-preview.custom-group{background:rgba(79,195,247,.05)}.v4-wave-export-group-preview.active-group{background:var(--bg-quaternary);border:2px solid var(--accent-blue)!important}.v4-wave-export-group-header{align-items:center;background:var(--bg-quaternary);border-bottom:1px solid var(--border-accent);display:flex;justify-content:space-between;padding:8px 12px}.v4-wave-export-group-toggle{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;gap:8px;text-align:left}.v4-wave-export-group-toggle:hover{background:var(--hover-overlay)}.v4-export-arrow{color:var(--text-secondary);font-size:12px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.v4-wave-export-group-title{flex:1 1}.v4-wave-export-group-name{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.v4-wave-export-group-name.active{color:var(--accent-blue);font-weight:600}.v4-active-indicator{color:var(--accent-blue);font-size:12px;font-weight:500}.v4-loaded-indicator{color:var(--accent-green);font-size:12px;font-weight:500}.v4-wave-export-group-subtitle{color:var(--text-secondary);font-size:12px;margin:2px 0 0}.v4-wave-export-group-actions{align-items:center;display:flex;gap:6px}.v4-wave-export-switch-group-btn{background:var(--focus-ring)!important;border:2px solid var(--focus-ring)!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;font-weight:500!important;margin-right:6px!important;padding:4px 8px!important;transition:all .2s!important}.v4-wave-export-switch-group-btn:hover{background:var(--team-blue-dark)!important;border-color:var(--team-blue-dark)!important}.v4-wave-export-export-group-btn{background:var(--text-gold)!important;border:1px solid var(--text-gold)!important;border-radius:4px!important;color:var(--bg-primary)!important;cursor:pointer!important;font-size:12px!important;font-weight:500!important;padding:4px 8px!important;transition:all .2s!important}.v4-wave-export-export-group-btn:hover:not(:disabled){background:var(--text-accent)!important;border-color:var(--text-accent)!important}.v4-wave-export-export-group-btn:disabled{background:var(--bg-quaternary)!important;border-color:var(--border-accent)!important;color:var(--text-muted)!important;cursor:not-allowed!important;opacity:.5!important}.v4-wave-export-delete-group-btn{background:var(--team-red-medium)!important;border:1px solid var(--team-red-dark)!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;padding:4px 8px!important;transition:all .2s!important}.v4-wave-export-delete-group-btn:hover:not(:disabled){background:var(--team-red-dark)!important}.v4-wave-export-delete-group-btn:disabled{background:var(--bg-quaternary)!important;border-color:var(--border-accent)!important;color:var(--text-muted)!important;cursor:not-allowed!important;opacity:.5!important}.v4-wave-export-group-content{padding:12px}.v4-wave-export-empty-custom-group{background:var(--bg-quaternary);border-radius:6px;color:var(--text-muted);font-style:italic;margin:8px 0;padding:20px;text-align:center}.v4-wave-export-wave-pair-preview-item{background:var(--bg-quaternary);border:1px solid var(--border-accent);border-radius:6px;margin-bottom:12px;padding:8px}.v4-wave-export-wave-pair-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.v4-wave-export-wave-number{color:var(--text-primary);font-weight:600}.v4-wave-export-wave-pair-row{align-items:flex-start;display:flex;gap:12px}.v4-wave-export-champ-col{display:flex;flex:1 1;flex-direction:column;gap:6px}.v4-wave-export-champ-col.blue{border-left:3px solid var(--team-blue-medium);padding-left:8px}.v4-wave-export-champ-col.red{border-left:3px solid var(--team-red-medium);padding-left:8px}.v4-wave-export-champ-col.missing{opacity:.5}.v4-wave-export-champ-meta{align-items:center;display:flex;gap:8px;width:100%}.v4-wave-export-champ-portrait{background:var(--bg-primary);border-radius:4px;flex-shrink:0;height:32px!important;overflow:hidden;width:32px!important}.v4-wave-export-champ-portrait-image{height:100%!important;object-fit:cover;width:100%!important}.v4-wave-export-meta-text{flex-shrink:0;margin-right:8px}.v4-wave-export-champ-name{color:var(--text-primary);font-size:13px;font-weight:600;white-space:nowrap}.v4-wave-export-meta-line{color:var(--text-secondary);font-size:11px;margin-top:2px;white-space:nowrap}.v4-wave-export-meta-sep{margin:0 4px}.v4-wave-export-items-row{display:flex;flex-wrap:nowrap;gap:3px}.v4-wave-export-item-slot{align-items:center!important;background:var(--bg-primary)!important;border:1px solid var(--border-accent)!important;border-radius:3px!important;box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;height:22px!important;justify-content:center!important;width:22px!important}.v4-wave-export-item-slot.empty{background:var(--bg-primary)!important;border:1px solid var(--border-accent)!important;opacity:.3!important}.v4-wave-export-item-slot img{border-radius:2px!important;height:100%!important;object-fit:cover!important;width:100%!important}.v4-wave-export-vs-col{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:12px;font-weight:600;justify-content:center}.v4-wave-export-add-group-section{display:flex;justify-content:center;text-align:center}.v4-wave-export-add-group-btn{background:var(--bg-tertiary)!important;border:1px solid var(--border-secondary)!important;border-radius:6px!important;color:var(--text-primary)!important;cursor:pointer!important;display:inline-block!important;font-size:12px!important;font-weight:500!important;max-width:150px!important;min-width:auto!important;padding:8px 16px!important;transition:all .2s!important;width:auto!important}.v4-wave-export-add-group-btn:hover{background:var(--hover-overlay)!important;border-color:var(--border-accent)!important}.v4-wave-export-error{background:var(--team-red-medium);border-radius:6px;color:#fff;margin:12px 0;padding:12px}@media (max-width:768px){.v4-wave-export-wave-pair-row{flex-direction:column;gap:8px}.v4-wave-export-vs-col{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.v4-wave-export-champ-meta{flex-direction:row;gap:8px}}.ch-champion-header{align-items:center;background:rgba(0,0,0,.3);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);display:flex;gap:20px;margin-bottom:20px;padding:20px}.ch-champion-avatar{border:3px solid #c9aa71;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.3);height:80px;width:80px}.ch-champion-info{flex:1 1}.ch-champion-name-container{align-items:baseline;display:flex;gap:12px;margin-bottom:10px}.ch-champion-name{color:#f0c888;font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.ch-champion-title{color:#f0c888;font-size:1.6rem;font-weight:400;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.ch-champion-stats{display:flex;flex-wrap:wrap;gap:20px}.ch-champion-stat{background:rgba(0,0,0,.2);border-radius:4px;color:#cdbe91;font-size:1rem;font-weight:500;padding:4px 8px}@media (max-width:768px){.ch-champion-header{gap:15px;padding:15px}.ch-champion-avatar{height:60px;width:60px}.ch-champion-name{font-size:2rem}.ch-champion-title{font-size:1.4rem}.ch-champion-stats{gap:15px}.ch-champion-stat{font-size:.9rem}}@media (max-width:480px){.ch-champion-header{flex-direction:column;gap:10px;text-align:center}.ch-champion-avatar{height:50px;width:50px}.ch-champion-name{font-size:1.8rem}.ch-champion-title{font-size:1.2rem}.ch-champion-name-container{align-items:center;flex-direction:column;gap:4px}.ch-champion-stats{gap:10px;justify-content:center}}.static-sandbox-header{align-items:first baseline;background:var(--bg-secondary);color:var(--text-accent);display:flex;flex-direction:row;gap:10px;padding-left:20px}.champion-content-combined{display:flex;flex-direction:column;gap:0}.champion-content-combined .champion-content-layout{margin-bottom:0}@media (max-width:768px){.champion-content-combined{margin:0 12px}}.champion-content-layout{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;margin-bottom:20px}.champion-left-column{align-items:flex-start;display:flex;flex:0 0 40%;flex-direction:column;gap:20px}.champion-right-column{flex:0 0 60%;gap:20px}.champion-right-column,.champion-runes-section{align-items:flex-start;display:flex;flex-direction:column}.champion-runes-section{width:100%}.champion-runes-section .build-info-title{text-align:center;width:100%}.champion-summoner-spells-section{margin-left:25px;width:100%}.champion-items-section,.champion-skills-section{width:100%}.champion-skills-section,.champion-summoner-spells-section{align-items:flex-start;display:flex;flex-direction:column}.champion-skills-section{gap:15px;padding:10px 0}.champion-skill-order-container,.champion-skill-priority-container{width:100%}.section-title{color:#cdbe91}.champion-skill-priority-container{margin-bottom:15px}.champion-skill-order-container{margin-bottom:10px}.champion-instructions{background-color:rgba(0,0,0,.3);border-radius:5px;color:#cdbe91;margin:20px 0;padding:15px;text-align:center}.build-info-title{margin:0 0 10px}.bi-rune-info-title,.build-info-title{color:#cdbe91;font-size:1.3rem;font-weight:600}.bi-rune-info-title{margin-bottom:0!important;margin-top:0!important}@media (max-width:960px){.champion-content-layout{flex-direction:column}.champion-left-column,.champion-right-column{flex:1 1 100%}}@media (max-width:1100px){.champion-avatar{margin-bottom:10px;margin-right:0}.champion-stats{justify-content:center}}@media (max-width:768px){.websocket-champion-tracker{padding:5px}.champion-name{font-size:1.6rem}.champion-instructions{font-size:.9rem;padding:6px}.champion-skills-section{align-items:center}}.rb-container{align-items:center;color:#fff;display:flex;flex-direction:column;padding:0 0 15px}.rb-title{color:#cdbe91;font-size:1.2rem;font-weight:600;margin:0}.rb-trees-container{display:flex;gap:20px;justify-content:space-around;padding:5px}.rb-tree{flex:0 0 auto;padding:15px;text-align:center}.rb-tree-header{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.rb-tree-icon{height:36px;margin-right:12px;width:36px}.rb-tree-name{color:#cdbe91;margin:0;text-transform:capitalize}.rb-keystone-row,.rb-shard-row,.rb-slot1-row,.rb-slot2-row,.rb-slot3-row{display:flex;justify-content:space-evenly;margin-bottom:10px;width:100%}.rb-rune-slot{background-color:rgba(0,0,0,.4);border-radius:50%;height:42px;width:42px}.rb-keystone-row .rb-rune-slot{height:56px;width:56px}.rb-shard-slot{background-color:rgba(0,0,0,.4);border-radius:50%;height:28px;width:28px}.rb-rune-slot img,.rb-shard-slot img{border-radius:50%;height:100%;width:100%}.rb-rune-slot.rb-selected,.rb-shard-slot.rb-selected{border:2px solid rgba(0,168,255,.9)}.rb-rune-slot.rb-unselected img,.rb-shard-slot.rb-unselected img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.25}.rb-primary-path,.rb-secondary-path{align-items:center;display:flex;flex-direction:column;width:auto}.rb-primary-path>div,.rb-secondary-path>div{display:flex;justify-content:space-evenly;width:auto}.rb-shards{border-top:1px solid hsla(0,0%,100%,.1);margin-top:35px;padding-top:20px}.rb-shards,.rb-shards-paths{align-items:center;flex-direction:column;width:auto}.rb-shards-paths{display:flex;gap:8px}.champion-runebuild-error,.champion-runebuild-loading{background-color:rgba(0,10,20,.9);border-radius:8px;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.champion-runebuild-error{border:1px solid #e74c3c;color:#e74c3c}.secondary-rune-tree{flex:1 1;width:100%}.rune-stats-row{display:flex;gap:20px}.rune-stats-row p{color:#f8f9fa;font-size:14px;margin:0}.secondary-rune-tree .rb-slot1-row,.secondary-rune-tree .rb-slot2-row,.secondary-rune-tree .rb-slot3-row{padding-left:5px}.rb-secondary-path .rb-slot1-row,.rb-secondary-path .rb-slot2-row,.rb-secondary-path .rb-slot3-row{display:flex;flex-direction:row;gap:8px;margin-bottom:6px;padding-left:0}.rb-secondary-path .rb-rune-slot,.rb-shard-slot{margin-left:0}.rb-primary-path .rb-keystone-row,.rb-primary-path .rb-slot1-row,.rb-primary-path .rb-slot2-row,.rb-primary-path .rb-slot3-row{display:flex;gap:8px;justify-content:inherit;width:auto}.rb-shards{display:flex;justify-content:inherit;margin-top:10px;padding-top:10px}.rb-shards:before{border-top:1px solid hsla(0,0%,100%,.1);content:"";left:25%;position:absolute;top:0;width:50%}.rb-secondary-path .rb-slot1-row,.rb-secondary-path .rb-slot2-row,.rb-secondary-path .rb-slot3-row,.rb-shard-row{justify-content:inherit}.rb-shard-row{display:flex;flex-direction:row;gap:8px;width:auto}.champion-item-build-container{color:#fff;margin-bottom:20px}.item-build-layout{flex-direction:row;gap:15px}.item-build-layout,.item-slot{align-items:center;display:flex}.item-slot{background-color:rgba(0,0,0,.3);border-radius:4px;height:48px;justify-content:center;overflow:hidden;width:48px}.item-image{height:100%;object-fit:cover;width:100%}.arrow{align-items:center;color:#cdbe91;display:flex;font-size:18px;margin:0 5px}.options-arrow{font-weight:700;margin:0 15px}.column-divider{align-self:center;height:48px;margin:0 5px;width:1px}.divider-line{background-color:hsla(45,37%,69%,.3);height:100%;width:1px}.build-path-content{align-items:center;display:flex}.core-items-row{flex-wrap:wrap;justify-content:flex-start}.core-items-row,.options-layout{align-items:center;display:flex;gap:10px}.options-column{display:flex;flex-direction:column;gap:8px}.column-arrow{align-self:center}.item-build-error,.item-build-loading,.item-build-missing{background-color:rgba(0,0,0,.2);border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.item-build-error{border:1px solid #e74c3c;color:#e74c3c}@media (max-width:768px){.item-build-layout{align-items:flex-start;flex-direction:column;gap:20px}.build-path-content{width:100%}.core-items-row{flex-wrap:wrap;justify-content:flex-start}.column-divider{display:none}.options-layout{margin-top:10px}}.ss-container{border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:#fff;margin-bottom:15px;padding:15px}.ss-header{color:#cdbe91;font-size:18px;margin-bottom:15px;margin-top:0;text-align:center}.ss-combinations{display:flex;flex-direction:column;gap:15px}.ss-combo{align-items:center;border-radius:4px;display:flex;padding:10px}.ss-spells{display:flex;gap:12px;margin-right:15px}.ss-spell{align-items:center;display:flex;flex-direction:column;width:45px}.ss-spell-img{border:1px solid hsla(0,0%,100%,.2);border-radius:4px;height:40px;overflow:hidden;width:40px}.ss-spell-name{color:#a09b8c;font-size:10px;margin-top:4px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.ss-stats{display:flex;flex-grow:1;justify-content:space-around}.ss-stat{align-items:center;display:flex;flex-direction:column}.ss-stat-value{color:#f0e6d2;font-size:16px;font-weight:700}.ss-stat-label{color:#a09b8c;font-size:12px;margin-top:2px}.ss-error{border-color:#e74c3c;color:#e74c3c}.ss-warning{border-color:#f39c12;color:#f39c12;padding:10px;text-align:center}.ss-simple-container{align-items:center;border-radius:4px;display:flex;margin-bottom:10px;padding:8px 12px;width:100%}.ss-simple-label{color:#cdbe91;font-size:16px;font-weight:500;margin-right:12px}.ss-simple-spells{display:flex;gap:8px}.ss-simple-img{background-color:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;height:36px;width:36px}.champion-skill-order{color:#fff;display:inline-block;margin-bottom:0;max-width:100%;padding:0}.so-skill-order-container{display:flex;flex-direction:column;gap:10px}.so-skill-priority{color:#cdbe91;font-size:18px;font-weight:700;padding:0 0 5px;text-align:left}.so-skill-priority-with-images{align-items:center;display:flex;gap:8px}.so-priority-spell{display:inline-block}.so-priority-separator{color:#cdbe91;font-size:20px}.so-priority-spell .so-spell-image-container{display:inline-block;height:40px;position:relative;width:40px}.so-priority-spell .so-spell-image{border-radius:4px;height:100%;object-fit:cover;width:100%}.so-priority-spell .so-spell-key{background-color:rgba(0,0,0,.7);border-radius:2px;bottom:0;color:#cdbe91;font-size:12px;font-weight:700;padding:1px 3px;position:absolute;right:0}.so-ability-cell .so-spell-image-container{align-items:center;display:flex;height:30px;justify-content:center;position:relative;width:30px}.so-ability-cell .so-spell-image{border:1px solid hsla(45,37%,69%,.3);border-radius:3px;box-sizing:border-box;height:100%;object-fit:cover;width:100%}.so-ability-cell .so-spell-key{background-color:rgba(0,0,0,.7);border-radius:2px;bottom:0;color:#cdbe91;font-size:9px;font-weight:700;padding:0 2px;position:absolute;right:0}.so-skill-order-grid{background-color:rgba(13,19,26,.9);border:1px solid #1e2d3b;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.4);display:inline-block;margin-top:0;max-width:100%;overflow-x:auto;overflow-y:hidden}.so-skill-grid-row{border-bottom:1px solid #1e2d3b;display:flex;height:30px;margin-bottom:0}.so-skill-grid-row:last-child{border-bottom:none}.so-skill-cell{align-items:center;border-right:1px solid #1e2d3b;box-sizing:border-box;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:30px;justify-content:center;margin:0;width:22px}.so-skill-cell:last-child{border-right:none}.so-skill-grid-row:first-child .so-ability-cell,.so-skill-grid-row:nth-child(2) .so-ability-cell,.so-skill-grid-row:nth-child(3) .so-ability-cell,.so-skill-grid-row:nth-child(4) .so-ability-cell{background:transparent;border:none;color:#000;padding:0}.so-ability-cell{border-right:2px solid #0d131a;font-size:15px;font-weight:700;min-width:30px;overflow:hidden;width:30px}.so-skill-cell.so-filled{color:#000;font-weight:700;position:relative;text-shadow:0 0 2px hsla(0,0%,100%,.5);z-index:1}.so-skill-cell.so-filled:after{border-radius:2px;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px;z-index:-1}.so-skill-grid-row:first-child .so-filled:after,.so-skill-grid-row:nth-child(2) .so-filled:after,.so-skill-grid-row:nth-child(3) .so-filled:after,.so-skill-grid-row:nth-child(4) .so-filled:after{background:linear-gradient(135deg,#b5a678,#9e8e5e);box-shadow:inset 0 0 2px hsla(0,0%,100%,.5)}.so-skill-cell:not(.so-filled):not(.so-ability-cell){background-color:#0d131a;color:hsla(0,0%,100%,.3)}.champion-skill-order.so-empty,.champion-skill-order.so-loading{color:hsla(0,0%,100%,.7);padding:15px;text-align:center}.so-spell-loading{align-items:center;color:#cdbe91;display:flex;font-weight:700;justify-content:center;opacity:.8}@media (max-width:768px){.so-skill-order-grid{max-width:calc(100vw - 40px)}.so-skill-cell{font-size:10px;height:24px;width:18px}.so-ability-cell{font-size:12px;left:0;min-width:24px;position:-webkit-sticky;position:sticky;width:24px;z-index:2}.so-skill-priority{font-size:16px}.so-priority-spell .so-spell-image-container{height:32px;width:32px}.so-priority-spell .so-spell-key{font-size:10px;padding:0 2px}.so-ability-cell .so-spell-image-container{height:24px;width:24px}.so-ability-cell .so-spell-image{height:100%;width:100%}.so-ability-cell .so-spell-key{font-size:7px;padding:0 1px}}.test{color:#fff;display:flex;justify-content:center}.ability-button-container{align-items:center;display:flex;flex-direction:column}.ability-button{border:2px solid rgba(0,0,0,.7);border-radius:5px;cursor:pointer;height:50px;margin:5px;overflow:hidden;position:relative;width:50px}.ability-img{height:100%!important;object-fit:contain!important;width:100%!important}.ability-letter{left:2px}.ability-letter,.ability-points{background-color:rgba(0,0,0,.6);border-radius:3px;bottom:2px;color:#fff;font-size:10px;font-weight:700;padding:1px 3px;position:absolute}.ability-points{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ability-mana-cost{background-color:rgba(0,0,0,.6);border-radius:3px;color:#fff;font-size:10px;font-weight:700;padding:1px 3px;position:absolute;right:2px;top:2px}.ability-cooldown{background-color:rgba(0,0,0,.8);border-radius:3px;color:#fff;padding:2px 4px}.ability-cooldown,.ability-timer{font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ability-timer{color:#ff0}.ability-button.greyed-out .ability-img,.ability-extra-info.greyed-out{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.6}.ability-button.active-timer{border-color:#ff0}.ability-base-cooldown,.ability-range{color:#fff;font-size:12px;margin-top:5px;text-align:center}.ability-info-icon{flex-shrink:0;height:12px!important;margin-right:4px;object-fit:contain!important;width:12px!important}.ability-base-cooldown,.ability-range{align-items:center;display:flex;justify-content:center}.passive-ability-btn{border:2px solid #000;border-radius:5px;height:50px;margin:5px;position:relative;width:50px}.passive-ability-img{height:100%!important;object-fit:contain!important;width:100%!important}.passive-ability-letter{background-color:rgba(0,0,0,.6);border-radius:3px;bottom:2px;color:#fff;font-size:12px;font-weight:700;padding:2px 4px;position:absolute;right:2px}.ability-buttons-container{display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:40px}.combat-display{align-items:center;background-color:rgba(0,0,0,.2);border-radius:8px;display:flex;justify-content:space-between;margin:8px 0;min-height:120px;padding:16px;position:relative}.combat-display.no-target{gap:20px;justify-content:center}.champion-mini-card{align-items:center;background-color:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:8px}.champion-mini-card.blue{border-color:rgba(0,150,255,.5)}.champion-mini-card.red{border-color:hsla(0,100%,70%,.5)}.champion-mini-card.target.dead{background-color:rgba(255,0,0,.1);border-color:rgba(255,0,0,.8)}.champion-image-container{position:relative}.skull-overlay{-webkit-animation:skullPulse .5s ease-in-out;animation:skullPulse .5s ease-in-out;font-size:24px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}@-webkit-keyframes skullPulse{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}50%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes skullPulse{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}50%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.combat-champion-name{color:#cdbe91;font-size:10px;font-weight:700;text-align:center}.combat-effects{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:60px;position:relative}.vs-indicator{color:hsla(0,0%,100%,.5);font-size:20px;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.8)}.combat-event{align-items:center;-webkit-animation:combatEventAppear .3s ease-out;animation:combatEventAppear .3s ease-out;display:flex;gap:12px}@-webkit-keyframes combatEventAppear{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes combatEventAppear{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.spell-flash{-webkit-animation:spellFlash .4s ease-out;animation:spellFlash .4s ease-out;border:2px solid #cdbe91;border-radius:4px;height:32px;overflow:hidden;position:relative;width:32px}@-webkit-keyframes spellFlash{0%{border-color:#cdbe91;box-shadow:0 0 0 hsla(45,37%,69%,.6)}50%{border-color:#fff;box-shadow:0 0 12px hsla(45,37%,69%,.8)}to{border-color:#cdbe91;box-shadow:0 0 0 hsla(45,37%,69%,.6)}}@keyframes spellFlash{0%{border-color:#cdbe91;box-shadow:0 0 0 hsla(45,37%,69%,.6)}50%{border-color:#fff;box-shadow:0 0 12px hsla(45,37%,69%,.8)}to{border-color:#cdbe91;box-shadow:0 0 0 hsla(45,37%,69%,.6)}}.spell-flash img{border-radius:4px!important;display:block!important;height:100%!important;object-fit:cover!important;width:100%!important}.ability-key{background:rgba(0,0,0,.8);border-radius:2px;bottom:-2px;color:#fff;font-size:8px;font-weight:700;line-height:1;padding:1px 3px;position:absolute;right:-2px}.damage-numbers-container{display:flex;flex-direction:column;gap:2px}.damage-number{-webkit-animation:damageNumberFloat 1.5s ease-out forwards;animation:damageNumberFloat 1.5s ease-out forwards;font-size:14px;font-weight:700;opacity:1;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@-webkit-keyframes damageNumberFloat{0%{font-size:14px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{font-size:16px;opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{font-size:12px;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes damageNumberFloat{0%{font-size:14px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{font-size:16px;opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{font-size:12px;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.damage-number.damage-physical{color:#ff6b47}.damage-number.damage-magic{color:#4dabf7}.damage-number.damage-true{color:#fff}.no-target-message{align-items:center;color:hsla(0,0%,100%,.6);display:flex;flex-direction:column;font-style:italic;gap:8px}@media (max-width:768px){.combat-display{flex-direction:column;gap:16px;min-height:auto}.champion-mini-card{min-width:100px}.combat-effects{flex-direction:row;flex-wrap:wrap;padding:8px}.combat-event{flex-direction:column;gap:4px}}.combat-info-container{align-items:center;display:flex;flex-direction:column;gap:8px}.combat-info-tooltip{display:inline-block;position:relative}.info-icon{cursor:help;font-size:16px;opacity:.6;transition:opacity .2s ease}.info-icon:hover{opacity:1}.tooltip-text{background-color:rgba(0,0,0,.9);border:1px solid hsla(40,50%,88%,.3);border-radius:6px;bottom:125%;color:#f0e6d2;font-size:12px;left:50%;line-height:1.3;margin-left:-110px;opacity:0;padding:8px;position:absolute;text-align:center;transition:opacity .3s,visibility .3s;visibility:hidden;width:220px;z-index:1000}.tooltip-text:after{border:5px solid transparent;border-top-color:rgba(0,0,0,.9);content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.combat-info-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.cooldown-debug-table{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;margin-top:16px;max-width:600px}.cooldown-header{background:rgba(0,0,0,.6);color:#fff;font-size:14px;padding:12px 16px}.cooldown-header:hover{background:rgba(0,0,0,.7)}.arrow{font-size:12px}.cooldown-content{max-height:300px;overflow-y:auto}.cooldown-section{margin-bottom:8px}.section-title{background:hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);font-size:12px;margin:0;padding:8px 16px}.section-title.on-cooldown{background:hsla(0,100%,71%,.1);color:#ff6b6b}.section-title.available{background:rgba(81,207,102,.1);color:#51cf66}.cooldown-row{grid-gap:8px;gap:8px;grid-template-columns:40px 1fr 100px 80px;padding:8px 16px}.cooldown-row:hover{background:hsla(0,0%,100%,.05)}.cooldown-row.on-cooldown{background:hsla(0,100%,71%,.05)}.cooldown-row.available{background:rgba(81,207,102,.05)}.cooldown-key{border-radius:4px;min-width:24px;padding:2px 6px}.cooldown-time{font-family:Courier New,monospace;font-size:10px;text-align:right}.cooldown-row.on-cooldown .cooldown-time{color:#ff6b6b}.cooldown-row.available .cooldown-time{color:#51cf66}.cooldown-type{color:#aaa;letter-spacing:.5px}.cooldown-content::-webkit-scrollbar{width:6px}.cooldown-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.cooldown-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.cooldown-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.cooldown-debug-table{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;margin-top:8px;overflow:hidden;width:100%}.cooldown-header{align-items:center;background:rgba(0,0,0,.5);color:#cdbe91;cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding:8px 12px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.cooldown-header:hover{background:rgba(0,0,0,.6)}.arrow{font-size:10px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.arrow.expanded{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.cooldown-content{padding:0}.cooldown-grid-header{grid-gap:6px;background:rgba(0,0,0,.4);border-bottom:1px solid hsla(0,0%,100%,.1);color:#cdbe91;display:grid;font-size:10px;font-weight:700;gap:6px;grid-template-columns:35px 1fr 70px 70px 60px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.header-current,.header-key,.header-name,.header-original,.header-type{text-align:center}.header-name{text-align:left}.cooldown-grid{display:flex;flex-direction:column}.cooldown-row{grid-gap:6px;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);color:#fff;display:grid;font-size:11px;gap:6px;grid-template-columns:35px 1fr 70px 70px 60px;padding:8px 12px;transition:background-color .2s ease}.cooldown-row:last-child{border-bottom:none}.cooldown-row:hover{background:hsla(0,0%,100%,.08)}.cooldown-row.on-cooldown{background:hsla(0,100%,71%,.08)}.cooldown-row.available{background:rgba(81,207,102,.08)}.cooldown-key{background:hsla(0,0%,100%,.2);border-radius:3px;font-size:10px;font-weight:700;min-width:20px;padding:2px 4px;text-align:center}.cooldown-row.on-cooldown .cooldown-key{background:hsla(0,100%,71%,.3);color:#ff6b6b}.cooldown-row.available .cooldown-key{background:rgba(81,207,102,.3);color:#51cf66}.cooldown-name{color:#cdbe91;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.cooldown-original{color:#a0a0a0;font-size:13px;font-weight:600}.cooldown-current,.cooldown-original{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.cooldown-current{font-size:14px;font-weight:700}.cooldown-row.on-cooldown .cooldown-current{color:#ff6b6b;font-size:15px}.cooldown-row.available .cooldown-current{color:#51cf66;font-size:12px;font-weight:600}.cooldown-type{color:#888;font-size:9px;font-weight:500;letter-spacing:.3px;text-align:center;text-transform:uppercase}.custom-combo-section{border-radius:4px;margin:10px 0;overflow:hidden}.combo-item{background-color:rgba(0,20,40,.5);border:1px solid rgba(60,90,166,.3);border-radius:6px;margin-bottom:8px}.combo-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px!important;position:relative}.combo-header:hover{background-color:rgba(60,90,166,.1)}.combo-header h4{align-items:center;display:flex;flex:1 1;gap:10px;margin:0}.combo-name{color:var(--text-primary-off-white);margin-left:8px}.combo-damage{color:#c9aa71;font-size:14px;font-weight:700}.expand-icon{color:#666}.combat-display-header{align-items:first baseline;background:transparent;border:none;cursor:pointer;display:flex;gap:8px;margin-bottom:0;padding:0!important;text-align:left;transition:all .2s ease;width:100%}.combos-arrow.sub-arrow{color:#666;margin-left:30px}.reset-button-section{border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:flex-end;margin:8px 0}.reset-buttons-row{gap:6px}.reset-btn,.reset-buttons-row{align-items:center;display:flex}.reset-btn{background-color:initial;border:none;border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:14px;font-weight:400;height:32px;justify-content:center;min-width:32px;padding:6px 8px;position:relative;transition:all .2s ease}.reset-btn:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.4);color:#fff;-webkit-transform:translateY(-1px) scale(1.05);transform:translateY(-1px) scale(1.05)}.reset-btn.full-reset:hover{background-color:rgba(100,149,237,.2);border-color:rgba(100,149,237,.5)}.reset-btn.reset-blue-team:hover{background-color:rgba(30,144,255,.2);border-color:rgba(30,144,255,.5)}.reset-btn.reset-red-team:hover{background-color:rgba(220,20,60,.2);border-color:rgba(220,20,60,.5)}.reset-btn.clear-combo:hover{background-color:rgba(255,165,0,.2);border-color:rgba(255,165,0,.5)}.reset-buttons-in-combat{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:8px;justify-content:center}.combo-placeholder{background:rgba(0,0,0,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;cursor:default;margin-left:0;padding:8px 12px}.combo-placeholder-text{color:hsla(0,0%,100%,.4);font-size:14px;font-style:italic}.custom-combo-header:hover{background-color:rgba(120,90,40,.2);color:#f0e6d2}.combo-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.combo-header-top{flex-wrap:nowrap!important;justify-content:space-between!important;min-height:-webkit-fit-content!important;min-height:-moz-fit-content!important;min-height:fit-content!important;overflow:visible!important;width:100%!important}.combo-header-left,.combo-header-top{align-items:center!important;display:flex!important}.combo-header-left{flex:1 1 auto!important;gap:12px!important;min-width:0!important;overflow:hidden!important}.expand-icon{font-size:12px;min-width:12px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.section-title{font-size:14px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.mini-ability-sequence{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;max-width:90%;padding-right:8px}.ability-with-arrow{align-items:center;display:flex;gap:4px;white-space:nowrap}.mini-ability-icon{border:1px solid hsla(0,0%,100%,.2);border-radius:4px;height:24px;overflow:hidden;position:relative;width:24px}.mini-ability-icon img{border-radius:4px!important;display:block!important;height:100%!important;object-fit:cover!important;width:100%!important}.mini-ability-letter{background-color:rgba(0,0,0,.8);border-radius:2px 0 0 0;bottom:0;color:#fff;font-size:8px;font-weight:700;line-height:1;padding:1px 2px;position:absolute;right:0}.ability-arrow{color:#888;font-size:12px;margin:0 2px}.no-combo-text{color:#888;font-size:12px;font-style:italic}.ccs-combo-damage{align-items:flex-end!important;color:#f0e6d2!important;flex-direction:column!important;flex-shrink:0!important;gap:4px!important;min-width:140px!important;text-align:right!important}.ccs-combo-damage,.ccs-total-damage-line{display:flex!important;font-size:14px!important;font-weight:700!important;overflow:visible!important;white-space:nowrap!important}.ccs-total-damage-line{min-width:-webkit-max-content!important;min-width:max-content!important}.ccs-damage-types-breakdown{gap:8px!important;justify-content:flex-end!important;overflow:visible!important}.ccs-damage-type-item,.ccs-damage-types-breakdown{align-items:center!important;display:flex!important}.ccs-damage-type-item{font-size:12px!important;gap:2px!important;white-space:nowrap!important}.ccs-damage-amount{color:#f0e6d2!important;font-weight:400!important;white-space:nowrap!important}.custom-combo-content{padding:16px}.combo-abilities-section,.combo-logs-section,.custom-combo-content{background-color:rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.1)}.combo-abilities-section:last-child,.combo-logs-section:last-child{margin-bottom:0}.combo-abilities-section h5,.combo-logs-section h5{color:#cdbe91;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.combo-abilities-section .ability-buttons-container{display:flex;gap:8px;justify-content:center;margin-top:8px}.show-abilities-button-container{background-color:#1a202c;padding:0 16px 8px}.show-abilities-button{align-items:center;background-color:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;box-sizing:border-box;color:#cdbe91;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:8px;padding:8px 12px;transition:all .2s ease;width:100%}.show-abilities-button:hover{background-color:rgba(120,90,40,.2);border-color:hsla(0,0%,100%,.2);color:#f0e6d2}.mini-combo-display{background-color:rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.1);cursor:pointer;padding:12px 16px;position:relative;transition:background-color .2s ease}.mini-combo-display:hover{background-color:rgba(120,90,40,.1)}.reset-combo-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:400;height:24px;justify-content:center;line-height:1;margin-left:8px;opacity:1;transition:all .2s ease;width:24px;z-index:10}.reset-combo-button:hover{background-color:hsla(0,0%,78%,.3);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.mini-combo-content{align-items:center;display:flex;gap:16px;justify-content:space-between!important}.mini-combo-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.mini-combo-damage{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px;position:relative}.mini-total-damage{color:#f0e6d2;font-size:14px;font-weight:700;white-space:nowrap}.mini-damage-types-breakdown{background-color:rgba(0,0,0,.9);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;display:none;gap:8px;min-width:120px;padding:8px;position:absolute;right:0;top:100%;z-index:10}.mini-combo-damage:hover .mini-damage-types-breakdown{display:flex}.mini-damage-type-item{align-items:center;display:flex;font-size:12px;gap:4px;white-space:nowrap}.mini-damage-amount{color:#f0e6d2;font-weight:400}.mini-combo-header{align-items:center;color:#cdbe91;display:flex;font-size:12px;font-weight:700;gap:8px;margin-bottom:8px}@media (max-width:768px){.custom-combo-header{padding:10px 12px}.combo-info{gap:8px}.mini-ability-icon{height:20px;width:20px}.mini-ability-letter{font-size:7px}}.champion-card{background-color:var(--bg-primary);border-radius:8px;box-sizing:border-box;height:100%;padding:1px 8px 8px 0!important;width:100%}.champion-card.selected{border:2px solid #ff9800}.champion-card img{height:80px;width:80px}.champion-card button{font-size:.9em}.champion-card .champion-image-health-wrapper{border:2px solid #000;flex-shrink:0}.champion-card .ability-displays-wrapper{margin:0 10px}@media (min-width:1200px){.champion-card img{height:80px;width:80px}.champion-info{flex-direction:row;flex-wrap:nowrap}}@media (max-width:1199px) and (min-width:900px){.champion-card img{height:70px;width:70px}.champion-info{flex-direction:row;flex-wrap:nowrap}.ability-displays-wrapper .ability-display{height:35px!important;width:35px!important}.ability-displays-wrapper .ability-display.passive{height:26px!important;width:26px!important}}@media (max-width:1100px) and (min-width:901px){.champion-card img{height:60px;width:60px}.champion-info{align-items:center!important;flex-direction:column!important;gap:8px!important}.ability-displays-wrapper .ability-display{height:30px!important;margin:1px!important;width:30px!important}.ability-displays-wrapper .ability-display.passive{height:22px!important;width:22px!important}.runes-items{flex-direction:row!important;gap:12px!important;justify-content:center!important;width:100%!important}.health-bar,.resource-bar{width:250px!important}}@media (max-width:900px){.champion-card img{height:50px;width:50px}.champion-info{align-items:center!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important}.champion-main-row{align-items:flex-start!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;gap:10px!important;justify-content:center!important;width:100%!important}.ability-displays-wrapper .ability-display{height:28px!important;margin:1px!important;width:28px!important}.ability-displays-wrapper .ability-display.passive{height:20px!important;width:20px!important}.runes-items{flex-direction:row!important;flex-shrink:0!important;gap:15px!important;justify-content:center!important;min-width:auto!important;width:100%!important}.health-bar,.resource-bar{width:200px!important}}@media (max-width:500px){.champion-card img{height:45px;width:45px}.champion-info{flex-direction:column;gap:8px}.champion-image-health-wrapper,.champion-info{align-items:center}.ability-displays-wrapper .ability-display{height:25px!important;margin:1px!important;width:25px!important}.ability-displays-wrapper .ability-display.passive{height:18px!important;width:18px!important}.runes-items{align-items:center;flex-direction:column;gap:8px}.health-bar,.resource-bar{width:180px!important}}.room-game-container{background-color:var(--bg-primary);margin-bottom:20px;overflow:auto;scrollbar-color:transparent transparent;scrollbar-width:thin;width:100%}.room-game-container.loading{align-items:center;background-color:var(--bg-primary);border-radius:8px;color:var(--text-secondary);display:flex;flex-direction:column;height:300px;justify-content:center;padding:16px}.game-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.game-header h3{color:#333;font-size:1.5rem;margin:0}.room-info{background-color:#f0f0f0;border-radius:4px;color:#555;font-size:.9rem;padding:5px 10px}.game-content{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.opponent-selector-container{margin:0 auto;max-width:600px;width:100%}.game-grid-container{flex:1 1;min-width:0}.debug-info{background-color:#f8f8f8;border-radius:4px;color:#666;font-size:.9rem;margin-top:20px;padding:10px}.debug-info h4{color:#444;font-size:1rem;margin-bottom:10px;margin-top:0}.debug-info div{margin-bottom:5px}.champion-card-loading,.champion-card.error{background-color:#232b35;border:1px solid #c8aa6e;border-radius:5px;color:#c8aa6e;padding:20px;text-align:center}.champion-card.error{border-color:#e74c3c;color:#e74c3c}.game-content-main,.game-data-container{display:flex;gap:20px}.game-data-container{flex-direction:column;width:350px}.damage-calculator{background-color:var(--bg-primary);color:#eee;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;width:100%}.damage-calculator-header h2{color:#4fc3f7;font-size:1.5rem;font-weight:600;margin:0}.connection-status{align-items:center;display:flex;font-size:.9rem;gap:1rem}.status-indicator{border-radius:50%;height:12px;transition:background-color .3s ease;width:12px}.status-indicator.connected{background-color:#4caf50;box-shadow:0 0 8px rgba(76,175,80,.6)}.status-indicator.disconnected{background-color:#f44336;box-shadow:0 0 8px rgba(244,67,54,.6)}.test-connection-btn{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:background-color .3s ease}.test-connection-btn:hover{background-color:#1976d2}.damage-calculator-content::-webkit-scrollbar{width:8px}.damage-calculator-content::-webkit-scrollbar-track{background:transparent}.damage-calculator-content::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.damage-calculator-content:hover{scrollbar-color:hsla(0,0%,100%,.3) transparent}.damage-calculator-content:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3)}.damage-calculator-content:hover::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.damage-calculator-loading{align-items:center;background-color:#1a1a2e;color:#eee;display:flex;height:100vh;justify-content:center}.loading-container{background-color:#16213e;border:1px solid #0f3460;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);padding:2rem;text-align:center}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #0f3460;border-radius:50%;border-top-color:#4fc3f7;height:40px;margin:0 auto 1rem;width:40px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-container h3{color:#4fc3f7;font-size:1.25rem;margin:0 0 1rem}.loading-container p{color:#ccc;font-size:.9rem;margin:.5rem 0}.error-message{background-color:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);border-radius:4px;color:#f44336!important;font-weight:500;padding:.5rem}.damage-calculator-error{align-items:center;background-color:#1a1a2e;color:#eee;display:flex;height:100vh;justify-content:center}.error-container{background-color:#16213e;border:1px solid #f44336;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);max-width:400px;padding:2rem;text-align:center}.error-container h3{color:#f44336;font-size:1.25rem;margin:0 0 1rem}.retry-button{background-color:#4caf50;border-radius:6px;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.retry-button:hover{background-color:#45a049}@media (max-width:768px){.damage-calculator-header{flex-direction:column;gap:1rem;padding:1rem}.damage-calculator-header h2{font-size:1.25rem}.connection-status{font-size:.8rem}.error-container,.loading-container{margin:1rem;padding:1.5rem}}.practice-area.preview-mode{background:rgba(20,35,56,.6);border:1px solid #6c757d;cursor:default}.practice-area.preview-mode .current-target-display h4{color:#6c757d}.active-sequence-section{margin-bottom:20px}.input-key.optional{background:rgba(58,89,152,.3);border-color:#3a5998;color:#3a5998}.sequence-line{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sequence-key-container{position:relative;transition:all .3s ease}.sequence-key-container.completed{-webkit-filter:grayscale(.3);filter:grayscale(.3);opacity:.6}.sequence-key-container.current{border-radius:8px;box-shadow:0 0 15px hsla(39,45%,62%,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.sequence-key-container.upcoming{opacity:.8}.sequence-key-container.error{-webkit-animation:errorShake .5s ease-in-out;animation:errorShake .5s ease-in-out}@-webkit-keyframes errorShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}75%{-webkit-transform:translateX(3px);transform:translateX(3px)}}@keyframes errorShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}75%{-webkit-transform:translateX(3px);transform:translateX(3px)}}.input-comparison-line{align-items:center;display:flex;flex-wrap:wrap;gap:4px;min-height:40px}.input-key-pair{align-items:center;display:flex;flex-direction:column;gap:2px;margin:2px}.expected-key-mini{background:rgba(58,89,152,.3);border:1px solid #3a5998;border-radius:4px;color:#c9aa71;font-size:10px;min-height:16px;min-width:20px;padding:2px 4px;text-align:center}.expected-key-mini:empty{background:transparent;border:1px solid transparent}.user-key-mini{border-radius:4px;font-size:10px;font-weight:700;min-width:20px;padding:2px 4px;text-align:center}.user-key-mini.correct{background:rgba(40,167,69,.3);border:1px solid #28a745;color:#28a745}.user-key-mini.incorrect{background:rgba(220,53,69,.3);border:1px solid #dc3545;color:#dc3545}.user-key-mini.optional{background:rgba(58,89,152,.3);border:1px solid #3a5998;color:#3a5998}.user-key-mini.missing{background:hsla(208,7%,46%,.3);border:1px solid #6c757d;color:#6c757d}.user-key-mini.pending{background:hsla(208,7%,46%,.1);border:1px dashed #6c757d;color:#6c757d}.practice-area.completion-mode{background:rgba(40,167,69,.1);border:2px solid #28a745;border-radius:12px;padding:20px;text-align:center}.practice-area.completion-mode .completion-display{background:transparent;border:none;margin:0;padding:0}.practice-area.completion-mode h3{color:#28a745;margin-bottom:20px}.practice-controls{background:rgba(0,0,0,.1);border-radius:8px;margin-top:20px}.high-score-display{background:rgba(255,193,7,.1);border:2px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:15px}.high-score-display h4{color:#ffc107;font-size:16px;margin:0 0 10px}.high-score-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.high-score-stat{color:#c9aa71;font-size:14px}.high-score-stat strong{color:#ffc107}.practice-start-section{text-align:center}.practice-instruction{font-size:16px;margin-bottom:15px}.start-button{background:#4c6a85;border-radius:8px;font-size:16px;padding:12px 24px}.start-button:hover{box-shadow:0 4px 12px rgba(40,167,69,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.practice-active-controls{margin-top:20px;text-align:center}.reset-button{background:linear-gradient(135deg,#ffc107,#e0a800);font-size:14px;padding:10px 20px}.reset-button:hover{background:linear-gradient(135deg,#e0a800,#ffc107)}.pending-auto-attack{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:rgba(255,193,7,.1);border:2px solid #ffc107;border-radius:8px;margin:15px 0;padding:12px}.pending-message{color:#ffc107;font-size:14px;text-align:center}.pending-message strong{color:#fff}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,193,7,.4)}70%{box-shadow:0 0 0 10px rgba(255,193,7,0)}to{box-shadow:0 0 0 0 rgba(255,193,7,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,193,7,.4)}70%{box-shadow:0 0 0 10px rgba(255,193,7,0)}to{box-shadow:0 0 0 0 rgba(255,193,7,0)}}.complete-sequence-display{margin-bottom:20px}.sequence-progress-info{font-weight:500}.sequence-display{align-items:center;gap:0;width:100%}.sequence-chunk{justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.sequence-chunk:nth-child(odd){background:hsla(0,0%,100%,.02)}.sequence-chunk:nth-child(2n){background:hsla(0,0%,100%,.05)}.sequence-chunk.active-chunk{background:hsla(39,45%,62%,.15)!important;box-shadow:0 0 15px hsla(39,45%,62%,.3)}.chunk-keys{gap:2px}.combo-key-display{align-items:center;display:flex;justify-content:center;position:relative}.combo-key-display.completed{opacity:.7}.combo-key-display.current{box-shadow:0 0 15px hsla(39,45%,62%,.6);-webkit-transform:scale(1.1);transform:scale(1.1)}.combo-key-display.error{-webkit-animation:errorPulse .5s ease-in-out;animation:errorPulse .5s ease-in-out}.combo-key-display.tight-spacing{margin-right:-2px}.sequence-divider{background:linear-gradient(90deg,transparent,#3a5998,transparent);height:2px;margin:20px 0;position:relative;width:100%}.sequence-divider:before{background:#3a5998;border-radius:50%;box-shadow:0 0 10px rgba(58,89,152,.5);content:"";height:8px;left:50%;position:absolute;top:-4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:8px}.sub-sequence-group{position:relative}.sub-sequence-keys{align-items:center;display:flex;gap:2px}.sub-sequence-key{align-items:center;display:flex;justify-content:center}.sub-sequence-inputs{display:flex;gap:2px}.sub-sequence-position{align-items:center;display:flex;flex-direction:column;min-width:30px}.sub-sequence-position .user-inputs-stack{align-items:center;display:flex;flex-direction:column;gap:2px}.alc-sequence-inputs{display:flex;flex-direction:column;gap:4px}.alc-attempts{display:flex;flex-direction:column;gap:2px}.alc-attempt{display:flex;justify-content:center}.alc-pair{gap:2px}.alc-pair,.alc-position{align-items:center;display:flex}.alc-position{justify-content:center;min-width:30px}.following-rcs-bottom{border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:2px;margin-top:4px;padding-top:4px}.combo-input-practice{background:rgba(11,25,46,.95);border:2px solid #c9aa71;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);margin:0 auto;max-width:1200px;padding:30px;width:100%}.combo-input-practice h2{color:#c9aa71;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.combo-input-practice h3{color:#f4d03f;font-size:1.3rem;margin-bottom:15px}.combo-input-practice h4{color:#f4d03f;font-size:1.1rem;margin-bottom:10px}.summoner-settings{background:rgba(20,35,56,.6);border:1px solid #3a5998;border-radius:12px;margin-bottom:30px;padding:20px}.summoner-inputs{display:flex;gap:20px;justify-content:center}.summoner-input{align-items:center;display:flex;flex-direction:column;gap:8px}.summoner-input label{color:#c9aa71;font-size:14px;font-weight:700}.key-input{background:rgba(0,0,0,.8);border:2px solid #3a5998;border-radius:8px;color:#fff;font-size:18px;font-weight:700;height:40px;text-align:center;transition:all .3s ease;width:40px}.key-input:focus{border-color:#c9aa71;box-shadow:0 0 10px hsla(39,45%,62%,.3);outline:none}.kiting-settings{background:rgba(20,35,56,.6);border:1px solid #3a5998;border-radius:10px;margin-bottom:25px;padding:16px}.kiting-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.kiting-main-section{display:flex;flex-direction:column;gap:12px}.kiting-main-toggle{display:flex;justify-content:flex-start}.kiting-main-label{align-items:center;cursor:pointer;display:flex;gap:12px}.kiting-text-group{display:flex;flex-direction:column;gap:2px}.kiting-title{color:#c9aa71;font-size:18px;font-weight:700}.kiting-subtitle,.kiting-title{-webkit-user-select:none;user-select:none}.kiting-subtitle{color:#aaa;font-size:14px;font-style:italic}.kiting-checkbox{accent-color:#c9aa71;cursor:pointer;height:20px;width:20px}.kiting-description{color:#ccc;font-size:13px;font-style:italic;line-height:1.4;max-width:400px}.kiting-settings-panel{display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.kiting-settings-panel.disabled{-webkit-filter:blur(2px);filter:blur(2px);opacity:.4;pointer-events:none}.kiting-toggle-label{align-items:center;color:#c9aa71;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:12px}.kiting-toggle-text{-webkit-user-select:none;user-select:none}.kiting-setting{display:flex;flex-direction:column;gap:6px}.kiting-setting-description{color:#aaa;font-size:12px;font-style:italic;line-height:1.3;text-align:left}@media (max-width:768px){.kiting-layout{gap:16px;grid-template-columns:1fr}.kiting-settings-panel{gap:10px}}.combo-selection{margin-bottom:30px}.predefined-combos{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.loading-state{color:#c9aa71;font-size:1.2rem;padding:40px;text-align:center}.combo-button{background:rgba(20,35,56,.8);border:2px solid #3a5998;border-radius:12px;color:#fff;cursor:pointer;padding:15px 20px;text-align:left;transition:all .3s ease}.combo-button:hover{background:rgba(58,89,152,.3);border-color:#c9aa71}.combo-button.selected{background:hsla(39,45%,62%,.2);border-color:#c9aa71}.cip-combo-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.cip-combo-name{font-size:1.1rem;font-weight:700}.combo-meta{align-items:center;display:flex;gap:8px}.difficulty{border-radius:12px;font-size:.8rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.difficulty.beginner{background:#28a745;color:#fff}.difficulty.intermediate{background:#ffc107;color:#000}.difficulty.advanced{background:#fd7e14;color:#fff}.difficulty.expert{background:#dc3545;color:#fff}.category{background:rgba(58,89,152,.3);border:1px solid #3a5998;border-radius:8px;color:#c9aa71;font-size:.8rem;padding:2px 8px}.combo-description{color:#ccc;font-size:.9rem;margin-bottom:5px}.combo-champion{color:#c9aa71;font-size:.8rem;font-weight:700}.custom-sequence-input{background:rgba(20,35,56,.8);border:2px solid #3a5998;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:14px;height:40px;padding:8px 12px;transition:all .3s ease;width:100%}.custom-sequence-input:focus{border-color:#c9aa71;box-shadow:0 0 10px hsla(39,45%,62%,.3);outline:none}.custom-sequence-input::-webkit-input-placeholder{color:#888;font-style:italic}.custom-sequence-input::placeholder{color:#888;font-style:italic}.combo-dropdown-container{margin-bottom:20px;position:relative}.combo-dropdown-header{align-items:center;background:rgba(20,35,56,.8);border:2px solid #3a5998;border-radius:12px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;min-height:60px;padding:15px 20px;transition:all .3s ease}.combo-dropdown-header:hover{background:rgba(58,89,152,.3);border-color:#c9aa71}.combo-dropdown-header.open{border-bottom-color:#c9aa71;border-bottom-left-radius:0;border-bottom-right-radius:0}.selected-combo-display{flex:1 1}.placeholder-text{color:#888;font-style:italic}.dropdown-arrow{color:#c9aa71;font-size:1.2rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.dropdown-arrow.up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.combo-dropdown-list{background:rgba(20,35,56,.95);border:2px solid #c9aa71;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:none;box-shadow:0 8px 32px rgba(0,0,0,.3);left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.combo-dropdown-item{border-bottom:1px solid #3a5998;cursor:pointer;padding:15px 20px;transition:all .3s ease}.combo-dropdown-item:hover{background:rgba(58,89,152,.3)}.combo-dropdown-item.selected{background:hsla(39,45%,62%,.2)}.combo-dropdown-item:last-child{border-bottom:none}.combo-overview{margin-bottom:30px}.sequence-display{background:rgba(20,35,56,.6);border:1px solid #3a5998;border-radius:12px}.sequence-chunk,.sequence-display{display:flex;flex-direction:column}.sequence-chunk{align-items:center;gap:10px}.sequence-chunk:nth-child(2n){background:rgba(0,0,0,.1)}.chunk-keys{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.key-arrow{color:#c9aa71;font-size:18px;font-weight:700;margin:0 4px}.combo-key-display{display:inline-block;transition:all .3s ease}.combo-key-display.completed{-webkit-filter:grayscale(.5);filter:grayscale(.5);opacity:.5}.combo-key-display.current{border-radius:6px;box-shadow:0 0 10px hsla(39,45%,62%,.6);-webkit-transform:scale(1.05);transform:scale(1.05)}.combo-key-display.upcoming{opacity:.8}.combo-key-display.error{box-shadow:0 0 8px rgba(220,53,69,.5)}.sequence-progress-info{background:rgba(20,35,56,.6);border-radius:8px;color:#c9aa71;font-size:14px;font-weight:700;margin-bottom:15px;padding:8px 16px;text-align:center}.sequence-chunk.active-chunk{background:hsla(39,45%,62%,.1);border-radius:8px;padding:8px}.practice-area{background:rgba(20,35,56,.8);border:1px solid #3a5998;border-radius:12px;margin-bottom:30px;padding:20px;position:relative;transition:all .3s ease}.practice-area.kiting-enabled{background:rgba(20,35,56,.9);border:2px dashed #c9aa71;cursor:crosshair}.practice-area.kiting-enabled:hover{background:rgba(25,40,61,.9);border-color:#f4d03f}.kiting-instruction{align-items:center;background:hsla(39,45%,62%,.1);border:1px solid #c9aa71;border-radius:8px;color:#c9aa71;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin-bottom:15px;padding:8px 16px}.kiting-icon{font-size:16px}.click-feedback{pointer-events:none;z-index:10}.click-feedback,.click-ripple{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.click-ripple{-webkit-animation:rippleEffect .4s ease-out;animation:rippleEffect .4s ease-out;background:hsla(39,45%,62%,.1);border:2px solid #c9aa71;border-radius:50%;height:40px;width:40px}.click-icon{-webkit-animation:iconPop .4s ease-out;animation:iconPop .4s ease-out;font-size:20px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes rippleEffect{0%{height:10px;opacity:1;width:10px}to{height:60px;opacity:0;width:60px}}@keyframes rippleEffect{0%{height:10px;opacity:1;width:10px}to{height:60px;opacity:0;width:60px}}@-webkit-keyframes iconPop{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes iconPop{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.current-target-display{margin-bottom:20px;text-align:center}.current-target-display h4{color:#c9aa71;font-size:18px;font-weight:700;margin:0}.current-practice-chunk{margin-bottom:20px}.sequence-info-box{background:rgba(20,35,56,.6);border:1px solid #3a5998;border-radius:8px;margin-bottom:20px;padding:10px 15px;text-align:center}.sequence-progress{color:#c9aa71;font-size:14px;font-weight:700}.practice-line{align-items:center;background:rgba(0,0,0,.2);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px;padding:15px}.practice-key-container{display:inline-block}.user-input-display{margin-bottom:20px}.user-input-display h4{color:#c9aa71;margin-bottom:10px;text-align:center}.input-line{background:rgba(0,0,0,.3);border-radius:8px;flex-wrap:wrap;gap:8px;min-height:60px;padding:15px}.input-key,.input-line{align-items:center;display:flex;justify-content:center}.input-key{border:2px solid transparent;border-radius:6px;font-size:14px;height:32px;width:32px}.input-key.correct{background:rgba(40,167,69,.3);border-color:#28a745}.input-key.incorrect{background:rgba(220,53,69,.3);border-color:#dc3545}.input-cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;background:#c9aa71;height:32px;width:2px}@-webkit-keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.practice-info{color:#fff;text-align:center}.current-key-prompt{color:#ffc107;font-size:18px;margin-bottom:10px}.progress-info{color:#ccc;font-size:14px}.ability-key-button{align-items:center;border:2px solid transparent;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:48px;overflow:visible;position:relative;transition:all .3s ease;width:48px}.ability-key-button.completed{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.3}.ability-key-button.current{-webkit-animation:subtlePulse 3s infinite;animation:subtlePulse 3s infinite;border-color:#c9aa71;box-shadow:0 0 8px hsla(39,45%,62%,.4)}.ability-key-button.upcoming{border-color:#3a5998;opacity:.8}.ability-key-button.item,.ability-key-button.item .key-image-container{height:32px;width:32px}@-webkit-keyframes subtlePulse{0%{box-shadow:0 0 8px hsla(39,45%,62%,.4)}50%{box-shadow:0 0 12px hsla(39,45%,62%,.6)}to{box-shadow:0 0 8px hsla(39,45%,62%,.4)}}@keyframes subtlePulse{0%{box-shadow:0 0 8px hsla(39,45%,62%,.4)}50%{box-shadow:0 0 12px hsla(39,45%,62%,.6)}to{box-shadow:0 0 8px hsla(39,45%,62%,.4)}}.key-image-container{background:#000;border-radius:6px;height:48px;overflow:hidden;position:relative;width:48px}.key-image{height:100%;object-fit:cover;width:100%}.key-placeholder{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.key-placeholder.spell{background:#8b5cf6}.key-placeholder.auto{background:#ef4444}.key-placeholder.summoner{background:#f59e0b}.key-placeholder.item{background:#ffc107;color:#000}.key-placeholder.jump{background:#ff6b35}.key-placeholder.small{background:#ff9500}.key-placeholder.rightclick{background:#ff6b35;font-size:12px}.key-placeholder.leftclick{background:#00bcd4;font-size:12px}.key-overlay{align-items:center;background:rgba(0,0,0,.9);border-radius:4px 0 8px 0;bottom:0;color:#fff;display:flex;font-size:14px;font-weight:700;height:20%;justify-content:center;min-height:16px;min-width:16px;position:absolute;right:0;width:20%}.target-indicator{background:rgba(255,107,53,.2);border:1px solid #ff6b35;border-radius:4px;color:#ff6b35;font-size:10px;margin-top:2px;padding:2px 4px}.state-indicator,.target-indicator{font-weight:700;text-align:center;white-space:nowrap}.state-indicator{background:hsla(39,45%,62%,.2);border:1px solid #c9aa71;border-radius:3px;color:#c9aa71;font-size:9px;margin-top:1px;padding:1px 3px}.practice-controls{background:rgba(20,35,56,.6);border:1px solid #3a5998;border-radius:12px;margin:30px 0;padding:20px;text-align:center}.practice-start-section{align-items:center;display:flex;flex-direction:column;gap:15px}.practice-instruction{color:#c9aa71;font-size:1.1rem;font-weight:500;margin:0}.practice-active-section{display:flex;justify-content:center}.start-button{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(40,167,69,.3);color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:8px;padding:15px 30px;transition:all .3s ease}.start-button:hover{background:linear-gradient(135deg,#20c997,#28a745);box-shadow:0 6px 20px rgba(40,167,69,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.reset-button{align-items:center;background:linear-gradient(135deg,#ffc107,#fd7e14);border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.reset-button:hover{background:linear-gradient(135deg,#e0a800,#e8630a);box-shadow:0 4px 12px rgba(255,193,7,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.completion-display{background:rgba(40,167,69,.1);border:2px solid #28a745;border-radius:12px;margin-bottom:30px;padding:20px;text-align:center}.completion-display h3{color:#28a745;margin-bottom:20px}.completion-overview{margin-bottom:20px}.completion-overview h4{color:#c9aa71;margin-bottom:15px}.completion-sequence-chunked{background:rgba(0,0,0,.2);border-radius:8px;display:flex;flex-direction:column;gap:20px;padding:20px}.completion-chunk{align-items:center;display:flex;flex-direction:column;gap:10px}.completion-chunk:nth-child(2n){background:rgba(0,0,0,.1)}.completion-chunk-keys{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.completion-key-group{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:60px}.completion-key-group.main-key-group{min-width:80px}.expected-key{opacity:.8;position:relative}.user-inputs-section{gap:4px;min-width:60px}.user-inputs-section,.user-inputs-stack{align-items:center;display:flex;flex-direction:column}.user-inputs-stack{background:rgba(0,0,0,.1);border-radius:6px;gap:2px;min-height:24px;min-width:32px;padding:4px}.user-inputs-stack.main-inputs{background:rgba(0,0,0,.15)}.following-rcs{align-items:center;display:flex;flex-direction:row;gap:2px;justify-content:center;margin-top:2px}.user-key.rc-after{background:rgba(58,89,152,.4);border-color:#3a5998;color:#3a5998;font-size:10px;height:18px;width:18px}.user-key{align-items:center;border:2px solid transparent;border-radius:4px;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;margin:1px 0;width:24px}.user-key.correct{background:rgba(40,167,69,.3);border-color:#28a745;color:#28a745}.user-key.incorrect{background:rgba(220,53,69,.3);border-color:#dc3545;color:#dc3545}.user-key.optional{background:rgba(58,89,152,.3);border-color:#3a5998;color:#3a5998}.user-key.missing{background:hsla(0,0%,50%,.3);border-color:grey;color:grey}.completion-stats,.stats-grid{margin-bottom:20px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:rgba(20,35,56,.5);border-radius:8px;padding:10px}.stat-label{color:#ccc;font-size:12px;margin-bottom:5px}.stat-value{color:#28a745;font-size:18px}.completion-controls{margin-top:20px}.retry-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.retry-button:hover{background:linear-gradient(135deg,#20c997,#28a745);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.combo-input-practice{margin:10px;padding:20px}.sequence-line{align-items:flex-start;flex-direction:column;gap:10px}.line-label{min-width:auto}.line-keys{gap:6px}.current-practice-line{gap:8px;padding:15px}.ability-key-button,.key-image-container{height:42px;width:42px}.key-overlay{font-size:9px;height:14px;width:14px}.state-indicator,.target-indicator{font-size:8px;padding:1px 2px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.combo-input-practice h2{font-size:1.5rem}.sequence-line{padding:10px}.line-keys{gap:4px}.current-practice-line{gap:6px;padding:10px}.ability-key-button,.key-image-container{height:36px;width:36px}.key-overlay{font-size:8px;height:12px;width:12px}.state-indicator,.target-indicator{font-size:7px;padding:1px}.stats-grid{grid-template-columns:1fr}}.sequence-debugger{background:rgba(10,20,30,.95);border:2px solid #17a2b8;border-radius:12px;font-family:Courier New,monospace;font-size:12px;margin:20px 0;max-height:600px;overflow-y:auto;padding:20px}.sequence-debugger.collapsed{padding:10px;text-align:center}.debug-header{align-items:center;border-bottom:1px solid #17a2b8;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.debug-header h3{color:#17a2b8;font-size:16px;margin:0}.debug-toggle-btn{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .2s ease}.debug-toggle-btn:hover{background:#138496}.debug-section{background:rgba(0,0,0,.3);border-left:3px solid #17a2b8;border-radius:8px;margin-bottom:20px;padding:15px}.debug-section h4{color:#17a2b8;font-size:14px;margin:0 0 15px}.debug-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.debug-item{align-items:center;background:hsla(0,0%,100%,.05);border-radius:4px;display:flex;justify-content:space-between;padding:8px}.debug-label{color:#adb5bd;font-weight:700}.debug-value{color:#fff;font-weight:700}.debug-value.expected-key{background:rgba(255,193,7,.2);border-radius:3px;color:#ffc107;padding:2px 6px}.debug-value.error-count{color:#dc3545}.debug-value.enabled{color:#28a745}.debug-value.disabled{color:#6c757d}.sequence-comparison{display:flex;flex-direction:column;gap:10px}.sequence-row{align-items:center;display:flex;gap:15px}.sequence-label{color:#adb5bd;font-size:11px;font-weight:700;min-width:150px}.sequence-keys{display:flex;flex-wrap:wrap;gap:4px}.sequence-key{border:1px solid transparent;border-radius:4px;font-size:11px;font-weight:700;min-width:25px;padding:4px 8px;text-align:center}.sequence-key.expected{background:rgba(255,193,7,.2);border-color:#ffc107;color:#ffc107}.sequence-key.display{background:rgba(58,89,152,.2);border-color:#3a5998;color:#3a5998}.sequence-key.user-input{border:1px solid}.sequence-key.current{box-shadow:0 0 8px rgba(255,193,7,.6);-webkit-transform:scale(1.1);transform:scale(1.1)}.sequence-key.completed{-webkit-filter:grayscale(.3);filter:grayscale(.3);opacity:.6}.sequence-key.upcoming{opacity:.8}.sequence-key.correct{background:rgba(40,167,69,.2);border-color:#28a745;color:#28a745}.sequence-key.incorrect{background:rgba(220,53,69,.2);border-color:#dc3545;color:#dc3545}.sequence-key.optional{background:rgba(23,162,184,.2);border-color:#17a2b8;color:#17a2b8}.mapping-table{display:flex;flex-direction:column;gap:5px}.mapping-header{background:rgba(23,162,184,.2);color:#17a2b8;font-size:11px;font-weight:700}.mapping-header,.mapping-row{grid-gap:10px;border-radius:4px;display:grid;gap:10px;grid-template-columns:1fr auto 1fr auto;padding:8px}.mapping-row{align-items:center;background:hsla(0,0%,100%,.05)}.mapping-row.skipped{background:rgba(23,162,184,.1)}.mapping-row.mapped{background:rgba(40,167,69,.1)}.mapping-row.overflow{background:rgba(220,53,69,.1)}.mapping-user-input{align-items:center;display:flex;gap:8px}.input-index{color:#adb5bd;font-size:10px}.input-key{border-radius:3px;font-size:11px;font-weight:700;padding:2px 6px}.input-key.correct{background:rgba(40,167,69,.2);color:#28a745}.input-key.incorrect{background:rgba(220,53,69,.2);color:#dc3545}.input-key.optional{background:rgba(23,162,184,.2);color:#17a2b8}.mapping-arrow{color:#adb5bd;font-weight:700}.mapping-expected{align-items:center;display:flex;gap:8px}.expected-index{color:#adb5bd;font-size:10px}.expected-key{background:rgba(255,193,7,.2);border-radius:3px;color:#ffc107;font-size:11px;font-weight:700;padding:2px 6px}.no-mapping{color:#6c757d;font-style:italic}.mapping-action{border-radius:3px;font-size:10px;font-weight:700;padding:2px 6px;text-align:center}.mapping-action.skippedoptional{background:rgba(23,162,184,.2);color:#17a2b8}.mapping-action.mapped{background:rgba(40,167,69,.2);color:#28a745}.mapping-action.overflow{background:rgba(220,53,69,.2);color:#dc3545}.sequence-debugger::-webkit-scrollbar{width:8px}.sequence-debugger::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.sequence-debugger::-webkit-scrollbar-thumb{background:#17a2b8;border-radius:4px}.sequence-debugger::-webkit-scrollbar-thumb:hover{background:#138496}.combo-input-practice-page{background:linear-gradient(135deg,#0b192e,#1a2332);min-height:100vh;padding:0}.page-header{background:rgba(11,25,46,.95);border-bottom:2px solid #c9aa71;box-shadow:0 4px 16px rgba(0,0,0,.3);padding:40px 20px}.page-header h1{color:#c9aa71;font-family:Orbitron,sans-serif;font-size:3rem;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.page-description{color:#fff;font-size:1.2rem;max-width:800px;opacity:.9}.practice-content{margin:0 auto;max-width:1200px;padding:40px 20px}.practice-content .combo-input-practice{background:transparent;border:none;box-shadow:none;padding:0}.practice-content .combo-input-practice h2{display:none}@media (max-width:768px){.page-header{padding:30px 15px}.page-header h1{font-size:2.5rem}.page-description{font-size:1.1rem}.practice-content{padding:30px 15px}}@media (max-width:480px){.page-header h1{font-size:2rem}.page-description{font-size:1rem}.practice-content{padding:20px 10px}}.tf-page{background:#0f172a;background:var(--page-bg);color:#e2e8f0;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding:16px}.tf-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px}@media (max-width:900px){.tf-container{grid-template-columns:1fr}}.tf-sidebar{display:flex;flex-direction:column;gap:12px}.tf-section-title{font-size:16px;font-weight:700;margin:0 0 8px}.tf-btn{background:#334155;border:1px solid #475569;border-radius:8px;color:#e2e8f0;color:var(--text);cursor:pointer;padding:6px 10px}.tf-btn--blue{background:#2563eb}.tf-btn--red{background:#dc2626}.tf-input,.tf-select{background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:6px;color:#e2e8f0;color:var(--text);padding:4px 6px}.tf-input{padding:2px 6px;width:60px}.list{margin:0;padding-left:18px}.tf-grid-wrap{height:560px;width:560px}.tf-grid{grid-template-columns:repeat(80,7px);grid-template-rows:repeat(80,7px)}.tf-tile{height:7px;width:7px}.tf-coord{bottom:2px;font-size:10px;left:2px}.tf-unit-chip{border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.35);font-size:8px;height:14px;position:relative;width:14px}.tf-unit-chip__health-bar{border-radius:1px;bottom:1px;height:2px;left:1px;right:1px}.tf-champ .tf-champ__header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.tf-champ__img{background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:8px;height:56px;width:56px}.tf-champ__name{font-weight:700}.tf-champ__meta{font-size:12px;opacity:.8}.tf-champ__section{margin-top:10px}.tf-champ__section-title{font-size:14px;font-weight:700;margin-bottom:6px;opacity:.9}.tf-spells{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr}.tf-spell{gap:8px}.tf-spell,.tf-spell__icon{align-items:center;display:flex}.tf-spell__icon{background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:6px;font-weight:700;height:28px;justify-content:center;width:28px}.tf-spell__details{display:flex;flex-direction:column;gap:2px}.tf-spell__name{font-size:13px;opacity:.9}.tf-spell__stats{font-size:11px;opacity:.7}.tf-runes{display:flex;flex-wrap:wrap;gap:6px}.tf-rune{background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:50%;height:28px;width:28px}.tf-items{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.tf-item{background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:6px;height:28px;width:28px}.tf-pill{background:#0b1220;border:1px solid #334155;border:1px solid var(--border);border-radius:999px;font-size:12px;padding:2px 8px}.tf-pill--armed{border-color:#eab308;box-shadow:inset 0 0 0 1px rgba(234,179,8,.25)}.tf-hover-cursor{border-radius:6px;inset:2px}.tf-effects{height:560px;width:560px}.tf-clickable{background:transparent;border:none;cursor:pointer;padding:0;text-align:left}.tf-clickable:hover .tf-spell__icon{outline:2px solid #eab308}:root{--grid-bg:#0b1220;--inrange:rgba(16,185,129,.18)}.tf-grid-wrap{height:400px;margin:0 auto;position:relative;width:400px}.tf-grid{background:#0b1220;background:var(--grid-bg);border:1px solid #334155;border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.45);display:grid;grid-template-columns:repeat(20,20px);grid-template-rows:repeat(20,20px);overflow:hidden}.tf-tile{align-items:center;background:transparent;border:1px solid rgba(148,163,184,.1);cursor:pointer;display:flex;height:20px;justify-content:center;position:relative;width:20px}.tf-tile--inrange{background:rgba(16,185,129,.18);background:var(--inrange)}.tf-tile--target{background:rgba(239,68,68,.15)}.tf-tile--hover{background:rgba(148,163,184,.1)}.tf-tile--invalid{-webkit-animation:tf-invalid .15s ease-in-out;animation:tf-invalid .15s ease-in-out}.tf-coord{bottom:0;color:#94a3b8;font-size:6px;left:0;line-height:1}.tf-coord,.tf-hover-cursor{pointer-events:none;position:absolute}.tf-hover-cursor{border:1px solid rgba(148,163,184,.6);border-radius:1px;inset:0}.tf-unit-chip{align-items:center;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.4);color:#fff;display:flex;flex-direction:column;font-size:12px;font-weight:800;height:40px;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:40px;z-index:10}.tf-unit-chip.selected{outline:3px solid #93c5fd}.tf-unit-chip[data-team=RED].selected{outline-color:#fecaca}.tf-unit-chip.target{outline:3px solid #f59e0b}.tf-unit-chip[data-team=RED].target{outline-color:#f59e0b}.tf-unit-chip.dead{opacity:.5}.tf-unit-chip__content{margin-bottom:2px;position:relative;z-index:2}.tf-unit-chip__health-bar{background:rgba(0,0,0,.3);border-radius:2px;bottom:2px;height:3px;left:2px;overflow:hidden;position:absolute;right:2px}.tf-unit-chip__health-fill{border-radius:2px;height:100%;transition:width .3s ease,background-color .3s ease}.tf-effects{height:400px;left:0;pointer-events:none;position:absolute;top:0;width:400px}.tf-effect-aoe{-webkit-animation:tf-aoe .45s ease-out forwards;animation:tf-aoe .45s ease-out forwards;border:2px solid #93c5fd;border-radius:999px;opacity:.95;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes tf-aoe{0%{opacity:.9;-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2)}70%{opacity:.65;-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes tf-aoe{0%{opacity:.9;-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2)}70%{opacity:.65;-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.tf-effect-beam{-webkit-animation:tf-beam .28s ease-out forwards;animation:tf-beam .28s ease-out forwards;border-radius:999px;box-shadow:0 0 6px hsla(0,0%,100%,.35);height:4px;position:absolute;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes tf-beam{0%{opacity:.95;-webkit-transform:scaleX(0);transform:scaleX(0)}80%{opacity:.7;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tf-beam{0%{opacity:.95;-webkit-transform:scaleX(0);transform:scaleX(0)}80%{opacity:.7;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes tf-invalid{0%{box-shadow:inset 0 0 0 2px rgba(239,68,68,0)}50%{box-shadow:inset 0 0 0 2px rgba(239,68,68,.9)}to{box-shadow:inset 0 0 0 2px rgba(239,68,68,0)}}@keyframes tf-invalid{0%{box-shadow:inset 0 0 0 2px rgba(239,68,68,0)}50%{box-shadow:inset 0 0 0 2px rgba(239,68,68,.9)}to{box-shadow:inset 0 0 0 2px rgba(239,68,68,0)}}.tf-champion-panel__empty{font-size:13px;opacity:.8}.tf-champion-panel__header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.tf-champion-panel__avatar{background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:8px;height:56px;width:56px}.tf-champion-panel__name{font-weight:700}.tf-champion-panel__meta{font-size:12px;opacity:.8}.tf-champion-panel__section{margin-top:10px}.tf-champion-panel__section-title{font-size:14px;font-weight:700;margin-bottom:6px;opacity:.9}.tf-champion-panel__target{margin-top:10px}.tf-champion-panel__target-info{align-items:center;background:#0f172a;border-radius:8px;display:flex;gap:8px;padding:6px 8px}.tf-champion-panel__target-indicator{border-radius:999px;height:12px;width:12px}.tf-champion-panel__target-name{font-size:14px}.tf-champion-panel__target-health{font-size:12px;margin-left:auto;opacity:.7}.tf-champion-panel__spells{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr}.tf-champion-panel__spell{align-items:center;background:transparent;border:none;color:#e2e8f0;color:var(--text);cursor:pointer;display:flex;gap:8px;padding:0;text-align:left}.tf-champion-panel__spell:hover .tf-champion-panel__spell-icon{outline:2px solid #eab308}.tf-champion-panel__spell-icon{align-items:center;background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:6px;display:flex;font-weight:700;height:28px;justify-content:center;width:28px}.tf-champion-panel__spell-details{display:flex;flex-direction:column;gap:2px}.tf-champion-panel__spell-name{font-size:13px;opacity:.9}.tf-champion-panel__spell-stats{font-size:11px;opacity:.7}.tf-champion-panel__runes{display:flex;flex-wrap:wrap;gap:6px}.tf-champion-panel__rune{background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:50%;height:28px;width:28px}.tf-champion-panel__items{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.tf-champion-panel__item{background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:6px;height:28px;width:28px}:root{--page-bg:#0f172a;--text:#e2e8f0;--card-bg:#1e293b;--border:#334155}.tf-card{background:#1e293b;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.25);padding:12px}.tf-champions-list__title{font-size:16px;font-weight:700;margin:0 0 8px}.tf-champions-list__team{margin-bottom:8px}.tf-champions-list__team-name{font-size:11px;margin-bottom:4px;opacity:.7}.tf-champions-list__unit{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:background-color .2s ease}.tf-champions-list__unit:hover{background:rgba(148,163,184,.1)}.tf-champions-list__unit--selected{background:#334155}.tf-champions-list__unit-indicator{border-radius:999px;height:12px;width:12px}.tf-champions-list__unit-role{font-size:14px;font-weight:600;width:40px}.tf-champions-list__unit-position{font-size:12px;min-width:60px;opacity:.7}.tf-champions-list__unit-health{font-size:12px;min-width:80px;opacity:.7}.tf-champions-list__unit-range{align-items:center;display:flex;font-size:12px;gap:6px;margin-left:auto}.tf-champions-list__range-label{opacity:.7}.tf-champions-list__range-input{background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:6px;color:#e2e8f0;color:var(--text);padding:2px 6px;width:60px}.farming-calculator-page{background:var(--bg-primary);color:var(--text-primary);max-width:100%;min-height:100vh;overflow-x:hidden;padding:20px}.page-header{margin-bottom:30px;padding:20px 0}.page-header h1{font-size:2.5rem;margin:0 0 10px}.page-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:600px}.farming-calculator-content{margin:0 auto;max-width:100%;padding:0 10px}.farming-calculator-content .farming-calculator{max-width:none;width:100%}@media (max-width:768px){.farming-calculator-page{padding:15px}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.farming-calculator-content{padding:0 5px}}@media (max-width:480px){.farming-calculator-page{padding:10px}.page-header h1{font-size:1.8rem}.page-header{margin-bottom:20px;padding:15px 0}}.farming-calculator{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:20px;padding:20px}.farming-calculator h5{color:var(--text-accent);font-size:1.3em;font-weight:600;margin:0 0 10px;text-align:center}.farming-description{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-size:.9em;font-style:italic;margin:0 0 20px;padding-bottom:15px;text-align:center}.farming-calculator h6{color:var(--text-primary);font-size:1em;font-weight:500;margin:15px 0 10px}.farming-settings{grid-gap:15px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:25px;padding:20px}.setting-dropdown:focus{border-color:var(--text-accent)}.custom-cspm-input{background:var(--surface-elevated);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:13px;margin-top:8px;padding:6px 10px}.custom-cspm-input:focus{border-color:var(--text-accent);box-shadow:0 0 0 2px var(--focus-ring);outline:none}.wave-details,.wave-farming-overview{margin-bottom:25px}.wave-details{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;padding:20px}.wave-header h6{color:var(--text-accent);font-size:1.1em;margin:0 0 15px}.wave-timing{background:var(--bg-secondary);border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.timing-item{display:flex;flex-direction:column;gap:5px}.timing-label{color:var(--text-secondary);font-size:.9em;font-weight:500}.timing-value{color:var(--text-primary);font-family:Courier New,monospace;font-weight:600}.minion-composition h6{color:var(--text-accent);margin:0 0 15px}.minion-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.minion-type{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:15px}.minion-type.cannon{background:linear-gradient(135deg,var(--bg-secondary),rgba(var(--text-accent-rgb),.1));border-color:var(--text-accent)}.minion-label{color:var(--text-accent);display:block;font-weight:600;margin-bottom:8px}.minion-count{color:var(--text-primary);display:block;font-size:1.2em;font-weight:700;margin-bottom:10px}.minion-gold-info{align-items:center;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:8px 0}.minion-gold-calc{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.9em}.minion-gold-total{color:var(--status-success);font-family:Courier New,monospace;font-weight:600}.cannon-upgrade-info{border-top:1px solid var(--border-primary);margin-top:10px;padding-top:10px}.upgrade-level{background:var(--text-accent);border-radius:4px;color:var(--bg-primary);display:inline-block;font-size:.8em;font-weight:600;padding:4px 8px}.gold-breakdown{margin-top:20px}.breakdown-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.breakdown-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.breakdown-item.total{background:linear-gradient(135deg,var(--bg-secondary),rgba(var(--status-success-rgb),.1));border-color:var(--status-success)}.breakdown-label{color:var(--text-secondary);font-weight:500}.breakdown-value{font-family:Courier New,monospace;font-size:1.1em;font-weight:600}.breakdown-item.total .breakdown-value{color:var(--status-success)}.farming-table{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.farming-table-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);color:var(--text-accent);font-size:.85em;font-weight:600;padding:12px 15px}.farming-table-header,.farming-table-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:50px 80px 50px 80px 80px 80px 90px 90px}.farming-table-row{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:10px 15px;transition:all .2s ease}.farming-table-row:hover{background:var(--hover-overlay)}.farming-table-row:last-child{border-bottom:none}.farming-table-row.selected{background:var(--text-accent);color:var(--bg-primary)}.farming-table-row.selected:hover{background:var(--text-accent-bright)}.wave-num{font-weight:600}.clear-time{font-family:Courier New,monospace;font-size:.85em;font-weight:500;text-align:center}.wave-type{font-size:1.2em;text-align:center}.wave-type.cannon{-webkit-filter:hue-rotate(45deg) brightness(1.2);filter:hue-rotate(45deg) brightness(1.2)}.cannon-icon{display:inline-block;position:relative}.upgrade-badge{align-items:center;background:var(--text-accent);border:1px solid var(--border-accent);border-radius:50%;color:var(--bg-primary);display:flex;font-size:.7em;font-weight:700;height:16px;justify-content:center;position:absolute;right:-8px;top:-8px;width:16px}.level-end,.level-start{font-size:1.1em;font-weight:600;text-align:center}.level-start{color:var(--text-secondary)}.level-end{color:var(--text-primary)}.level-end.level-up-highlight{color:var(--status-success);font-weight:700;position:relative}.level-up-arrow{color:var(--status-success);font-size:.9em;font-weight:700;margin-left:4px}.passive-gold,.total-gold,.wave-gold{font-family:Courier New,monospace;font-size:.85em;font-weight:600;text-align:right}.wave-gold{color:var(--text-primary)}.passive-gold{color:var(--status-info)}.total-gold{color:var(--text-accent);font-weight:700}.farming-controls{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);padding:15px;text-align:center}.wave-info{border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-secondary);font-size:14px;font-style:italic;padding:10px}.show-more-waves,.wave-info{background:var(--surface-elevated)}.show-more-waves{border:1px solid var(--border-accent);border-radius:8px;color:var(--text-accent);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.show-more-waves:hover{background:var(--hover-overlay);box-shadow:var(--shadow-md);color:var(--text-accent-bright);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.gold-per-cs-reference{margin-bottom:20px}.gold-per-cs-table{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gold-per-cs-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);color:var(--text-accent);font-size:.9em;font-weight:600;padding:12px 15px}.gold-per-cs-header,.gold-per-cs-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:120px 100px}.gold-per-cs-row{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:10px 15px;transition:all .2s ease}.gold-per-cs-row:hover{background:var(--hover-overlay)}.gold-per-cs-row:last-child{border-bottom:none}.gold-per-cs-row .time-range{color:var(--text-accent);font-family:Courier New,monospace;font-weight:600}.gold-per-cs-row .gold-value{color:var(--status-success);font-family:Courier New,monospace;font-weight:600;text-align:center}.gold-per-cs-row .description{color:var(--text-secondary);font-size:.9em}.cs-comparison{margin-bottom:25px;max-width:100%;overflow:hidden}.cspm-comparison-table{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;max-width:100%;overflow-x:auto;overflow-y:hidden}.cspm-comparison-header,.cspm-comparison-table{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cspm-comparison-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);color:var(--text-accent);font-size:.75em;font-weight:600;padding:12px 15px}.cspm-comparison-header,.cspm-comparison-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:45px 55px 70px 60px 85px repeat(9,70px 40px);text-align:center}.cspm-comparison-row{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:.8em;padding:10px 15px;transition:all .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cspm-comparison-row:hover{background:var(--hover-overlay)}.cspm-comparison-row:last-child{border-bottom:none}.cspm-comparison-row .wave-num{color:var(--text-accent);font-weight:600}.cspm-comparison-row .clear-time{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.85em}.cspm-comparison-row .wave-value{color:var(--text-accent);font-family:Courier New,monospace;font-weight:600}.cspm-comparison-row .perfect-total{color:var(--status-success);font-family:Courier New,monospace;font-weight:600}.cspm-comparison-row .passive-gold{color:var(--text-accent);font-family:Courier New,monospace}.cspm-comparison-row .cspm-total,.cspm-comparison-row .percentage{color:var(--text-primary);font-family:Courier New,monospace;font-weight:500}.cspm-comparison-row .percentage{color:var(--text-secondary);font-size:.8em;font-weight:600}.cspm-comparison-controls{background:var(--surface-elevated);text-align:center}.cspm-comparison-controls,.cspm-description{border-top:1px solid var(--border-primary);padding:15px}.cspm-description{background:var(--bg-secondary);color:var(--text-secondary);font-size:.9em;line-height:1.4}.cspm-description p{margin:0}.cspm-description strong{color:var(--text-primary)}.farming-summary{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;padding:20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.summary-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.summary-label{color:var(--text-secondary);font-weight:500}.summary-value{color:var(--text-accent)}@media (max-width:768px){.farming-settings{gap:12px;grid-template-columns:repeat(2,1fr);padding:15px}.farming-table-header,.farming-table-row{font-size:.8em;gap:6px;grid-template-columns:40px 70px 40px 60px 60px 60px 70px 70px}.gold-per-cs-header,.gold-per-cs-row{font-size:.8em;gap:10px;grid-template-columns:100px 80px;padding:8px 10px}.cspm-comparison-header,.cspm-comparison-row{font-size:.65em;gap:2px;grid-template-columns:35px 45px 55px 45px 55px repeat(9,45px 25px);padding:6px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.summary-grid{gap:10px;grid-template-columns:1fr}}@media (max-width:480px){.farming-settings{gap:10px;grid-template-columns:1fr;padding:12px}.summary-item{padding:10px 12px}}.interactive-gold-calculator{margin-top:25px}.gold-calculator-widget{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;padding:20px}.calculator-mode-selector{display:flex;gap:10px;margin-bottom:20px}.calculator-mode-selector button{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:500;padding:10px 15px;transition:all .2s ease}.calculator-mode-selector button:hover{background:var(--hover-overlay)}.calculator-mode-selector button.active{background:var(--text-accent);border-color:var(--text-accent);color:var(--bg-primary)}.calculator-inputs{display:flex;justify-content:center;margin-bottom:20px}.cspm-time-table{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cspm-time-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);color:var(--text-accent);font-weight:600;padding:12px 15px}.cspm-time-header,.cspm-time-row{grid-gap:10px;display:grid;font-size:.9em;gap:10px;grid-template-columns:60px 70px 80px 80px 80px 80px;text-align:center}.cspm-time-row{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:10px 15px;transition:all .2s ease}.cspm-time-row:hover{background:var(--hover-overlay)}.cspm-time-row:last-child{border-bottom:none}.cspm-time-row .cspm-value{color:var(--text-accent);font-weight:600}.cspm-time-row .time-value{color:var(--text-primary)}.cspm-time-row .cs-gold-value,.cspm-time-row .passive-value,.cspm-time-row .time-value,.cspm-time-row .total-value{font-family:Courier New,monospace;font-weight:600}.cspm-time-row .cs-gold-value{color:var(--text-accent)}.cspm-time-row .passive-value{color:var(--text-secondary)}.cspm-time-row .total-value{color:var(--status-success)}.cspm-time-row .cs-count{color:var(--text-secondary);font-family:Courier New,monospace}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:var(--text-primary);font-size:.9em;font-weight:600}.cspm-input,.target-gold-input,.time-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.95em;font-weight:600;padding:10px 12px}.cspm-input:focus,.target-gold-input:focus,.time-input:focus{border-color:var(--text-accent);box-shadow:0 0 0 2px var(--focus-ring);outline:none}.calculator-results{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:20px}.result-item{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:10px 0}.result-item:last-child{border-bottom:none}.result-label{color:var(--text-secondary);font-weight:500}.result-value{font-family:Courier New,monospace;font-size:1.1em;font-weight:700}.result-value.gold{color:var(--status-success)}.result-value.cs{color:var(--text-accent)}.result-value.cspm{color:var(--text-accent-bright)}.result-value.time{color:var(--text-primary)}.calculator-explanation{background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);font-style:italic;margin-bottom:20px;padding:15px;text-align:center}.accumulative-mode{display:flex;flex-direction:column;gap:20px}.farming-inputs{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:20px}.input-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.farming-stats{grid-gap:15px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:20px;padding:15px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:5px}.stat-label{color:var(--text-secondary);font-size:.9em;font-weight:500}.stat-value{color:var(--text-accent);font-family:Courier New,monospace;font-size:1.1em;font-weight:700}.gold-summary{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;display:flex;justify-content:space-between;margin-top:15px;padding:12px 15px}.summary-label{color:var(--text-primary);font-weight:600}.summary-value{color:var(--status-success);font-family:Courier New,monospace;font-size:1.1em;font-weight:700}.gold-source-section{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;padding:20px}.gold-source-section h6{align-items:center;color:var(--text-accent);display:flex;font-size:1.1em;font-weight:600;gap:10px;margin:0 0 15px}.kills-container{display:flex;flex-direction:column;gap:15px}.kill-item{grid-gap:15px;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:grid;gap:15px;grid-template-columns:1fr 80px 60px 30px;padding:15px}.kill-slider{-webkit-appearance:none;background:var(--bg-tertiary);border-radius:3px;height:6px;outline:none;width:100%}.kill-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--text-accent);border:2px solid var(--bg-primary);border-radius:50%;cursor:pointer;height:18px;width:18px}.kill-slider::-moz-range-thumb{background:var(--text-accent);border:2px solid var(--bg-primary);border-radius:50%;cursor:pointer;height:18px;width:18px}.kill-value-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-weight:600;padding:8px 10px}.kill-gold,.kill-value-input{font-family:Courier New,monospace;text-align:center}.kill-gold{color:var(--status-success);font-weight:700}.remove-kill-btn{align-items:center;background:var(--status-error);border:none;border-radius:50%;color:var(--bg-primary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;transition:all .2s ease;width:30px}.remove-kill-btn:hover{background:var(--status-error-bright);-webkit-transform:scale(1.1);transform:scale(1.1)}.add-kill-btn{background:transparent;border:2px dashed var(--border-accent);border-radius:8px;color:var(--text-accent);cursor:pointer;font-weight:600;padding:12px 20px;transition:all .2s ease}.add-kill-btn:hover{background:var(--hover-overlay);border-color:var(--text-accent-bright);color:var(--text-accent-bright)}.turret-info{background:var(--bg-tertiary);border-left:3px solid var(--text-accent);border-radius:6px;margin-bottom:15px;padding:10px}.turret-info p{color:var(--text-secondary);font-size:.9em;margin:0}.plates-subsection,.turrets-subsection{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:20px;padding:15px}.plates-subsection h6,.turrets-subsection h6{color:var(--text-primary);font-size:1em;font-weight:600;margin:0 0 15px}.plate-info{margin-top:10px}.plate-info p{color:var(--text-secondary);font-size:.85em;font-style:italic;margin:0}.turret-values-display{display:flex;flex-direction:column;gap:8px}.turret-value-row{grid-gap:15px;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;display:grid;gap:15px;grid-template-columns:120px 1fr 40px;padding:8px 12px}.turret-type-name{color:var(--text-primary);font-size:.9em;font-weight:600}.turret-gold-breakdown{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.85em}.add-turret-btn-small{align-items:center;background:var(--bg-primary);border:1px solid var(--border-accent);border-radius:6px;color:var(--text-accent);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-turret-btn-small:hover{background:var(--text-accent);color:var(--bg-primary);-webkit-transform:scale(1.1);transform:scale(1.1)}.turret-types{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:15px}.add-turret-btn{background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:6px;color:var(--text-accent);cursor:pointer;font-size:.9em;font-weight:500;padding:10px 12px;transition:all .2s ease}.add-turret-btn:hover{background:var(--text-accent);box-shadow:var(--shadow-md);color:var(--bg-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.turret-list{display:flex;flex-direction:column;gap:10px}.turret-item{grid-gap:15px;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;display:grid;gap:15px;grid-template-columns:1fr 80px 30px;padding:12px 15px}.turret-name{color:var(--text-primary);font-weight:500}.turret-gold{color:var(--status-success);font-family:Courier New,monospace;font-weight:700;text-align:center}.remove-turret-btn{align-items:center;background:var(--status-error);border:none;border-radius:50%;color:var(--bg-primary);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-turret-btn:hover{background:var(--status-error-bright);-webkit-transform:scale(1.1);transform:scale(1.1)}.plate-controls{align-items:center;display:flex;gap:20px}.plate-count-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-weight:600;padding:8px 12px;text-align:center;width:80px}.plate-count-input,.plate-total{font-family:Courier New,monospace}.plate-total{color:var(--status-success);font-size:1.1em;font-weight:700}.misc-gold-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;max-width:150px;padding:10px 12px}.baron-section{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;margin-top:15px;padding:15px}.baron-toggle{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:10px;margin-bottom:10px}.baron-toggle input[type=checkbox]{accent-color:var(--status-warning);cursor:pointer;height:18px;width:18px}.baron-info p{color:var(--text-secondary);font-size:.85em;font-style:italic;margin:0}.accumulative-results{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:10px;padding:20px}.accumulative-results h6{color:var(--text-accent);font-size:1.1em;font-weight:600;margin:0 0 15px}.results-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.results-grid .result-item{align-items:center;background:var(--surface-elevated);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.results-grid .result-item.total{background:linear-gradient(135deg,var(--surface-elevated),rgba(var(--status-success-rgb),.1));border-color:var(--status-success);grid-column:1/-1}.results-grid .result-label{color:var(--text-secondary);font-weight:500}.results-grid .result-value{font-family:Courier New,monospace;font-size:1.1em;font-weight:700}.results-grid .result-value.cs{color:var(--text-accent)}.results-grid .result-value.passive{color:var(--status-info)}.results-grid .result-value.kills{color:var(--status-error)}.results-grid .result-value.plates,.results-grid .result-value.turrets{color:var(--status-warning)}.results-grid .result-value.misc{color:var(--text-secondary)}.results-grid .result-value.baron{color:var(--status-warning)}.results-grid .result-value.total{color:var(--status-success);font-size:1.3em}.target-mode{display:flex;flex-direction:column;gap:20px}.target-inputs{display:flex;justify-content:center}.target-options{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;padding:20px}.target-options h6{color:var(--text-accent);font-size:1.1em;font-weight:600;margin:0 0 15px}.option-checkboxes{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:10px}.checkbox-label input[type=checkbox]{accent-color:var(--text-accent);cursor:pointer;height:18px;width:18px}.kill-value-input:focus,.misc-gold-input:focus,.plate-count-input:focus{border-color:var(--text-accent);box-shadow:0 0 0 2px var(--focus-ring);outline:none}@media (max-width:768px){.calculator-inputs{gap:15px;grid-template-columns:1fr}.calculator-mode-selector{flex-direction:column}.input-row{gap:15px;grid-template-columns:1fr}.farming-stats,.kill-item{gap:10px;grid-template-columns:1fr}.kill-item{text-align:center}.turret-value-row{gap:10px;text-align:center}.turret-types,.turret-value-row{grid-template-columns:1fr}.turret-item{gap:10px;grid-template-columns:1fr 60px 24px}.plate-controls{align-items:flex-start;flex-direction:column;gap:10px}.results-grid{grid-template-columns:1fr}.option-checkboxes{gap:8px}.result-item{align-items:flex-start;flex-direction:column;gap:5px}}.farming-table-row:hover .level-end,.farming-table-row:hover .level-start,.farming-table-row:hover .passive-gold,.farming-table-row:hover .total-gold,.farming-table-row:hover .wave-gold{color:var(--text-accent-bright)}.xp-calculator{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:20px;padding:20px}.xp-calculator h5{border-bottom:1px solid var(--border-secondary);color:var(--status-info);font-size:1.2em;font-weight:600;margin:0 0 20px;padding-bottom:10px;text-align:center}.xp-calculator h6{color:var(--text-primary);font-size:1em;font-weight:500;margin:15px 0 10px}.xp-settings{grid-gap:15px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:20px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{color:var(--text-secondary);font-size:.9em;font-weight:500}.setting-dropdown{background:var(--surface-elevated);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;padding:8px 12px}.setting-dropdown:focus{border-color:var(--status-info);box-shadow:0 0 0 2px var(--focus-ring);outline:none}.setting-dropdown option{background:var(--surface-elevated);color:var(--text-primary)}.level-up-timings{margin-bottom:25px}.level-up-table{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;overflow:hidden}.level-up-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);color:var(--status-info);font-size:.9em;font-weight:600;padding:12px 15px}.level-up-header,.level-up-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:60px 80px 120px 80px 100px}.level-up-row{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:10px 15px;transition:all .2s ease}.level-up-row:hover{background:var(--hover-overlay)}.level-up-row:last-child{border-bottom:none}.level-num{color:var(--status-info);font-weight:600;text-align:center}.wave-arrival{font-family:Courier New,monospace;font-weight:500;text-align:center}.minion-type{align-items:center;display:flex;font-size:.9em;gap:5px;text-transform:capitalize}.minion-type.melee{color:var(--text-primary)}.minion-type.caster{color:var(--status-warning)}.minion-type.cannon{color:var(--text-accent)}.wave-num{font-weight:500;text-align:center}.xp-required{color:var(--status-info);font-family:Courier New,monospace;font-weight:600;text-align:right}.minion-xp-breakdown{margin-bottom:25px}.xp-breakdown-table{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;max-height:400px;overflow:hidden;overflow-y:auto}.xp-breakdown-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);color:var(--status-info);font-size:.85em;font-weight:600;padding:12px 15px;position:-webkit-sticky;position:sticky;top:0}.xp-breakdown-header,.xp-breakdown-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:60px 60px 80px 60px 100px 80px}.xp-breakdown-row{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:.9em;padding:8px 15px;transition:all .2s ease}.xp-breakdown-row:hover{background:var(--hover-overlay)}.xp-breakdown-row.level-up{background:linear-gradient(90deg,var(--surface-elevated),rgba(33,150,243,.1));border-left:3px solid var(--status-info)}.minion-index{font-weight:500;text-align:center}.cumulative-xp,.xp-value{font-family:Courier New,monospace;font-weight:500;text-align:right}.cumulative-xp{color:var(--status-info);font-weight:600}.current-level{text-align:center}.level-up-indicator{color:var(--status-success);font-size:.9em;font-weight:700}.current-level-num{color:var(--text-secondary);font-weight:500}.xp-reference{margin-bottom:25px}.xp-reference-table{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;overflow:hidden}.xp-ref-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);color:var(--status-info);font-size:.9em;font-weight:600;padding:12px 15px}.xp-ref-header,.xp-ref-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:60px 100px 120px 90px 110px}.xp-ref-row{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:10px 15px;transition:all .2s ease}.xp-ref-row:hover{background:var(--hover-overlay)}.xp-ref-row:last-child{border-bottom:none}.shared-waves,.solo-waves{font-family:Courier New,monospace;font-weight:500;text-align:center}.xp-reference-controls{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);padding:15px;text-align:center}.show-more-levels{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:8px;color:var(--status-info);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.show-more-levels:hover{background:var(--hover-overlay);box-shadow:var(--shadow-md);color:var(--text-accent-bright);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.base-xp-reference{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:10px;padding:20px}.base-xp-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.xp-value-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px}.minion-icon{font-size:1.5em}.minion-name{color:var(--text-primary);font-weight:600;text-transform:capitalize}.actual-xp,.base-xp{font-family:Courier New,monospace;font-size:.85em;font-weight:500}.base-xp{color:var(--text-secondary)}.actual-xp{color:var(--status-info);font-weight:600}@media (max-width:768px){.xp-settings{gap:12px;grid-template-columns:1fr;padding:15px}.level-up-header,.level-up-row{font-size:.8em;gap:8px;grid-template-columns:50px 70px 100px 70px 90px}.xp-breakdown-header,.xp-breakdown-row{font-size:.8em;gap:6px;grid-template-columns:50px 50px 70px 50px 90px 70px}.xp-ref-header,.xp-ref-row{font-size:.8em;gap:8px;grid-template-columns:50px 80px 100px 70px 90px}.base-xp-grid{gap:10px;grid-template-columns:1fr}}.xp-breakdown-row.level-up{-webkit-animation:levelUpGlow .5s ease-in-out;animation:levelUpGlow .5s ease-in-out}@-webkit-keyframes levelUpGlow{0%{background:var(--surface-elevated)}50%{background:rgba(33,150,243,.2)}to{background:linear-gradient(90deg,var(--surface-elevated),rgba(33,150,243,.1))}}@keyframes levelUpGlow{0%{background:var(--surface-elevated)}50%{background:rgba(33,150,243,.2)}to{background:linear-gradient(90deg,var(--surface-elevated),rgba(33,150,243,.1))}}.xp-calculator-page{background:var(--bg-primary);min-height:100vh;padding:20px}.page-header{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:12px;box-shadow:var(--shadow-md);margin:0 auto 30px;max-width:1200px;padding:20px;text-align:center}.page-header h1{color:var(--text-accent);font-size:2.5em;font-weight:700;margin:0 0 15px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.page-description{color:var(--text-secondary);font-size:1.1em;line-height:1.6;margin:0 auto;max-width:600px}.page-content{margin:0 auto;max-width:1200px}@media (max-width:768px){.xp-calculator-page{padding:15px}.page-header{margin-bottom:20px;padding:15px}.page-header h1{font-size:2em}.page-description{font-size:1em}}:root{--bg-main:#0a1428;--bg-primary:#0a1428;--bg-secondary:#060d1b;--bg-tertiary:#0b192e;--bg-quaternary:#171e2b62;--bg-darker:#030711;--bg-darkest:#020509;--team-blue-light:#1a237e;--team-blue-medium:#283593;--team-blue-dark:#3949ab;--team-red-light:#b71c1c;--team-red-medium:#c62828;--team-red-dark:#d32f2f;--surface-elevated:#1a2332;--surface-overlay:#243142;--border-primary:hsla(0,0%,100%,.1);--border-secondary:hsla(0,0%,100%,.2);--border-accent:hsla(39,45%,62%,.3);--text-primary:#fff;--text-primary-off-white:#f3ebe0;--text-secondary:#b0b6c3;--text-muted:#8a92a5;--text-accent:#c9aa71;--text-accent-bright:#f4d03f;--text-gold:#f0c888;--status-success:#4caf50;--status-warning:#ff9800;--status-error:#f44336;--status-info:#2196f3;--team-blue:#1e88e5;--team-red:#e53935;--hover-overlay:hsla(0,0%,100%,.06);--active-overlay:hsla(0,0%,100%,.12);--focus-ring:rgba(33,150,243,.3);--focus-ring-light:rgba(33,150,243,.5);--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 8px rgba(0,0,0,.55);--shadow-lg:0 12px 30px rgba(0,0,0,.6);--gradient-header:linear-gradient(135deg,var(--bg-tertiary) 0%,#2c5282 100%);--gradient-gold:linear-gradient(90deg,var(--text-accent),var(--text-accent-bright),var(--text-accent));--earth-brown:#6b4f2a;--earth-brown-dark:#4b3621;--earth-sand:#c6a969;--earth-bark:#8b5a2b}.jungle-simulator-page{background:radial-gradient(1200px 800px at 15% -10%,rgba(46,74,126,.25),transparent 60%),radial-gradient(1000px 700px at 85% 110%,rgba(18,35,70,.35),transparent 60%),#0a1428;background:radial-gradient(1200px 800px at 15% -10%,rgba(46,74,126,.25),transparent 60%),radial-gradient(1000px 700px at 85% 110%,rgba(18,35,70,.35),transparent 60%),var(--bg-primary);color:#fff;color:var(--text-primary);min-height:100vh;padding:24px}.jungle-simulator-container{margin:0 auto;max-width:1200px}.jungle-simulator-title{font-size:32px;font-weight:800;letter-spacing:.5px;margin:0 0 10px}.title-gradient{background:linear-gradient(90deg,#c9aa71,#f4d03f,#c9aa71);background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px hsla(39,45%,62%,.12)}.jungle-simulator-description{color:#b0b6c3;color:var(--text-secondary);margin-bottom:16px}.section-title{color:#f3ebe0;color:var(--text-primary-off-white);font-size:18px;font-weight:700;margin:0 0 10px}.subsection-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 10px}.card{background:linear-gradient(180deg,rgba(11,25,46,.7),rgba(6,13,27,.9));border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:var(--shadow-sm);padding:14px}.hint{color:#8a92a5;color:var(--text-muted);font-size:12px;margin-top:8px}.jungle-simulator-inputs,.jungle-simulator-results{margin-top:24px}.controls-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:14px}.control{align-items:center;display:flex;gap:10px}.control>span{color:#b0b6c3;color:var(--text-secondary);width:200px}.input{background:#030711;background:var(--bg-darker);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-secondary);border-radius:10px;color:#fff;color:var(--text-primary);outline:none;padding:8px 10px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:140px}.input:focus{background:#171e2b62;background:var(--bg-quaternary);border-color:#c9aa71;border-color:var(--text-accent);box-shadow:0 0 0 3px rgba(33,150,243,.3);box-shadow:0 0 0 3px var(--focus-ring)}.toggle{align-items:center;background:#030711;background:var(--bg-darker);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-primary);border-radius:10px;display:flex;gap:10px;padding:6px 8px}.toggle input{accent-color:#c9aa71;accent-color:var(--text-accent)}.mini-number{display:flex;flex-direction:column;gap:6px}.mini-number>span{color:#8a92a5;color:var(--text-muted);font-size:12px}.mini-number .input{width:120px}.segments-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:8px}.quick-answers{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:14px}.quick{align-items:center;background:linear-gradient(180deg,rgba(26,35,50,.7),rgba(6,13,27,.9));border:1px solid hsla(39,45%,62%,.3);border:1px solid var(--border-accent);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:10px 12px}.quick b{color:#f0c888;color:var(--text-gold)}.muted{color:#8a92a5;color:var(--text-muted)}.tables{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.table-card h3{margin:0 0 8px}.js-table{border-collapse:collapse;border-radius:12px;color:#fff;color:var(--text-primary);font-size:14px;overflow:hidden;width:100%}.js-table thead th{background:#0b192e;background:var(--bg-tertiary);border-top:none;color:#b0b6c3;color:var(--text-secondary);font-size:12px;padding:10px;text-transform:uppercase}.js-table td,.js-table th{border-top:1px solid hsla(0,0%,100%,.1);border-top:1px solid var(--border-primary);padding:10px;text-align:left;vertical-align:top}.js-table tbody tr{background:rgba(2,5,9,.35);transition:background .15s ease,-webkit-transform .05s ease;transition:background .15s ease,transform .05s ease;transition:background .15s ease,transform .05s ease,-webkit-transform .05s ease}.js-table tbody tr:hover{background:hsla(0,0%,100%,.06);background:var(--hover-overlay)}.camp-row.group-blue{border-left:4px solid #3949ab;border-left:4px solid var(--team-blue-dark)}.camp-row.group-red{border-left:4px solid #d32f2f;border-left:4px solid var(--team-red-dark)}.camp-row.group-river{border-left:4px solid #2196f3;border-left:4px solid var(--status-info)}.event-cell .event-name{font-weight:600;letter-spacing:.2px}td.xp{color:#95d1ff}td.gold,td.xp{font-weight:600}td.gold{color:#f0c888;color:var(--text-gold)}.camp-chip{align-items:center;background:#1a2332;background:var(--surface-elevated);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-secondary);border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:var(--shadow-sm);display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.2px;padding:4px 8px;text-transform:capitalize}.camp-chip:before{border-radius:999px;content:"";display:inline-block;height:8px;width:8px}.camp-blue{background:linear-gradient(180deg,rgba(34,60,110,.6),rgba(15,32,64,.9));border-color:rgba(100,150,255,.35);color:#a6c8ff}.camp-blue:before{background:#1e88e5;background:var(--team-blue)}.camp-red{background:linear-gradient(180deg,rgba(90,28,28,.55),rgba(40,10,10,.85));border-color:hsla(4,88%,67%,.35);color:#ffb3b3}.camp-red:before{background:#e53935;background:var(--team-red)}.camp-river{background:linear-gradient(180deg,rgba(20,54,82,.6),rgba(7,24,42,.9));border-color:rgba(64,180,255,.35);color:#b3e0ff}.camp-river:before{background:#2196f3;background:var(--status-info)}.event-list{list-style:none;margin:0;padding-left:0}.event-list .dot{align-items:center;display:flex;gap:8px;padding:2px 0}.event-dot{border-radius:999px;box-shadow:0 0 0 2px hsla(0,0%,100%,.05);display:inline-block;height:10px;width:10px}.dot-blue .event-dot{background:#1e88e5;background:var(--team-blue)}.dot-red .event-dot{background:#e53935;background:var(--team-red)}.dot-river .event-dot{background:#2196f3;background:var(--status-info)}.table-card{border-image:linear-gradient(180deg,#6b4f2a,transparent 40%,transparent 60%,#4b3621) 1;border-image:linear-gradient(180deg,var(--earth-brown) 0,transparent 40%,transparent 60%,var(--earth-brown-dark) 100%) 1}.card .input{background:#030711;background:var(--bg-darker)}.bullet{color:#b0b6c3;color:var(--text-secondary);margin:0;padding-left:18px}.card:focus-within{box-shadow:0 0 0 3px rgba(33,150,243,.3);box-shadow:0 0 0 3px var(--focus-ring)}.js-table tbody tr:active{background:hsla(0,0%,100%,.12);background:var(--active-overlay);-webkit-transform:scale(.997);transform:scale(.997)}.rift-wrap{background:linear-gradient(180deg,rgba(11,25,46,.7),rgba(6,13,27,.9));border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;width:100%}.rift-header{align-items:baseline;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex;gap:16px;padding:10px 12px}.rift-header .time b,.rift-header .wave b{color:var(--text-gold)}.small{font-size:12px}.rift{aspect-ratio:1/1;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);border-top:1px solid var(--border-primary);height:800px;max-height:clamp(320px,65vh,900px);overflow:hidden;position:relative;width:800px}.rift-bg{-webkit-filter:saturate(.95) brightness(.95);filter:saturate(.95) brightness(.95);height:100%;inset:0;object-fit:contain;object-position:center;opacity:.92;width:100%}.node,.rift-bg{position:absolute}.node{background:transparent;border:0;cursor:pointer;display:grid;height:72px;place-items:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:72px}@media (max-width:860px){.node{height:56px;width:56px}}@media (max-width:560px){.node{height:48px;width:48px}}.node .dot{background:var(--bg-darkest);border-radius:999px;box-shadow:inset 0 0 0 2px var(--border-secondary),0 0 8px rgba(0,0,0,.45);height:58%;width:58%}.node .ring{border-radius:999px;box-shadow:0 0 0 2px var(--border-primary);inset:0;position:absolute}.camp-node.team-blue .ring{box-shadow:0 0 0 2px rgba(100,150,255,.35),0 0 0 6px rgba(100,150,255,.08)}.camp-node.team-red .ring{box-shadow:0 0 0 2px hsla(4,88%,67%,.35),0 0 0 6px hsla(4,88%,67%,.08)}.camp-node.team-river .ring{box-shadow:0 0 0 2px rgba(64,180,255,.45),0 0 0 6px rgba(64,180,255,.1)}.obj-node.obj-dragon .ring{box-shadow:0 0 0 2px rgba(0,180,255,.5),0 0 0 6px rgba(0,180,255,.12)}.obj-node.obj-baron .ring{box-shadow:0 0 0 2px rgba(186,85,211,.55),0 0 0 6px rgba(186,85,211,.15)}.obj-node.obj-herald .ring{box-shadow:0 0 0 2px rgba(120,160,255,.5),0 0 0 6px rgba(120,160,255,.14)}.obj-node.obj-grubs .ring{box-shadow:0 0 0 2px rgba(255,140,0,.55),0 0 0 6px rgba(255,140,0,.18)}.obj-node.obj-atakhan .ring{box-shadow:0 0 0 2px rgba(255,80,140,.55),0 0 0 6px rgba(255,80,140,.18)}.node.up .dot{background:var(--earth-bark)}.node.mid .dot{background:#2a3145}.node.soon .dot{background:#3a425b}.node.down .dot{background:#1e2432;-webkit-filter:grayscale(.6) brightness(.85);filter:grayscale(.6) brightness(.85)}.node.disabled .dot{background:#2a2a2a;-webkit-filter:grayscale(1) brightness(.6);filter:grayscale(1) brightness(.6)}.node.killed .dot{background:#252525;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.08)}.node.soon .ring{-webkit-animation:glow 1s ease-in-out infinite alternate;animation:glow 1s ease-in-out infinite alternate}@-webkit-keyframes glow{0%{opacity:.6}to{opacity:1}}@keyframes glow{0%{opacity:.6}to{opacity:1}}.node .label{grid-gap:2px;bottom:-2px;display:grid;gap:2px;place-items:center;pointer-events:none;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);white-space:nowrap}.node .name{color:var(--text-primary-off-white);font-size:12px;text-shadow:0 0 6px rgba(0,0,0,.4)}.node .status{font-size:12px;line-height:1}.node .up-text{color:#b8ffb8;font-weight:800}.node .timer{color:var(--status-warning);font-weight:900;letter-spacing:.3px}.node .respawns-at{color:var(--text-secondary);font-size:11px}.node .disabled-text{color:var(--text-muted);font-weight:700}.node .killed-text{color:#ffb3b3;font-weight:800}.timeline{overflow-x:auto;padding:12px}.timeline-head{color:var(--text-primary-off-white);font-weight:700;margin-bottom:8px}.empty{padding:6px 0}.tl-table{border-collapse:collapse;font-size:14px;min-width:560px;width:100%}.tl-table td,.tl-table th{border-top:1px solid var(--border-primary);padding:8px;text-align:left}.tl-table thead th{border-top:none;color:var(--text-secondary);font-size:12px;text-transform:uppercase}
/*# sourceMappingURL=main.2d254cc4.css.map*/