.streamer-page{display:flex;flex-direction:row;align-items:flex-start;max-width:1400px;margin:0 auto;padding:32px 24px 64px;gap:32px}.streamer-stats{width:260px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:calc(7vh + 24px);display:flex;flex-direction:column;align-items:center;gap:16px}.streamer-main-section{flex:1 1;min-width:0}.streamer-header-intro-image-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.streamer-header-intro-image-container h2{margin:0;color:var(--text-1);font-size:1.1rem;font-weight:700;letter-spacing:.5px}.streamer-header-intro-image-container img{border-radius:var(--radius-md);border:1px solid var(--border-accent);transition:border-color .2s ease}.streamer-header-intro-image-container img:hover{border-color:var(--accent)}.streamer-stats>h2{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-3)}.streamer-stats img{border-radius:var(--radius-md)}.update-button{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-2);padding:10px 16px;cursor:pointer;font-size:.875rem;font-weight:600;text-align:center;transition:border-color .2s ease,color .2s ease}.update-button:hover:not(:disabled){border-color:var(--border-accent);color:var(--accent)}.update-button:disabled{opacity:.45;cursor:not-allowed}.update-button .last-updated-timestamp{display:block;font-size:.75rem;font-weight:400;color:var(--text-3);margin-top:3px}.streamer-section-header{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-3);margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.last-20-text{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-3);margin:0 0 10px}.summary-section{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.recent-match-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:3px;flex:1 1}.recent-match-element{width:28px;height:28px;border-radius:5px;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.75);transition:transform .15s ease}.recent-match-element:hover{transform:scale(1.15)}.recent-stats{display:flex;flex-direction:row;gap:8px;flex-shrink:0}.recent-stats p{margin:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;font-size:.8rem;font-weight:600;color:var(--text-2);white-space:nowrap}.container{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-sizing:border-box}.container>p{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-3);margin:0 0 10px}.fav-comps-table{margin-bottom:20px}.items-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));grid-gap:8px;gap:8px}.top-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease;border:1px solid transparent}.top-item:hover{background:rgba(74,158,255,.07)}.top-item .item-label{font-size:.65rem;color:var(--text-3);text-align:center}.top-item img{border-radius:5px;border:2px solid transparent;transition:border-color .15s ease}.top-item.selected{background:rgba(241,197,85,.08);border-color:rgba(241,197,85,.3)}.top-item.selected img{border-color:var(--gold)}.top-item.selected .item-label{color:var(--gold)}.lp-green{color:var(--green)}.lp-red{color:var(--red)}@media(max-width:900px){.streamer-page{flex-direction:column;padding:16px;gap:24px}.streamer-stats{width:100%;position:static;flex-direction:column;align-items:center}.items-table{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}}.match-history{display:flex;flex-direction:column;gap:10px}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;width:100%;box-sizing:border-box;transition:border-color .2s ease}.match-card:hover{border-color:var(--border-accent)}.comp-title{padding-bottom:10px}.comp-title h2{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-3)}.match-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.header-info{flex:1 1;min-width:0}.header-info-combined{flex-wrap:wrap;gap:8px}.header-info-combined,.lp-number-remove-gap{display:flex;flex-direction:row;align-items:center}.lp-number-remove-gap{gap:6px}.lp-number-remove-gap h3{margin:0;color:var(--text-1)}.lp-number-remove-gap h3,.lp-number-remove-gap h3+h3{font-size:1.5rem;font-weight:800}.lp-number-remove-gap h3:first-child{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-3)}.header-info-combined p{margin:0;font-size:.8rem;font-weight:500;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;white-space:nowrap}.get-time-stamp{font-size:.75rem;color:var(--text-3);font-style:italic;background:none!important;border:none!important;padding:0!important}.match-card>hr{border:none;border-top:1px solid var(--border);margin:14px 0;height:0}@media(max-width:768px){.match-header{flex-direction:column}.header-info-combined{gap:6px}}.comps-section{width:100%}.comps-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.champion{display:flex;flex-direction:column;align-items:center;gap:3px}.star-tier{font-size:.65rem;color:var(--gold);letter-spacing:-1px;text-align:center;min-height:12px}.champion-icon{border:3px solid transparent;border-radius:8px;display:block}.champion-icon.cost1{border-color:#9e9e9e}.champion-icon.cost2{border-color:#4ade80}.champion-icon.cost3{border-color:#60b4ff}.champion-icon.cost4{border-color:#c084fc}.champion-icon.cost5{border-color:#fbbf24}.champion-icon.unknown{border-color:var(--border)}.champion-items{display:flex;flex-direction:row;gap:2px;justify-content:center}.champion-item{border-radius:3px;border:1px solid var(--border)}.augments-section{flex-shrink:0;max-width:55%}.augments-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.augment-item{background:rgba(241,197,85,.07);border:1px solid rgba(241,197,85,.2);border-radius:var(--radius-sm);padding:3px 8px;color:var(--gold);font-size:.7rem;font-weight:600;white-space:nowrap;transition:background .15s ease}.augment-item:hover{background:rgba(241,197,85,.12)}@media(max-width:768px){.augments-section{max-width:100%}.augments-grid{justify-content:flex-start}}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;width:100%}.grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s ease}.grid-item:hover{border-color:var(--border-accent)}.stats-numbers{font-weight:700;font-size:1.5rem;color:var(--accent);line-height:1}.grid-item span:last-child{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-3)}.comps-table{gap:6px}.comp-element,.comps-table{display:flex;flex-wrap:wrap}.comp-element{gap:4px;align-items:center;padding:7px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;color:var(--text-2);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.comp-element:hover{border-color:var(--border-accent);color:var(--text-1)}.comp-element.selected{background:rgba(74,158,255,.12);border-color:var(--accent);color:var(--accent)}