html,body,#root{height:100%}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#c8cdd3;background:#0a0e14;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif}button,input{font-family:inherit}.app-header{background:linear-gradient(135deg,#1a1f2e,#0d1117);border-bottom:1px solid #c89b3c;align-items:center;gap:12px;padding:12px 24px;display:flex}.app-header h1{color:#c89b3c;letter-spacing:1px;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.app-logo{width:28px;height:28px;image-rendering:pixelated;border-radius:4px}.app-header .patch{color:#5a6270;font-size:12px}.share-btn{color:#c89b3c;cursor:pointer;background:#1e2630;border:1px solid #c89b3c;border-radius:6px;margin-left:auto;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.share-btn:hover{color:#0d1117;background:#c89b3c}.main-grid{grid-template-columns:1fr 1fr;gap:16px;max-width:1400px;margin:0 auto;padding:20px;display:grid}.card{background:#13171f;border:1px solid #2a2f3a;border-radius:8px;overflow:hidden}.card.full{grid-column:1/-1}.card-header{background:#1a1f2e;border-bottom:1px solid #2a2f3a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.card-header h2{color:#c89b3c;text-transform:uppercase;letter-spacing:1px;font-size:14px}.card-body{padding:16px}.champ-picker{align-items:flex-start;gap:16px;display:flex}.champ-portrait{background:#1e2330;border:2px solid #c89b3c;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.champ-portrait img{object-fit:cover;width:100%;height:100%}.champ-portrait .placeholder{color:#5a6270;text-align:center;font-size:11px}.champ-search-wrapper{flex:1;position:relative}.champ-search{color:#c8cdd3;background:#1e2330;border:1px solid #2a2f3a;border-radius:6px;width:100%;margin-bottom:10px;padding:8px 12px;font-size:14px}.champ-search:focus{border-color:#c89b3c;outline:none}.champ-dropdown{z-index:10;background:#1a1f2e;border:1px solid #2a2f3a;border-radius:6px;max-height:280px;position:absolute;top:38px;left:0;right:0;overflow-y:auto}.champ-dropdown-item{cursor:pointer;border-bottom:1px solid #13171f;padding:8px 12px;font-size:13px}.champ-dropdown-item:hover{color:#c89b3c;background:#2a2f3a}.level-control{align-items:center;gap:10px;display:flex}.level-control label{color:#8b92a0;text-transform:uppercase;font-size:12px}.level-slider{accent-color:#c89b3c;flex:1}.level-value{color:#c89b3c;text-align:center;background:#1e2330;border:1px solid #2a2f3a;border-radius:4px;min-width:36px;padding:4px 10px;font-size:14px;font-weight:700}.section-label{color:#8b92a0;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 10px;font-size:12px}.ability-row{gap:12px;display:flex}.ability-box{text-align:center;flex:1}.ability-icon{cursor:pointer;background:#1e2330;border:2px solid #2a2f3a;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 6px;display:flex;position:relative;overflow:hidden}.ability-icon:hover:not(.disabled){border-color:#c89b3c}.ability-icon.disabled{opacity:.35;cursor:not-allowed}.ability-icon.disabled img{filter:grayscale()}.ability-box.locked .ability-label{opacity:.35}.ability-icon img{object-fit:cover;width:100%;height:100%}.ability-icon .key-letter{color:#c89b3c;background:#000000b3;border-radius:2px;padding:0 3px;font-size:10px;font-weight:700;position:absolute;bottom:2px;right:4px}.ability-icon .placeholder{color:#5a6270;font-size:16px;font-weight:700}.ability-icon.multi-cast{position:relative}.ability-icon.multi-cast img{opacity:.55}.cast-buttons{gap:2px;padding:2px;display:flex;position:absolute;inset:0}.cast-btn{color:#c89b3c;cursor:pointer;background:#1e2330d9;border:1px solid #3a3f4a;border-radius:3px;flex:1;padding:0;font-size:11px;font-weight:700;transition:background .12s,border-color .12s}.cast-btn:hover{background:#c89b3c40;border-color:#c89b3c}.ability-rank{justify-content:center;align-items:center;gap:4px;display:flex}.rank-btn{color:#8b92a0;cursor:pointer;background:#1e2330;border:1px solid #2a2f3a;border-radius:4px;width:20px;height:20px;font-size:12px}.rank-btn:hover:not(:disabled){color:#c89b3c;border-color:#c89b3c}.rank-btn:disabled{opacity:.3;cursor:not-allowed}.rank-value{color:#c8cdd3;text-align:center;min-width:14px;font-size:13px}.ability-label{color:#5a6270;margin-top:2px;font-size:10px}.items-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.item-slot{aspect-ratio:1;cursor:pointer;background:#1e2330;border:1px solid #2a2f3a;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative}.item-slot:hover{border-color:#c89b3c}.item-slot .plus{color:#2a2f3a;font-size:20px}.item-slot.filled{border-color:#3d4450}.item-slot .item-name{color:#8b92a0;text-align:center;padding:4px;font-size:9px;line-height:1.2}.item-slot .remove{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:50%;width:16px;height:16px;font-size:10px;display:none;position:absolute;top:-4px;right:-4px}.item-slot.filled:hover .remove{display:block}.item-search-modal{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.item-search-box{background:#13171f;border:1px solid #c89b3c;border-radius:8px;flex-direction:column;width:480px;max-height:600px;padding:16px;display:flex}.item-search-input{color:#c8cdd3;background:#1e2330;border:1px solid #2a2f3a;border-radius:6px;width:100%;margin-bottom:12px;padding:10px 12px;font-size:14px}.item-results{flex:1;overflow-y:auto}.item-result{cursor:pointer;border-bottom:1px solid #1a1f2e;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.item-result:hover{color:#c89b3c;background:#1a1f2e}.item-result .stats{color:#8b92a0;font-size:11px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.stat-item{background:#1a1f2e;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;display:flex}.stat-icon{border-radius:3px;flex-shrink:0;width:12px;height:12px}.stat-icon.ad{background:#e74c3c}.stat-icon.ap{background:#9b59b6}.stat-icon.hp{background:#27ae60}.stat-icon.armor{background:#f1c40f}.stat-icon.mr{background:#3498db}.stat-icon.as{background:#f39c12}.stat-icon.crit{background:#e67e22}.stat-icon.mp{background:#1abc9c}.stat-label{color:#8b92a0;font-size:11px}.stat-value{color:#c8cdd3;margin-left:auto;font-size:12px;font-weight:600}.stat-bonus{color:#27ae60;font-size:11px}.dummy-stats{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.dummy-stat-group label{color:#8b92a0;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.dummy-stat-group input{color:#c8cdd3;text-align:center;background:#1e2330;border:1px solid #2a2f3a;border-radius:6px;width:100%;padding:8px 10px;font-size:14px}.dummy-stat-group input:focus{border-color:#c89b3c;outline:none}.combo-sequence{background:#1a1f2e;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;min-height:72px;padding:16px;display:flex}.combo-step{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.combo-icon{color:#c89b3c;cursor:pointer;background:#13171f;border:2px solid #c89b3c;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.combo-icon img{object-fit:cover;width:100%;height:100%}.combo-step .remove-step{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:50%;width:18px;height:18px;font-size:11px;display:none;position:absolute;top:-6px;right:-6px}.combo-step:hover .remove-step{display:block}.combo-arrow{color:#2a2f3a;margin:0 2px;font-size:18px}.combo-step-number{color:#5a6270;font-size:9px}.combo-empty{color:#5a6270;font-size:13px;font-style:italic}.combo-controls{gap:8px;margin-top:12px;display:flex}.combo-btn{color:#8b92a0;cursor:pointer;background:#1e2330;border:1px solid #2a2f3a;border-radius:6px;padding:8px 16px;font-size:12px}.combo-btn:hover{color:#c89b3c;border-color:#c89b3c}.combo-btn.save-btn{color:#3498db;border-color:#3498db}.combo-btn.save-btn:hover{color:#2980b9;border-color:#2980b9}.combo-add-hint{color:#5a6270;text-align:center;margin-top:10px;font-size:11px}.combo-save-row{gap:8px;margin-top:10px;display:flex}.combo-save-input{color:#c8cdd3;background:#1e2330;border:1px solid #2a2f3a;border-radius:6px;flex:1;padding:8px 12px;font-size:12px}.combo-save-input:focus{border-color:#3498db;outline:none}.combo-templates{border-top:1px solid #2a2f3a;margin-top:14px;padding-top:12px}.combo-templates-label{color:#8b92a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px}.combo-template-list{flex-wrap:wrap;gap:6px;display:flex}.combo-template-btn{cursor:pointer;text-align:left;background:#1e2330;border:1px solid #2a2f3a;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;min-width:120px;padding:8px 12px;display:flex;position:relative}.combo-template-btn:hover{border-color:#c89b3c}.combo-template-btn.custom{border-color:#2a4a3a}.combo-template-btn.custom:hover{border-color:#27ae60}.combo-template-btn .template-name{color:#c8cdd3;font-size:12px;font-weight:600}.combo-template-btn .template-preview{color:#5a6270;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:10px;overflow:hidden}.combo-template-btn .template-delete{color:#5a6270;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;display:flex;position:absolute;top:2px;right:4px}.combo-template-btn .template-delete:hover{color:#e74c3c;background:#e74c3c26}.damage-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.damage-card{text-align:center;background:#1a1f2e;border:1px solid #2a2f3a;border-radius:8px;padding:16px}.damage-card.main{border-color:#c89b3c}.damage-label{color:#8b92a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px}.damage-value{color:#e74c3c;font-size:28px;font-weight:700}.damage-card.main .damage-value{color:#c89b3c;font-size:32px}.damage-value.physical{color:#e74c3c}.damage-value.magic{color:#9b59b6}.damage-value.truedmg{color:#ecf0f1}.damage-sub{color:#5a6270;margin-top:4px;font-size:11px}.breakdown-table{border-collapse:collapse;width:100%}.breakdown-table th{text-align:left;color:#8b92a0;text-transform:uppercase;border-bottom:1px solid #2a2f3a;padding:8px 12px;font-size:11px}.breakdown-table td{border-bottom:1px solid #1a1f2e;padding:10px 12px;font-size:13px}.dmg-type-badge{text-transform:uppercase;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.dmg-type-badge.physical{color:#e74c3c;background:#e74c3c26}.dmg-type-badge.magic{color:#9b59b6;background:#9b59b626}.dmg-type-badge.true{color:#ecf0f1;background:#ecf0f126}.hp-bar-section{background:#1a1f2e;border-radius:8px;margin-top:16px;padding:16px}.hp-bar-label{color:#8b92a0;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.hp-bar{background:#2a2f3a;border-radius:4px;height:28px;position:relative;overflow:hidden}.hp-bar-remaining{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:4px;height:100%;transition:width .4s}.hp-bar-damage{background:#e74c3c66;border-left:2px solid #e74c3c;height:100%;position:absolute;top:0}.hp-bar-text{color:#fff;text-shadow:0 1px 2px #00000080;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kill-tag{border-radius:4px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.kill-tag.kill{color:#e74c3c;background:#e74c3c26;border:1px solid #e74c3c}.kill-tag.survive{color:#27ae60;background:#27ae6026;border:1px solid #27ae60}.tooltip-anchor{vertical-align:top;display:inline-flex}.item-slot .tooltip-anchor{justify-content:center;align-items:center;width:100%;height:100%}.game-tooltip{z-index:1000;pointer-events:none;color:#a09b8c;background:linear-gradient(#1a2332 0%,#0d1117 100%);border:2px solid #463714;border-radius:4px;width:320px;max-width:calc(100vw - 16px);padding:10px 12px;font-size:12px;line-height:1.45;position:fixed;box-shadow:0 8px 24px #0009}.game-tooltip-title{color:#f0e6d2;margin-bottom:2px;font-size:14px;font-weight:700}.game-tooltip-subtitle{color:#8b92a0;margin-bottom:8px;font-size:11px}.game-tooltip-body .lol-attention{color:#f0e6d2;font-weight:700}.game-tooltip-body .lol-magic{color:#57c7ff}.game-tooltip-body .lol-physical{color:#e84057}.game-tooltip-body .lol-true{color:#fff}.game-tooltip-body .lol-status{color:#d9c384}.game-tooltip-body .lol-healing{color:#55d42a}.game-tooltip-body .lol-shield{color:#fcc742}.game-tooltip-body .lol-speed{color:#55d42a}.game-tooltip-body .lol-keyword{color:#cbd5e0;font-weight:600}.game-tooltip-body .lol-rules{color:#5a6270;font-style:italic}.game-tooltip-body .lol-scale{color:#9aa4af}.game-tooltip-body .lol-stats{color:#f0e6d2;margin-bottom:4px}.build-tabs{gap:4px;max-width:1400px;margin:0 auto;padding:8px 20px 0;display:flex}.build-tab{color:#8b92a0;cursor:pointer;background:#13171f;border:1px solid #2a2f3a;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex;position:relative;top:1px}.build-tab.active{color:#c89b3c;background:#1a1f2e;border-color:#c89b3c #c89b3c #1a1f2e;border-bottom-style:solid;border-bottom-width:1px}.build-tab.add{color:#5a6270;background:0 0;border:1px dashed #2a2f3a}.build-tab.add:hover{color:#c89b3c;border-color:#c89b3c}.build-tab-dot{background:#2a2f3a;border-radius:50%;width:8px;height:8px}.build-tab-dot.has-champ{background:#27ae60}.build-tab-champ{color:#5a6270;font-size:11px;font-weight:400}.build-tab-close{color:#5a6270;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:4px;font-size:14px;display:flex}.build-tab-close:hover{color:#e74c3c;background:#e74c3c26}.target-presets{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.target-preset-btn{color:#8b92a0;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#1e2330;border:1px solid #2a2f3a;border-radius:4px;padding:5px 12px;font-size:11px;font-weight:600}.target-preset-btn:hover{color:#c89b3c;border-color:#c89b3c}.advanced-toggle{color:#5a6270;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #2a2f3a;width:100%;margin-top:12px;padding:8px 0;font-size:12px;display:block}.advanced-toggle:hover{color:#c89b3c}.target-advanced{margin-top:10px;padding-top:10px}.target-champ-picker,.target-champ-search-wrapper{position:relative}.target-champ-selected{background:#1a1f2e;border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.target-champ-icon{object-fit:cover;border:2px solid #c89b3c;border-radius:6px;width:40px;height:40px}.target-champ-info{flex:1}.target-champ-name{color:#c8cdd3;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.target-level-control{align-items:center;gap:6px;display:flex}.target-level-control label{color:#8b92a0;font-size:11px}.target-champ-clear{color:#5a6270;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.target-champ-clear:hover{color:#e74c3c}.item-section-label{color:#c89b3c;text-transform:uppercase;letter-spacing:.5px;z-index:1;background:#1a1f2e;border-bottom:1px solid #2a2f3a;padding:6px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.item-no-results{text-align:center;color:#5a6270;padding:20px;font-size:13px}.compare-grid{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;margin-bottom:16px;display:grid}.compare-label{color:#c89b3c;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:8px;font-size:12px;font-weight:600}.compare-delta{flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:16px 12px;display:flex}.delta-label{color:#5a6270;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px}.delta-value{color:#8b92a0;font-size:24px;font-weight:700}.delta-value.positive{color:#27ae60}.delta-value.negative{color:#e74c3c}.delta-sub{color:#5a6270;margin-top:4px;font-size:11px}.damage-summary.compact{grid-template-columns:repeat(2,1fr);gap:6px}.damage-summary.compact .damage-card{padding:10px}.damage-summary.compact .damage-value{font-size:20px}.damage-summary.compact .damage-card.main .damage-value{font-size:22px}.compare-breakdown .diff-positive{color:#27ae60}.compare-breakdown .diff-negative{color:#e74c3c}.compare-breakdown .total-row td{border-top:2px solid #2a2f3a}.compare-hp-bars{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.compare-hp-bar{background:#1a1f2e;border-radius:8px;padding:12px}.compare-hp-label{color:#8b92a0;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.hp-bar-mini .hp-bar{height:22px}.landing{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.landing-hero{text-align:center;margin-bottom:24px}.landing-hero h2{color:#c89b3c;margin-bottom:6px;font-size:28px;font-weight:700}.landing-hero p{color:#8b92a0;font-size:14px}.landing-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}.champ-card{cursor:pointer;background:#1e2330;border:2px solid #2a2f3a;border-radius:8px;flex-direction:column;align-items:center;padding:8px 4px 6px;transition:border-color .15s,transform .1s;display:flex;position:relative;overflow:hidden}.champ-card:hover:not(.disabled){border-color:#c89b3c;transform:translateY(-2px)}.champ-card img{object-fit:cover;border-radius:6px;width:56px;height:56px}.champ-card-name{color:#c8cdd3;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;font-size:11px;line-height:1.2;overflow:hidden}.landing-request{text-align:center;background:#1e2330;border:1px solid #2a2f3a;border-radius:10px;margin-top:40px;padding:24px}.landing-request h3{color:#c89b3c;margin-bottom:8px;font-size:18px;font-weight:600}.landing-request p{color:#8b92a0;margin-bottom:16px;font-size:13px}.landing-vote-btn{color:#0d1117;background:#c89b3c;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.landing-vote-btn:hover{background:#d4a94a}@media (width<=900px){.main-grid{grid-template-columns:1fr}.damage-summary{grid-template-columns:repeat(2,1fr)}.compare-grid,.compare-hp-bars{grid-template-columns:1fr}.landing-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}}