:root{--ground:#0E1420;--surface:#161E2E;--surface-2:#1E2739;--line:#253044;--ink:#E4E9F2;--muted:#8794AB;--gold:#C8A45C;--gold-dim:rgba(200,164,92,0.14);--win:#3B7DD8;--loss:#C4483F;--win-dim:rgba(59,125,216,0.16);--loss-dim:rgba(196,72,63,0.16);--role-1:#B8891A;--role-2:#2E9E82;--role-3:#A868C9;--role-4:#C96A3E;--role-5:#5585C4;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--r:6px;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}.num{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wrap{max-width:1120px;margin:0 auto;padding:28px 20px 80px;display:flex;flex-direction:column;gap:20px}.notice{padding:9px 14px;border:1px dashed var(--line);border-radius:var(--r);color:var(--muted);font-size:13px}.notice strong{color:var(--ink);font-weight:600}button{font:inherit;color:inherit;cursor:pointer;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:13px;transition:background .15s,border-color .15s,color .15s}button:hover{border-color:var(--muted)}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.identity{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.avatar{width:56px;height:56px;border-radius:var(--r);background:linear-gradient(150deg,var(--surface-2),var(--surface));border:1px solid var(--line);display:grid;place-items:center;font-size:22px;font-weight:700;color:var(--gold);object-fit:cover;flex:none}.who h1{font-size:26px;font-weight:650;letter-spacing:-.02em;line-height:1.15}.who h1 span{color:var(--muted);font-weight:400}.who p{font-size:13px;color:var(--muted);margin-top:2px}.rank{margin-left:auto;display:flex;align-items:baseline;gap:10px;padding:8px 14px;border:1px solid var(--gold);background:var(--gold-dim);border-radius:var(--r)}.rank .emblem{width:34px;height:34px;flex:none}.rank .tier{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:650}.rank .lp{font-size:19px;font-weight:650}.rank .lp em{font-size:11px;color:var(--muted);margin-left:3px;font-style:normal}.rank .wl{font-size:12px;color:var(--muted)}.today{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px}.today .lbl{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:650}.today .rec{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:650}.today .rec .w{color:var(--win)}.today .rec .l{color:var(--loss)}.today .net{font-family:var(--mono);font-size:12px}.today .net.up{color:var(--win)}.today .net.down{color:var(--loss)}.today .spark{display:flex;gap:2px}.today .spark i{width:4px;height:14px;border-radius:1px;display:block}.today .spark i.w{background:var(--win)}.today .spark i.l{background:var(--loss)}.today-panel .hours{display:flex;align-items:flex-end;gap:2px;height:46px;margin-top:10px}.today-panel .hours .h{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}.today-panel .hours .h i{display:block;border-radius:1px}.today-panel .hours .h i.w{background:var(--win)}.today-panel .hours .h i.l{background:var(--loss)}.today-panel .hours .h.empty{background:var(--surface-2);height:2px;align-self:flex-end;border-radius:1px}.today-panel .axis{display:flex;justify-content:space-between;margin-top:5px;font-size:9px;color:var(--muted);font-family:var(--mono)}.live{border:1px solid var(--gold);border-left-width:3px;border-radius:var(--r);background:linear-gradient(90deg,var(--gold-dim),transparent 60%),var(--surface);overflow:hidden}.live-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line);font-size:13px}.dot{width:7px;height:7px;border-radius:999px;background:var(--gold);box-shadow:0 0 0 0 var(--gold);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(200,164,92,0)}to{box-shadow:0 0 0 0 rgba(200,164,92,0)}}@media (prefers-reduced-motion:reduce){.dot{animation:none}}.live-head .label{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--gold)}.live-head .q{color:var(--muted)}.live-head .elapsed{margin-left:auto;color:var(--muted)}.teams{display:grid;grid-template-columns:1fr 1fr}@media (max-width:640px){.teams{grid-template-columns:1fr}}.team{padding:10px 8px;display:flex;flex-direction:column;gap:2px}.team+.team{border-left:1px solid var(--line)}@media (max-width:640px){.team+.team{border-left:0;border-top:1px solid var(--line)}}.team h3{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 8px 6px;font-weight:650}.team.blue h3{color:var(--win)}.team.red h3{color:var(--loss)}.player{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:4px;font-size:13px}.player.self{background:var(--gold-dim)}.player .name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player.self .name{font-weight:650}.player .pr{font-size:11px;color:var(--muted);flex:none}.icon{border-radius:4px;flex:none;background-color:var(--surface-2);background-size:cover;background-position:50%;border:1px solid var(--line)}.icon.s26{width:26px;height:26px}.icon.s38{width:38px;height:38px}.player.self .icon{border-color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:860px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.cards{grid-template-columns:1fr}}.card{position:relative;min-height:158px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background-color:var(--surface);background-size:cover;background-position:32% 22%}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,20,32,.97) 0,rgba(14,20,32,.88) 34%,rgba(14,20,32,.42) 66%,rgba(14,20,32,.18))}.card>*{position:relative;z-index:1}.card .cbody{padding:11px 12px 12px;display:flex;flex-direction:column;gap:6px}.card .cn{font-size:13px;font-weight:650;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6)}.card .wr{font-size:27px;font-weight:650;letter-spacing:-.025em;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.6)}.card .wr em{font-size:12px;font-weight:400;color:var(--muted);margin-left:5px;font-style:normal}.card .sub{font-size:11px;color:var(--muted);display:flex;gap:10px}.bar{height:3px;background:rgba(255,255,255,.13);border-radius:999px;overflow:hidden;display:flex}.bar i{display:block;height:100%}.bar i.w{background:var(--win)}.bar i.l{background:var(--loss)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.controls .spacer{margin-left:auto}.controls .grouplabel{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:650;margin-right:2px}.body{display:grid;grid-template-columns:300px 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:880px){.body{grid-template-columns:1fr}}.rail{display:flex;flex-direction:column;gap:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}.panel h2{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:10px}.big,.panel h2{font-weight:650}.big{font-size:32px;letter-spacing:-.025em;line-height:1}.under{font-size:12px;color:var(--muted);margin-top:5px}.strip{display:flex;flex-wrap:wrap;gap:3px;margin-top:11px}.strip i{width:9px;height:9px;border-radius:2px;display:block}.strip i.w{background:var(--win)}.strip i.l{background:var(--loss)}.rows{display:flex;flex-direction:column;gap:7px}.row{font-size:13px}.row .rt{display:flex;justify-content:space-between;gap:8px}.row .rt b{font-weight:500}.row .rt span{color:var(--muted);font-size:12px}.row .rb{height:3px;background:var(--surface-2);border-radius:999px;margin-top:4px;overflow:hidden}.row .rb i{display:block;height:100%;background:var(--gold)}.empty{font-size:12px;color:var(--muted)}.chartbox{overflow-x:auto;position:relative}svg{display:block}.grid-line{stroke:var(--line);stroke-width:1}.axis-text{fill:var(--muted);font-family:var(--mono);font-size:9px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lp-line{fill:none;stroke:var(--gold);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.lp-area{fill:var(--gold-dim)}.lp-end{fill:var(--gold);stroke:var(--surface);stroke-width:2}.lp-hit{fill:transparent}.lp-cross{stroke:var(--gold);stroke-width:1;stroke-dasharray:2 2;opacity:0}.lp-cursor{fill:var(--gold);stroke:var(--surface);stroke-width:2;opacity:0}.lp-endlabel{fill:var(--ink);font-size:10px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lp-endlabel,.tip{font-family:var(--mono)}.tip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-125%);background:var(--ground);border:1px solid var(--gold);border-radius:4px;padding:4px 8px;white-space:nowrap;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 4px 14px rgba(0,0,0,.5);z-index:2}.tip b{color:var(--gold);font-weight:600}.tip span{color:var(--muted)}.donut-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.donut{flex:none}.donut-center-n{fill:var(--ink);font-family:var(--mono);font-size:22px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.donut-center-l{fill:var(--muted);font-size:9px;letter-spacing:.12em}.donut-legend{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:5px}.donut-legend li{display:flex;align-items:center;gap:7px;font-size:12px;list-style:none}.donut-legend .sw{width:8px;height:8px;border-radius:2px;flex:none}.donut-legend .lb{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend .vl{color:var(--muted);font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11px}ul.donut-legend{margin:0;padding:0}.matches{display:flex;flex-direction:column;gap:6px}.match{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--win);border-radius:var(--r);padding:10px 13px;text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.match:hover{background:var(--surface-2)}.match:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.match.loss{border-left-color:var(--loss)}.match .meta{min-width:0;flex:1 1}.match .meta b{font-size:13px;font-weight:600;display:block}.match .meta span{font-size:11px;color:var(--muted)}.match .verdict{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:3px;flex:none}.match .verdict.w{color:var(--win);background:var(--win-dim)}.match .verdict.l{color:var(--loss);background:var(--loss-dim)}.match .kda{text-align:right;flex:none}.match .kda b{font-size:13px;font-weight:600;display:block}.match .kda span{font-size:11px;color:var(--muted)}.match .dur{font-size:12px;color:var(--muted);width:46px;text-align:right;flex:none}@media (max-width:560px){.match .dur,.match .verdict{display:none}}.foot{font-size:12px;color:var(--muted);text-align:center;padding-top:6px}.detail-head{display:flex;flex-direction:column;gap:6px;padding-bottom:18px;border-bottom:1px solid var(--line)}.back{font-size:13px;color:var(--muted);text-decoration:none;align-self:flex-start}.back:hover{color:var(--ink)}.back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.detail-title{font-size:22px;font-weight:650;letter-spacing:-.02em;margin-top:2px}.detail-sub{font-size:12px;color:var(--muted)}.detail-head .notice{margin-top:6px}.gold-line{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.gold-area-blue{fill:var(--win-dim)}.gold-area-red{fill:var(--loss-dim)}.gold-zero{stroke:var(--muted);stroke-width:1}.gold-end-blue{fill:var(--win)}.gold-end-blue,.gold-end-red{stroke:var(--surface);stroke-width:2}.gold-end-red{fill:var(--loss)}.gold-tip-blue{color:var(--win)}.gold-tip-red{color:var(--loss)}.log{flex-direction:column;list-style:none;margin:0;padding:0}.log,.log-row{display:flex;gap:12px}.log-min{width:32px;flex:none;padding-top:1px;font-size:11px;color:var(--muted)}.log-body{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:3px}.log-gold{font-size:11px;color:var(--muted)}.evt{font-size:13px;margin:0}.evt-blue{color:var(--win)}.evt-red{color:var(--loss)}.evt-neutral{color:var(--ink)}.evt-tag{display:inline-block;margin-right:6px;padding:1px 5px;border:1px solid var(--line);border-radius:3px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:650}