:root{--bg: #070707;--panel: #0d0d0d;--panel-2: #101010;--line: #1c1c1c;--line-soft: #161616;--muted: #66666a;--dim: #4a4a4d;--text: #cfcfcd;--bright: #f2f2ef;--ok: #4a9c78;--loss: #b0574f;--warn: #b78a3c;--party: #6ea8c4;--mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.glow{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(760px 460px at 50% 12%,rgba(110,168,196,.06),transparent 62%)}.logo{position:fixed;top:20px;left:24px;z-index:3;line-height:0;color:var(--bright);transition:color .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.logo:hover{color:var(--party);transform:scale(1.08)}.foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:22px;font:500 11px/1 var(--mono);color:var(--dim)}.foot a:hover{color:var(--muted)}main{position:relative;z-index:1;flex:1;width:100%}main.home{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;margin-top:-6vh}main.profile{max-width:760px;margin:0 auto;padding:74px 20px 48px}#search{width:100%;position:relative}main.home #search{max-width:440px}main.profile #search{max-width:360px;margin:0 auto 26px}main.profile .hint{display:none}.field{display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 4px 4px 16px;transition:border-color .18s ease,box-shadow .18s ease}main.profile .field{border-radius:10px;padding:3px 3px 3px 12px}.field:focus-within{border-color:#2c2c2c;box-shadow:0 0 0 3px #6ea8c414}#riotId{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--bright);font:500 15px/1 var(--sans);letter-spacing:.01em;padding:12px 0}main.profile #riotId{font-size:13px;padding:9px 0}#riotId::placeholder{color:var(--dim)}.field button{display:grid;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:9px;background:var(--bright);color:#0a0a0a;cursor:pointer;transition:transform .15s ease,opacity .15s ease}main.profile .field button{width:32px;height:32px;border-radius:8px}.field button:hover{transform:translateY(-1px)}.recent{list-style:none;margin:8px 0 0;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;position:absolute;left:0;right:0;z-index:5;box-shadow:0 18px 40px -20px #000c}.recent li{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;cursor:pointer;font:500 13px/1 var(--sans);color:var(--text);transition:background .12s ease}.recent li:hover,.recent li.active{background:var(--panel-2)}.recent li .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent li .name b{color:var(--bright);font-weight:650}.recent li .name i{color:var(--dim);font-style:normal}.recent li .del{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:var(--dim);opacity:0;transition:opacity .12s ease,color .12s ease}.recent li:hover .del{opacity:1}.recent li .del:hover{color:var(--warn);background:#181818}.hint{margin:14px 2px 0;font:500 11px/1.5 var(--mono);letter-spacing:.04em;color:var(--dim);text-align:center;transition:color .18s ease}.hint.err{color:var(--warn)}.fade{opacity:0;transform:translateY(6px);animation:rise .3s ease forwards}@keyframes rise{to{opacity:1;transform:none}}.head{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:18px 20px;display:flex;align-items:center;gap:15px}.head .banner{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12;filter:grayscale(.4)}.head:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--panel) 34%,transparent)}.head>*{position:relative;z-index:1}.head .av{width:56px;height:56px;border-radius:11px;object-fit:cover;background:#141414;border:1px solid var(--line);flex:none}.head .id{min-width:0;flex:1}.head .id h1{margin:0;font-size:19px;font-weight:700;color:var(--bright);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head .id h1 i{color:var(--dim);font-style:normal;font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.chip{font:600 9px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:#131313;border:1px solid var(--line-soft);padding:5px 7px;border-radius:5px}.chip b{color:var(--text);font-weight:700}.head .now{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.head .now .tier{font-size:16px;font-weight:700;line-height:1}.head .now .rr{font:500 11px/1 var(--mono);color:var(--muted);margin-top:-1px}.head .now .peak{font:500 10px/1 var(--mono);color:var(--dim)}.headwrap{position:relative;z-index:40}.head .now .acts{display:flex;align-items:center;gap:6px;margin-top:3px}.head .now .trn{font:600 10px/1 var(--mono);letter-spacing:.05em;color:var(--muted);border:1px solid var(--line);padding:6px 9px;border-radius:6px;transition:color .15s,border-color .15s}.head .now .trn:hover{color:var(--party);border-color:#2c2c2c}.head .now .twbtn{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1px solid var(--line);border-radius:6px;background:#131313;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.head .now .twbtn:hover,.head .now .twbtn.on{color:#a970ff;border-color:#3a2d55;background:#16121f}.twpop{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:288px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 20px 44px -22px #000000d9;animation:drop .18s ease}.twpop .twhead{font:600 9px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);padding:4px 6px 10px}.twpop .twrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 6px;border-radius:8px;transition:background .12s ease}.twpop .twrow:hover{background:var(--panel-2)}.twpop .twrow .tp{font:500 12px/1 var(--sans);color:var(--text)}.twpop .cbtn{flex:none;border:1px solid var(--line);border-radius:6px;background:#131313;color:var(--muted);cursor:pointer;padding:6px 12px;font:600 10px/1 var(--mono);letter-spacing:.05em;transition:color .15s,border-color .15s,background .15s}.twpop .cbtn:hover{color:var(--bright);border-color:#2c2c2c}.twpop .cbtn.ok{color:var(--ok);border-color:#24402f;background:#101a14}.twpop .twfoot{margin:8px 6px 2px;font:500 9px/1.5 var(--mono);letter-spacing:.03em;color:var(--dim)}.summary{margin-top:10px;border:1px solid var(--line);border-radius:14px;background:var(--line);display:grid;grid-template-columns:repeat(6,1fr);gap:1px;overflow:hidden}.summary.act5{grid-template-columns:repeat(5,1fr)}.summary .cell{background:var(--panel);padding:13px 8px;text-align:center;transition:background .15s ease}.summary .cell:hover{background:var(--panel-2)}.summary .cell .k{font:600 8px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}.summary .cell .v{margin-top:8px;font-size:16px;font-weight:700;color:var(--bright);letter-spacing:-.01em}.summary .cell .v small{font-size:9px;font-weight:500;color:var(--muted);margin-left:2px}.cap{display:flex;align-items:center;justify-content:space-between;margin:16px 4px 8px;font:600 9px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}.cap span:first-child{color:var(--muted)}.cap span:last-child{color:var(--dim)}.cap .scan{color:var(--party)}.rrtrend{margin-top:12px}.rrbars{display:flex;align-items:flex-end;gap:3px;height:46px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.rrbars .rb{flex:1;min-width:3px;border-radius:2px;opacity:.82;transition:opacity .15s ease}.rrbars .rb:hover{opacity:1}.rrbars .rb.up{background:var(--ok)}.rrbars .rb.dn{background:var(--loss)}.cap .scan .dots:after{content:"…";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"·"}50%{content:"··"}75%{content:"···"}to{content:""}}.section-label{margin:22px 2px 10px;font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.matches{display:flex;flex-direction:column;gap:5px}.m{position:relative;display:grid;align-items:center;gap:14px;grid-template-columns:3px 118px 1fr auto auto 14px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px 14px 10px 0;overflow:hidden;transition:border-color .15s ease,background .15s ease}.m:hover{border-color:#2a2a2a;background:var(--panel-2)}.m .bar{align-self:stretch;border-radius:3px 0 0 3px;margin:-10px 0}.m.won .bar{background:var(--ok)}.m.loss .bar{background:var(--loss)}.m .lead{min-width:0}.m .lead .agent{font-size:13px;font-weight:650;color:var(--bright)}.m .lead .map{margin-top:4px;font:500 10px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.m .res{min-width:0}.m .res .rc{font:600 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.m.won .res .rc{color:var(--ok)}.m.loss .res .rc{color:var(--loss)}.m .res .score{margin-top:5px;font:600 12px/1 var(--mono);color:var(--text)}.m .res .ago{margin-top:5px;font:500 9px/1 var(--mono);color:var(--dim)}.m .kda{text-align:right}.m .kda .b{font-size:14px;font-weight:700;color:var(--bright);font-variant-numeric:tabular-nums}.m .kda .b s{color:var(--dim);text-decoration:none;margin:0 2px}.m .kda .r{margin-top:5px;font:600 9px/1 var(--mono);color:var(--muted)}.m .kda .r em{font-style:normal;color:var(--dim)}.m .stat3{display:flex;gap:16px;padding-right:2px}.m .stat3 div{text-align:center}.m .stat3 .k{font:600 8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.m .stat3 .v{margin-top:5px;font:600 12px/1 var(--mono);color:var(--text)}.m{cursor:pointer}.m .chev{color:var(--dim);margin-right:2px;transition:transform .2s ease,color .15s ease;flex:none}.m.open .chev{transform:rotate(180deg);color:var(--muted)}.m.open{border-color:#2a2a2a;background:var(--panel-2);border-radius:10px 10px 0 0}.mrow{display:flex;flex-direction:column}.detail{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:var(--panel-2);margin:-4px 0 4px;padding:8px 12px 12px;overflow-x:auto;animation:drop .22s ease}@keyframes drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dtop{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 10px}.dtop .dmap{font:600 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.dtop .trn{font:600 10px/1 var(--mono);letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);padding:5px 9px;border-radius:6px;transition:color .15s,border-color .15s}.dtop .trn:hover{color:var(--party);border-color:#2c2c2c}.board{width:100%;border-collapse:collapse}.board th{font:600 8px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--dim);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.board td{padding:7px 8px;font:500 12px/1 var(--sans);color:var(--text);border-bottom:1px solid var(--line-soft)}.board tr:last-child td{border-bottom:0}.board tr.me td{background:#6ea8c40f}.board tr.me .c-name b{color:var(--party)}.board .c-team{width:40px;white-space:nowrap}.board .dot{display:inline-block;width:7px;height:7px;border-radius:50%;vertical-align:middle}.board .dot.blue{background:var(--party)}.board .dot.red{background:var(--loss)}.board .pty{display:inline-block;margin-left:6px;min-width:14px;height:14px;line-height:14px;text-align:center;font:700 8px/14px var(--mono);color:var(--muted);background:#171717;border:1px solid var(--line);border-radius:4px}.board .c-name a{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.board .c-name b{color:var(--bright);font-weight:600}.board .c-name i{color:var(--dim);font-style:normal}.board .c-name a:hover b{color:var(--party)}.board .c-agent{color:var(--muted);font-size:11px}.board .c-rank{font:600 10px/1 var(--mono)}.board .c-kda{font:600 12px/1 var(--mono);white-space:nowrap}.board .c-kda s{color:var(--dim);text-decoration:none;margin:0 1px}.board .c-num{font:600 11px/1 var(--mono);color:var(--muted);text-align:right}th.c-kda{text-align:left}th.c-num{text-align:right}.note{text-align:center;margin-top:26px;font:500 12px/1.6 var(--mono);color:var(--dim)}.note.err{color:var(--warn)}.sk{background:linear-gradient(90deg,#131313,#191919,#131313);background-size:200% 100%;animation:sh 1.1s linear infinite;border-radius:6px}@keyframes sh{to{background-position:-200% 0}}@media(max-width:640px){.summary{grid-template-columns:repeat(3,1fr)}.m{grid-template-columns:3px minmax(0,1fr) auto auto 14px}.m .stat3{display:none}.head{flex-wrap:wrap}.head .now{align-items:flex-start;width:100%}}