: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}html{zoom:75%}body{margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--text);min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#120021,#3b0a5a,#f2c94c);background-attachment:scroll;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#120021,#3b0a5a,#f2c94c);opacity:1}body[data-page=ranking]:before,body[data-page=activity]:before,body[data-page=users]:before{background:linear-gradient(180deg,#120021,#3b0a5a,#f2c94c)}body[data-page=admin]:before,body[data-page=info]:before{display:none}body[data-page=admin],body[data-page=info]{background:#070b12}body[data-page=privacy]:before{background:linear-gradient(180deg,#120021,#3b0a5a,#f2c94c)}#root{min-height:100vh;position:relative;isolation:isolate;z-index:0;overflow-x:clip;background:transparent}.page-content{min-height:100vh;padding-top:16px;overflow-x:auto;position:relative;z-index:2}.app-letter-glitch-bg{position:fixed!important;width:100%!important;height:100%!important}.app{min-height:calc(100vh - 16px);padding:18px;position:relative;display:flex;align-items:flex-start;justify-content:center;gap:96px}.app-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;background:#08080cdb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px #0000003d}body[data-page=admin] .app-header,body[data-page=info] .app-header{background:#070b128a;border-bottom-color:#61dca333;position:sticky;z-index:70}.app-brand{display:flex;align-items:baseline;gap:10px;flex-shrink:0;white-space:nowrap}.app-brand__title{font-size:1.55rem;font-weight:900;letter-spacing:.03em;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55)}.app-brand__subtitle{font-size:.92rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e8eaedb8}.app-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-left:auto}.app-nav__item{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#f1f4f8;border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.app-nav__item:hover,.app-nav__item:focus-visible{outline:none;transform:translateY(-1px);border-color:#ffffff4d;background:#ffffff1f}.app-nav__item.is-active{color:#120021;background:linear-gradient(135deg,#f2c94c,#e7b92d);border-color:#ffe48ae6;box-shadow:0 0 0 1px #ffe48a4d inset}.container{width:90vw;margin:0 auto;background:#ffffffb3;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;min-width:0}body[data-page=ranking] .app{justify-content:flex-start}body:not([data-page=ranking]) .app{align-items:center;gap:0}body[data-page=ranking] .container{margin-left:5vw;min-width:1380px}body[data-page=admin] .container,body[data-page=info] .container{background:#070b12c7;border-color:#61dca33d;box-shadow:0 18px 45px #00000061}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}.rank-activity-popup-layer{position:fixed;top:94px;left:50%;transform:translate(-50%);width:min(1040px,calc(100vw - 34px));z-index:120;pointer-events:none}.rank-activity-popup{display:flex;flex-direction:column;gap:14px;padding:22px 26px;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 5.8s 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:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#b7dfff}.rank-activity-popup__hora{position:absolute;top:18px;right:22px;color:#d9edff;font-size:13px;font-weight:900;letter-spacing:.08em}.rank-activity-popup__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.rank-activity-popup__champ{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:12px;border:1px solid rgba(160,216,255,.65);object-fit:cover;background:#081224c7;color:#cde9ff;font-size:26px;font-weight:900}.rank-activity-popup__main{min-width:0}.rank-activity-popup__queue{display:block;margin-top:7px;color:#9fc7e9;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.rank-activity-popup__player{font-size:clamp(1.7rem,3.2vw,2.8rem);font-weight:900;color:#f5fbff;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-activity-popup__delta{min-width:124px;padding:12px 16px;border-radius:14px;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:900;letter-spacing:.03em;border:1px solid transparent;line-height:1;text-align:center}.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(1.1rem,2vw,1.45rem);font-weight:800;color:#d8ebff;line-height:1.35}.rank-activity-popup__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rank-activity-popup__stats span{min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(137,192,255,.28);background:#0e214285;color:#e7f4ff;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-activity-popup__stats strong{display:block;margin-bottom:4px;color:#93bae0;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}@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-top:5vh;margin-bottom:20px;padding:22px;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:14px;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;justify-content:space-between;gap:10px;min-height:154px;padding:16px;background:linear-gradient(160deg,#0e203edb,#071224d1);border:1px solid rgba(109,194,255,.28);border-radius:12px;text-align:left;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.activity-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.activity-queue-pill{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 9px;border-radius:999px;border:1px solid rgba(109,242,167,.45);background:#3cb46f2e;color:#9df7c4;font-size:11px;font-weight:900;letter-spacing:.08em}.activity-queue-pill--flex{border-color:#74c7ff75;background:#449ddb2e;color:#a8dcff}.activity-label{font-size:11px;font-weight:900;text-transform:uppercase;color:#a8bfda;letter-spacing:.08em;text-align:right}.activity-value{font-size:18px;font-weight:900;color:#f4f9ff;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-detail{font-size:13px;font-weight:700;color:#9fb7d3;line-height:1.25}.activity-card--winner,.activity-card--loser{border-width:1px}.activity-card--winner{border-color:#53e69757;box-shadow:inset 0 1px #94ffc114}.activity-card--loser{border-color:#ff808057;box-shadow:inset 0 1px #ffa6a614}.activity-delta-hero{display:block;margin-top:0;font-size:clamp(2rem,3.2vw,3rem);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:#d5c8e21f;border:1px solid rgba(148,161,218,.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)}.api-info-header{position:absolute;top:20px;right:20px;font-size:13px;color:#fff;background:#1a2332f2;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);font-weight:600;z-index:100;box-shadow:0 4px 12px #00000026}.page-header{display:flex;justify-content:flex-end;align-items:center;padding:10px 16px;margin-bottom:10px}.api-info{font-size:14px;color:#fff;background:#1a2332e6;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);font-weight:600}.ranking-flex-wrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:56px;width:100%;max-width:100%;box-sizing:border-box}.ranking-container{flex:1 1 auto;display:flex;min-width:0;padding-left:0;padding-right:0}.ranking-side-outer{flex:0 0 560px;display:flex;flex-direction:column;align-items:flex-end;min-width:220px;max-width:560px;width:100%;gap:14px;padding:0;margin:10px 28px 0;align-self:flex-start}.ranking-main{min-width:0;width:100%;max-width:100vw;margin-left:0;margin-right:0;box-shadow:0 2px 16px #00000012;border-radius:18px;background:#1a2332eb;padding:18px 24px 24px}.ranking-side .activity-section,.ranking-side .panel-section{margin:0;border-radius:16px;box-shadow:0 10px 22px #00000024}.activity-section{padding:16px}.ranking-side-outer .activity-section{width:100%;margin-bottom:0}.ranking-side-outer .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tierlist-section{width:100%;padding:48px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:radial-gradient(circle at 12% 10%,rgba(255,216,105,.16),transparent 42%),linear-gradient(160deg,#080c18e0,#0c1426d1);box-shadow:0 12px 28px #00000038}.tierlist-section__header{align-items:center}.lp-chart-section{width:100%;height:70vh;padding:22px;border:1px solid rgba(125,211,252,.24);border-radius:16px;background:radial-gradient(circle at 18% 12%,rgba(0,229,155,.14),transparent 44%),linear-gradient(160deg,#050c18e6,#0a1424d6);box-shadow:0 12px 28px #0003;margin:20px 0 0}.lp-chart-frame{width:100%;height:50vh}.lp-chart-section{display:flex;flex-direction:column}.lp-chart-frame,.lp-chart-frame>div,.lp-chart-frame>svg{height:100%}.lp-chart-empty{min-height:110px;display:grid;place-items:center;color:#dceaff85;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.lp-chart-tooltip{min-width:190px;max-width:min(420px,calc(100vw - 42px));padding:10px 11px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#050a14f0;box-shadow:0 12px 24px #00000057}.lp-chart-tooltip__date{display:block;margin-bottom:8px;color:#c8e7ff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lp-chart-tooltip__row{display:flex;align-items:center;gap:7px;min-width:0;color:#dceaff;font-size:11px;line-height:1.35}.lp-chart-tooltip__row strong{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-chart-tooltip__row+.lp-chart-tooltip__row{margin-top:5px}.lp-chart-tooltip__row strong{word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-chart-tooltip__row span:last-child{color:#91a8c4;font-weight:800;white-space:nowrap}.lp-chart-tooltip__dot{width:9px;height:9px;border-radius:999px;box-shadow:0 0 12px currentColor}.lp-chart-legend{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);opacity:1;max-height:none;overflow:visible;transition:opacity .16s ease,max-height .22s ease;pointer-events:auto;justify-content:flex-start;align-items:flex-start}.lp-chart-legend__item{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:320px;color:#dceaff;font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.lp-chart-legend__swatch{width:18px;height:4px;flex:0 0 18px;border-radius:999px;box-shadow:0 0 10px currentColor}.lp-chart-frame .recharts-cartesian-grid line{stroke:#ffffff0a!important}.lp-chart-frame .recharts-cartesian-axis-tick text{fill:#8faecc!important;font-weight:800!important}.lp-chart-frame .recharts-wrapper svg{overflow:visible}.lp-chart-frame .recharts-line-curve{transition:opacity .16s ease,stroke-width .16s ease}.lp-chart-frame .recharts-dot{filter:drop-shadow(0 0 6px rgba(0,0,0,.4))}.lp-chart-legend__item:hover{opacity:.95;transform:translateY(-1px)}.lp-chart-frame:hover+.lp-chart-legend,.ranking-container:hover+.lp-chart-legend{opacity:1;max-height:400px;pointer-events:auto}.tierlist-download-btn,.tierlist-movebar button{height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#f4f9ff;font-size:12px;font-weight:900;letter-spacing:.04em;cursor:pointer}.tierlist-download-btn{padding:0 11px}.tierlist-download-btn:hover,.tierlist-download-btn:focus-visible,.tierlist-movebar button:hover,.tierlist-movebar button:focus-visible{outline:none;background:#ffffff29;border-color:#ffffff5c}.tierlist-movebar{display:flex;align-items:center;gap:6px;margin:-4px 0 10px}.tierlist-movebar:before{content:"Mover a";color:#9fb7d3;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tierlist-movebar button{width:32px;padding:0}.summoner-tierlist{display:flex;flex-direction:column;gap:8px}.summoner-tier{display:grid;grid-template-columns:52px minmax(0,1fr);min-height:92px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#050a149e;transition:border-color .15s ease,background .15s ease}.summoner-tier:hover{border-color:#ffffff47;background:#0a1120b8}.summoner-tier__label{display:flex;align-items:center;justify-content:center;color:#121212;font-size:24px;font-weight:1000;line-height:1}.summoner-tier--s .summoner-tier__label{background:#ff7f7f}.summoner-tier--a .summoner-tier__label{background:#ffbf7f}.summoner-tier--b .summoner-tier__label{background:#ffdf80}.summoner-tier--c .summoner-tier__label{background:#bfff7f}.summoner-tier--d .summoner-tier__label{background:#7fbfff}.summoner-tier__players{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;padding:10px}.summoner-tier__chip{display:grid;grid-template-rows:64px auto;justify-items:center;gap:5px;width:78px;min-width:0;cursor:grab;border-radius:10px;padding:3px;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.summoner-tier__chip:hover{transform:translateY(-2px);background:#ffffff14}.summoner-tier__chip:active{cursor:grabbing}.summoner-tier__chip.is-selected{background:#f2c94c2e;box-shadow:0 0 0 2px #f2c94cb8,0 0 18px #f2c94c33}.summoner-tier__chip img,.summoner-tier__chip>span{width:64px;height:64px;border-radius:10px;border:1px solid rgba(255,255,255,.24);background:#1a2332e6;box-shadow:0 5px 12px #00000040}.summoner-tier__chip img{object-fit:cover;display:block}.summoner-tier__chip>span{display:inline-flex;align-items:center;justify-content:center;color:#eaf4ff;font-size:23px;font-weight:900}.summoner-tier__chip small{width:100%;color:#dceaff;font-size:11px;font-weight:800;line-height:1.05;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summoner-tier__empty{color:#dceaff6b;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}@media(max-width:1200px){.ranking-flex-wrapper{gap:24px}.ranking-side-outer{flex-basis:460px;max-width:460px}}.ranking-main .rank-topbar,.ranking-main .rank-col-header,.ranking-main .ladder,.ranking-main .loading,.ranking-main .empty{margin-right:4px}.player-row{grid-template-columns:46px minmax(320px,1.4fr) 152px 84px minmax(760px,2.5fr) minmax(120px,.55fr)}.rank-col-header{display:grid;grid-template-columns:46px minmax(320px,1.4fr) 152px 84px minmax(760px,2.5fr) minmax(120px,.55fr);gap:0;padding:10px 8px;margin-bottom:6px;background:linear-gradient(120deg,#161616eb,#0c0c0ce6);border:1px solid rgba(255,255,255,.18);border-radius:6px;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(255,255,255,.18);background:linear-gradient(135deg,#1a1a1af5,#0c0c0cf5);color:#f3fbff;font-size:13px;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:#ffffff52;background:linear-gradient(135deg,#282828fa,#121212fa);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:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.7)}.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:0;justify-content:flex-start}.rank-col-header__champs{padding-left:0;margin-left:0;justify-content:center}.rank-col-header__role{justify-self:center;justify-content:center}.rank-col-header__elo{padding-left:0;justify-content:flex-start}.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(255,255,255,.18);background:#121212c7;color:#fff;border-radius:999px;height:24px;padding:0 9px;font-size:11px;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:#ffffff52;background:#222222e6;color:#f3fbff;outline:none}.queue-sort-pill.active{border-color:#ffffff47;background:linear-gradient(135deg,#2a2a2afa,#121212fa);color:#fff}.ladder{display:flex;flex-direction:column;gap:0;margin-top:12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#000000fa,#060606f5);box-shadow:inset 0 1px #ffffff08}.player-row{display:grid;gap:8px;align-items:center;padding:2px 6px;min-height:28px;background:linear-gradient(105deg,#636363f5,#242424f0);border:1px solid rgba(250,250,250,.18);box-shadow:0 1px 4px #0000002e;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:80px}.player-regular{min-height:26px}.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,.035),transparent 42%);animation:topRowGlow 3.4s ease-in-out infinite}.player-top-1{min-height:36px;background:linear-gradient(115deg,#727a00f5,#121212f2);box-shadow:inset 0 0 0 1px #ffffff26}.player-top-2{min-height:33px;padding:2px 6px;background:linear-gradient(115deg,#884d00f2,#101010eb);box-shadow:inset 0 0 0 1px #ffffff26}.player-top-3{min-height:30px;padding:2px 6px;background:linear-gradient(115deg,#004074f0,#0e0e0ee6);box-shadow:inset 0 0 0 1px #ffffff26}.player-row:last-child{border-bottom:none}.player-row:hover{background:linear-gradient(120deg,#ff0000fa,#b91313f5);box-shadow:inset 0 1px #ffffff1f}.player-row--clickable{cursor:pointer}.player-row--clickable:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:-2px}.player-top:hover{box-shadow:inset 0 0 0 1px #ffffff1a}.player-error{opacity:.85;background:#ffffff0a}.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:4px;align-items:center;justify-content:flex-start}.player-row .champ-icons{margin-left:-8px}.champ-icon{width:48px;height:48px;border-radius:4px;border:1px 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:0px;min-width:0;flex:1}.riot-emote{color:#fff;font-size:13px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.04em}.riot-id{font-weight:800;font-size:16px;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:3px;margin-top:0}.profile-platform-btn{width:24px;height:24px;border-radius:4px;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:14px;height:14px;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:#fff;font-size:12px}.riot-alts{color:#fff;font-size:11px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.player-rank{display:flex;flex-direction:column;gap:2px;justify-self:start;align-items:flex-start;justify-content:center;width:100%;max-width:none;min-width:0;margin-left:0;padding:0}.player-rank-main{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.player-rank-badges{display:flex;align-items:flex-start;gap:8px;min-width:0;flex-wrap:wrap;overflow:visible}.queue-badge-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:280px;max-width:100%}.queue-understat{font-size:11px;color:#fff;font-weight:700;line-height:1;padding-left:6px}.player-warns{display:flex;flex-wrap:wrap;gap:4px;margin-top:0;justify-content:flex-start;align-content:center;justify-self:start;transform:translate(-20px);padding-right:0;min-width:0;max-width:100%;min-height:30px}.warn-pill{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#181818e6;color:#fff;font-size:13px;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:48px 80px minmax(0,1fr);align-items:center;column-gap:8px;min-height:52px;padding:4px 6px 2px;border-radius:0;background:transparent;border:none;box-shadow:none;width:280px;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:18px;width:48px;padding:0 6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#121212f2;color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;flex-shrink:0}.rank-icon-slot{grid-column:2;display:flex;align-items:center;justify-content:center;width:80px;min-height:70px}.rank-icon{width:80px;height:70px;object-fit:contain;flex-shrink:0;filter:grayscale(.25) contrast(1.05);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:6px;row-gap:1px;min-width:0}.rank-text{grid-area:tier;font-weight:800;font-size:18px;color:#fff;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.rank-division{grid-area:division;font-size:16px;font-weight:800;color:#fff;line-height:1;text-transform:uppercase;white-space:nowrap}.rank-lp{grid-area:lp;font-size:16px;font-weight:700;color:#fff;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:70px;width:100%;min-width:30px;grid-template-columns:52px 72px minmax(0,1fr)}.rank-icon{height:72px;width:90px;color:#fff}.rank-icon-slot{width:72px;min-height:90px}.rank-text{font-size:13px;color:#fff}.rank-lp{font-size:12px;color:#fff}.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}.lp-chart-section{padding:12px}.lp-chart-frame{height:250px;min-height:230px}.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__hora{position:static;align-self:flex-start;font-size:12px}.rank-activity-popup__head{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"champ main" "delta delta";gap:8px 10px}.rank-activity-popup__champ{grid-area:champ;width:44px;height:44px;border-radius:10px}.rank-activity-popup__player{font-size:clamp(1.1rem,5.2vw,1.45rem)}.rank-activity-popup__main{grid-area:main}.rank-activity-popup__queue{font-size:11px;margin-top:4px}.rank-activity-popup__delta{grid-area:delta;justify-self:start;font-size:1rem;padding:8px 12px}.rank-activity-popup__text{font-size:.96rem}.rank-activity-popup__stats{grid-template-columns:1fr;gap:6px}.rank-activity-popup__stats span{padding:8px 10px;font-size:12px}.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}body[data-page=ranking] .app{min-width:1420px}body[data-page=ranking] .container{width:max(1420px,calc(100vw - 24px))}.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}}@media(max-width:1100px){.app,.ranking-flex-wrapper{flex-direction:column;gap:18px}.ranking-container{width:100%}.ranking-side-outer{align-items:stretch;flex:0 0 auto;max-width:none;width:100%;margin-left:0}.ranking-main{padding-right:0}}.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;min-width:100vw;min-height:100vh;z-index:0;pointer-events:none;display:block}