#kl-lol-tool{--color-win-high: #16a34a;--color-win-mid: #d97706;--color-win-low: #dc2626;max-width:900px;margin:0 auto;padding:24px 20px 80px;color:var(--color-text);font-family:var(--font-sans)}#kl-lol-tool *,#kl-lol-tool *:before,#kl-lol-tool *:after{box-sizing:border-box}#kl-lol-tool .lol-page-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--color-accent)}#kl-lol-tool .lol-page-header h1{font-size:1.6rem;color:var(--color-text);letter-spacing:.03em}#kl-lol-tool .subtitle{font-size:.85rem;color:var(--color-text-muted);margin-top:4px}#kl-lol-tool .last-updated{font-size:.8rem;color:var(--color-text-muted);margin-bottom:12px;text-align:right}#kl-lol-tool button{background:var(--color-accent);color:var(--color-text);border:none;padding:8px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:background var(--transition);font-family:inherit}#kl-lol-tool button:hover{background:var(--color-accent-hover)}#kl-lol-tool .loading,#kl-lol-tool .no-data{text-align:center;color:var(--color-text-muted);font-size:.85rem;padding:24px 0}#kl-lol-tool .step-card{background:var(--color-bg-card);border-radius:var(--radius);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-card);border:1px solid var(--color-border)}#kl-lol-tool .step-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}#kl-lol-tool .step-num{background:var(--gradient-accent);color:var(--color-text);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}#kl-lol-tool .step-label{font-size:1rem;font-weight:700;color:var(--color-text)}#kl-lol-tool .step-hint{font-size:.8rem;color:var(--color-text-muted);margin-left:auto}#kl-lol-tool .lane-picker{display:flex;gap:12px;flex-wrap:wrap}#kl-lol-tool .lane-pick-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--color-accent-light);color:var(--color-text-muted);padding:12px 20px;border-radius:8px;font-size:.85rem;min-width:70px;transition:all var(--transition)}#kl-lol-tool .lane-pick-btn .lane-icon{font-size:1.4rem}#kl-lol-tool .lane-pick-btn.active{background:var(--color-accent);color:var(--color-text);font-weight:700;box-shadow:var(--shadow-card-hover)}#kl-lol-tool .lane-pick-btn:hover:not(.active){background:var(--color-accent-glow);color:var(--color-text)}#kl-lol-tool .champ-search{width:100%;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);padding:8px 14px;border-radius:6px;font-size:.95rem;margin-bottom:12px;font-family:inherit}#kl-lol-tool .champ-search:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}#kl-lol-tool .champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:320px;overflow-y:auto}#kl-lol-tool .champ-pick-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .15s;background:var(--color-bg)}#kl-lol-tool .champ-pick-item img{width:48px;height:48px;border-radius:50%}#kl-lol-tool .champ-pick-item span{font-size:.65rem;text-align:center;color:var(--color-text-muted);line-height:1.2}#kl-lol-tool .champ-pick-item:hover,#kl-lol-tool .champ-pick-item.selected{border-color:var(--color-accent);background:var(--color-accent-light)}#kl-lol-tool .champ-pick-item.selected span{color:var(--color-text);font-weight:700}#kl-lol-tool .pool-slots{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}#kl-lol-tool .pool-slot{width:64px;height:84px;border-radius:8px;border:2px solid var(--color-accent);background:var(--color-accent-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative}#kl-lol-tool .pool-slot img{width:44px;height:44px;border-radius:50%}#kl-lol-tool .pool-slot .name{font-size:.65rem;color:var(--color-text);text-align:center;line-height:1.1;padding:0 2px}#kl-lol-tool .pool-slot .remove-btn,#kl-lol-tool .enemy-lane-slot .remove-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--color-win-low);color:#fff;font-size:.7rem;font-weight:700;padding:0;display:flex;align-items:center;justify-content:center}#kl-lol-tool .pool-slot .remove-btn:hover,#kl-lol-tool .enemy-lane-slot .remove-btn:hover{background:#b91c1c}#kl-lol-tool .enemy-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}#kl-lol-tool .enemy-lane{background:var(--color-bg);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--color-border)}#kl-lol-tool .enemy-lane-label{font-size:.85rem;color:var(--color-text);font-weight:700}#kl-lol-tool .enemy-lane-slot{width:100%;min-height:70px;border:2px dashed var(--color-border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;position:relative;transition:all .15s;background:var(--color-bg-card)}#kl-lol-tool .enemy-lane-slot:hover{border-color:var(--color-accent);color:var(--color-text);background:var(--color-accent-light)}#kl-lol-tool .enemy-lane-slot.filled{border-style:solid;border-color:var(--color-win-low);color:var(--color-text);cursor:default;background:#dc26260f}#kl-lol-tool .enemy-lane-slot.filled img{width:44px;height:44px;border-radius:50%}#kl-lol-tool .enemy-lane-slot .name{font-size:.7rem;text-align:center}#kl-lol-tool .rec-list{display:flex;flex-direction:column;gap:10px}#kl-lol-tool .rec-row{display:flex;align-items:center;gap:12px;background:var(--color-bg-card);border-radius:var(--radius);padding:12px 14px;border-left:4px solid var(--color-border);border:1px solid var(--color-border);transition:box-shadow var(--transition)}#kl-lol-tool .rec-row:hover{box-shadow:var(--shadow-card-hover)}#kl-lol-tool .rec-row.score-high{border-left-color:var(--color-win-high)}#kl-lol-tool .rec-row.score-mid{border-left-color:var(--color-win-mid)}#kl-lol-tool .rec-row.score-low{border-left-color:var(--color-win-low)}#kl-lol-tool .rec-rank{font-size:1.1rem;font-weight:700;color:var(--color-text-muted);min-width:24px;text-align:center}#kl-lol-tool .rec-icon{width:48px;height:48px;border-radius:50%;border:2px solid var(--color-accent);flex-shrink:0}#kl-lol-tool .rec-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}#kl-lol-tool .rec-name{font-size:1rem;font-weight:700;color:var(--color-text)}#kl-lol-tool .rec-breakdown{font-size:.78rem;color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:8px}#kl-lol-tool .rec-breakdown .pair{background:var(--color-bg);padding:2px 8px;border-radius:10px;border:1px solid var(--color-border)}#kl-lol-tool .rec-breakdown .pair.direct{background:var(--color-accent-light);color:var(--color-text);border-color:var(--color-accent);font-weight:700}#kl-lol-tool .rec-score{font-size:1.4rem;font-weight:700;text-align:right;min-width:80px}#kl-lol-tool .rec-score .score-high{color:var(--color-win-high)}#kl-lol-tool .rec-score .score-mid{color:var(--color-win-mid)}#kl-lol-tool .rec-score .score-low{color:var(--color-win-low)}#kl-lol-tool .rec-empty{text-align:center;color:var(--color-text-muted);padding:32px;font-size:.9rem}#kl-lol-tool .no-data-badge{font-size:.7rem;background:var(--color-accent-light);color:var(--color-text-muted);padding:2px 8px;border-radius:10px;border:1px solid var(--color-border);margin-left:6px}#kl-lol-tool .modal-overlay{position:fixed;inset:0;background:#1a202c80;z-index:99}#kl-lol-tool .modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-card);border:1px solid var(--color-accent);border-radius:var(--radius);padding:24px;width:360px;max-width:90vw;z-index:100;box-shadow:var(--shadow-card-hover)}#kl-lol-tool .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#kl-lol-tool .modal-header h3{color:var(--color-text);font-size:1rem}#kl-lol-tool .modal-header button{background:transparent;color:var(--color-text-muted);padding:4px 8px;font-size:1.2rem}#kl-lol-tool .modal-header button:hover{background:var(--color-accent-light)}@media(max-width:600px){#kl-lol-tool .lane-picker{gap:8px}#kl-lol-tool .lane-pick-btn{padding:8px 12px;min-width:56px}}#kl-lol-tool .tool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:32px}#kl-lol-tool .tool-card{display:flex;gap:14px;padding:18px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:var(--color-text);box-shadow:var(--shadow-card);transition:box-shadow var(--transition),transform var(--transition)}#kl-lol-tool .tool-card:hover:not(.disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}#kl-lol-tool .tool-card.disabled{opacity:.65;cursor:not-allowed}#kl-lol-tool .tool-card-icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-light);border-radius:8px}#kl-lol-tool .tool-card-body{flex:1;display:flex;flex-direction:column;gap:6px}#kl-lol-tool .tool-card-body h2{font-size:1.05rem;color:var(--color-text);margin:0}#kl-lol-tool .tool-card-body p{font-size:.82rem;color:var(--color-text-muted);line-height:1.5;margin:0}#kl-lol-tool .tool-card-status{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:10px;background:var(--color-accent);color:var(--color-text);font-weight:700;width:fit-content;margin-top:4px}#kl-lol-tool .tool-card-status.coming{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}#kl-lol-tool .tool-card-status.beta{background:var(--color-accent-light);color:var(--color-text);border:1px solid var(--color-accent)}#kl-lol-tool .hub-note{background:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius);padding:16px 20px}#kl-lol-tool .hub-note h3{font-size:.95rem;color:var(--color-text);margin:0 0 8px}#kl-lol-tool .hub-note p{font-size:.85rem;color:var(--color-text-muted);line-height:1.6;margin:0}#kl-lol-tool .hub-note+.hub-note{margin-top:16px}#kl-lol-tool .hub-note-en{background:var(--color-bg-card);border-color:var(--color-border)}#kl-lol-tool .hub-note-en p+p{margin-top:8px}#kl-lol-tool .hub-note-en a{color:var(--color-accent-hover);text-decoration:underline}#kl-lol-tool .hub-note-disclaimer{font-size:.72rem!important;color:#8a92a3!important;line-height:1.5!important}