:root{font-family:Segoe UI,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f0e6d2;background-color:#1f1f1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}.app{max-width:1200px;margin:0 auto;padding:8px}.header{margin-top:40px;text-align:center;margin-bottom:30px}.logo{margin:0}.logo-image{max-width:280px;width:100%;height:auto}.search-container{display:flex;justify-content:center;margin-bottom:80px}@media(max-width:479px){.app.is-searching{padding-top:8px}.app.is-searching .search-container{margin-bottom:8px}.header-hidden-mobile{display:none}}.search-wrapper{position:relative;width:100%;padding:4px}@media(min-width:480px){.search-wrapper{max-width:400px}}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666;font-size:1.1rem;pointer-events:none}.search-input{width:100%;padding:12px 20px 12px 38px;font-size:1.1rem;border:none;border-radius:8px;background-color:#fff;color:#333;outline:none;transition:box-shadow .2s}.search-input:focus{box-shadow:0 0 0 3px #c8aa6e4d}.search-input::placeholder{color:#999}.champion-list{display:flex;flex-direction:column;gap:24px}.champion-group{display:flex;flex-direction:column;gap:4px}.row-separator{color:#f0e6d2;font-size:1.4rem;font-weight:700;font-family:Times New Roman,Yu Mincho,Hiragino Mincho ProN,serif;padding:8px 0 0;background-color:transparent;border:none;margin-bottom:0;position:relative}.row-separator:after{content:"";display:block;height:1px;margin-top:-2px;background:linear-gradient(90deg,#f0e6d2,#1f1f1f)}.champion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;justify-items:center}@media(min-width:480px){.champion-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}}.champion-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:1px;border-radius:8px;background-color:transparent;cursor:pointer;transition:transform .2s,opacity .2s;width:100%}.champion-card:hover{transform:scale(1.05);opacity:.85}.champion-image{width:64px;height:64px;border-radius:4px;border:none;transition:border-radius .2s}@media(max-width:479px){.champion-image{width:100%;height:auto;aspect-ratio:1}}.app.is-searching .champion-image{border-radius:50%}.champion-name{font-size:.6rem;color:#f0e6d2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;margin-top:-1px}.loading,.error,.no-results{text-align:center;padding:40px;color:#a09b8c;font-size:1.1rem}.champion-detail{max-width:600px;margin:0 auto;padding:8px 8px 40px}.splash-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;margin-bottom:16px}.splash-image{width:100%;height:100%;object-fit:cover;object-position:center top}.splash-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#1F1F1F 0%,transparent 100%)}.champion-info{text-align:center;margin-bottom:24px}.champion-title{color:#f0e6d2;font-size:1.8rem;margin:0 0 8px;font-weight:700}.champion-tags{color:#a09b8c;font-size:.9rem;margin:0}.counter-sections{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.counter-section{background-color:transparent}.section-title{color:#f0e6d2;font-size:1rem;font-weight:700;margin:0 0 12px}.matchup-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.matchup-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;cursor:pointer;transition:opacity .2s}.matchup-item:hover{opacity:.7}.matchup-image{width:56px;height:56px;border-radius:4px;border:none}.matchup-name{color:#a09b8c;font-size:.7rem;text-align:center;white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis}.external-links{display:flex;gap:12px;margin-bottom:24px}.external-link{flex:1;padding:12px 16px;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:700;text-align:center;transition:opacity .2s}.external-link:hover{opacity:.8}.external-link.opgg,.external-link.ugg{background-color:#2d5a27;color:#9ddb6e}.back-link{display:block;color:#a09b8c;text-decoration:none;font-size:.9rem;text-align:center;padding:12px;transition:color .2s}.back-link:hover{color:#f0e6d2}.no-data,.loading,.error{text-align:center;padding:40px;color:#a09b8c}.error{color:#e84057}