:root{--bg-1: #1a2332;--bg-2: #0f1419;--card: #1e2937;--line: #2d3748;--text: #e8eaed;--muted: #8892a8;--accent: #5dade2;--accent-2: #f4a261;--green: #52b788;--red: #ff6b6b;--shadow: 0 14px 30px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--text);min-height:100vh;overflow-x:hidden;background:#070b12;background-attachment:scroll}#root{min-height:100vh;position:relative;z-index:10;overflow-x:clip;background:linear-gradient(180deg,#070b1233,#070b128c)}.page-content{min-height:100vh;padding-top:80px}.app{min-height:calc(100vh - 80px);padding:18px}.container{width:min(1680px,calc(100vw - 36px));margin:0 auto;background:#1e2937b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(138,43,226,.25);border-radius:12px;box-shadow:var(--shadow);padding:22px}h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:.02em;color:var(--accent)}.subtitle{margin:8px 0 22px;color:var(--muted)}.section-kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--accent-2)}.panel-copy,.user-meta,.info-label{color:var(--muted)}.info-label{display:block;font-weight:700;letter-spacing:.02em;text-align:left}.panel-section{border:1px solid rgba(138,43,226,.25);border-radius:18px;background:linear-gradient(135deg,#fffffffa,#f9f4e8eb);padding:20px}.panel-section--masonry{min-height:calc(100vh - 190px);background:radial-gradient(circle at 8% 16%,rgba(255,120,120,.2),transparent 36%),radial-gradient(circle at 84% 76%,rgba(120,195,255,.22),transparent 34%),linear-gradient(140deg,#0b081ef2,#08182df2);border-color:#7bc3ff4d}.panel-section--masonry .section-heading h2,.panel-section--masonry .panel-copy{color:#eaf3ff}.users-masonry-grid{display:flex;width:calc(100% + 14px);margin-left:-14px;margin-top:14px}.users-masonry-grid__column{padding-left:14px;background-clip:padding-box}.summoner-tile{position:relative;overflow:hidden;border-radius:20px;margin-bottom:14px;border:1px solid rgba(160,213,255,.28);background:#0a1628cc;box-shadow:0 8px 16px #00000047;content-visibility:auto;contain-intrinsic-size:320px}.summoner-tile--clickable{cursor:pointer}.summoner-tile--clickable:focus-visible{outline:2px solid rgba(188,226,255,.95);outline-offset:2px}.summoner-tile__img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block;transform:none;filter:saturate(1.2) contrast(1.03)}.summoner-tile__img--placeholder{display:flex;align-items:center;justify-content:center;color:#bfdcff;font-size:56px;font-weight:900;letter-spacing:.08em}.summoner-tile__overlay{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:linear-gradient(180deg,transparent 0%,rgba(3,8,18,.82) 42%,rgba(3,8,18,.94) 100%)}.summoner-tile__name{color:#f4f9ff;font-size:16px;font-weight:800;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summoner-tile__rank{color:#acc8ea;font-size:12px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.45)}.hero-panel{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px}.stat-card,.stat-pill{border:1px solid rgba(138,43,226,.25);border-radius:14px;background:#ffffffc2}.stat-card{display:flex;flex-direction:column;gap:4px;padding:12px;min-width:92px}.stat-pill{display:inline-flex;align-items:center;padding:8px 12px;color:var(--accent);font-weight:700}.stat-value{font-size:1.6rem;font-weight:800;color:var(--accent)}.stat-label{color:var(--muted);font-size:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-heading h2,.panel-section h2{margin:6px 0 0;font-size:1.45rem}.add-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-bottom:12px}.add-row input{width:100%;border:1px solid rgba(138,43,226,.25);border-radius:10px;padding:12px 14px;font-size:15px;background:#8a2be21f;color:var(--text)}button{border:1px solid transparent;border-radius:12px;padding:11px 14px;font-weight:700;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}.add-row button:first-of-type{background:var(--accent);color:#f7f7f3}.btn-refresh{background:#5dade21a;color:var(--accent);border-color:var(--line);min-width:40px}.error{margin-bottom:12px;border:1px solid #f1b6b6;background:#fdecec;color:#7c2222;border-radius:12px;padding:11px 12px}.loading,.empty{padding:14px 0;color:var(--muted)}.users-list,.info-list{display:flex;flex-direction:column;gap:10px}.user-card,.info-item{display:grid;grid-template-columns:168px minmax(0,1fr);align-items:center;gap:12px;padding:14px;border:1px solid rgba(138,43,226,.25);border-radius:14px;background:#ffffffbd}.user-card{display:flex;justify-content:space-between}.info-item strong{justify-self:end;text-align:right;min-width:0;word-break:break-word}.user-meta{margin:4px 0 0}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.info-grid--technical{font-family:Segoe UI,Trebuchet MS,Verdana,sans-serif}.info-grid--technical .panel-section{background:linear-gradient(145deg,#fffffffa,#f7f7f7fa);border-color:#0003}.info-grid--technical .section-kicker{color:#3d3d3d;font-weight:900}.info-grid--technical h2{color:#111;font-weight:900}.info-grid--technical .info-label{color:#111;font-weight:900;letter-spacing:.05em}.info-grid--technical .info-item{border-color:#0000002e;background:#fffffff2}.info-grid--technical .info-item strong{color:#111;font-size:15px;font-weight:900}.stat-pill--muted{color:var(--muted);font-weight:500;font-size:13px}.duel-card{margin-bottom:16px;padding:12px 14px;border:1px solid rgba(138,43,226,.35);border-radius:12px;background:linear-gradient(120deg,#0f041973,#16213e8c)}.duel-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}.duel-head h3{margin:0;font-size:1rem;color:#f4f7ff}.duel-kicker{margin:0;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#8a2be259;color:#b6d8ff}.duel-subtitle{font-size:12px;color:var(--muted)}.duel-board{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch;position:relative}.duel-slot{display:flex;flex-direction:row;align-items:center;gap:20px;min-height:136px;padding:16px;border:1px solid rgba(138,43,226,.25);border-radius:10px;background:#8a2be21a}.duel-slot--left{justify-self:start}.duel-slot--right{justify-self:end;flex-direction:row-reverse}.duel-slot--right .duel-meta{align-items:flex-end;text-align:right}.duel-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:4px}.duel-slot.is-winner{position:relative;border-color:#79f7b0e6;background:linear-gradient(110deg,#52b78847,#36755e33);box-shadow:0 0 0 1px #79f7b066,0 0 24px #79f7b059}.duel-slot.is-winner:after{content:"LIDER";position:absolute;top:10px;right:12px;height:24px;padding:0 10px;border-radius:999px;background:#79f7b033;border:1px solid rgba(121,247,176,.6);color:#d9ffe9;font-size:11px;font-weight:900;letter-spacing:.08em;line-height:22px}.duel-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase}.duel-name{font-size:24px;color:#f4f7ff;line-height:1.1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.duel-tier{font-size:14px;color:#b8c9e5}.duel-center-elo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:inline-flex;align-items:center;gap:12px;padding:8px 14px;border-radius:999px;background:#080c18d6;border:1px solid rgba(138,43,226,.45);box-shadow:0 0 18px #14244499}.duel-center-side{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:112px}.duel-center-lp{font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:900;color:#d7e6ff;line-height:1}.duel-center-rank{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;line-height:1}.duel-center-rank-icon{width:18px;height:18px;object-fit:contain}.duel-center-rank.tier-challenger{color:#ffe085;text-shadow:0 0 10px rgba(255,224,133,.45)}.duel-center-rank.tier-grandmaster{color:#ff8a8a;text-shadow:0 0 10px rgba(255,138,138,.45)}.duel-center-rank.tier-master{color:#e1a6ff;text-shadow:0 0 10px rgba(225,166,255,.45)}.duel-center-rank.tier-diamond{color:#8fceff;text-shadow:0 0 10px rgba(143,206,255,.45)}.duel-center-rank.tier-emerald{color:#79f7b0;text-shadow:0 0 10px rgba(121,247,176,.45)}.duel-center-rank.tier-platinum{color:#8be8e2;text-shadow:0 0 10px rgba(139,232,226,.45)}.duel-center-rank.tier-gold{color:#ffd56f;text-shadow:0 0 10px rgba(255,213,111,.45)}.duel-center-rank.tier-silver{color:#d2dbef;text-shadow:0 0 10px rgba(210,219,239,.45)}.duel-center-rank.tier-bronze{color:#d8aa87;text-shadow:0 0 10px rgba(216,170,135,.45)}.duel-center-rank.tier-iron,.duel-center-rank.tier-unranked{color:#b0bbcf;text-shadow:0 0 8px rgba(176,187,207,.35)}.duel-center-lp.is-winner{color:#79f7b0;text-shadow:0 0 10px rgba(82,183,136,.45)}.duel-icon{width:132px;height:132px;border-radius:14px;border:2px solid rgba(138,43,226,.55);box-shadow:0 8px 18px #00000059;object-fit:cover;flex-shrink:0}.duel-slot.is-winner .duel-icon{border-color:#79f7b0eb;box-shadow:0 0 0 2px #79f7b059,0 0 24px #79f7b059}.duel-icon--placeholder{display:inline-flex;align-items:center;justify-content:center;color:#cbd7ef;font-size:26px;font-weight:900;background:#222842e6}.duel-vs{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:999px;border:1px solid rgba(138,43,226,.45);background:#080c18e6;color:#b6d8ff;font-size:14px;font-weight:900;letter-spacing:.08em;box-shadow:0 0 12px #8a2be259}.duel-result{margin-top:10px;font-size:12px;color:#d5e4ff}.rank-activity-popup-layer{position:fixed;top:94px;left:50%;transform:translate(-50%);width:min(940px,calc(100vw - 34px));z-index:120;pointer-events:none}.rank-activity-popup{display:flex;flex-direction:column;gap:10px;padding:18px 24px;border-radius:18px;border:1px solid rgba(121,197,255,.56);background:radial-gradient(circle at 14% 10%,rgba(124,213,255,.34),transparent 42%),radial-gradient(circle at 88% 84%,rgba(255,183,98,.24),transparent 38%),linear-gradient(135deg,#06132dfa,#0c1d3df5);box-shadow:0 24px 52px #0000007a,0 0 0 1px #7ebcff38 inset;animation:rankPopupBoom 4.2s cubic-bezier(.2,.8,.2,1) forwards}.rank-activity-popup--clickable{pointer-events:auto;cursor:pointer}.rank-activity-popup--clickable:focus-visible{outline:2px solid rgba(196,232,255,.95);outline-offset:2px}.rank-activity-popup__kicker{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#b7dfff}.rank-activity-popup__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.rank-activity-popup__champ{width:54px;height:54px;border-radius:12px;border:1px solid rgba(160,216,255,.65);object-fit:cover;background:#081224c7}.rank-activity-popup__player{font-size:clamp(1.3rem,2.6vw,2.2rem);font-weight:900;color:#f5fbff;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-activity-popup__delta{padding:9px 14px;border-radius:999px;font-size:clamp(1rem,2vw,1.45rem);font-weight:900;letter-spacing:.03em;border:1px solid transparent;line-height:1}.rank-activity-popup__delta.is-up{color:#9ff7c8;background:#24855859;border-color:#77edb194;text-shadow:0 0 10px rgba(119,237,177,.45)}.rank-activity-popup__delta.is-down{color:#ffb9bf;background:#91313961;border-color:#ff96a094;text-shadow:0 0 10px rgba(255,150,160,.4)}.rank-activity-popup__text{margin:0;font-size:clamp(1rem,1.9vw,1.35rem);font-weight:700;color:#d8ebff;line-height:1.35}.rank-activity-popup__kda{align-self:flex-start;padding:5px 10px;border-radius:999px;border:1px solid rgba(137,192,255,.5);background:#0e21429e;color:#b8d8ff;font-size:12px;font-weight:700;letter-spacing:.03em}@keyframes rankPopupBoom{0%{opacity:0;transform:translateY(-22px) scale(.94)}10%{opacity:1;transform:translateY(0) scale(1)}82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}.activity-section{margin-bottom:20px;padding:20px;background:radial-gradient(circle at 12% 8%,rgba(109,194,255,.2),transparent 46%),radial-gradient(circle at 86% 80%,rgba(255,190,90,.14),transparent 42%),#061428b8;border:1px solid rgba(109,194,255,.28);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.activity-section__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.activity-title{margin:0;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c8e7ff}.activity-meta-pills{display:flex;flex-wrap:wrap;gap:8px}.activity-meta-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;border:1px solid rgba(109,194,255,.28);background:#6dc2ff17;color:#b8d0f0;font-size:12px;font-weight:600}.activity-meta-pill--button{cursor:pointer;border-radius:999px;transition:background .15s ease,border-color .15s ease,color .15s ease}.activity-meta-pill--button:hover:not(:disabled){background:#7bd1ff33;border-color:#7bd1ff80;transform:none}.activity-meta-pill--button:disabled{opacity:.58;cursor:not-allowed}.activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.activity-spotlight{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:126px;padding:14px;border-radius:12px;border:1px solid transparent}.activity-spotlight--winner{background:linear-gradient(165deg,#103823e6,#091e14d1);border-color:#3ac98175}.activity-spotlight--flex{background:linear-gradient(165deg,#0c3346e6,#081927d1);border-color:#5dade285}.activity-spotlight--loser{background:linear-gradient(165deg,#501717e6,#220b0ed6);border-color:#ff808073}.activity-spotlight__label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#9fbae2}.activity-spotlight__name{font-size:16px;font-weight:900;color:#f0f7ff;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-spotlight__stats{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.activity-spotlight__delta{font-size:13px;font-weight:800;color:#e7f5ff}.activity-spotlight__lp{font-size:12px;color:#a9c5ec}.activity-card{display:flex;flex-direction:column;gap:6px;padding:12px;background:#8a2be240;border:1px solid rgba(138,43,226,.4);border-radius:10px;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.activity-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.activity-value{font-size:15px;font-weight:800;color:var(--accent);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-detail{font-size:12px;color:var(--muted)}.activity-card--winner,.activity-card--loser{border-width:1px}.activity-delta-hero{display:block;margin-top:2px;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:900;line-height:1;letter-spacing:.02em}.activity-delta-hero--up{color:#6df2a7;text-shadow:0 0 14px rgba(88,226,152,.42)}.activity-delta-hero--down{color:#ff7f7f;text-shadow:0 0 14px rgba(255,104,104,.42)}.activity-card--signals{text-align:left;justify-content:flex-start;min-height:168px}.activity-card--signals .at{width:100%;margin-top:6px;background:#08122485;border-color:#72b1ff40;min-height:94px;max-height:94px;overflow:hidden}.at{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid rgba(114,177,255,.28);border-radius:8px}.at__line{display:flex;align-items:baseline;gap:0;flex-wrap:wrap;min-height:20px;max-height:42px;overflow:hidden}.at__player{font-size:14px;font-weight:800;color:#d8e9ff}.at__sep{color:#8fb4e0;font-size:13px;font-weight:700}.at__warn{font-size:13px;font-weight:600;color:#a9c5ec;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-card--signals .at__counter{position:static;display:inline-flex;margin-bottom:2px}.activity-card--signals .at__player{font-size:15px}.activity-card--signals .at__warn{font-size:13px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.fade-in-out{animation:fadeInOut 8s ease-in-out infinite}.rank-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:12px 16px;background:#8a2be21f;border:1px solid rgba(138,43,226,.25);border-radius:10px}.rank-topbar__left{display:flex;flex-direction:column;gap:0}.rank-topbar__pills{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.rank-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rank-search{flex:1 1 260px;min-width:220px}.rank-platform-picker{margin-left:0;display:inline-flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid rgba(114,177,255,.32);background:#08142a9e;position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:160;box-shadow:0 10px 26px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rank-platform-picker--with-consent{bottom:max(122px,calc(env(safe-area-inset-bottom) + 122px))}.rank-platform-picker__label{font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#b7d6f4;white-space:nowrap}.rank-platform-picker__buttons{display:inline-flex;align-items:center;gap:10px}.rank-platform-btn{width:60px;height:60px;border-radius:12px;border:1px solid rgba(183,216,255,.34);background:#091221c7;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.rank-platform-btn img{width:34px;height:34px;border-radius:6px;display:block}.rank-platform-btn:hover,.rank-platform-btn:focus-visible{transform:translateY(-1px);border-color:#e8f6ffe6;background:#172743f2;outline:none}.rank-platform-btn.is-active{border-color:#8ee4bdfa;background:linear-gradient(135deg,#165c46f5,#19855ce6);box-shadow:0 0 0 2px #74dcaa38}.rank-search input{border:1px solid rgba(138,43,226,.25);border-radius:10px;padding:10px 14px;font-size:14px;background:#fff;color:var(--text);width:100%;outline:none;transition:border-color .15s,box-shadow .15s}.rank-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2b6a4f1a}.role-pills{display:flex;flex-wrap:wrap;flex:1 1 auto;gap:6px;width:100%}.role-pill{border:1px solid rgba(138,43,226,.25);border-radius:20px;padding:5px 13px;font-size:13px;font-weight:600;background:#ffffffb3;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;min-width:40px;height:36px}.role-pill-icon{width:20px;height:20px;object-fit:contain}.role-pill:hover:not(:disabled){background:#2b6a4f14;transform:none;box-shadow:none}.role-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.rank-mode-switch{border:1px solid rgba(96,173,255,.44);border-radius:999px;background:linear-gradient(135deg,#0d1c38e6,#091932e6);color:#d4ebff;display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 12px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.rank-mode-switch:hover,.rank-mode-switch:focus-visible{border-color:#abe1ffe6;box-shadow:0 0 0 2px #62bfff40;outline:none}.rank-mode-label{font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;opacity:.65;transition:opacity .18s ease,color .18s ease}.rank-mode-track{width:38px;height:18px;border-radius:999px;border:1px solid rgba(165,221,255,.46);background:#a1ddff33;padding:1px;display:inline-flex;align-items:center}.rank-mode-thumb{width:14px;height:14px;border-radius:50%;background:#ecf8ff;box-shadow:0 1px 4px #00000059;transform:translate(0);transition:transform .2s ease}.rank-mode-switch.is-combined .rank-mode-label:first-child,.rank-mode-switch.is-all .rank-mode-label:last-child{opacity:1;color:#fff}.rank-mode-switch.is-all .rank-mode-thumb{transform:translate(20px)}.role-pill.active .role-pill-icon{filter:brightness(0) invert(1)}.ranking-container{display:grid;grid-template-columns:2fr 1fr;gap:16px}.ranking-main,.ranking-side{flex:1}.player-row{grid-template-columns:46px minmax(320px,1.4fr) 152px 84px minmax(760px,2.5fr) minmax(150px,.68fr)}.rank-col-header{display:grid;grid-template-columns:46px minmax(320px,1.4fr) 152px 84px minmax(760px,2.5fr) minmax(150px,.68fr);gap:14px;padding:8px 7px;margin-bottom:8px;background:linear-gradient(120deg,#102140eb,#0b1934e6);border:1px solid rgba(114,177,255,.34);border-radius:10px;position:sticky;top:0;z-index:10}.rank-users-shortcut{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(183,233,255,.42);background:linear-gradient(135deg,#143a66f2,#1d6282e6);color:#f3fbff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.rank-users-shortcut:hover,.rank-users-shortcut:focus-visible{border-color:#e7f7fff2;background:linear-gradient(135deg,#1f528dfa,#2e80a5f2);outline:none}.rank-users-shortcut.is-active{border-color:#9beec6f2;background:linear-gradient(135deg,#166b4ff5,#1c9362f0)}.rank-col-header>*{min-height:36px;display:flex;align-items:center;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ecf5ff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.rank-col-header__pos{justify-self:center;justify-content:center}.rank-col-header__player,.rank-col-header__champs,.rank-col-header__elo,.rank-col-header__warns{justify-self:start;justify-content:flex-start}.rank-col-header__player{padding-left:78px}.rank-col-header__champs{padding-left:0;margin-left:-10px}.rank-col-header__role{justify-self:center;justify-content:center}.rank-col-header__elo{padding-left:0}.rank-col-header__elo-sort{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.queue-sort-legend{display:inline-flex;align-items:center;gap:6px}.queue-sort-pill{border:1px solid rgba(171,223,255,.42);background:#0b1c389e;color:#b9d8f6;border-radius:999px;height:24px;padding:0 9px;font-size:10px;font-weight:800;letter-spacing:.05em;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.queue-sort-pill:hover,.queue-sort-pill:focus-visible{border-color:#d6f2ffeb;background:#22497db8;color:#f3fbff;outline:none}.queue-sort-pill.active{border-color:#c9f2fff2;background:linear-gradient(135deg,#3c94f5e6,#4ad6c2d9);color:#fff}.ladder{display:flex;flex-direction:column;gap:0;margin-top:12px;border:1px solid rgba(86,161,255,.34);border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#0a162edb,#0d2243b8);box-shadow:inset 0 1px #aad4ff14}.player-row{display:grid;gap:14px;align-items:center;padding:3px 10px;min-height:36px;background:linear-gradient(105deg,#15274d9e,#0e1f3a80);border-bottom:2.5px solid rgba(114,177,255,.38);box-shadow:0 2px 8px #2850b412;transition:background .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1);border-left:3px solid var(--tier-color, var(--line));content-visibility:auto;contain-intrinsic-size:110px}.player-regular{min-height:33px}.player-top{position:relative;overflow:hidden;border-left-width:4px}.player-top:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:2px;background:linear-gradient(110deg,rgba(255,255,255,.05),transparent 42%);animation:topRowGlow 3.4s ease-in-out infinite}.player-top-1{min-height:50px;padding:4px 9px;background:linear-gradient(115deg,#5279bb99,#2246807a);box-shadow:inset 0 0 0 1px #ffdf8259}.player-top-2{min-height:46px;padding:3px 9px;background:linear-gradient(115deg,#426cb094,#1e3e7470);box-shadow:inset 0 0 0 1px #d6e1f747}.player-top-3{min-height:43px;padding:3px 8px;background:linear-gradient(115deg,#3860a08a,#1c386c6b);box-shadow:inset 0 0 0 1px #ddab8438}.player-row:last-child{border-bottom:none}.player-row:hover{background:linear-gradient(120deg,#29559880,#21447c75);box-shadow:inset 0 1px #bfdfff1a}.player-row--clickable{cursor:pointer}.player-row--clickable:focus-visible{outline:2px solid rgba(180,220,255,.95);outline-offset:-2px}.player-top:hover{box-shadow:inset 0 0 0 1px #c9e0ff40}.player-error{opacity:.85;background:#ff6b6b14}.side-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#1e293799}.side-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#2d37484d;border-bottom:1px solid rgba(45,55,72,.6);border-left:3px solid rgba(138,43,226,.5);transition:background-color .15s ease}.side-item:last-child{border-bottom:none}.side-item:hover{background:#5dade214}.side-rank{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#8a2be233;color:var(--accent);font-weight:800;font-size:14px;flex-shrink:0}.side-name{flex:1;min-width:0;font-weight:700;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hachitas-header{margin-bottom:20px;padding:18px;background:#8a2be21f;border:1px solid rgba(138,43,226,.25);border-radius:12px;text-align:center}.hachitas-header h3{margin:0 0 6px;font-size:1.8rem;font-weight:900;color:var(--accent)}.hachitas-desc{margin:0;font-size:14px;color:var(--muted)}.hachitas-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.hachita-card{display:flex;align-items:center;gap:12px;padding:12px;background:#2d37484d;border:1px solid rgba(138,43,226,.2);border-radius:10px;border-left:3px solid var(--accent);transition:background-color .15s ease}.hachita-card:hover{background:#5dade214}.hachita-card--clickable{cursor:pointer}.hachita-card--clickable:focus-visible{outline:2px solid rgba(180,220,255,.95);outline-offset:2px}.hachita-rank-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#8a2be240;color:var(--accent);font-weight:800;font-size:16px;flex-shrink:0}.hachita-info{flex:1;min-width:0}.hachita-name{font-weight:800;font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hachita-tier{font-size:13px;color:var(--muted);margin-top:2px}.hachita-lp{font-weight:700;font-size:14px;color:var(--accent);min-width:60px;text-align:right}.activity-feed-page{border:1px solid rgba(138,43,226,.25);border-radius:14px;background:#121d2d85;padding:18px}.activity-feed-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px}.activity-feed-header h3{margin:0;font-size:1.25rem;color:#f0f6ff}.activity-feed-header p{margin:0;color:#a9bfdc;font-size:13px}.activity-feed-list{display:flex;flex-direction:column;gap:10px}.activity-feed-item{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;border:1px solid rgba(138,43,226,.22);border-radius:10px;background:#22314870;padding:10px 12px}.activity-feed-item--clickable{cursor:pointer;transition:border-color .15s ease,background .15s ease}.activity-feed-item--clickable:hover{border-color:#86c9ff85;background:#2d42618a}.activity-feed-item--clickable:focus-visible{outline:2px solid rgba(188,226,255,.95);outline-offset:2px}.activity-feed-item__champ-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.activity-feed-item__champ{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid rgba(186,210,242,.55);background:#0a1424b8}.activity-feed-item__champ--empty{display:inline-flex;align-items:center;justify-content:center;color:#bdd2ef;font-weight:800}.activity-feed-item__kda{font-size:12px;color:#d2e4fc;font-weight:700}.activity-feed-item__body{display:flex;flex-direction:column;gap:8px}.activity-feed-item__delta{display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;font-size:13px;letter-spacing:.02em;padding:8px 10px;background:#3a57796b;color:#b9d5fa;width:fit-content;min-width:76px}.activity-feed-item__delta.is-up{background:#237a5254;color:#9cf1ca}.activity-feed-item__delta.is-down{background:#89313859;color:#ffb4bc}.activity-feed-item__text{margin:0;color:#eaf1fb;font-size:14px;line-height:1.45}.player-main{display:flex;align-items:center;gap:8px;min-width:0;padding-right:2px}.champ-icons{display:flex;gap:6px;align-items:center;justify-content:flex-start}.player-row .champ-icons{margin-left:-16px}.champ-icon{width:40px;height:40px;border-radius:6px;border:1.5px solid rgba(209,199,183,.6);object-fit:cover;background:var(--bg-1);transition:transform .1s ease}.champ-icon:hover{transform:scale(1.05)}.champ-icon--empty{display:inline-flex;align-items:center;justify-content:center;color:#b2c8e8;font-size:16px;font-weight:800;border-style:dashed;background:#12203866}.no-champs{color:var(--muted);font-size:16px}.role-icon{width:28px;height:28px;object-fit:contain}.no-role{color:var(--muted);font-size:14px;font-weight:500}.flex-badge{font-size:12px;font-weight:600;opacity:.85}.pos{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#2b6a4f14,#b6893f14);color:var(--accent);font-weight:800;font-size:16px;flex-shrink:0}.player-top-1 .pos,.player-top-2 .pos,.player-top-3 .pos{width:42px;height:42px;font-size:18px}.player-top-1 .pos{background:radial-gradient(circle at 30% 30%,#ffe0858c,#a679162e)}.player-top-2 .pos{background:radial-gradient(circle at 30% 30%,#e2ecff80,#7090be38)}.player-top-3 .pos{background:radial-gradient(circle at 30% 30%,#e5b6907a,#805c4233)}@keyframes topRowGlow{0%,to{opacity:.28}50%{opacity:.55}}.icon{width:72px;height:72px;margin:0 8px;border-radius:8px;border:2px solid var(--tier-color, var(--line));flex-shrink:0;object-fit:cover}.player-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.riot-emote{color:#ffd56f;font-size:14px;font-weight:800;line-height:1.1;text-transform:uppercase;letter-spacing:.04em}.riot-id{font-weight:800;font-size:19px;color:#f6f9ff;text-shadow:0 1px 1px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.riot-id-row{display:flex;align-items:center;gap:8px;min-width:0}.riot-id-row .riot-id{min-width:0;flex:0 1 auto}.profile-platforms{display:inline-flex;align-items:center;gap:5px;margin-top:2px}.profile-platform-btn{width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.24);background:#080d18b3;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.profile-platform-btn:hover,.profile-platform-btn:focus-visible{transform:translateY(-1px);border-color:#fff9;background:#141a2cf2;outline:none}.profile-platform-btn img{width:18px;height:18px;border-radius:3px;display:block}.live-game-chip{height:30px;min-width:92px;border-radius:999px;border:1px solid rgba(255,90,90,.7);background:linear-gradient(135deg,#aa1414e6,#ff2c2ce6);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 #ff2c2c1a;animation:liveGameBlink 1s ease-in-out infinite}.live-game-chip .live-game-chip--inline{height:24px;min-width:70px;font-size:10px;padding:0 5px;margin-left:0;flex-shrink:0}.live-game-chip:hover,.live-game-chip:focus-visible{transform:translateY(-1px);border-color:#ff8282f2;outline:none}@keyframes liveGameBlink{0%,to{opacity:1;box-shadow:0 0 #ff2c2c26}50%{opacity:.55;box-shadow:0 0 14px #ff2c2c8c}}.level{color:#c4d6f3;font-size:13px}.riot-alts{color:#d5e3fb;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.player-rank{display:flex;flex-direction:column;gap:5px;justify-self:start;align-items:flex-start;justify-content:center;width:100%;max-width:none;min-width:0;margin-left:0;padding:2px 0}.player-rank-main{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.player-rank-badges{display:flex;align-items:flex-start;gap:14px;min-width:0;flex-wrap:wrap;overflow:visible}.queue-badge-stack{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:300px;max-width:100%}.queue-understat{font-size:12px;color:#9fb2cf;font-weight:700;line-height:1.1;padding-left:8px}.player-warns{display:flex;flex-wrap:wrap;gap:6px;margin-top:0;justify-content:flex-start;align-content:center;justify-self:start;transform:translate(-28px);padding-right:0;min-width:0;max-width:100%;min-height:48px}.warn-pill{display:inline-flex;align-items:center;height:24px;padding:0 11px;border-radius:999px;border:1px solid rgba(138,43,226,.35);background:#8a2be229;color:#e9f2ff;font-size:12px;font-weight:700;line-height:1;letter-spacing:.01em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.warn-pill--empty{opacity:.72}.role-cell{display:flex;align-items:center;justify-content:center}.rank-badge-compact{display:grid;grid-template-columns:60px 88px minmax(0,1fr);align-items:center;column-gap:12px;min-height:68px;padding:6px 8px 4px;border-radius:0;background:transparent;border:none;box-shadow:none;width:292px;position:relative}.rank-badge-compact.is-unranked{opacity:.88}.queue-label{position:static;display:inline-flex;align-items:center;justify-content:center;grid-column:1;height:22px;width:60px;padding:0 8px;border-radius:999px;border:1px solid rgba(114,177,255,.34);background:#091428c2;color:#c9ddfb;font-size:10px;font-weight:900;letter-spacing:.08em;flex-shrink:0}.rank-icon-slot{grid-column:2;display:flex;align-items:center;justify-content:center;width:88px;min-height:88px}.rank-icon{width:88px;height:88px;object-fit:contain;flex-shrink:0;filter:none;justify-self:center}.rank-info{grid-column:3;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tier division" "lp lp";align-items:baseline;column-gap:7px;row-gap:2px;min-width:0}.rank-text{grid-area:tier;font-weight:800;font-size:16px;color:#f8fbff;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-division{grid-area:division;font-size:14px;font-weight:800;color:#bcd6f7;line-height:1;text-transform:uppercase;white-space:nowrap}.rank-lp{grid-area:lp;font-size:15px;font-weight:700;color:#d9ebff;line-height:1}.no-rank{color:var(--muted)}.error-text{color:var(--red)}.btn-remove{width:36px;height:36px;padding:0;border-radius:8px;border-color:#d1c7b766;background:#fffc;color:var(--red);font-weight:700;flex-shrink:0;transition:all .15s ease}.btn-remove:hover:not(:disabled){background:#b3313114;border-color:#b331314d}@media(max-width:900px){.container,.activity-section,.activity-card{backdrop-filter:none;-webkit-backdrop-filter:none}.panel-section--masonry{min-height:calc(100vh - 160px)}.users-masonry-grid{width:calc(100% + 10px);margin-left:-10px}.users-masonry-grid__column{padding-left:10px}.summoner-tile{margin-bottom:10px;border-radius:16px}.activity-grid{grid-template-columns:repeat(2,1fr)}.ranking-hero{grid-template-columns:1fr}.hero-image-placeholder{height:220px;border-radius:14px 14px 0 0}.hero-content{padding:16px 20px}.hero-content h2{font-size:1.6rem}.hero-stats-quick{grid-template-columns:repeat(3,1fr)}.info-grid,.hero-panel{grid-template-columns:1fr;display:grid}.rank-col-header,.player-row{grid-template-columns:38px 1fr 200px 180px}.queue-badge-stack{min-width:0;width:100%}.rank-badge-compact{min-height:58px;width:100%;min-width:0;grid-template-columns:52px 72px minmax(0,1fr)}.rank-icon{width:72px;height:72px}.rank-icon-slot{width:72px;min-height:72px}.rank-text{font-size:17px}.player-rank{margin-left:0;max-width:none}.player-rank-main{flex-direction:row;align-items:center;gap:8px}.player-rank-badges{width:100%}.player-warns{justify-content:flex-start;max-width:100%}.rank-col-header__champs,.rank-col-header__role,.player-row .champ-icons,.player-row .role-cell{display:none}.rank-topbar,.rank-controls{flex-direction:column;align-items:stretch}.role-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.rank-search input{width:100%}}@media(max-width:640px){.page-content{padding-top:74px}.panel-section--masonry{min-height:calc(100vh - 140px)}.summoner-tile__name{font-size:14px}.summoner-tile__rank{font-size:11px}.icon{width:56px;height:56px}.rank-icon{width:64px;height:64px}.duel-slot{gap:12px;min-height:114px;padding:12px}.duel-icon{width:108px;height:108px}.duel-name{font-size:19px;max-width:220px}.duel-tier{font-size:12px}.duel-board{grid-template-columns:1fr}.duel-slot--right{justify-self:start;flex-direction:row}.duel-slot--right .duel-meta{align-items:flex-start;text-align:left}.duel-center-elo{position:static;transform:none;justify-self:stretch;justify-content:space-between;width:100%;gap:8px;padding:8px 10px;margin:4px 0}.duel-center-side{min-width:0;flex:1}.duel-center-rank{font-size:11px}.duel-center-lp{font-size:clamp(1.1rem,6vw,1.35rem)}.duel-vs{width:38px;height:38px;font-size:11px;justify-self:center}.activity-grid{grid-template-columns:1fr}.activity-card{padding:10px}.activity-label{font-size:10px}.activity-value{font-size:14px}.ranking-hero{grid-template-columns:1fr;margin-bottom:16px}.hero-image-placeholder{height:180px}.hero-content{padding:14px 16px}.hero-content h2{font-size:1.4rem}.hero-stats-quick{grid-template-columns:repeat(2,1fr);gap:10px}.hero-stats-quick .stat{padding:10px}.container{width:100%;padding:12px;border-radius:16px}.app{padding:8px}.duel-card,.activity-section,.rank-topbar{padding:10px;margin-bottom:12px}.rank-topbar{gap:10px}.rank-search{min-width:0}.rank-platform-picker{margin-left:0;width:auto;max-width:calc(100vw - 28px);justify-content:flex-start}.rank-activity-popup-layer{top:84px;width:calc(100vw - 18px)}.rank-activity-popup{padding:14px 12px;border-radius:14px;gap:8px}.rank-activity-popup__head{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"champ player" "delta delta";gap:8px 10px}.rank-activity-popup__champ{grid-area:champ;width:44px;height:44px;border-radius:10px}.rank-activity-popup__player{grid-area:player;font-size:clamp(1.1rem,5.2vw,1.45rem)}.rank-activity-popup__delta{grid-area:delta;justify-self:start;font-size:1rem;padding:8px 12px}.rank-activity-popup__text{font-size:.96rem}.role-pills{gap:5px;padding-bottom:2px}.role-pill{height:34px;min-width:36px;padding:4px 10px}.player-rank-badges .queue-badge-stack:nth-child(2){display:none}.player-rank-badges{gap:4px}.warn-pill{height:20px;padding:0 8px;font-size:10px}.activity-meta-pill{font-size:11px;padding:3px 8px}.hero-stats,.activity-section__header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.activity-meta-pills{display:flex;flex-wrap:wrap;gap:8px}.activity-meta-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;border:1px solid rgba(93,173,226,.25);background:#5dade217;color:#b8d0f0;font-size:12px;font-weight:600}.at{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 18px;background:#8a2be22e;border:1px solid rgba(138,43,226,.35);border-radius:10px;min-height:72px;transition:opacity .35s ease;position:relative}.at[data-phase=out]{opacity:0;transform:translateY(6px)}.at[data-phase=in]{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}.at__counter{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;position:absolute;top:10px;right:14px}.at__body{display:flex;flex-direction:column;gap:4px}.at__player{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:900;color:#e8f4ff;letter-spacing:.02em;line-height:1.1}.at__warn{font-size:14px;font-weight:600;color:#c0d8f5;letter-spacing:.01em}.at__empty{font-size:13px;color:var(--muted)}.at__dots{display:flex;gap:5px;margin-top:4px;align-items:center;flex-wrap:wrap}.at__dot{width:6px;height:6px;border-radius:3px;background:#8a2be259;border:1px solid rgba(138,43,226,.5);display:inline-block;transition:background .25s,width .25s}.at__dot--active{background:#c084fc;width:16px;border-color:#c084fc}.at__popup-layer{position:absolute;top:10px;right:12px;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:320px}.at-popup{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;border:1px solid rgba(114,177,255,.34);background:#0a172eeb;animation:atPopupInOut 2.8s ease forwards}.at-popup__player{font-size:11px;font-weight:800;color:#d7eaff;letter-spacing:.05em;text-transform:uppercase;line-height:1.1}.at-popup__warn{font-size:12px;color:#a9c5ec;line-height:1.15}@keyframes atPopupInOut{0%{opacity:0;transform:translate(14px) scale(.96)}12%{opacity:1;transform:translate(0) scale(1)}84%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(10px) scale(.98)}}.api-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid transparent}.api-status--green{background:#34b78826;border-color:#34b78866;color:#79f7b0}.api-status--yellow{background:#f4a26126;border-color:#f4a26166;color:#f4a261}.api-status--red{background:#ff6b6b26;border-color:#ff6b6b66;color:#ff6b6b}.btn-force-refresh{background:#5dade21f;border:1px solid rgba(93,173,226,.35);color:var(--accent);font-size:12px;font-weight:700;padding:5px 13px;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.btn-force-refresh:hover{background:#5dade240;border-color:#5dade2a6;transform:none}.info-grid,.add-row{grid-template-columns:1fr}.btn-refresh{width:auto}.rank-col-header,.player-row{grid-template-columns:32px 1fr 170px;gap:8px;padding:8px}.rank-col-header{display:none}.player-row{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:0;padding:10px}.player-row .pos{align-self:flex-start;width:34px;height:34px;font-size:14px}.player-main,.player-rank,.player-warns,.player-row .champ-icons,.player-row .role-cell{width:100%}.player-row .role-cell{justify-content:flex-start}.icon{width:52px;height:52px}.riot-id{font-size:16px}.riot-alts{max-width:100%;white-space:normal;word-break:break-word}.rank-col-header__warns{display:none}.player-row .player-warns{display:flex;min-height:0;gap:4px}.rank-col-header__player,.rank-col-header__elo{padding-left:0}.rank-badge-compact{min-height:50px;width:100%;grid-template-columns:50px 58px minmax(0,1fr);column-gap:8px}.rank-icon{width:58px;height:58px}.rank-icon-slot{width:58px;min-height:58px}.queue-label{width:50px;min-width:50px;font-size:9px}.rank-text{font-size:13px}.rank-lp{font-size:12px}.player-top-1{min-height:45px}.player-top-2{min-height:42px}.player-top-3{min-height:39px}.player-rank{margin-left:0}.player-rank-badges{gap:6px}.queue-badge-stack{min-width:0}.queue-understat{padding-left:0;font-size:11px}.warn-pill{height:22px;padding:0 9px;font-size:11px}.user-card,.section-heading{align-items:flex-start;flex-direction:column}.info-item{grid-template-columns:1fr;gap:6px;align-items:flex-start}.info-item strong{justify-self:start;text-align:left}.rank-topbar{gap:12px;padding:12px}.rank-controls{flex-direction:column;align-items:stretch}.rank-search input{width:100%}.rank-platform-picker{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px);padding:10px;gap:6px}}@media(max-width:420px){.app{padding:8px}.container{padding:12px}.duel-icon{width:84px;height:84px}.duel-name{font-size:16px;max-width:170px}.activity-meta-pill{font-size:11px;padding:3px 8px}}@media(prefers-reduced-motion:reduce){.fade-in-out,.player-top:before{animation:none!important}}.admin-page{display:flex;flex-direction:column;gap:16px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-card{border:1px solid rgba(120,195,255,.3);border-radius:14px;padding:14px;background:#0d1828b3}.admin-card h3{margin:0 0 6px;color:#eaf3ff}.admin-card p{margin:0 0 10px;color:#a8bfdd}.admin-label{display:block;margin:10px 0 6px;color:#cfe2fb;font-size:13px;font-weight:700}.admin-input{width:100%;background:#060e1ad1;border:1px solid rgba(132,187,250,.45);color:#f0f6ff;border-radius:10px;padding:10px 12px}.admin-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.admin-ghost{background:#6fb6f11f;border-color:#84bbfa80;color:#d5eaff}.admin-danger{background:#a52a2a33;border-color:#ff6f6f66;color:#ffd4d4;padding:6px 10px}.admin-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto}.admin-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(132,187,250,.25);border-radius:10px;padding:8px 10px}.admin-card--metrics{background:radial-gradient(circle at 12% 12%,rgba(77,158,232,.2),transparent 42%),linear-gradient(135deg,#0a111ee0,#0b1e29e0)}.admin-metrics-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.admin-metrics-summary div{border:1px solid rgba(132,187,250,.28);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}.admin-metrics-summary strong{color:#bcd9fb;font-size:12px}.admin-metrics-summary span{color:#f5f9ff;font-size:18px;font-weight:800}.admin-metrics-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.admin-mini-list{margin:0;padding-left:18px;color:#d7eaff;display:flex;flex-direction:column;gap:6px}.admin-events{border:1px solid rgba(132,187,250,.28);border-radius:10px;max-height:280px;overflow:auto}.admin-event-row{display:grid;grid-template-columns:180px 60px 120px 1fr 1fr;gap:8px;padding:7px 10px;border-bottom:1px solid rgba(132,187,250,.15);color:#d9ebff;font-size:12px}.admin-event-row:last-child{border-bottom:0}.admin-message{margin:0;padding:10px 12px;border-radius:10px;font-weight:700}.admin-message--error{background:#8d282840;border:1px solid rgba(255,123,123,.35);color:#ffd6d6}.admin-message--ok{background:#27764c40;border:1px solid rgba(104,216,154,.35);color:#cbffe4}.admin-muted{color:#9db7d8}.privacy-page{display:flex;flex-direction:column;gap:12px}.privacy-hero{border:1px solid rgba(245,183,83,.45);border-radius:16px;background:radial-gradient(circle at 86% 12%,rgba(249,156,88,.24),transparent 36%),linear-gradient(120deg,#10192deb,#201409eb);padding:18px}.privacy-kicker{margin:0;letter-spacing:.12em;text-transform:uppercase;color:#ffce8f;font-size:12px;font-weight:800}.privacy-hero h2{margin:8px 0;color:#fff2df}.privacy-hero p{margin:0 0 8px;color:#ffe9c8}.privacy-updated{font-size:12px;opacity:.9}.privacy-card{border:1px solid rgba(245,183,83,.25);border-radius:12px;background:#16110abd;padding:14px}.privacy-card h3{margin:0 0 8px;color:#ffd9a7}.privacy-card--toc{border-style:dashed}.privacy-toc{margin:0;padding-left:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.privacy-toc li{color:#ffe4bd;font-size:14px}.privacy-card p,.privacy-card li{color:#fae9d2;line-height:1.5}.privacy-retention{margin-top:10px;border:1px solid rgba(245,183,83,.3);border-radius:10px;overflow:hidden}.privacy-retention__row{display:grid;grid-template-columns:1fr 220px;gap:10px;padding:9px 11px;border-bottom:1px solid rgba(245,183,83,.2)}.privacy-retention__row:last-child{border-bottom:0}.privacy-retention__row--head{background:#f5b75321;font-weight:800;color:#ffe9ca}.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;border:1px solid rgba(94,171,242,.55);border-radius:16px;background:radial-gradient(circle at 12% 8%,rgba(66,154,230,.25),transparent 36%),linear-gradient(135deg,#050c19f5,#102238f5);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 16px 34px #0000005c}.consent-banner__text strong{color:#eff7ff}.consent-banner__text p{margin:6px 0 0;color:#b7d6f6;font-size:14px}.consent-banner__actions{display:flex;gap:8px;flex-wrap:wrap}.consent-banner__btn{border-radius:10px}.consent-banner__btn--accept{background:#1e9d69;color:#f1fff7}.consent-banner__btn--reject{background:#aa4d4d47;color:#ffdcdc;border-color:#ff828280}.consent-banner__btn--link{background:#429ae633;border-color:#84bbfa80;color:#def0ff}@media(max-width:980px){.admin-grid,.admin-metrics-summary,.admin-metrics-columns{grid-template-columns:1fr}.admin-event-row{grid-template-columns:1fr;gap:2px}.consent-banner{flex-direction:column;align-items:flex-start}.privacy-toc,.privacy-retention__row{grid-template-columns:1fr}.rank-platform-picker--with-consent{bottom:max(190px,calc(env(safe-area-inset-bottom) + 190px))}}@media(max-width:900px){.page-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.app{min-width:1420px}.container{width:max(1420px,calc(100vw - 24px))}.ranking-container{grid-template-columns:2fr 1fr}.rank-col-header,.player-row{display:grid;grid-template-columns:46px minmax(320px,1.4fr) 152px 84px minmax(760px,2.5fr) minmax(150px,.68fr);gap:14px}.rank-col-header{display:grid}.rank-col-header__champs,.rank-col-header__role,.player-row .champ-icons,.player-row .role-cell{display:flex}.player-row{min-height:36px;padding:3px 10px}.player-main,.player-rank,.player-warns,.player-row .champ-icons,.player-row .role-cell{width:auto}}.staggered-menu-wrapper{position:relative;width:100%;height:100%;z-index:40;pointer-events:none}.staggered-menu-wrapper.fixed-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;overflow:hidden;isolation:isolate}.staggered-menu-header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1em 1.5em;background:transparent;pointer-events:none;z-index:20}.staggered-menu-header>*{pointer-events:auto}.sm-logo{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sm-logo-img{display:block;height:32px;width:auto;object-fit:contain}.sm-logo-text{font-weight:800;font-size:1.25rem;letter-spacing:.04em;color:#e8eaed;transition:color .3s ease;text-shadow:0 1px 8px rgba(0,0,0,.7)}.staggered-menu-wrapper[data-open] .sm-logo-text{color:#fff}.sm-toggle{position:relative;display:inline-flex;align-items:center;gap:.55rem;background:#070d18e0;border:1px solid rgba(255,255,255,.18);border-radius:999px;cursor:pointer;color:#e8eaed;font-size:.95rem;font-weight:700;letter-spacing:.04em;line-height:1;overflow:visible;padding:.55em 1.1em .55em 1em;transition:background .2s ease,border-color .2s ease;will-change:transform;transform:translateZ(0)}.sm-toggle:hover{background:#000000bf;border-color:#ffffff59}.sm-toggle:focus-visible{outline:2px solid #ffffffaa;outline-offset:4px;border-radius:4px}.sm-toggle-textWrap{position:relative;display:inline-block;height:1em;overflow:hidden;white-space:nowrap;width:var(--sm-toggle-width, auto);min-width:var(--sm-toggle-width, auto)}.sm-toggle-textInner{display:flex;flex-direction:column;line-height:1}.sm-toggle-line{display:block;height:1em;line-height:1}.sm-icon{position:relative;width:20px;height:20px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.sm-icon-line{position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);will-change:transform}.sm-line{display:none!important}.staggered-menu-panel{position:absolute;top:0;right:0;width:clamp(260px,38vw,420px);height:100%;background:linear-gradient(180deg,#fafafcfa,#f0f1f5fa);display:flex;flex-direction:column;padding:6em 2em 2em;overflow-y:auto;z-index:10;pointer-events:auto;box-shadow:-18px 0 48px #00000038;will-change:transform;transform:translateZ(0);backface-visibility:hidden;contain:layout paint style}[data-position=left] .staggered-menu-panel{right:auto;left:0}.sm-prelayers{position:absolute;top:0;right:0;bottom:0;width:clamp(260px,38vw,420px);pointer-events:none;z-index:5;will-change:transform;transform:translateZ(0);backface-visibility:hidden;contain:layout paint style}[data-position=left] .sm-prelayers{right:auto;left:0}.sm-prelayer{position:absolute;top:0;right:0;height:100%;width:100%;transform:translate(0);will-change:transform;backface-visibility:hidden}.sm-panel-inner{flex:1;display:flex;flex-direction:column;gap:1.25rem}.sm-socials{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:.75rem}.sm-socials-title{margin:0;font-size:1rem;font-weight:500;color:var(--sm-accent, #ff0000)}.sm-socials-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.sm-socials-list .sm-socials-link{opacity:1}.sm-socials-list:hover .sm-socials-link{opacity:.35}.sm-socials-list:hover .sm-socials-link:hover{opacity:1}.sm-socials-link:focus-visible{outline:2px solid var(--sm-accent, #ff0000);outline-offset:3px}.sm-socials-list:focus-within .sm-socials-link{opacity:.35}.sm-socials-list:focus-within .sm-socials-link:focus-visible{opacity:1}.sm-socials-link{font-size:1.2rem;font-weight:500;color:#111;text-decoration:none;position:relative;padding:2px 0;display:inline-block;transition:color .3s ease,opacity .3s ease}.sm-socials-link:hover{color:var(--sm-accent, #5227ff)}.sm-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sm-panel-itemWrap{position:relative;overflow:hidden;line-height:1}.sm-panel-item{position:relative;color:#000;font-weight:600;font-size:3.5rem;cursor:pointer;line-height:1;letter-spacing:-2px;text-transform:uppercase;transition:background .25s,color .25s;display:inline-block;text-decoration:none;padding-right:1.4em}.sm-panel-item:hover{color:var(--sm-accent, #5227ff)}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:absolute;top:.1em;right:2.8em;font-size:18px;font-weight:400;color:var(--sm-accent, #5227ff);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--sm-num-opacity, 0)}.sm-panel-itemLabel{display:inline-block;will-change:transform;transform-origin:50% 100%;backface-visibility:hidden;transform:translateZ(0)}.staggered-menu-panel .sm-socials-list .sm-socials-link{opacity:1;transition:opacity .3s ease}.staggered-menu-panel .sm-socials-list:hover .sm-socials-link:not(:hover){opacity:.35}.staggered-menu-panel .sm-socials-list:focus-within .sm-socials-link:not(:focus-visible){opacity:.35}.staggered-menu-panel .sm-socials-list .sm-socials-link:hover,.staggered-menu-panel .sm-socials-list .sm-socials-link:focus-visible{opacity:1}@media(max-width:1024px){.staggered-menu-panel,.sm-prelayers{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-text{color:#fff}}@media(max-width:640px){.staggered-menu-panel{width:100%;left:0;right:0}.sm-panel-item{font-size:2.4rem;letter-spacing:-1px}.staggered-menu-header{padding:1em 1.2em}}.fc{position:relative;width:100%;height:clamp(200px,32vw,300px);margin-top:clamp(20px,7vw,110px);overflow:hidden;background:#05101e;flex-shrink:0;-webkit-user-select:none;user-select:none}.fc__track{position:relative;width:100%;height:100%;overflow:hidden}.fc__slide{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center 20%;will-change:transform,opacity}.fc__overlay{position:absolute;inset:0;background:linear-gradient(to top,#05101ee0,#05101e4d,#05101e8c)}.fc__arrow{position:absolute;top:50%;transform:translateY(-50%)!important;z-index:20;width:52px;height:52px;border-radius:0;background:transparent;border:none;color:#d7e8fb;font-size:44px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.65);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;appearance:none;-webkit-appearance:none;touch-action:manipulation;transition:color .18s,opacity .18s}.fc__arrow:hover{color:#f2f7ff;opacity:1;transform:translateY(-50%)!important}.fc__arrow:active,.fc__arrow:focus,.fc__arrow:focus-visible{transform:translateY(-50%)!important;outline:none}.fc__arrow--prev{left:22px}.fc__arrow--next{right:22px}.fc__dots{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20;align-items:center}.fc__dot{width:8px;height:8px;border-radius:4px;border:1.5px solid rgba(93,173,226,.55);background:#5dade22e;cursor:pointer;padding:0;transition:background .25s,width .25s,border-color .25s}.fc__dot--active{background:#5dade2eb;width:26px;border-color:#5dade2eb}.fc__dot:hover:not(.fc__dot--active){background:#5dade266;transform:none}@media(max-width:900px){.fc{height:230px;margin-top:36px}}@media(max-width:640px){.fc{height:180px;margin-top:22px}.fc__arrow{width:40px;height:40px;font-size:24px}.fc__arrow--prev{left:10px}.fc__arrow--next{right:10px}.fc__dots{bottom:12px;gap:6px}.fc__dot{width:7px;height:7px}.fc__dot--active{width:18px}}.letter-glitch-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;display:block}