@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#07090e;--bg-secondary:#0f1320;--bg-tertiary:#171d31;--bg-card:#171d3166;--accent-cyan:#00f0ff;--accent-purple:#8a2be2;--accent-blue:#3b82f6;--win-color:#00ff87;--win-bg:#00ff8714;--win-border:#00ff8733;--loss-color:#ff4655;--loss-bg:#ff465514;--loss-border:#ff465533;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-hover:#00f0ff4d;--glass-effect:backdrop-filter: blur(12px);--glow-cyan:0 0 20px #00f0ff33;--glow-purple:0 0 20px #8a2be233}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-primary);margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#8a2be21a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#00f0ff14 0%,#0000 40%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}header{text-align:center;flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}header h1{letter-spacing:-.05em;background:linear-gradient(135deg, #fff 30%, var(--accent-cyan) 70%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #00000080;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}header p{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 8px 32px #00f0ff0d}.search-container{border:1px solid var(--border-color);background:#0f1320cc;border-radius:50px;gap:.75rem;width:100%;max-width:650px;margin:0 auto 3rem;padding:.5rem;transition:all .3s;display:flex;box-shadow:0 10px 25px -5px #00000080}.search-container:focus-within{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.5rem 1.5rem;font-size:1.1rem}.search-input::placeholder{color:var(--text-muted)}.region-select{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:25px;outline:none;padding:.5rem 1rem;font-weight:500}.search-button{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;cursor:pointer;border:none;border-radius:25px;outline:none;padding:.5rem 1.75rem;font-weight:600;transition:all .2s}.search-button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 5px 15px #00f0ff66}.search-button:active{transform:translateY(1px)}.dashboard-grid{grid-template-columns:350px 1fr;gap:2rem;margin-top:2rem;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.profile-card{text-align:center;flex-direction:column;align-items:center;padding:2rem;display:flex}.avatar-container{margin-bottom:1.5rem;position:relative}.profile-icon{border:3px solid var(--accent-cyan);width:120px;height:120px;box-shadow:var(--glow-cyan);border-radius:24px}.summoner-level{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-cyan);border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:700;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.summoner-name{color:var(--text-primary);margin-bottom:.25rem;font-size:1.8rem;font-weight:700}.summoner-tag{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem;font-weight:500}.ranks-container{border-top:1px solid var(--border-color);flex-direction:column;gap:1rem;width:100%;padding-top:1.5rem;display:flex}.rank-row{border:1px solid var(--border-color);text-align:left;background:#ffffff05;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.rank-icon-wrapper{background:var(--bg-tertiary);border-radius:12px;justify-content:center;align-items:center;padding:.5rem;display:flex}.rank-details h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;font-size:.85rem}.rank-details .rank-tier{color:var(--text-primary);font-size:1.1rem;font-weight:700}.rank-details .rank-stats{color:var(--text-secondary);font-size:.85rem}.winrate-badge{color:var(--win-color);font-weight:600}.matches-container{flex-direction:column;gap:1rem;display:flex}.match-card{border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.match-card-header{grid-template-columns:6px 1fr;width:100%;display:grid}.match-card.win{background:var(--win-bg);border:1px solid var(--win-border)}.match-card.loss{background:var(--loss-bg);border:1px solid var(--loss-border)}.match-card:hover{transform:translate(4px)}.match-card-strip{width:100%;height:100%}.match-card.win .match-card-strip{background:var(--win-color)}.match-card.loss .match-card-strip{background:var(--loss-color)}.match-body{grid-template-columns:100px 70px 140px 140px 1fr 40px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:grid}@media (width<=768px){.match-body{grid-template-columns:1fr 1fr;gap:1rem}}.match-meta{flex-direction:column;gap:.25rem;display:flex}.match-mode{font-size:.95rem;font-weight:700}.match-result{text-transform:uppercase;font-size:.85rem;font-weight:600}.match-card.win .match-result{color:var(--win-color)}.match-card.loss .match-result{color:var(--loss-color)}.match-duration{color:var(--text-secondary);font-size:.85rem}.champion-icon-wrapper{width:50px;height:50px;position:relative}.champ-img{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px}.champ-lvl-badge{background:var(--bg-tertiary);color:#fff;border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.match-stats{flex-direction:column;gap:.25rem;display:flex}.kda-text{font-size:1.1rem;font-weight:700}.kda-label,.cs-text{color:var(--text-secondary);font-size:.85rem}.items-grid{grid-template-rows:repeat(2,28px);grid-template-columns:repeat(4,28px);gap:3px;display:grid}.item-slot{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;width:28px;height:28px}.item-img{object-fit:cover;border-radius:4px;width:100%;height:100%}.team-players{grid-template-columns:1fr 1fr;gap:.5rem;font-size:.75rem;display:grid}.team-col{flex-direction:column;gap:.25rem;display:flex}.player-row{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.25rem;display:flex;overflow:hidden}.mini-champ-img{border-radius:50%;width:14px;height:14px}.player-name{text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}.player-name.current{color:var(--accent-cyan);font-weight:600}.loader{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.spinner{border:4px solid #ffffff1a;border-top-color:var(--accent-cyan);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:var(--loss-bg);border:1px solid var(--loss-border);color:var(--loss-color);text-align:center;border-radius:12px;max-width:500px;margin:2rem auto;padding:1rem 1.5rem}.performance-container{border-top:1px solid var(--border-color);text-align:left;width:100%;margin-top:1.5rem;padding-top:1.5rem}.performance-container h3,.masteries-container-section h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.95rem;font-weight:700}.perf-stats-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.perf-stat-card{border:1px solid var(--border-color);background:#ffffff03;border-radius:12px;flex-direction:column;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}.perf-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.perf-value{color:var(--text-primary);margin:.15rem 0 .35rem;font-size:1.1rem;font-weight:700}.perf-badge{text-transform:uppercase;border-radius:6px;width:fit-content;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.perf-badge.excellent{color:var(--win-color);background:#00ff871a;border:1px solid #00ff8733}.perf-badge.good{color:var(--accent-cyan);background:#00f0ff1a;border:1px solid #00f0ff33}.perf-badge.normal{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff0d}.masteries-container-section{border-top:1px solid var(--border-color);text-align:left;width:100%;margin-top:1.5rem;padding-top:1.5rem}.masteries-list{flex-direction:column;gap:.75rem;display:flex}.mastery-row{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem .5rem;transition:all .2s;display:flex}.mastery-row:hover{border-color:var(--border-hover);background:#ffffff08}.mastery-champ-img{border:1.5px solid var(--border-color);border-radius:8px;width:38px;height:38px}.mastery-info{flex-direction:column;flex:1;display:flex}.mastery-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.mastery-points{color:var(--text-muted);font-size:.75rem}.mastery-level-badge{color:var(--accent-cyan);background:#00f0ff14;border:1px solid #00f0ff26;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.expand-chevron-wrapper{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.chevron-icon{font-size:.8rem;transition:transform .3s}.chevron-icon.rotated{color:var(--accent-cyan);transform:rotate(180deg)}.match-expanded-details-container{border-top:1px solid var(--border-color);background:#00000040;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.expanded-team-section{border:1px solid var(--border-color);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.expanded-team-section.win-team{border-color:#00ff8726}.expanded-team-section.loss-team{border-color:#ff465526}.expanded-team-header{justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;display:flex}.win-team .expanded-team-header{color:var(--win-color);background:#00ff870f}.loss-team .expanded-team-header{color:var(--loss-color);background:#ff46550f}.team-summary-stats{color:var(--text-secondary);font-size:.85rem}.expanded-table-header{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;background:#ffffff05;grid-template-columns:50px 150px 80px 110px 60px 60px 55px 190px;padding:.5rem 1.25rem;font-size:.75rem;font-weight:600;display:grid}.expanded-row{border-bottom:1px solid #ffffff08;grid-template-columns:50px 150px 80px 110px 60px 60px 55px 190px;align-items:center;padding:.65rem 1.25rem;font-size:.85rem;display:grid}.expanded-row:last-child{border-bottom:none}.current-player-row{background:#00f0ff08}.expanded-cell{align-items:center;display:flex}.champ-avatar-wrapper{width:34px;height:34px;position:relative}.expanded-champ-img{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:34px;height:34px}.expanded-champ-level{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.6rem;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.name-cell{flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}.player-name-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:600;overflow:hidden}.player-name-text.current{color:var(--accent-cyan)}.player-tag-text{color:var(--text-muted);font-size:.75rem}.kda-cell{flex-direction:column;align-items:flex-start}.kda-vals{font-weight:600}.kda-ratio-text{color:var(--text-secondary);font-size:.75rem}.damage-cell{flex-direction:column;align-items:flex-start;padding-right:1.5rem}.damage-num{font-weight:600}.damage-bar-container{background:#ffffff0d;border-radius:2px;width:100%;height:4px;margin-top:.25rem;overflow:hidden}.damage-bar-fill{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));border-radius:2px;height:100%}.win-team .damage-bar-fill{background:linear-gradient(90deg, var(--win-color), var(--accent-cyan))}.loss-team .damage-bar-fill{background:linear-gradient(90deg, var(--loss-color), var(--accent-purple))}.cs-cell{flex-direction:column;align-items:flex-start}.cs-min-text{color:var(--text-muted);font-size:.75rem}.expanded-items-grid{grid-template-columns:repeat(7,24px);gap:2px;display:grid}.expanded-item-slot{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;width:24px;height:24px}.expanded-item-img{object-fit:cover;border-radius:4px;width:100%;height:100%}.autocomplete-dropdown{border:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(16px);text-align:left;background:#0f1320f2;border-radius:12px;width:100%;padding:.5rem 0;list-style:none;position:absolute;top:110%;left:0;overflow:hidden;box-shadow:0 10px 25px #0009}.autocomplete-item{cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;transition:background .2s,color .2s;display:flex}.autocomplete-item:hover,.autocomplete-item.active{color:var(--accent-cyan);background:#00f0ff14}.sug-name{color:var(--text-primary);font-weight:600}.sug-tag{color:var(--text-muted);flex:1;font-size:.85rem}.sug-region{color:var(--text-secondary);text-transform:uppercase;background:#ffffff0d;border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-weight:700}.autocomplete-item:hover .sug-region,.autocomplete-item.active .sug-region{color:var(--accent-cyan);background:#00f0ff26}.match-elo{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.03em;text-shadow:0 0 5px #00f0ff33;background:#00f0ff0d;border:1px solid #00f0ff26;border-radius:4px;width:fit-content;margin-top:.25rem;padding:.15rem .4rem;font-size:.72rem;font-weight:700}.player-name,.player-name-text{cursor:pointer;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s}.player-name:hover,.player-name-text:hover{text-decoration:underline;color:var(--accent-cyan)!important}.history-summary-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;grid-template-columns:1fr 1fr 1.2fr;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:grid}@media (width<=768px){.history-summary-panel{grid-template-columns:1fr;gap:1rem}}.summary-section{flex-direction:column;justify-content:center;height:100%;display:flex}.donut-section{border-right:1px solid var(--border-color);flex-direction:row;align-items:center;gap:1.25rem;padding-right:1rem}.donut-wrapper{width:80px;height:80px;position:relative}.donut-svg{width:100%;height:100%}.donut-bg-circle{fill:none;stroke:#ffffff0d;stroke-width:8px}.donut-fill-circle{fill:none;stroke:var(--accent-cyan);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .8s}.donut-label{flex-direction:column;align-items:center;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.winrate-percent{color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1.1}.games-count{color:var(--text-muted);margin-top:.15rem;font-size:.65rem;font-weight:600}.summary-title-col{text-align:left;flex-direction:column;display:flex}.summary-title-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.summary-title-value{color:var(--text-primary);font-size:.95rem;font-weight:700}.kda-average-section{border-right:1px solid var(--border-color);align-items:center;padding-right:1rem}.kda-num-row{color:var(--text-primary);margin-bottom:.25rem;font-size:1.35rem;font-weight:800}.deaths-red{color:var(--loss-color)}.kda-ratio-pill{border:1px solid var(--border-color);border-radius:20px;margin-bottom:.35rem;padding:.2rem .75rem;font-size:.78rem;font-weight:700}.summary-subtext{color:var(--text-muted);font-size:.75rem}.champs-played-section{text-align:left;padding-left:.5rem}.champs-played-section .section-title,.kda-average-section .section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.summary-champs-list{flex-direction:column;gap:.5rem;display:flex}.summary-champ-row{align-items:center;gap:.5rem;display:flex}.summary-champ-icon{border:1px solid var(--border-color);border-radius:50%;width:28px;height:28px}.summary-champ-info{flex-direction:column;flex:1;display:flex}.champ-name-text{color:var(--text-primary);font-size:.85rem;font-weight:700;line-height:1.2}.champ-winrate-text{color:var(--text-muted);font-size:.7rem}.summary-champ-kda{color:var(--text-secondary);font-size:.8rem;font-weight:700}.rank-timeline-container{width:100%;margin:1.5rem 0 .5rem;padding:0 .5rem}.rank-timeline-track{background:var(--border-color);border-radius:2px;width:100%;height:3px;position:relative}.rank-timeline-progress{border-radius:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.rank-timeline-node{border:2px solid var(--border-color);background-color:var(--bg-secondary);z-index:2;border-radius:50%;width:10px;height:10px;transition:all .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}.rank-timeline-node.passed{border-width:2px}.rank-timeline-node.current{width:14px;height:14px}.rank-timeline-label{color:var(--text-muted);white-space:nowrap;font-size:.65rem;font-weight:700;transition:color .3s;position:absolute;top:15px;left:50%;transform:translate(-50%)}.rank-timeline-node.passed .rank-timeline-label{color:var(--text-secondary)}.rank-timeline-node.current .rank-timeline-label{color:var(--text-primary);font-weight:800}.rank-badge-pill{text-transform:uppercase;text-align:center;border:1px solid #0000;border-radius:4px;min-width:25px;padding:.1rem .3rem;font-size:.65rem;font-weight:800;line-height:1.2;display:inline-block}.queue-filters-container{border:1px solid var(--border-color);background:#0f132066;border-radius:8px;gap:.5rem;width:fit-content;margin-bottom:1rem;padding:.35rem;display:flex}.queue-filter-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.queue-filter-btn:hover{color:var(--text-primary);background:#ffffff0a}.queue-filter-btn.active{color:var(--accent-cyan);background:#00f0ff14;border:1px solid #00f0ff33;box-shadow:0 0 10px #00f0ff1a}.profile-header-new{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.avatar-container-new{width:76px;height:76px;position:relative}.profile-icon-new{object-fit:cover;border:2px solid #ffffff1a;border-radius:12px;width:76px;height:76px;box-shadow:0 8px 20px #0006}.summoner-level-badge-new{color:var(--text-primary);white-space:nowrap;background:#121625;border:1px solid #ffffff26;border-radius:20px;padding:.15rem .5rem;font-size:.72rem;font-weight:700;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #00000080}.profile-info-new{flex-direction:column;gap:.35rem;display:flex}.name-and-tag-row{align-items:baseline;gap:.35rem;display:flex}.summoner-tag{color:#64748b;font-size:1.1rem;font-weight:500}.refresh-btn-new{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.35rem;width:fit-content;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.refresh-btn-new:hover{color:var(--accent-cyan);background:#00f0ff1a;border-color:#00f0ff40;transform:translateY(-1px)}.lp-trend-container{background:#ffffff03;border-top:1px dashed #ffffff0d;flex-direction:column;gap:.35rem;margin-top:1rem;padding-top:.75rem;display:flex}.lp-trend-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.7rem;font-weight:700}.lp-trend-chart-wrapper{flex-direction:column;gap:.25rem;padding:.25rem 0;display:flex}.lp-trend-svg{width:100%;height:40px;overflow:visible}.trend-labels{color:var(--text-muted);justify-content:space-between;font-size:.65rem;font-weight:600;display:flex}.roles-played-section{flex-direction:column;gap:.75rem;display:flex}.summary-roles-list{flex-direction:column;gap:.45rem;display:flex}.summary-role-row{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.role-label-col{flex-direction:column;width:75px;line-height:1.1;display:flex}.role-name-text{color:var(--text-primary);font-weight:700}.role-count-text{color:var(--text-muted);font-size:.65rem}.role-bar-wrapper{background:#ffffff0a;border-radius:3px;flex:1;height:6px;overflow:hidden}.role-bar-fill{background:linear-gradient(90deg, var(--accent-purple), var(--accent-cyan));border-radius:3px;height:100%}.role-percent-text{text-align:right;width:32px;color:var(--text-secondary);font-weight:700}.perf-badge-pill{text-transform:uppercase;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:.15rem .45rem;font-size:.68rem;font-weight:800;line-height:1;display:inline-flex}.perf-badge-pill.mvp{color:#f1c40f;background:#f1c40f1f;border-color:#f1c40f4d;box-shadow:0 0 8px #f1c40f26}.perf-badge-pill.ace{color:#a855f7;background:#9b59b61f;border-color:#9b59b64d;box-shadow:0 0 8px #9b59b626}.perf-badge-pill.normal{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff14}.dpm-app-container{color:#f8fafc;background-color:#0b0d12;flex-direction:column;align-items:center;min-height:100vh;display:flex}.dpm-navbar{z-index:100;background-color:#12151e;border-bottom:1px solid #ffffff0d;justify-content:center;width:100%;height:56px;display:flex;position:sticky;top:0}.dpm-navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 1rem;display:flex}.dpm-logo{letter-spacing:-.03em;color:#fff;cursor:pointer;font-size:1.35rem;font-weight:800}.logo-accent{color:#3b82f6;text-shadow:0 0 10px #3b82f666}.dpm-nav-links{flex:1;gap:1.5rem;margin-left:2rem;display:flex}.dpm-nav-link{color:#94a3b8;cursor:pointer;font-size:.88rem;font-weight:600;transition:color .2s}.dpm-nav-link:hover,.dpm-nav-link.active{color:#fff}.dpm-nav-search{align-items:center;gap:.5rem;display:flex}.dpm-nav-search-input{color:#f8fafc;background:#1e2330;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:.45rem .85rem;font-size:.82rem;transition:all .2s}.dpm-nav-search-input:focus{background:#242a3a;border-color:#3b82f6;outline:none;box-shadow:0 0 8px #3b82f633}.dpm-nav-region-select{color:#94a3b8;cursor:pointer;background:#1e2330;border:1px solid #ffffff14;border-radius:8px;padding:.45rem .5rem;font-size:.82rem;font-weight:700}.navbar-dropdown{width:280px!important;top:125%!important}.dpm-landing-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:650px;padding:4rem 1rem;display:flex}.dpm-landing-hero{margin-bottom:2.5rem}.dpm-landing-title{background:linear-gradient(135deg,#fff 40%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2.75rem;font-weight:800}.dpm-landing-subtitle{color:#64748b;font-size:1.05rem;line-height:1.5}.dpm-landing-search-box{background:#12151e;border:1px solid #ffffff14;border-radius:12px;gap:.5rem;width:100%;padding:.5rem;display:flex;box-shadow:0 15px 35px #0006}.dpm-landing-search-input{color:#fff;background:0 0;border:none;width:100%;padding:.75rem 1rem;font-size:.95rem}.dpm-landing-search-input:focus{outline:none}.dpm-landing-region-select{color:#94a3b8;cursor:pointer;background:#1e2330;border:1px solid #ffffff0d;border-radius:8px;padding:0 1rem;font-size:.9rem;font-weight:700}.dpm-landing-search-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:0 1.5rem;font-weight:700;transition:all .2s}.dpm-landing-search-btn:hover{background:#2563eb;transform:translateY(-1px)}.landing-dropdown{text-align:left;top:115%!important}.dpm-dashboard{flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;padding:1.5rem 1rem;display:flex}.dpm-profile-banner{background-color:#12151e;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem 1.5rem 0;display:flex}.dpm-profile-banner-content{align-items:center;gap:1.5rem;display:flex}.dpm-profile-avatar-wrapper{width:68px;height:68px;position:relative}.dpm-profile-avatar{object-fit:cover;border:1px solid #ffffff1a;border-radius:12px;width:68px;height:68px}.dpm-profile-level{white-space:nowrap;background-color:#0b0d12;border:1px solid #ffffff26;border-radius:12px;padding:.1rem .45rem;font-size:.65rem;font-weight:800;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.dpm-profile-info{flex-direction:column;gap:.35rem;display:flex}.dpm-profile-title-row{align-items:center;gap:.45rem;display:flex}.dpm-profile-name{color:#fff;font-size:1.5rem;font-weight:800}.dpm-profile-tag{color:#64748b;font-size:1.1rem;font-weight:500}.dpm-profile-region-badge{color:#3b82f6;text-transform:uppercase;background:#3b82f626;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:800}.dpm-profile-refresh-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;width:fit-content;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s}.dpm-profile-refresh-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.dpm-profile-tabs{gap:1.5rem;display:flex}.dpm-profile-tab{color:#64748b;cursor:pointer;border-bottom:2px solid #0000;padding-bottom:.75rem;font-size:.85rem;font-weight:700;transition:all .2s}.dpm-profile-tab:hover,.dpm-profile-tab.active{color:#fff;border-bottom-color:#3b82f6}.dpm-dashboard-layout{gap:1.5rem;width:100%;display:flex}.dpm-sidebar{flex-direction:column;flex-shrink:0;gap:1rem;width:260px;display:flex}.dpm-main{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.dpm-rank-card{background:#12151e;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.dpm-rank-card.compact{padding:.75rem 1rem}.dpm-rank-card-header{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.dpm-rank-card-type{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:.72rem;font-weight:700}.dpm-rank-card-level{color:#fff;font-size:.8rem;font-weight:800}.dpm-rank-card-level.unranked{color:#64748b;font-weight:600}.dpm-rank-card-row{align-items:center;gap:.75rem;display:flex}.dpm-rank-badge-symbol{font-size:1.5rem}.dpm-rank-stats-details{flex-direction:column;display:flex}.dpm-rank-lp{color:#fff;font-size:.95rem;font-weight:800}.dpm-rank-wl{color:#64748b;font-size:.72rem;font-weight:600}.sidebar-lp-trend{border-top:1px dashed #ffffff0d;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.5rem;display:flex}.sidebar-lp-trend-header,.sidebar-lp-trend-footer{color:#64748b;justify-content:space-between;font-size:.65rem;font-weight:700;display:flex}.sidebar-lp-trend-chart{justify-content:center;width:100%;height:45px;display:flex}.dpm-sidebar-filters{background:#12151e99;border:1px solid #ffffff0a;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.25rem;display:grid}.dpm-sidebar-filter-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;padding:.45rem 0;font-size:.72rem;font-weight:700;transition:all .15s}.dpm-sidebar-filter-btn:hover{color:#fff;background:#ffffff05}.dpm-sidebar-filter-btn.active{color:#fff;background:#1e2330;box-shadow:0 2px 5px #0003}.dpm-champ-perf-card{background:#12151e;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.dpm-sidebar-title{text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin-bottom:.25rem;font-size:.72rem;font-weight:700}.dpm-champ-perf-list{flex-direction:column;gap:.5rem;display:flex}.dpm-champ-perf-row{background:#ffffff03;border:1px solid #ffffff05;border-radius:8px;align-items:center;gap:.65rem;padding:.45rem;display:flex}.dpm-champ-perf-img{object-fit:cover;border-radius:6px;width:28px;height:28px}.dpm-champ-perf-info{flex-direction:column;flex:1;min-width:0;display:flex}.dpm-champ-perf-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.dpm-champ-perf-sub{color:#64748b;font-size:.65rem}.dpm-champ-perf-stats{flex-direction:column;align-items:flex-end;margin-right:.5rem;display:flex}.dpm-champ-perf-cs{color:#94a3b8;font-size:.72rem;font-weight:500}.dpm-champ-perf-games{color:#64748b;font-size:.65rem}.dpm-champ-perf-wr{text-align:right;width:38px;font-size:.78rem;font-weight:800}.dpm-champ-perf-wr.high{color:#f1c40f}.dpm-champ-perf-wr.med{color:var(--win-color)}.dpm-champ-perf-wr.low{color:#64748b}.dpm-day-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.dpm-day-header{justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}.dpm-day-date{color:#fff;font-size:.8rem;font-weight:800}.dpm-day-summary{align-items:center;gap:.35rem;display:flex}.dpm-day-score-badge{color:#94a3b8;background:#ffffff0a;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.dpm-day-wl{text-transform:uppercase;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:800}.dpm-day-wl.win{color:var(--win-color);background:#00ff871a}.dpm-day-wl.loss{color:var(--loss-color);background:#ff46551a}.dpm-day-matches-list{flex-direction:column;gap:.4rem;display:flex}.dpm-match-card{background-color:#12151e;border:1px solid #ffffff0a;border-radius:8px;transition:all .2s;overflow:hidden}.dpm-match-card:hover{border-color:#ffffff14}.dpm-match-card-main{cursor:pointer;align-items:center;padding:.65rem .85rem;display:flex;position:relative}.dpm-match-strip{border-radius:2px;width:4px;height:52px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.win .dpm-match-strip{background-color:var(--win-color)}.loss .dpm-match-strip{background-color:var(--loss-color)}.dpm-match-meta-col{flex-direction:column;gap:.15rem;width:90px;padding-left:.5rem;display:flex}.dpm-match-mode{color:#fff;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:800;overflow:hidden}.dpm-match-duration{color:#64748b;font-size:.68rem;font-weight:600}.dpm-match-elo-badge{color:var(--accent-cyan);background:#00f0ff0d;border:1px solid #00f0ff1a;border-radius:4px;width:fit-content;padding:.05rem .3rem;font-size:.65rem;font-weight:700}.dpm-match-champ-block{align-items:center;gap:.5rem;width:80px;display:flex}.dpm-match-champ-avatar-wrapper{width:36px;height:36px;position:relative}.dpm-match-champ-img{object-fit:cover;border:1px solid #ffffff14;border-radius:8px;width:36px;height:36px}.dpm-match-level-badge{color:#fff;background:#000;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:.55rem;font-weight:800;display:flex;position:absolute;bottom:-2px;right:-2px}.dpm-match-spells-grid{grid-template-rows:1fr 1fr;gap:2px;display:grid}.dpm-spell-slot,.dpm-rune-slot{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;width:17px;height:17px}.dpm-match-kda-col{flex-direction:column;gap:.1rem;width:110px;display:flex}.dpm-kda-vals{color:#fff;font-size:.88rem;font-weight:700}.dpm-kda-ratio{color:#94a3b8;font-size:.72rem;font-weight:600}.dpm-kda-perf-pill{text-transform:uppercase;border-radius:4px;width:fit-content;padding:.05rem .3rem;font-size:.62rem;font-weight:700}.dpm-kda-perf-pill.good{color:var(--win-color);background:#00ff8714}.dpm-kda-perf-pill.poor{color:var(--loss-color);background:#ff465514}.dpm-match-stats-col{flex-direction:column;gap:.1rem;width:90px;display:flex}.dpm-stats-cs{color:#fff;font-size:.82rem;font-weight:700}.dpm-stats-cs-min{color:#64748b;font-size:.68rem;font-weight:500}.dpm-stats-kp{color:#94a3b8;font-size:.72rem;font-weight:600}.dpm-match-items-col{flex:1;justify-content:flex-start;align-items:center;padding-left:.5rem;display:flex}.dpm-items-row{gap:3px;display:flex}.dpm-item-slot-new{background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;width:22px;height:22px}.dpm-item-img-new{object-fit:cover;border-radius:4px;width:100%;height:100%}.dpm-match-vs-col{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:65px;display:flex}.dpm-vs-label{color:#64748b;text-transform:uppercase;font-size:.62rem;font-weight:800}.dpm-vs-champ-img{object-fit:cover;border:1px solid #ffffff1a;border-radius:5px;width:22px;height:22px}.dpm-match-score-col{justify-content:center;align-items:center;width:70px;display:flex}.dpm-score-wrapper{justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.dpm-score-svg{width:100%;height:100%;position:absolute;top:0;left:0}.dpm-score-bg{fill:none;stroke:#ffffff08;stroke-width:2.5px}.dpm-score-fill{fill:none;stroke-width:2.5px;stroke-linecap:round;transition:stroke-dashoffset .3s}.dpm-score-label{z-index:2;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.dpm-score-num{font-size:.72rem;font-weight:800}.dpm-score-badge-text{color:#64748b;text-transform:uppercase;margin-top:1px;font-size:.55rem;font-weight:700}.dpm-match-expand-chevron{color:#64748b;justify-content:center;align-items:center;width:30px;display:flex}.dpm-chevron-span{font-size:.65rem;transition:transform .2s}.dpm-chevron-span.rotated{transform:rotate(180deg)}.dpm-expanded-details{border-top:1px solid #ffffff0a}.dpm-error-msg{text-align:center;width:100%;max-width:1200px;margin-top:1.5rem}.dpm-loader{margin-top:4rem}.dpm-spell-column,.dpm-rune-column{flex-direction:column;gap:2px;display:flex}.dpm-spell-icon-img{object-fit:cover;border:1px solid #ffffff1a;border-radius:3px;width:17px;height:17px}.dpm-rune-icon-img{background-color:#0b0d12;border:1px solid #ffffff26;border-radius:50%;width:17px;height:17px;padding:1px}.dpm-rune-style-img{opacity:.8;width:15px;height:15px;margin:1px}.dpm-lens-tab-container{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;width:100%;margin-top:1rem;position:relative;overflow:hidden}.dpm-lens-lock-overlay{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0b0d1280;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dpm-lens-lock-content{text-align:center;background:#12141cd9;border:1px solid #ffffff14;border-radius:12px;max-width:480px;padding:2.5rem;box-shadow:0 8px 32px #00000080}.dpm-lens-lock-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.35rem;font-weight:700;line-height:1.4}.dpm-riot-login-btn{color:#fff;cursor:pointer;background-color:#d12b36;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;transition:background-color .2s,transform .1s;display:inline-flex}.dpm-riot-login-btn:hover{background-color:#e53945;transform:translateY(-1px)}.dpm-lens-mockup-wrapper{-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.dpm-lens-mock-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.lens-mock-tabs{gap:1rem;display:flex}.lens-mock-tab{color:var(--text-muted);font-size:.85rem;font-weight:600}.lens-mock-tab.active{color:var(--accent-cyan);border-bottom:2px solid var(--accent-cyan);padding-bottom:2px}.lens-mock-stats{gap:1rem;font-size:.85rem;font-weight:600;display:flex}.lens-mock-games-badge{color:var(--text-primary)}.lens-mock-wr-badge{color:var(--win-color)}.dpm-lens-mock-body{justify-content:space-between;align-items:center;gap:2rem;display:flex}.dpm-lens-mock-left{flex-direction:column;gap:.75rem;width:280px;display:flex}.lens-mock-metric-card{background-color:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex}.lens-mock-metric-label{color:var(--text-muted);font-size:.65rem;font-weight:700}.lens-mock-metric-value-row{align-items:center;gap:.5rem;display:flex}.lens-mock-vs{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.lens-mock-score-num{color:var(--text-primary);font-size:1.15rem;font-weight:800}.dpm-lens-mock-chart-container{justify-content:center;align-items:center;width:360px;height:360px;display:flex;position:relative}.lens-mock-center-hub{z-index:2;background-color:#12141c;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute}.lens-mock-hub-val{color:var(--text-primary);font-size:.95rem;font-weight:800}.lens-mock-radial-svg{position:absolute;top:0;left:0}.dpm-champions-tab-container{flex-direction:column;gap:1.25rem;width:100%;margin-top:1rem;display:flex}.dpm-champions-subnav{background-color:#0003;border:1px solid #ffffff08;border-radius:20px;justify-content:center;gap:.5rem;width:fit-content;margin:0 auto;padding:4px;display:flex}.dpm-subnav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:.4rem 1.2rem;font-size:.82rem;font-weight:600;transition:all .2s}.dpm-subnav-btn:hover{color:var(--text-primary)}.dpm-subnav-btn.active{color:var(--text-primary);background-color:#2a2c3a}.dpm-champions-filters{background-color:#12141c99;border:1px solid #ffffff0a;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.dpm-champions-roles-row,.dpm-champions-queues-row{gap:.35rem;display:flex}.dpm-champions-role-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.dpm-champions-role-btn:hover{color:var(--text-primary);background-color:#ffffff08}.dpm-champions-role-btn.active{color:var(--accent-cyan);background-color:#00f2fe14;border-color:#00f2fe33}.dpm-champions-queue-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s}.dpm-champions-queue-btn:hover{color:var(--text-primary)}.dpm-champions-queue-btn.active{color:var(--text-primary);background-color:#2a2c3a}.dpm-champions-table-wrapper{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;overflow:hidden}.dpm-champions-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.dpm-champions-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:#0003;border-bottom:1px solid #ffffff0d;padding:.85rem 1rem;font-size:.75rem;font-weight:700}.dpm-champions-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:.85rem 1rem}.dpm-champions-table tr:hover{background-color:#ffffff03}.dpm-champions-all-row{background-color:#00f2fe05;border-bottom:2px solid #ffffff14!important}.all-champs-circle{color:#f1c40f;background-color:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.75rem;font-size:1rem;display:inline-flex}.rank-num-cell{color:var(--text-muted);font-size:.8rem;font-weight:600}.champ-name-cell{align-items:center;gap:.75rem;display:flex}.table-champ-icon{border:1px solid #ffffff14;border-radius:4px;width:32px;height:32px}.table-champ-name-text{color:var(--text-primary);font-weight:700}.wr-pct-bold{color:var(--text-primary);font-size:.9rem;font-weight:800;display:block}.wr-pct-bold.high-wr{color:var(--win-color)}.wr-pct-bold.low-wr{color:var(--loss-color)}.wr-counts-sub{color:var(--text-muted);margin-top:.1rem;font-size:.68rem;display:block}.table-kda-numbers{color:var(--text-primary);font-weight:700}.table-kda-ratio{color:var(--text-muted);margin-top:.1rem;font-size:.68rem;font-weight:600}.table-last5-row{justify-content:center;gap:3px;display:flex}.last5-pill{color:#fff;border-radius:2px;justify-content:center;align-items:center;width:15px;height:15px;font-size:.6rem;font-weight:800;display:inline-flex}.last5-pill.w{background-color:var(--win-color)}.last5-pill.l{background-color:var(--loss-color)}.dpm-aram-tab-container{flex-direction:column;gap:1.25rem;width:100%;margin-top:1rem;display:flex}.dpm-aram-header-row{gap:1.25rem;display:flex}.dpm-aram-poro-card{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;flex:1.2;min-height:140px;padding:1.25rem;position:relative;overflow:hidden}.dpm-aram-badge-name{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.08em;background-color:#00f2fe14;border:1px solid #00f2fe26;border-radius:4px;padding:.2rem .6rem;font-size:.72rem;font-weight:800}.dpm-aram-poro-stats-grid{gap:2rem;margin-top:1.5rem;display:flex}.poro-stat-box{flex-direction:column;gap:.25rem;display:flex}.poro-stat-num{color:var(--text-primary);font-size:1.45rem;font-weight:800;line-height:1}.poro-stat-sub{color:var(--text-muted);font-size:.85rem;font-weight:600}.poro-stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.poro-mascot-wrapper{opacity:.85;font-size:4rem;position:absolute;bottom:.5rem;right:1.5rem}.dpm-aram-calendar-card{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;flex:1;padding:1.25rem}.calendar-card-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem;font-weight:700}.aram-calendar-grid-wrapper{flex-direction:column;gap:.4rem;display:flex}.calendar-months-row{color:var(--text-muted);gap:2.2rem;padding-left:1.7rem;font-size:.65rem;font-weight:700;display:flex}.calendar-heatmap-layout{align-items:center;gap:.5rem;display:flex}.calendar-days-labels{color:var(--text-muted);flex-direction:column;gap:4px;width:20px;font-size:.6rem;font-weight:700;display:flex}.calendar-contribution-grid{grid-template-rows:repeat(7,8px);grid-auto-columns:8px;grid-auto-flow:column;gap:3px;display:grid}.grid-block{border-radius:1px;width:8px;height:8px}.grid-block.lvl-0{background-color:#ffffff0a}.grid-block.lvl-1{background-color:#00f2fe26}.grid-block.lvl-2{background-color:#00f2fe59}.grid-block.lvl-3{background-color:#00f2fe99}.grid-block.lvl-4{background-color:var(--accent-cyan)}.dpm-aram-metrics-bar{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;justify-content:space-around;padding:1rem;display:flex}.aram-metric-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.aram-metric-val{color:var(--text-primary);font-size:1.35rem;font-weight:800}.aram-metric-val-sub{color:var(--text-muted);font-size:.85rem}.aram-metric-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.dpm-aram-lists-grid{gap:1.25rem;display:flex}.aram-list-card{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;flex:1;padding:1.25rem}.aram-list-title{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid #ffffff0a;margin-bottom:1rem;padding-bottom:.5rem;font-size:.85rem;font-weight:700}.aram-top-champs-row{justify-content:space-around;gap:.5rem;display:flex}.aram-top-champ-box{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.aram-top-champ-icon{border:2px solid #ffffff1a;border-radius:50%;width:44px;height:44px}.aram-top-champ-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.aram-top-champ-wl{color:var(--text-muted);font-size:.7rem;font-weight:600}.aram-top-champ-kda{color:var(--accent-cyan);font-size:.68rem;font-weight:600}.aram-top-champ-snax{color:#f1c40f;background-color:#f1c40f1a;border:1px solid #f1c40f33;border-radius:4px;margin-top:.15rem;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.aram-teammates-row{flex-direction:column;gap:.75rem;display:flex}.aram-teammate-box{background-color:#ffffff03;border:1px solid #ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.aram-teammate-avatar{font-size:1.1rem}.aram-teammate-info{text-align:left;flex-direction:column;flex:1;margin-left:.75rem;display:flex}.aram-teammate-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.aram-teammate-time{color:var(--text-muted);font-size:.68rem}.aram-teammate-wl{color:var(--text-secondary);font-size:.8rem;font-weight:700}.dpm-aram-records-title{text-align:left;border-bottom:1px solid #ffffff0d;margin-top:1rem;padding-bottom:.5rem}.dpm-aram-records-title h2{color:var(--text-primary);font-size:1.15rem;font-weight:800}.dpm-aram-vertical-records-grid{grid-template-columns:repeat(8,1fr);gap:.5rem;display:grid}.aram-record-splash-card{background-position:top;background-size:cover;border:1px solid #ffffff0d;border-radius:6px;height:160px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.record-splash-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.record-splash-val{color:var(--text-primary);text-shadow:0 2px 4px #000c;font-size:1.1rem;font-weight:800;line-height:1.1}.record-splash-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 2px #000c;margin-top:.15rem;font-size:.6rem;font-weight:700}.record-splash-champ{color:var(--accent-cyan);text-shadow:0 1px 2px #000c;font-size:.65rem;font-weight:700}.dpm-aram-record-boxes{grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}.aram-record-box{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;padding:1rem;display:flex}.record-box-icon{margin-bottom:.25rem;font-size:1.15rem}.record-box-title{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:700}.record-box-val{color:var(--text-primary);font-size:1.2rem;font-weight:800}.record-box-sub{color:var(--text-muted);font-size:.65rem;font-weight:600}.dpm-aram-records-split{gap:1.25rem;display:flex}.aram-split-card{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;flex:1;padding:1.25rem}.split-card-title{color:var(--text-muted);text-transform:uppercase;text-align:left;border-bottom:1px solid #ffffff0a;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:.85rem;font-weight:700}.aram-spells-casted-list,.aram-items-bought-list{flex-direction:column;gap:.85rem;display:flex}.aram-spell-cast-row,.aram-item-bought-row{align-items:center;gap:1rem;display:flex}.aram-spell-cast-icon,.aram-item-bought-icon{border-radius:4px;width:24px;height:24px}.spell-cast-progress-bar,.item-bought-progress-bar{background-color:#ffffff08;border-radius:3px;flex:1;height:6px;overflow:hidden}.spell-cast-fill{background:linear-gradient(to right, #00f2fe66, var(--accent-cyan));border-radius:3px;height:100%}.item-bought-fill{background:linear-gradient(90deg,#a855f766,#a855f7);border-radius:3px;height:100%}.spell-cast-count,.item-bought-count{color:var(--text-primary);text-align:right;width:70px;font-size:.75rem;font-weight:700}.dpm-aram-pentakills-row{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.penta-title{color:var(--text-muted);text-transform:uppercase;font-size:.85rem;font-weight:700}.penta-content{display:flex}.penta-badge{background-color:#f1c40f14;border:1px solid #f1c40f33;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem 1rem;display:flex}.penta-champ-icon{border-radius:50%;width:24px;height:24px}.penta-count-text{color:#f1c40f;font-size:.82rem;font-weight:800}.penta-badge.empty{color:var(--text-muted);background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:.4rem 1rem;font-size:.82rem;font-weight:600}.dpm-live-tab-container{justify-content:center;width:100%;margin-top:3rem;display:flex}.dpm-live-card{background-color:var(--bg-secondary);text-align:center;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;max-width:500px;padding:3rem;display:flex;box-shadow:0 4px 20px #0006}.dpm-live-pulse-container{width:24px;height:24px;margin-bottom:.5rem;position:relative}.dpm-live-pulse-ring{border:3px solid var(--loss-color);opacity:0;border-radius:30px;width:24px;height:24px;animation:1.8s ease-out infinite pulse-ring;position:absolute}.dpm-live-pulse-dot{background-color:var(--loss-color);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:6px}@keyframes pulse-ring{0%{opacity:0;transform:scale(.6)}50%{opacity:.5}to{opacity:0;transform:scale(1.6)}}.dpm-live-title{color:var(--text-primary);font-size:1.25rem;font-weight:800}.dpm-live-subtitle{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.dpm-live-tip{color:var(--text-muted);text-align:left;background-color:#ffffff03;border:1px solid #ffffff08;border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.72rem;line-height:1.4}.dpm-landing-grid{grid-template-columns:1fr 380px;align-items:stretch;gap:2.5rem;width:100%;max-width:1200px;margin:4rem auto;padding:0 1rem;display:grid}.dpm-landing-left{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#12141c73;border:1px solid #ffffff08;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;padding:3rem;display:flex}.dpm-landing-left .dpm-landing-hero{margin-bottom:2rem}.dpm-landing-left .dpm-landing-search-box{width:100%}.dpm-landing-sidebar{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:1rem;height:550px;padding:1.5rem;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000059}.challenge-sidebar-header{text-align:left;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding-bottom:.75rem;display:flex}.challenge-sidebar-trophy{font-size:1.3rem}.challenge-sidebar-title{color:var(--text-primary);letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:800}.challenge-sidebar-list{flex-direction:column;flex:1;gap:.5rem;padding-right:4px;display:flex;overflow-y:auto}.challenge-sidebar-list::-webkit-scrollbar{width:4px}.challenge-sidebar-list::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:2px}.challenge-sidebar-row{cursor:pointer;text-align:left;background-color:#ffffff03;border:1px solid #ffffff08;border-radius:6px;align-items:center;gap:.75rem;padding:.6rem .85rem;transition:all .2s;display:flex}.challenge-sidebar-row:hover{background-color:#00f2fe08;border-color:#00f2fe33;transform:translate(2px)}.challenge-player-rank{color:var(--text-muted);text-align:center;width:18px;font-size:.82rem;font-weight:800}.challenge-player-avatar{border:1px solid #ffffff1a;border-radius:50%;width:28px;height:28px;overflow:hidden}.challenge-avatar-img{object-fit:cover;width:100%;height:100%}.challenge-player-info{flex-direction:column;flex:1;display:flex}.challenge-player-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.challenge-player-tag{color:var(--text-muted);font-size:.65rem;font-weight:600}.challenge-player-rank-detail{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.challenge-rank-tier{text-transform:uppercase;font-size:.72rem;font-weight:800}.challenge-rank-lp{color:var(--text-primary);font-size:.75rem;font-weight:700}.challenge-player-wr{color:var(--text-muted);text-align:right;width:50px;font-size:.72rem;font-weight:700}@media (width<=900px){.dpm-landing-grid{grid-template-columns:1fr;max-width:600px}.dpm-landing-sidebar{height:auto;max-height:450px}}