.lookup-title { text-align:center; font-size:clamp(26px,3vw,38px); margin:0 0 26px; letter-spacing:-1px; }
.lookup-title>span { color:var(--accent); }
.hero.compact .lookup-title { display:none; }
#search-feedback { margin-inline:auto; }
.home-widgets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:24px; }
.home-widget { background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-md); padding:20px; display:flex; align-items:center; gap:16px; min-width:0; }
.home-widget:hover { border-color:var(--muted); }
.widget-icon { color:var(--accent); font-size:28px; }
.home-widget h2 { font-size:13px; color:var(--muted); font-weight:500; margin:0 0 8px; }
.widget-value { font-size:22px; font-weight:650; display:block; line-height:1.3; }
.home-widget small { color:var(--muted); font-size:11px; }
.widget-arrow { margin-left:auto; color:var(--interactive); }
.home-tools { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); border-radius:var(--radius-md); margin:12px 0 24px; }
.home-tools>a { display:flex; align-items:center; gap:10px; padding:16px; min-height:60px; font-size:13px; }
.home-tools>a+a { border-left:1px solid var(--line); }
.home-tools svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; color:var(--muted); }
.home-tools>a>span { margin-left:auto; color:var(--interactive); }
#recent-profiles-section { margin-top:24px; }
.viewed-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.viewed-grid>a { display:flex; align-items:center; gap:10px; min-height:60px; border:1px solid var(--line); padding:12px; border-radius:var(--radius-md); min-width:0; }
.viewed-grid img { border-radius:var(--radius-sm); }
.viewed-grid span { min-width:0; overflow:hidden; text-overflow:ellipsis; font-size:12px; }
.viewed-grid small { display:block; color:var(--muted); font-size:10px; }
.viewed-grid span:last-child { margin-left:auto; }
#feature-section { padding:28px 0; min-height:260px; }
.compact-empty { padding:24px 16px; background:var(--panel); }
.compact-empty>strong { font-size:30px; }
.compact-empty>p { font-size:13px; }
.tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.tool-card { display:flex; align-items:center; gap:16px; min-height:100px; padding:24px; border:1px solid var(--line); background:var(--panel); border-radius:var(--radius-md); }
.tool-card:hover { border-color:var(--muted); }
.tool-card>span:first-child { color:var(--accent); font-size:26px; }
.tool-card>strong { font-weight:500; }
.tool-card>span:last-child { margin-left:auto; color:var(--interactive); }
.feature-filters,.profile-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:end; margin-bottom:20px; }
.feature-filters label,.compact-select,.compare-form label { display:flex; flex-direction:column; gap:4px; color:var(--muted); font-size:11px; min-width:0; }
.feature-filters select,.compact-select select,.compare-form input,.compare-form select { border:1px solid var(--line); padding:0 10px; background:var(--panel); color:var(--text); min-height:44px; max-width:200px; }
.profile-toolbar { margin-top:24px; }
.compact-select select { max-width:150px; }
.sample-tabs { display:flex; border:1px solid var(--line); border-radius:var(--radius-md); }
.sample-tabs button { font-size:12px; }
.ladder-head,.ladder-row { display:grid; grid-template-columns:44px minmax(130px,1fr) 80px 130px 65px; gap:12px; align-items:center; padding:14px 16px; border-bottom:1px solid var(--line); }
.ladder-head { color:var(--muted); font-size:11px; }
.ladder-row { min-height:64px; background:var(--panel); font-size:13px; }
.ladder-row>a { display:flex; align-items:center; min-height:44px; overflow-wrap:anywhere; }
.ladder-row>strong:first-child { color:var(--muted); }
.pagination { display:flex; align-items:center; justify-content:center; gap:20px; margin:20px 0; font-size:12px; }
.profile-actions { display:flex; gap:8px; margin-left:auto; }
.profile-actions button { margin-left:0; }
#profile-notice:not(:empty) { color:var(--muted); border:1px solid var(--line); background:var(--panel2); padding:12px; border-radius:var(--radius-sm); margin-bottom:16px; }
.queue-label { display:block; color:var(--muted); font-size:12px; margin-bottom:6px; }
.rank-card strong { display:block; font-size:20px; }
.rank-card strong>span { font-size:14px; color:var(--muted); margin-left:12px; }
.rank-card p { margin-bottom:0; }
.stats-overview,.build-metrics { display:grid; grid-template-columns:1.7fr repeat(5,1fr); border:1px solid var(--line); background:var(--panel); border-radius:var(--radius-md); overflow:hidden; margin:20px 0; }
.metric { display:flex; flex-direction:column; justify-content:center; gap:3px; padding:20px 16px; min-width:0; border-left:1px solid var(--line); }
.metric strong { font-size:25px; font-weight:650; line-height:1.4; font-variant-numeric:tabular-nums; }
.metric>span { color:var(--muted); font-size:11px; }
.wr-stat { display:flex; flex-direction:column; justify-content:center; padding:16px 20px; min-width:0; }
.wr-stat>strong { font-size:32px; line-height:1.3; }
.wr-stat strong>small { font-size:16px; }
.wr-stat>span { font-size:11px; color:var(--muted); }
.form-strip { display:flex; gap:3px; margin-top:8px; }
.form-strip>span { height:14px; width:8px; border-radius:var(--radius-sm); background:var(--victory); }
.form-strip>span.loss { background:var(--defeat); }
.analysis-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.mini-panel { border:1px solid var(--line); background:var(--panel); padding:20px; border-radius:var(--radius-md); min-width:0; }
.mini-panel h3 { margin:0 0 16px!important; font-size:14px!important; }
.champion-stat { display:flex; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid var(--line); font-size:12px; }
.champion-stat:last-child { border-bottom:0; }
.champion-stat img { border-radius:var(--radius-sm); }
.champion-stat>span { min-width:0; flex:1; }
.champion-stat small { font-size:10px; color:var(--muted); }
.champion-stat>span small { display:block; }
.role-stat { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:8px 0; font-size:12px; }
.role-stat>span:first-child { min-width:70px; color:var(--muted); }
progress { appearance:none; height:6px; min-width:0; width:100%; border:0; background:var(--panel2); border-radius:var(--radius-sm); accent-color:var(--interactive); }
progress::-webkit-progress-bar { background:var(--panel2); border-radius:var(--radius-sm); }
progress::-webkit-progress-value { background:var(--interactive); border-radius:var(--radius-sm); }
.sparkline { width:100%; height:64px; margin-top:10px; }
.sparkline polyline { fill:none; stroke:var(--interactive); stroke-width:2; vector-effect:non-scaling-stroke; }
.load-more { display:flex; margin:20px auto; }
.match-details>a { color:var(--interactive); display:inline-flex; align-items:center; min-height:44px; }
.builder-overview { display:flex; align-items:center; gap:20px; flex-wrap:wrap; padding:20px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-md); }
.builder-overview>img { border-radius:var(--radius-sm); }
.build-slots { display:flex; gap:8px; flex-wrap:wrap; max-width:100%; min-width:0; }
.build-slot { display:flex; align-items:center; justify-content:center; padding:4px; width:54px; height:54px; border:1px solid var(--line); background:var(--bg); border-radius:var(--radius-sm); }
.build-slot img { border-radius:var(--radius-sm); }
.empty-slot { color:var(--muted); }
.build-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); }
.build-metrics .metric:first-child { border-left:0; }
.full-search { width:100%; max-width:none; margin:20px 0; }
.saved-builds { display:flex; gap:8px; flex-wrap:wrap; margin-top:20px; }
.finder-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.finder-champion { display:flex; gap:12px; align-items:center; padding:12px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-md); text-align:left; min-width:0; }
.finder-champion:hover { border-color:var(--muted); }
.finder-champion img { border-radius:var(--radius-sm); flex-shrink:0; }
.finder-champion span { font-size:12px; min-width:0; overflow-wrap:anywhere; }
.finder-champion small { display:block; color:var(--muted); font-size:9px; }
.team-slots { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.team-slots>button,.team-slots>span { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--panel); padding:16px 8px; min-height:140px; }
.team-slots>span { color:var(--muted); font-size:24px; }
.team-slots img { border-radius:var(--radius-sm); }
.team-slots strong { font-size:12px; }
.team-slots small { color:var(--muted); }
.compare-form { display:flex; align-items:end; flex-wrap:wrap; gap:16px; margin-bottom:24px; }
.compare-form>span { align-self:center; color:var(--accent); font-size:12px; }
.compare-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.team-panel { margin-bottom:24px; border:1px solid var(--line); border-radius:var(--radius-md); padding:20px; }
.team-panel h3 { margin:0 0 12px; font-size:15px; }
.victory { color:var(--victory); }.defeat { color:var(--defeat); }
.objective-row { display:flex; gap:16px; flex-wrap:wrap; font-size:11px; color:var(--muted); padding-bottom:16px; }
.participant-row { display:grid; grid-template-columns:40px minmax(100px,1fr) 80px 90px 80px 70px 190px; gap:12px; align-items:center; padding:12px 0; border-top:1px solid var(--line); font-size:12px; }
.participant-row>div { min-width:0; overflow-wrap:anywhere; }
.participant-row a { display:inline-flex; align-items:center; min-height:44px; }
.participant-row small { display:block; color:var(--muted); font-size:10px; }
.participant-row img { border-radius:var(--radius-sm); }
.participant-items { display:flex; gap:3px; flex-wrap:wrap; }
.timeline-events>div { display:flex; gap:20px; padding:12px; border-bottom:1px solid var(--line); font-size:12px; }
.timeline-events time { color:var(--muted); min-width:40px; }
.share-url { width:100%; background:var(--bg); border:1px solid var(--line); padding:12px; }
@media(max-width:1100px) {
  .desktop-nav { gap:20px; }.header-inner { gap:30px; }
  .finder-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .participant-row { grid-template-columns:40px minmax(100px,1fr) 80px 90px 80px; }
  .participant-row>.participant-items { grid-column:2/-1; }
  .participant-row>span:last-of-type { grid-column:1/3; }
  .stats-overview { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .stats-overview>.metric:nth-child(4) { border-left:0; }
  .home-widget { padding:16px; gap:12px; }.widget-icon { display:none; }
}
@media(max-width:760px) {
  .lookup-title { font-size:27px; text-align:left; max-width:340px; line-height:1.25; margin:0 0 22px; letter-spacing:-.8px; }
  .lookup-title>span { white-space:nowrap; }
  .hero.compact .lookup-title { display:none; }
  .home-widgets { gap:8px; margin-top:16px; }.home-widget { padding:12px 10px; }
  .home-widget h2 { font-size:11px; margin-bottom:6px; }.widget-value { font-size:15px; }.home-widget small { font-size:9px; }.widget-arrow { display:none; }
  .home-tools { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:16px; }
  .home-tools>a { padding:12px; font-size:12px; gap:8px; }
  .home-tools>a:nth-child(3) { border-left:0; border-top:1px solid var(--line); }.home-tools>a:nth-child(4) { border-top:1px solid var(--line); }
  .viewed-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.viewed-grid>a { padding:8px; gap:8px; }.viewed-grid span { font-size:11px; }
  .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.tool-card { padding:16px 12px; gap:10px; min-height:90px; }.tool-card strong { font-size:12px; }.tool-card>span:first-child { font-size:22px; }
  .profile-actions { margin-left:0; }.profile-header { gap:12px; }.profile-header>div:first-of-type { flex:1; }
  .profile-toolbar { gap:8px; }.compact-select { flex:1; min-width:calc(33% - 8px); }.compact-select select { max-width:100%; font-size:12px; padding:0 8px; }
  .sample-tabs { width:100%; }.sample-tabs>button { flex:1; }
  .stats-overview { grid-template-columns:repeat(3,minmax(0,1fr)); margin:16px 0; }.wr-stat { padding:14px 12px; }.wr-stat>strong { font-size:26px; }.wr-stat>span { font-size:9px; }
  .metric { padding:14px 12px; }.metric strong { font-size:21px; }.metric>span { font-size:10px; }
  .form-strip { gap:2px; }.form-strip>span { width:4px; height:12px; }
  .analysis-grid { grid-template-columns:1fr; gap:12px; }.mini-panel { padding:16px; }
  .feature-filters { gap:8px; }.feature-filters label { flex:1; min-width:70px; }.feature-filters select { width:100%; max-width:none; font-size:12px; }
  .ladder-head,.ladder-row { grid-template-columns:24px minmax(0,1fr) 48px 46px; padding:12px 8px; gap:8px; font-size:11px; }
  .ladder-row>span:nth-child(4),.ladder-head>span:nth-child(4) { display:none; }
  .builder-overview { padding:16px; gap:14px; }.builder-overview>img { width:44px; height:44px; }.build-slots { gap:5px; }.build-slot { width:44px; min-width:44px; height:44px; padding:2px; }.build-slot img { width:32px; height:32px; }
  .build-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }.build-metrics .metric:nth-child(4) { border-left:0; }
  .finder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.finder-champion { padding:10px; gap:8px; }.finder-champion img { width:36px; height:36px; }.finder-champion span { font-size:11px; }
  .team-slots { gap:5px; }.team-slots>button,.team-slots>span { min-height:95px; padding:10px 2px; }.team-slots img { width:38px; height:38px; }.team-slots strong { font-size:9px; }
  .compare-form { gap:12px; }.compare-form label { flex:1; min-width:calc(50% - 12px); }.compare-form>span { display:none; }.compare-form input { width:100%; max-width:none; font-size:16px; }.compare-results { gap:10px; }.compare-results .mini-panel { padding:12px; }.compare-results h3 { font-size:13px!important; overflow-wrap:anywhere; }
  .team-panel { padding:14px; }.participant-row { grid-template-columns:40px minmax(0,1fr) 65px; gap:8px; }.participant-row>span { color:var(--muted); font-size:10px; }.participant-row>span:last-of-type { grid-column:auto; }.participant-items { grid-column:1/-1!important; }
  .mobile-nav { grid-template-columns:repeat(5,minmax(0,1fr)); }.mobile-nav a { font-size:10px; }
}
@media(max-width:359px) { .home-widget { padding:10px 7px; }.widget-value { font-size:13px; }.home-widget h2 { font-size:10px; }.home-widget small { font-size:8px; }.team-slots img { width:30px; height:30px; } }