@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:0;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#1e1e1e;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#f5a623;border:2px solid #1e1e1e;border-radius:10px}.app-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;padding:1rem 1.5rem 4rem}.app-header h1{color:#388e3c;font-family:Bebas Neue,sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:.15em;margin-bottom:.2rem;margin-top:-20px;text-shadow:0 0 10px #388e3c88;text-transform:uppercase}.app-header h2{color:#ffcc80;font-size:1.8rem;font-style:italic;font-weight:600;margin-bottom:.6rem;text-shadow:0 0 5px #ffcc8080}.subtitle{color:#ddd;font-size:1.1rem;font-weight:400;letter-spacing:.03em;line-height:1.4;margin:0 auto;text-shadow:0 0 3px #00000080}a{color:#ffb74d;text-decoration:none;transition:color .2s ease}a:hover{color:#ffd180}.text-center{color:#bbb;padding:2rem;text-align:center}.app-header{margin-bottom:3rem;position:relative;text-align:center;-webkit-user-select:text;user-select:text}.highlight{color:#388e3c;font-weight:700;text-shadow:0 0 8px #388e3c88}.app-footer{color:#888;font-size:.75rem;margin-top:2rem;padding:1rem;text-align:center}.disclaimer{line-height:1.4;margin:0 auto;max-width:800px}.team-rank{align-items:center;border-radius:100%;color:#000;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;text-align:center;width:32px}.tier-s{background-color:#ff7f7e}.tier-a{background-color:#ffbf7f}.tier-b{background-color:#ffdf80}.tier-c{background-color:#feff7f}.tier-d{background-color:#beff7f}.pairs-wrapper{overflow:hidden;transition:max-height .4s ease,opacity .4s ease}.pairs-wrapper.hidden{max-height:0;opacity:0;pointer-events:none}.pairs-wrapper.visible{max-height:1000px;opacity:1}:root{--btn-size:26px;--btn-bg:#323232cc;--btn-bg-hover:#323232;--btn-radius:6px;--tooltip-bg:#323232e6;--tooltip-color:#fff;--check-color:#4caf50;--transition-speed:0.2s}.copy-icon{display:block;filter:brightness(0) invert(1);height:16px;width:16px}.copy-wrapper{display:inline-flex}.copy-btn,.copy-wrapper{align-items:center;justify-content:center;position:relative}.copy-btn{background-color:#ffffff1a;border:none;border-radius:5px;box-shadow:inset 0 0 5px #ffffff1a;color:#ddd;cursor:pointer;display:flex;height:26px;height:var(--btn-size);outline:none;padding:0;transition:background .2s ease,transform .15s ease;transition:background var(--transition-speed) ease,transform .15s ease;width:26px;width:var(--btn-size)}.copy-btn.copied,.copy-btn:active,.copy-btn:focus,.copy-btn:hover{background-color:#222;box-shadow:none;outline:none;transform:scale(1.3)}.copy-btn.copied .copy-check{opacity:1;transform:translate(-50%,-50%) scale(.85)}.copy-tooltip{background:#323232e6;background:var(--tooltip-bg);border-radius:4px;color:#fff;color:var(--tooltip-color);font-size:.75rem;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:-32px;transform:translateX(-50%) translateY(0);transition:opacity .2s ease,transform .2s ease;transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;white-space:nowrap}.copy-btn.copied+.copy-tooltip,.copy-wrapper:hover .copy-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px)}.composition-card{background-color:#1a1a1a;border:1px solid #388e3c;border-radius:10px;box-shadow:0 4px 10px #0006;color:#fff;cursor:pointer;font-family:sans-serif;margin:.5rem;padding:16px;transition:transform .15s ease}.composition-card:hover{transform:scale(1.02)}.composition-header{justify-content:space-between;margin-bottom:.5rem}.composition-header,.composition-title{align-items:center;display:flex;gap:.75rem}.composition-title h2{font-size:1.25rem;margin:0}.composition-play-style{background-color:#ffffff1a;border-radius:12px;box-shadow:inset 0 0 5px #ffffff1a;color:#ddd;font-size:.85rem;font-weight:500;padding:2px 8px;-webkit-user-select:none;user-select:none;white-space:nowrap}.pairs-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.pair-card{background-color:#222;border:1px solid #333;border-radius:8px;box-shadow:0 2px 6px #0000004d;margin-top:.5rem;padding:.75rem;position:relative}.pairs-container{display:inline-block;transform:scale(.9);transform-origin:top center;width:-webkit-max-content;width:max-content}.champion-list{background-color:#121212;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;padding:16px}.champion-card{align-items:center;background-color:#1e1e1e;border:2px solid;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;flex-direction:column;font-family:sans-serif;margin:8px;max-width:120px;min-width:100px;padding:10px}.champion-card__title{font-size:14px;font-weight:700;margin-bottom:6px;text-align:center}.champion-card__image-container{display:inline-block;margin-bottom:6px;position:relative}.champion-card__stars{color:gold;font-size:16px;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 4px #ffd700cc,0 0 8px #ffd70099;top:-10px;transform:translateX(-50%)}.champion-card__image{border:2px solid #444;border-radius:6px;height:70px;object-fit:cover;width:70px}.champion-card__items{background-color:#1e1e1ecc;border-radius:4px;bottom:-12px;display:flex;gap:4px;left:50%;padding:2px 4px;position:absolute;transform:translateX(-50%)}.champion-card__item-image{border:1px solid #555;border-radius:4px;height:24px;width:24px}.champion-card__item-text{font-size:12px}.icon{fill:currentColor;display:inline-block;height:18px;transition:fill .2s ease,transform .2s ease;vertical-align:middle;width:18px}.github-icon{color:#fff}.github-icon:hover{color:#000;transform:translateY(-2px)}.discord-icon{color:#5865f2}.discord-icon:hover{color:#7289da;transform:translateY(-2px)}.kofi-icon{color:#e04646}.kofi-icon:hover{color:#ff5f5f;transform:translateY(-2px)}.support-icon{color:#2563eb}.support-icon:hover{color:#3b82f6;transform:translateY(-2px)}.support-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.button-link{align-items:center;border-radius:50px;box-shadow:0 4px 12px #0006;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:8px 16px;text-decoration:none;transition:all .25s ease-in-out}.button-link .icon{height:18px;width:18px}.button-link.github{background-color:#24292f;color:#fff}.button-link.github:hover{background-color:#000;box-shadow:0 6px 18px #0009;transform:translateY(-2px)}.button-link.kofi{background-color:#e04646;color:#fff}.button-link.kofi:hover{background-color:#ff5f5f;box-shadow:0 6px 18px #ff5f5f99;transform:translateY(-2px)}.button-link.support{background-color:#2563eb;color:#fff}.button-link.support:hover{background-color:#3b82f6;box-shadow:0 6px 18px #3b82f699;transform:translateY(-2px)}.button-link.discord{background-color:#5865f2;color:#fff}.button-link.discord:hover{background-color:#7289da;box-shadow:0 6px 18px #7289da99;transform:translateY(-2px)}.tft-logo{display:inline-block;margin-bottom:0;transition:transform .3s ease;vertical-align:bottom}.subtitle{color:#cfd8dc;font-size:1.25rem;font-weight:500;letter-spacing:.04em;line-height:1.5;margin:0 auto 1.5rem;max-width:600px;text-shadow:0 0 5px #000000b3;transition:color .3s ease;-webkit-user-select:text;user-select:text}
/*# sourceMappingURL=main.c9b489b2.css.map*/