*{margin:0;padding:0;box-sizing:border-box}html{background:#131619;transition:background .3s ease}html.light{background:#f5f5f5}body{font-family:Segoe UI,sans-serif;color:#fff;min-height:100vh;transition:background .3s ease}.dark{background:#131619}.light{background:#f5f5f5;color:#1a1a1a}.logo-peak{color:#fff}.logo-lol{color:#84ffc9}.light .logo-peak{color:#000}.light .logo-lol{color:#84ffc9}.light .top-header,.light .profile-header{background:#e0e0e0}.light .header-btn,.light .profile-search-wrapper,.light .home-search-wrapper{background:#0000000d;color:#1a1a1a;border-color:#0003}.light .header-btn:hover{background:#0000001a}.light .profile-search-input,.light .home-search-input{color:#1a1a1a}.light .profile-search-input::placeholder,.light .home-search-input::placeholder{color:#00000080}.light .profile-info-container,.light .rank-display,.light .rank-tab,.light .match-history,.light .match-item{background:#00000008;border-color:#0000001a}.light .rank-tab{color:#2a2a2a;background:#0000000d;border-color:#0000001a}.light .rank-tab.active{background:linear-gradient(90deg,#e9b9cf,#d3f3f1);border-color:#84ffc9;color:#1a1a1a}.light .rank-tab:hover{background:#00000014;color:#1a1a1a}.light .match-history h3,.light .server-badge{color:#2a2a2a}.light .profile-tag,.light .rank-stat-label{color:#0009}.light .rank-tier-large,.light .rank-stat-value{color:#1a1a1a}.light .rank-description{color:#000000b3}.light .suggestions-dropdown,.light .profile-suggestions-dropdown{background:#fff;border:2px solid rgba(0,0,0,.15);box-shadow:0 8px 16px #0003}.light .suggestions-header,.light .suggestion-item,.light .suggestion-name{color:#2a2a2a}.light .suggestion-item:hover{background:#0000000f;border-left-color:#1cdce8}.light .suggestion-region{color:#2a2a2a}.light .home-subtitle{color:#666}.light .profile-summoner-name,.light .rank-tier,.light h1,.light h2,.light h3,.light h4{color:#1a1a1a}.light .profile-level{color:#c89b3c}.light .ladder-rank{background:linear-gradient(135deg,#1cdce826,#9c27b026);border-color:#1cdce866}.light .ladder-text{color:#0d9ba8}.light .match-item.victory{border-left-color:#4caf50}.light .match-item.defeat{border-left-color:#f44336}.home-page{min-height:100vh;display:flex;flex-direction:column}.top-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0000004d}.top-header .logo{font-size:1.5em;font-weight:700;cursor:pointer}.header-actions{display:flex;gap:15px}.header-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s;font-size:.9em}.header-btn:hover{background:#fff3;border-color:#84ffc9}.home-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;margin-bottom:400px}.home-logo{text-align:center;margin-bottom:60px}.home-logo h1{font-size:4em;margin-bottom:10px;letter-spacing:2px}.home-subtitle{color:#a09b8c;font-size:1.2em}.home-search-container{display:flex;align-items:center;gap:15px;max-width:800px;width:100%}.region-dropdown{position:relative;z-index:100}.region-dropdown-toggle{display:flex;align-items:center;gap:8px;padding:18px 20px;font-size:1em;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#e0e0e0;cursor:pointer;transition:all .2s ease;min-width:180px;text-align:left;font-family:inherit}.region-dropdown-toggle:hover{background:#ffffff1a;border-color:#fff3}.region-dropdown-arrow{margin-left:auto;transition:transform .2s ease;opacity:.6}.region-dropdown-arrow.open{transform:rotate(180deg)}.region-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0f1419;border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden;box-shadow:0 8px 16px #0009;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.region-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;border:none;background:none;color:#b0b4c0;font-size:.92em;cursor:pointer;transition:all .12s ease;font-family:inherit;text-align:left}.region-dropdown-item:hover{background:#ffffff0f;color:#fff}.region-dropdown-item.active{background:#1cdce81a;color:#1cdce8}.region-item-short{font-size:.8em;opacity:.5;font-weight:600}.region-dropdown-item.active .region-item-short{opacity:.8}.region-dropdown.profile .region-dropdown-toggle{padding:12px 15px;font-size:.9em;border-radius:6px;min-width:150px}.region-dropdown.profile .region-dropdown-menu{min-width:200px}.lang-btn{font-size:.9em!important}.light .region-dropdown-toggle{background:#0000000a;border-color:#0000001f;color:#333}.light .region-dropdown-toggle:hover{background:#00000012;border-color:#0003}.light .region-dropdown-menu{background:#fff;border:2px solid rgba(0,0,0,.15);box-shadow:0 8px 16px #0003}.light .region-dropdown-item{color:#2a2a2a}.light .region-dropdown-item:hover{background:#0000000f;color:#111}.light .region-dropdown-item.active{background:#1c8ce814;color:#1c8ce8}.home-search-wrapper{display:flex;flex:1;position:relative;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;overflow:visible;transition:all .3s}.home-search-wrapper:focus-within{border-color:#84ffc9;background:#ffffff26}.home-search-input{flex:1;padding:18px 20px;font-size:1em;border:none;background:transparent;color:#fff;outline:none}.home-search-input::placeholder{color:#ffffff80}.home-search-btn{padding:18px 40px;font-size:1.1em;font-weight:700;background:#84ffc9;color:#000;border:none;cursor:pointer;transition:all .3s}.home-search-btn:hover{filter:brightness(.8)}.suggestions-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0f1419;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 8px 16px #0009;z-index:1000;max-height:400px;overflow-y:auto}.suggestions-section{padding:8px 0}.suggestions-header{padding:8px 16px;font-size:.75em;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:1px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.suggestion-item:hover{background:#ffffff14;border-left-color:#1cdce8}.suggestion-name{flex:1;color:#e8e8e8;font-size:.95em}.suggestion-region{color:#ffffff80;font-size:.85em}.profile-page{min-height:100vh}.profile-page.dark{background:#131619}.profile-page.light{background:#f5f5f5}.profile-header{background:#0000004d;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.profile-header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:40px}.profile-header-content .header-actions{margin-left:auto}.profile-logo{font-size:1.5em;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .3s;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.profile-logo:hover{opacity:.8}.profile-search-container{display:flex;align-items:center;gap:10px;flex:0 0 auto}.profile-search-wrapper{display:flex;flex:1;position:relative;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:6px;overflow:visible;transition:all .3s}.profile-search-wrapper:focus-within{border-color:#84ffc9}.profile-search-input{flex:1;padding:12px 15px;font-size:.9em;border:none;background:transparent;color:#fff;outline:none}.profile-search-input::placeholder{color:#ffffff80}.profile-search-btn{padding:12px 30px;font-size:1em;font-weight:700;background:#84ffc9;color:#000;border:none;cursor:pointer;transition:all .3s}.profile-search-btn:hover{filter:brightness(.8)}.profile-suggestions-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0f1419;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 8px 16px #0009;z-index:1000;max-height:300px;overflow-y:auto}.profile-info-section{max-width:1200px;margin:20px auto 0;padding:0 20px}.profile-nav-bar{max-width:1200px;margin:0 auto;padding:0 20px}.profile-nav-container{display:flex;gap:0;background:#ffffff0d;border-radius:0 0 12px 12px;padding:4px;width:100%;border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.08)}.profile-nav-btn{padding:10px 28px;border:none;background:transparent;color:#8b8fa3;font-size:.95em;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap}.profile-nav-btn:hover{color:#fff;background:#ffffff14}.profile-nav-btn.active{background:#ffffff1f;color:#fff;box-shadow:0 1px 3px #0000004d}.light .profile-nav-container{background:#0000000f;border-top:1px solid rgba(0,0,0,.08)}.light .profile-nav-btn{color:#666}.light .profile-nav-btn:hover{color:#333;background:#0000000f}.light .profile-nav-btn.active{background:#fff;color:#333;box-shadow:0 1px 3px #00000026}.profile-info-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0;border-bottom:none;padding:30px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}.profile-left{display:flex;align-items:flex-start;gap:20px;flex-shrink:0}.profile-avatar{width:140px;height:140px;border-radius:12px;border:none;flex-shrink:0;margin-top:10px}.profile-name-info h2{font-size:2em;margin-bottom:5px;color:#fff}.profile-tag{color:#a09b8c;font-size:1.1em;margin-bottom:5px}.profile-level{color:#c89b3c;font-size:.9em}.ladder-rank{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:linear-gradient(135deg,#1cdce81a,#9c27b01a);border:1px solid rgba(28,220,232,.3);border-radius:8px}.ladder-icon{font-size:1.3em}.ladder-icon-img{width:24px;height:24px;object-fit:contain}.ladder-text{color:#1cdce8;font-weight:600;font-size:.95em;letter-spacing:.5px}.server-badge{font-family:Segoe UI,sans-serif;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin-left:auto}.profile-right{display:flex;flex-direction:column;gap:15px;flex:1;max-width:600px}.rank-tabs{display:flex;gap:10px;margin-bottom:10px}.rank-tab{flex:1;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:.85em;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .3s}.rank-tab:hover{background:#ffffff14;color:#fffc}.rank-tab.active{background:linear-gradient(90deg,#e9b9cf,#d3f3f1);border-color:#84ffc9;color:#000}.rank-display{display:flex;align-items:center;gap:30px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px;min-height:200px}.rank-display.unranked{justify-content:center;align-items:center;flex-direction:column}.rank-icon-huge{width:140px;height:140px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 20px rgba(28,220,232,.3))}.rank-info-large{display:flex;flex-direction:column;gap:15px;flex:1}.rank-tier-large{font-size:2em;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.rank-stats-large{display:flex;gap:25px;flex-wrap:wrap}.rank-stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.rank-stat-value{font-size:1.6em;font-weight:700;color:#fff}.rank-stat-label{font-size:.75em;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:1px}.rank-description{color:#ffffff80;font-size:1em;margin-top:10px}.match-filter-bar{margin-bottom:12px}.match-filter-container{display:flex;gap:0;background:#ffffff0d;border-radius:8px;padding:4px;width:100%}.match-filter-btn{padding:8px 20px;border:none;background:transparent;color:#8b8fa3;font-size:.9em;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease;white-space:nowrap}.match-filter-btn:hover{color:#fff;background:#ffffff14}.match-filter-btn.active{background:#ffffff1f;color:#fff;box-shadow:0 1px 3px #0000004d}.light .match-filter-bar{background:transparent}.light .match-filter-container{background:#0000000f}.light .match-filter-btn{color:#666}.light .match-filter-btn:hover{color:#333;background:#0000000f}.light .match-filter-btn.active{background:#fff;color:#333;box-shadow:0 1px 3px #00000026}.profile-matches-section{max-width:1200px;margin:10px auto;padding:0 20px;display:flex;gap:20px;align-items:flex-start}.profile-sidebar{width:300px;flex-shrink:0}.profile-main-content{flex:1;max-width:850px}.loading-screen,.error-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.back-btn{padding:12px 30px;font-size:1em;background:linear-gradient(90deg,#c89b3c,#f0e6d2);color:#0a1428;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:transform .2s}.back-btn:hover{transform:translateY(-2px)}@media(max-width:968px){.profile-info-container{flex-direction:column;align-items:flex-start}.profile-right{width:100%;flex-direction:column}.rank-badge{width:100%}}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px;padding:40px 0}header h1{font-size:3em;margin-bottom:10px;background:linear-gradient(90deg,#c89b3c,#f0e6d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#a09b8c;font-size:1.1em}.search-container{display:flex;gap:10px;max-width:700px;margin:0 auto 30px;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:15px 20px;font-size:1em;border:2px solid #c89b3c;border-radius:8px;background:#ffffff1a;color:#fff;transition:all .3s}.search-input:hover{border-color:#84ffc9}.search-input:focus{outline:none;background:#ffffff26;border-color:#84ffc9}.region-select{padding:15px;font-size:1em;border:2px solid #c89b3c;border-radius:8px;background:#fffffff2;color:#0a1428;cursor:pointer;transition:all .3s}.region-select option{background:#fff;color:#0a1428;padding:10px}.region-select option:hover,.region-select option:checked{background:#4a90e2;color:#fff}.region-select:focus{outline:none;border-color:#84ffc9;background:#fff}.search-btn{padding:15px 40px;font-size:1em;font-weight:700;background:linear-gradient(90deg,#c89b3c,#f0e6d2);color:#0a1428;border:none;border-radius:8px;cursor:pointer;transition:transform .2s}.search-btn:hover{transform:translateY(-2px)}.search-btn:active{transform:translateY(0)}.loading,.error{text-align:center;padding:40px;margin:20px 0}.spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid #c89b3c;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:#dc354533;border:2px solid #dc3545;border-radius:8px;color:#ff6b6b}.hidden{display:none}.results{margin-top:40px}.player-card{background:#ffffff0d;border:2px solid #c89b3c;border-radius:12px;padding:30px;margin-bottom:30px}.player-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.player-icon{width:100px;height:100px;border-radius:50%;border:3px solid #c89b3c}.player-info h2{font-size:2em;margin-bottom:5px}.player-info p{color:#a09b8c}.ranked-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.rank-card{background:#ffffff08;padding:20px;border-radius:8px;border-left:4px solid #c89b3c}.rank-card h4{color:#c89b3c;margin-bottom:10px}.match-history{background:transparent;border:none;border-radius:0;padding:0}.match-history h3{display:none}.show-more-container{display:flex;justify-content:center;padding:16px 0}.show-more-btn{width:100%;padding:12px 32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c8cad0;font-size:.9em;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.show-more-btn:hover{background:#ffffff1f;color:#fff}.show-more-loading{display:flex;align-items:center;gap:10px;color:#8b8fa3;font-size:.9em;padding:10px 0}.show-more-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top:2px solid #5cb85c;border-radius:50%;animation:spin .8s linear infinite}.no-more-matches{color:#5a5d6e;font-size:.85em;padding:10px 0;text-align:center;width:100%}.light .show-more-btn{background:#0000000a;border:1px solid rgba(0,0,0,.1);color:#555}.light .show-more-btn:hover{background:#00000014;color:#333}.light .show-more-loading{color:#666}.light .show-more-spinner{border:2px solid rgba(0,0,0,.1);border-top:2px solid #5cb85c}.light .no-more-matches{color:#999}.profile-mastery-section{max-width:1200px;margin:16px auto;padding:0 20px}.mastery-page{width:100%}.mastery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#8b8fa3}.mastery-stats-bar{display:flex;justify-content:space-around;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:16px}.mastery-stat-block{display:flex;flex-direction:column;align-items:center;gap:4px}.mastery-stat-value{font-size:.78em;color:#8b8fa3}.mastery-stat-label{font-size:1.3em;font-weight:700;color:#fff;text-transform:capitalize}.mastery-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.mastery-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:8px;transition:background .2s ease}.mastery-card:hover{background:#ffffff0f}.mastery-champ-icon-wrapper{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden}.mastery-champ-icon{width:64px;height:64px;border-radius:0;border:none;object-fit:cover;display:block}.mastery-crest-icon{width:42px;height:42px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));margin-top:-8px}.mastery-champ-name{font-size:.75em;color:#c8cad0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;margin-top:2px}.mastery-champ-points{font-size:.72em;color:#8b8fa3}.mastery-show-more{display:flex;justify-content:center;padding:16px 0}.light .mastery-stats-bar{background:#00000008;border:1px solid rgba(0,0,0,.08)}.light .mastery-stat-value{color:#888}.light .mastery-stat-label{color:#222}.light .mastery-grid{background:#00000005;border:1px solid rgba(0,0,0,.08)}.light .mastery-card:hover{background:#0000000a}.light .mastery-champ-icon{border:none}.light .mastery-crest-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.15))}.light .mastery-champ-name{color:#444}.light .mastery-champ-points{color:#888}@media(max-width:900px){.mastery-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:600px){.mastery-grid{grid-template-columns:repeat(4,1fr)}.mastery-stats-bar{flex-direction:column;gap:16px}}.match-list{display:flex;flex-direction:column;gap:8px}.match-card{display:flex;background:#ffffff08;border-radius:8px;overflow:visible;border-left:4px solid #4caf50;padding:4px 5px;gap:16px;align-items:center;min-height:0}.match-card.defeat{border-left-color:#f44336;background:#f4433626}.match-card.victory{border-left-color:#0061ff;background:#0061ff26}.match-card.remake{border-left-color:#8b8fa3;background:#8b8fa324}.match-left{display:flex;flex-direction:column;min-width:100px;gap:3px;font-size:.75em}.match-queue{font-weight:600;color:#fff;font-size:.85em;white-space:nowrap}.match-time{color:#888;font-size:.9em}.match-result{font-weight:700;font-size:1.1em}.match-card.victory .match-result{color:#0061ff}.match-card.defeat .match-result{color:#f44336}.match-card.remake .match-result{color:#b7bccd}.match-duration{color:#aaa}.match-lp-chip{width:fit-content;font-size:.82em;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid transparent;margin-top:2px}.match-lp-chip.positive{color:#5be38b;background:#5be38b1f;border-color:#5be38b59}.match-lp-chip.negative{color:#ff6d6d;background:#ff6d6d1f;border-color:#ff6d6d59}.match-lp-chip.unknown{color:#aeb3c1;background:#aeb3c11f;border-color:#aeb3c159}.match-lp-slot{width:64px;min-width:64px;display:flex;align-items:center;justify-content:center}.match-center{display:flex;gap:12px;align-items:center;flex:1}.champion-section{display:flex;gap:6px}.champion-info{position:relative}.champion-icon{width:56px;height:56px;border-radius:8px;border:none;display:block;object-fit:cover;box-shadow:none;outline:none;filter:none;clip-path:inset(1px round 8px)}.champion-level{position:absolute;bottom:-4px;left:-4px;background:#000c;color:#fff;font-size:.72em;padding:1px 5px;border-radius:3px;font-weight:700}.champion-role-icon{position:absolute;right:-2px;bottom:-4px;width:22px;height:22px;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:#212731f2;padding:2px;object-fit:contain;z-index:3;pointer-events:none}.spells-runes{display:flex;gap:4px}.summoner-spells{display:flex;flex-direction:column;gap:3px}.summoner-icon{width:28px;height:28px;border-radius:4px}.runes{display:flex;flex-direction:column;gap:3px;position:relative}.rune-icon{width:28px;height:28px;border-radius:50%;background:#00000080;padding:2px}.rune-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:14px 16px;z-index:9999;box-shadow:0 6px 24px #000000b3;pointer-events:none;white-space:nowrap}.rune-tooltip-cols{display:flex;gap:16px;align-items:flex-start}.rune-tooltip-col{display:flex;flex-direction:column;align-items:center;gap:6px}.rune-tooltip-tree-icon{width:28px;height:28px;margin-bottom:4px}.rune-tooltip-icon{width:30px;height:30px;border-radius:50%}.rune-tooltip-icon.keystone{width:38px;height:38px;border-radius:50%}.rune-tooltip-icon.shard{width:24px;height:24px}.light .rune-tooltip{background:#f0f0f5;border-color:#96782866;box-shadow:0 6px 24px #00000026}.stats-and-items{display:flex;flex-direction:column;gap:4px;justify-content:center}.match-stats-center{display:flex;gap:10px;align-items:center}.kda{display:flex;gap:6px;align-items:center;white-space:nowrap}.kda-numbers{font-size:.9em;font-weight:700;color:#fff}.kda-ratio{font-size:.85em;color:#888}.cs-info{display:flex;gap:8px;font-size:.85em;color:#aaa;white-space:nowrap}.kp-badge{color:#aaa}.build-info{display:flex;gap:8px;align-items:center}.items-row{display:flex;gap:3px;align-items:center}.item-icon{width:28px;height:28px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.item-icon.empty-slot{background:#ffffff0a}.item-icon.quest-slot{border-radius:50%;object-fit:cover}.average-tier{display:flex;align-items:center;margin-left:auto}.tier-icon{width:48px;height:48px;object-fit:contain}.match-right{display:grid;grid-template-columns:1fr 1fr;column-gap:5px;margin-left:auto;width:200px;min-width:230px;justify-items:stretch}.team-players{display:flex;flex-direction:column;gap:0px;flex:1 1 0;min-width:0}.player-row{display:flex;align-items:center;gap:4px;padding:0 4px;border-radius:4px;line-height:1.15}.player-row.current-player{background:transparent;font-weight:400}.player-champion-icon{width:15px;height:15px;border-radius:2px}.player-name{font-size:.72em;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;max-width:none}.player-name.clickable{cursor:pointer;transition:text-decoration .2s ease}.player-name.clickable:hover{text-decoration:underline}.player-row.current-player .player-name{color:#aaa}.party-icon{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2dd4a8;margin-left:5px;flex-shrink:0;box-shadow:0 0 4px #2dd4a880}.light .match-card{background:#00000008}.light .match-card.victory{border-left-color:#0061ff;background:#0061ff1a}.light .match-card.defeat{border-left-color:#f44336;background:#f443361a}.light .match-card.remake{border-left-color:#7b8194;background:#7b81941f}.light .match-queue,.light .kda-numbers{color:#1a1a1a}.light .match-lp-chip.positive{color:#177a3f;background:#177a3f1a;border-color:#177a3f40}.light .match-lp-chip.negative{color:#a11d1d;background:#a11d1d1a;border-color:#a11d1d40}.light .match-lp-chip.unknown{color:#5a6172;background:#5a61721a;border-color:#5a617240}.light .player-name,.light .player-row.current-player .player-name{color:#666}.rank-history-card{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:20px}.rank-history-table{width:100%;border-collapse:collapse}.rank-history-table thead th{text-align:center;padding:10px 8px;border-bottom:2px solid rgba(255,255,255,.1);color:#888;font-size:.85em;font-weight:400}.rank-history-table thead th:first-child{text-align:left}.rank-history-table thead th:last-child{text-align:right}.rank-history-table tbody td{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.season-cell{background:#ffffff0d;padding:6px 8px!important;border-radius:4px;font-weight:600;font-size:.8em;width:70px}.tier-cell{display:flex;align-items:center;gap:8px;justify-content:center}.rank-history-icon{width:36px;height:36px;object-fit:contain}.lp-cell{text-align:right;font-weight:500}.light .rank-history-card{background:#00000008;border-color:#0000001a}.light .rank-history-table thead th{color:#666}.light .season-cell{background:#0000000d}footer{text-align:center;margin-top:60px;padding:30px;color:#666;font-size:.85em;border-top:1px solid rgba(255,255,255,.1)}.champion-pool-card{background:transparent;border-radius:0;padding:0;margin-bottom:16px;border:none;max-width:100%}.champion-pool-card h2{font-size:.95em;margin-bottom:8px;color:#fff;font-weight:600;display:flex;align-items:center;gap:8px}.season-badge{font-size:.7em;background:linear-gradient(135deg,#c89b3c,#785a28);color:#fff;padding:2px 8px;border-radius:10px;font-weight:500}.queue-filter-tabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.queue-tab{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:4px 10px;border-radius:6px;font-size:.72em;cursor:pointer;transition:all .2s;font-family:inherit}.queue-tab:hover{background:#ffffff1a;color:#fffc}.queue-tab.active{background:#c89b3c33;border-color:#c89b3c;color:#c89b3c}.champ-pool-games-total{font-size:.7em;color:#ffffff59}.champ-pool-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.champ-pool-update-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffff8c;padding:3px 10px;border-radius:6px;font-size:.68em;cursor:pointer;transition:all .2s;font-family:inherit}.champ-pool-update-btn:hover{background:#c89b3c26;border-color:#c89b3c;color:#c89b3c}.champ-pool-update-btn.updating{background:#2196f326;border-color:#2196f3;color:#2196f3;animation:pulse-update 1.5s ease-in-out infinite}@keyframes pulse-update{0%,to{opacity:1}50%{opacity:.6}}.champ-pool-update-btn:disabled{opacity:.3;cursor:not-allowed}.champ-pool-list{display:flex;flex-direction:column;gap:6px}.champ-pool-item{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:6px 8px;border-radius:6px;transition:all .2s}.champ-pool-item:hover{background:#ffffff14;transform:translate(2px)}.champ-pool-icon{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.champ-pool-info{flex:0 0 70px;min-width:0}.champ-pool-name{font-weight:600;font-size:.85em;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champ-pool-games{font-size:.7em;color:#888}.champ-pool-stats{display:flex;gap:8px;flex:0 0 auto;min-width:0}.champ-pool-stat{display:flex;flex-direction:column;gap:1px;min-width:0}.champ-pool-stat-label{font-size:.6em;color:#888;text-transform:uppercase;letter-spacing:.3px}.champ-pool-stat-value{font-weight:600;font-size:.85em}.champ-pool-stat-value.kda{color:#fff}.stat-high-gradient{background:linear-gradient(90deg,#6b70ff,#f8adff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.stat-mid-green{color:#00ff87}.stat-low-red{color:#f44336}.champ-pool-stat-value.stat-high{background:linear-gradient(90deg,#6b70ff,#f8adff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.champ-pool-stat-value.stat-mid{color:#00ff87}.champ-pool-stat-value.stat-low{color:#f44336}.champ-pool-stat-value.win{color:#4caf50}.champ-pool-stat-value.loss{color:#f44336}.champ-pool-kda-detail{font-size:.7em;color:#aaa;white-space:nowrap;margin-left:auto}.duoq-card{background:transparent;border-radius:0;padding:0;margin-bottom:16px;border:none;max-width:100%}.duoq-card h2{font-size:.85em;margin-bottom:10px;color:#ffffffb3;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.duoq-loading,.duoq-empty{font-size:.8em;color:#fff6;padding:12px 0}.duoq-list{display:flex;flex-direction:column;gap:6px}.duoq-item{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:6px 8px;border-radius:6px;transition:all .2s;cursor:pointer}.duoq-item:hover{background:#ffffff14;transform:translate(2px)}.duoq-icon{width:32px;height:32px;border-radius:50%;flex-shrink:0}.duoq-info{flex:1;min-width:0}.duoq-name-row{display:flex;align-items:baseline;gap:2px;min-width:0}.duoq-name{font-weight:600;font-size:.82em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duoq-tag{font-size:.72em;color:#ffffff59;flex-shrink:0}.duoq-level{font-size:.68em;color:#ffffff4d;margin-top:1px}.duoq-mid{flex-shrink:0;text-align:center;min-width:70px}.duoq-wl{font-size:.78em;font-weight:500}.duoq-w{color:#4caf50}.duoq-l{color:#ef4444}.duoq-total{font-size:.65em;color:#ffffff59;margin-top:1px}.duoq-wr{font-weight:700;font-size:.92em;flex-shrink:0;min-width:36px;text-align:right}.light .duoq-card h2{color:#0009;border-bottom-color:#00000014}.light .duoq-loading,.light .duoq-empty{color:#0006}.light .duoq-item{background:#f5f5f5}.light .duoq-item:hover{background:#e8e8e8}.light .duoq-tag{color:#0006}.light .duoq-level{color:#00000059}.light .duoq-total{color:#0006}.light .champ-pool-stat-value.kda{color:#000}.light .stat-mid-green{color:#099773}.light .stat-high-gradient{background:linear-gradient(90deg,#32c5d2,#48106a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.light .champ-pool-stat-value.stat-mid{color:#099773}.light .champ-pool-stat-value.stat-high{background:linear-gradient(90deg,#32c5d2,#48106a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.light .champion-pool-card{background:#fff;border-color:#e0e0e0}.light .champion-pool-card h2{color:#1a1a1a}.light .champ-pool-item{background:#f5f5f5}.light .champ-pool-item:hover{background:#e8e8e8}.light .queue-tab{background:#0000000a;border-color:#0000001a;color:#00000073}.light .queue-tab:hover{background:#00000014;color:#000000b3}.light .queue-tab.active{background:#c89b3c1f;border-color:#a07c28;color:#785a28}.light .champ-pool-games-total{color:#0006}.light .champ-pool-update-btn{background:#0000000a;border-color:#0000001f;color:#00000080}.light .champ-pool-update-btn:hover{background:#c89b3c1a;border-color:#a07c28;color:#785a28}@media(max-width:768px){header h1{font-size:2em}.search-container{flex-direction:column}.player-header{flex-direction:column;text-align:center}.champion-stats{gap:12px}.champion-kda-detail{display:none}}.match-detail-page{max-width:1400px;margin:0 auto;padding:20px}.match-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.match-detail-header .header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.match-detail-header .back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .3s;white-space:nowrap}.match-detail-header .back-btn:hover{background:#fff3;border-color:#84ffc9}.match-detail-title{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.detail-result{font-weight:700;font-size:1.1em}.detail-result.win{color:#1e88e5}.detail-result.loss{color:#f44336}.detail-queue-info{color:#b0b3c0;font-size:.9em;padding:4px 12px;background:#ffffff0d;border-radius:4px}.match-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#8b8fa3}.detail-lp-gain{font-size:.9em;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid transparent}.detail-lp-gain.positive{color:#5be38b;background:#5be38b1f;border-color:#5be38b59}.detail-lp-gain.negative{color:#ff6d6d;background:#ff6d6d1f;border-color:#ff6d6d59}.detail-lp-gain.unknown{color:#aeb3c1;background:#aeb3c11f;border-color:#aeb3c159}.match-detail-teams-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.detail-team-section{background:#00000040;border-radius:8px;overflow:hidden}.detail-team-header{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:.9em}.detail-team-header.team-blue{background:#1e88e526;border-left:3px solid #1e88e5}.detail-team-header.team-red{background:#f4433626;border-left:3px solid #f44336}.detail-team-label{font-weight:700;color:#fff}.detail-team-stats{color:#8b8fa3}.detail-team-bans{display:flex;align-items:center;gap:4px;margin-left:auto;color:#8b8fa3;font-size:.85em}.detail-ban-icon{width:22px;height:22px;border-radius:3px}.detail-player-row{display:grid;grid-template-columns:100px minmax(80px,1fr) 90px 80px 80px 80px;align-items:center;gap:4px;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s;min-height:48px}.detail-player-row:last-child{border-bottom:none}.detail-player-row:hover{background:#ffffff08}.detail-player-row.highlight{background:#1cdce814}.detail-col-champ{display:flex;align-items:center;gap:4px;flex-shrink:0}.detail-player-champ{position:relative;flex-shrink:0}.detail-champ-icon{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.15)}.detail-champ-level{position:absolute;bottom:-2px;right:-2px;background:#1a1d28;color:#fff;font-size:9px;padding:1px 3px;border-radius:3px;font-weight:700}.detail-player-spells{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.detail-spell-icon{width:16px;height:16px;border-radius:3px}.detail-spells-runes{display:flex;gap:2px}.detail-player-runes{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.detail-rune-icon{width:16px;height:16px;border-radius:50%}.detail-rune-icon.keystone{background:#0006}.detail-rune-icon.sub-style{width:14px;height:14px;opacity:.8}.detail-col-name{overflow:hidden;display:flex;align-items:center;min-width:0}.detail-player-name{font-size:.8em;color:#c8cad0;line-height:1.2;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.detail-player-name.clickable{cursor:pointer}.detail-player-name.clickable:hover{color:#1cdce8}.detail-name-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.detail-player-rank-icon{width:30px;height:30px;object-fit:contain;flex:0 0 auto}.detail-col-kda{display:flex;flex-direction:column;align-items:center;text-align:center}.detail-col-kda .kda-numbers{font-size:.82em;font-weight:700;color:#fff}.detail-col-kda .deaths{color:#f44336}.detail-col-kda .kda-ratio{font-size:.7em;color:#8b8fa3}.detail-col-cs,.detail-col-extra{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.75em;color:#8b8fa3;line-height:1.4}.detail-col-items{justify-self:end}.detail-items-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2px}.detail-item-icon{width:22px;height:22px;border-radius:3px;border:1px solid rgba(255,255,255,.12)}.detail-item-icon.empty-slot{background:#ffffff0d}.match-detail-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.detail-chart-container{background:#00000040;border-radius:8px;padding:16px;overflow:hidden}.detail-chart-container h4{color:#fff;margin:0 0 12px;font-size:.95em;font-weight:600}.detail-chart-container canvas{display:block;max-width:100%;margin:0 auto;border-radius:4px}.damage-chart-legends{display:flex;justify-content:center;gap:4px;padding:8px 0}.damage-legend-icon{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.build-section{margin-bottom:24px}.build-champion-selector{background:#00000040;border-radius:8px;padding:14px 16px;margin-bottom:12px;text-align:center}.build-section-label{display:block;color:#8b8fa3;font-size:.85em;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.build-champion-icons{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.build-champion-icon-wrapper{position:relative;cursor:pointer;border-radius:50%;padding:2px;border:2px solid transparent;transition:all .2s ease;opacity:.6}.build-champion-icon-wrapper:hover{opacity:.9;transform:scale(1.1)}.build-champion-icon-wrapper.selected{opacity:1;transform:scale(1.15);border-color:#c89b3c;box-shadow:0 0 8px #c89b3c80}.build-champion-icon-wrapper.team-blue-border:not(.selected){border-color:#1e88e566}.build-champion-icon-wrapper.team-red-border:not(.selected){border-color:#f4433666}.build-champion-icon{width:38px;height:38px;border-radius:50%;display:block}.build-path-container{margin-bottom:12px;text-align:center}.build-path-container h4{text-align:center}.quest-choice-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px}.quest-choice-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-size:.78em;color:#c8cad0}.quest-choice-icon{width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.15)}.quest-choice-time{color:#8b8fa3}.build-path-timeline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.build-path-group{display:flex;align-items:center;gap:6px}.build-path-items{display:flex;gap:4px;align-items:center}.build-path-item-icon{width:38px;height:38px;border-radius:5px;border:1px solid rgba(255,255,255,.15);transition:transform .15s}.build-path-item-icon:hover{transform:scale(1.2);z-index:2}.build-path-time{display:block;font-size:.82em;color:#8b8fa3;text-align:center;white-space:nowrap}.build-path-arrow{color:#555;font-size:1.5em;margin:0 2px;-webkit-user-select:none;user-select:none}.skill-order-container{margin-bottom:12px;text-align:center}.skill-order-container h4{text-align:center}.skill-max-order{display:flex;align-items:center;gap:8px;margin-bottom:14px;justify-content:center}.skill-max-item{display:flex;align-items:center;gap:8px}.skill-max-arrow{color:#555;font-size:1.4em;-webkit-user-select:none;user-select:none}.skill-max-icon-wrap{display:flex;flex-direction:column;align-items:center}.skill-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;font-weight:700;font-size:1em;color:#fff}.skill-table-wrapper{overflow-x:auto;padding-bottom:4px}.skill-table{border-collapse:separate;border-spacing:2px;margin:0 auto}.skill-table th,.skill-table td{text-align:center;padding:0}.skill-table-level-header{color:#8b8fa3;font-size:.7em;font-weight:400;width:32px;height:18px}.skill-table-icon-col{width:32px}.skill-table-label{font-weight:700;font-size:.85em;width:32px;height:32px;-webkit-user-select:none;user-select:none}.skill-table-cell{width:32px;height:32px;border-radius:4px;background:#ffffff0f;font-size:.75em;font-weight:600;color:transparent;transition:all .15s}.skill-table-cell.active{color:#fff;font-size:.8em;font-weight:700;border-radius:4px}.runes-container{margin-bottom:12px;text-align:center}.runes-container h4{text-align:center}.runes-grid{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:8px 0}.runes-col{display:flex;flex-direction:column;align-items:center}.rune-grid-row{display:flex;gap:6px;justify-content:center;align-items:center;min-height:44px}.rune-grid-row.rune-header-row,.rune-grid-row.rune-empty-row{min-height:44px}.rune-grid-row.rune-name-row{min-height:24px;color:#8b8fa3;font-size:.82em}.rune-tree-icon{width:32px;height:32px}.rune-shard-title{color:#8b8fa3;font-size:.82em;text-transform:none;letter-spacing:0}.rune-icon-wrapper{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.rune-icon-wrapper.selected{border:2px solid #c89b3c;box-shadow:0 0 6px #c89b3c66;opacity:1}.rune-icon-wrapper.dimmed{opacity:.3;filter:grayscale(1)}.rune-icon-wrapper.shard{width:30px;height:30px}.rune-icon-wrapper.shard.selected{border:2px solid #c89b3c}.rune-icon-img{width:32px;height:32px;border-radius:50%}.rune-icon-img.small{width:28px;height:28px}.rune-icon-img.shard-img{width:22px;height:22px;border-radius:50%}.light .build-champion-selector{background:#00000008}.light .build-section-label{color:#555}.light .build-champion-icon-wrapper{opacity:.65}.light .build-champion-icon-wrapper.selected{opacity:1;box-shadow:0 0 8px #c89b3c66}.light .build-path-item-icon{border-color:#00000026}.light .quest-choice-chip{border-color:#00000024;background:#0000000a;color:#333}.light .quest-choice-icon{border-color:#0003}.light .quest-choice-time,.light .build-path-time{color:#666}.light .build-path-arrow,.light .skill-max-arrow{color:#aaa}.light .skill-table-cell{background:#0000000d}.light .skill-table-level-header{color:#888}.light .runes-container{background:#00000008}.light .item-icon.empty-slot{background:#0000000d;border-color:#00000026}.light .rune-grid-row.rune-name-row,.light .rune-shard-title{color:#555}.light .match-detail-page .back-btn{background:#0000000d;border-color:#00000026;color:#333}.light .detail-queue-info{color:#555;background:#0000000f}.light .detail-lp-gain.positive{color:#177a3f;background:#177a3f1a;border-color:#177a3f40}.light .detail-lp-gain.negative{color:#a11d1d;background:#a11d1d1a;border-color:#a11d1d40}.light .detail-lp-gain.unknown{color:#5a6172;background:#5a61721a;border-color:#5a617240}.light .detail-team-section{background:#00000008}.light .detail-team-header.team-blue{background:#1e88e51a}.light .detail-team-header.team-red{background:#f443361a}.light .detail-team-label{color:#1a1a1a}.light .detail-team-stats,.light .detail-team-bans{color:#555}.light .detail-player-row{border-bottom-color:#0000000f}.light .detail-player-row:hover{background:#00000008}.light .detail-player-row.highlight{background:#1cdce814}.light .detail-champ-icon{border-color:#00000026}.light .detail-champ-level{background:#e0e0e0;color:#1a1a1a}.light .detail-player-name{color:#333}.light .detail-col-kda .kda-numbers{color:#1a1a1a}.light .detail-col-kda .kda-ratio,.light .detail-col-cs,.light .detail-col-extra{color:#555}.light .detail-item-icon{border-color:#0000001f}.light .detail-item-icon.empty-slot{background:#0000000f}.light .detail-chart-container{background:#00000008}.light .detail-chart-container h4{color:#333}.light .match-detail-loading{color:#555}@media(max-width:1100px){.match-detail-teams-wrapper{grid-template-columns:1fr}}@media(max-width:900px){.match-detail-charts{grid-template-columns:1fr}.detail-player-row{grid-template-columns:90px minmax(70px,1fr) 80px 65px 65px 72px;gap:2px;padding:5px 8px}}