:root{--bg:#0f1524;--panel:#141b2d;--panel-2:#1b2440;--line:#2a3556;--text:#e8ecf5;--muted:#a9b3c9;--gold:#e9b53a;--gold-bright:#ffd45a;--silver:#c9d1e3;--win:#5fd27a;--loss:#ff7b7b;--win-soft:#3f8cff;--loss-soft:#e5484d;--win-bg:#3f8cff1a;--loss-bg:#e5484d1a;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--gold-bright)}a:hover{color:#fff}:focus-visible{outline:3px solid var(--gold-bright);outline-offset:2px}.skip{position:absolute;left:-999px}.skip:focus{background:var(--panel);z-index:10;padding:8px 12px;top:8px;left:16px}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}header.site{border-bottom:1px solid var(--line);background:var(--panel)}header.site .wrap{flex-wrap:wrap;align-items:center;gap:24px;min-height:60px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}nav.main ul{flex-wrap:wrap;gap:18px;margin:0;padding:0;list-style:none;display:flex}nav.main a{color:var(--muted);text-decoration:none}nav.main a:hover,nav.main a[aria-current=page]{color:var(--gold-bright)}main{padding:28px 0 48px}h1{margin:0 0 12px;font-size:2rem}h2{color:var(--gold);margin:28px 0 12px;font-size:1.3rem}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.hero{text-align:center;padding:32px 0 8px}.hero p{color:var(--muted);max-width:640px;margin:0 auto 20px;font-size:1.15rem}.button{background:var(--gold);color:#141414;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.button:hover{background:var(--gold-bright);color:#141414}.button.secondary{color:var(--gold-bright);border:1px solid var(--gold);background:0 0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}th{color:var(--muted);font-size:.9rem;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto}.win{color:var(--win)}.loss{color:var(--loss)}.tier{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.85rem;display:inline-block}.tier.COMBATANT{color:#c9ccd6}.tier.CHALLENGER{color:#ffcc40}.tier.RIVAL{color:#b3d1ff}.tier.DUELIST{color:#59b3ff}.tier.ELITE{color:#c08bff;border-color:#6d4aa0}.marker{border-radius:4px;margin-right:6px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-block}.marker.champion{background:var(--gold-bright);color:#141414}.marker.gold{background:var(--gold);color:#141414}.marker.silver{background:var(--silver);color:#141414}.status{border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:.85rem}.status.confirmed{color:var(--win)}.status.pending{color:var(--gold-bright)}.status.disputed,.status.void{color:var(--loss)}form.filters{flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0 20px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:6px;padding:8px 10px}.code-hidden{width:100%;font-family:ui-monospace,monospace}.code-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}label.inline{flex-direction:row;align-items:center;gap:6px}textarea{width:100%;min-height:140px;font-family:ui-monospace,monospace;font-size:.85rem}.pager{gap:16px;margin-top:16px;display:flex}.stat{font-size:1.6rem;font-weight:700}.warn{border-left:4px solid var(--gold);background:var(--panel-2);padding:10px 14px}.error{color:var(--loss)}.todo{border:2px dashed var(--gold);border-radius:var(--radius);padding:12px}footer.site{border-top:1px solid var(--line);color:var(--muted);padding:20px 0 32px;font-size:.9rem}footer.site .wrap{flex-wrap:wrap;gap:18px;display:flex}svg.graph{width:100%;height:140px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.badges{flex-wrap:wrap;gap:8px;margin:8px 0 16px;padding:0;list-style:none;display:flex}.badge{border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:2px 12px;font-size:.9rem}.small{font-size:.85rem}.icon{background:var(--panel-2);border:1px solid #000;border-radius:6px;flex:none;display:block}.class-icon{flex:none;display:inline-block;position:relative}.class-icon img{border:2px solid var(--line);background:var(--panel-2);border-radius:22%;width:100%;height:100%;display:block}.class-icon .level{border:1px solid var(--line);color:var(--text);background:#0b101c;border-radius:999px;padding:0 6px;font-size:.7rem;font-weight:700;line-height:1.4;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.pf-header{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%), linear-gradient(180deg, var(--panel-2), var(--panel));align-items:center;gap:24px;padding:24px;display:flex;position:relative;overflow:hidden}.pf-header:after{content:"";background:linear-gradient(90deg, var(--accent), var(--tier));opacity:.8;height:3px;position:absolute;inset:auto 0 0}.pf-ident{flex:1;min-width:0}.pf-ident h1{overflow-wrap:anywhere;margin:0 0 6px;font-size:2.1rem;line-height:1.1}.pf-tags{flex-wrap:wrap;gap:6px;margin:0 0 6px;display:flex}.chip{border:1px solid var(--line);background:#0f152499;border-radius:999px;padding:1px 10px;font-size:.82rem;display:inline-block}.chip.ok{color:var(--win)}.chip.warn-chip{color:var(--gold-bright)}.pf-header .badges{margin:6px 0 0}.pf-ladder{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.pf-ladder strong{color:var(--gold-bright);font-size:2rem;line-height:1}.pf-status{margin:8px 2px 0}.pf-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:16px;margin-top:16px;display:grid}.pf-side,.pf-main{flex-direction:column;gap:12px;min-width:0;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.card .card-title,.card h2.card-title{color:var(--text);letter-spacing:.01em;margin:0 0 12px;font-size:.95rem;font-weight:700}.rank-main{align-items:center;gap:14px;display:flex}.tier-label{font-size:1.25rem;font-weight:800}.small-rank .tier-label{font-size:1.05rem}.rating-line strong{font-size:1.15rem}.progress{flex-direction:column;gap:4px;margin-top:12px;display:flex}.bar{background:var(--panel-2);border-radius:999px;flex:1;height:6px;display:block;overflow:hidden}.bar>span{background:var(--win-soft);border-radius:999px;height:100%;display:block}.season-list,.matchups,.rivals{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.season-list li{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:0 8px;padding-top:8px;display:grid}.season-list .season-tier{text-align:right;font-weight:700}.season-list .muted{grid-column:1/-1}.matchups{margin:0}.matchups li{grid-template-columns:26px 90px 1fr auto;align-items:center;gap:8px;display:grid}.matchups .bar{background:var(--loss-soft)}.rivals{margin:0}.rivals li{grid-template-columns:26px 1fr auto auto;align-items:center;gap:8px;min-width:0;display:grid}.rivals li a:not(.small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.talent-head{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.talent-head a{margin-left:auto}.tree-bars{flex-direction:column;gap:4px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.tree-bars li{grid-template-columns:96px 1fr 22px;align-items:center;gap:8px;font-size:.82rem;display:grid}.tree-bars .tree-name{color:var(--muted)}.paperdoll{background:radial-gradient(60% 60% at 50% 40%, #e9b53a14, transparent), var(--panel-2);border-radius:8px;grid-template-columns:auto 1fr auto;gap:8px 10px;padding:10px;display:grid}.pd-col{flex-direction:column;gap:5px;display:flex}.pd-0{grid-area:1/1}.pd-1{grid-area:1/3}.pd-2{flex-direction:row;grid-area:2/1/auto/-1;justify-content:center}.pd-center{text-align:center;flex-direction:column;grid-area:1/2;justify-content:center;align-items:center;gap:6px;display:flex}.pd-center .class-icon{filter:drop-shadow(0 0 18px var(--glow,transparent))}.pd-center strong{font-size:1.4rem;line-height:1}.slot-empty{border:1px dashed var(--line);background:#0f152480;border-radius:6px;display:block}.game-link{color:inherit;align-items:center;gap:8px;text-decoration:none;display:inline-flex;position:relative}.game-link.item .icon,.icon.q-border{border-color:currentColor}.game-link .ench{background:#4ee06a;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 6px #4ee06a}.icon-badge{background:#0b101c;border-radius:4px;padding:0 3px;font-size:.65rem;position:absolute;bottom:-4px;right:-4px}.q0{color:#9d9d9d}.q1{color:#e8ecf5}.q2{color:#1eff00}.q3{color:#4a9eff}.q4{color:#b76cff}.q5{color:#ff8000}.q6,.q7,.q8{color:#e6cc80}.icon.q-border.q1{border-color:#3a4566}.summary{grid-template-columns:auto 1fr 1fr;align-items:center;gap:20px;display:grid}.summary .big{font-size:1.3rem;font-weight:800}.summary dl{gap:18px;margin:8px 0 0;display:flex}.summary dt{color:var(--muted);font-size:.78rem}.summary dd{margin:0;font-weight:700}.summary-vs ul{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.summary-vs li{align-items:center;gap:8px;display:flex}.history-head{flex-wrap:wrap;align-items:center;gap:16px;margin:8px 0 10px;display:flex}.history-head h2{color:var(--text);margin:0;font-size:1.1rem}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:4px;padding:3px;display:flex}.tabs a{color:var(--muted);border-radius:6px;padding:4px 12px;font-size:.9rem;text-decoration:none}.tabs a[aria-current=page]{background:var(--panel-2);color:var(--gold-bright);font-weight:700}.match-list{flex-direction:column;gap:6px;display:flex}.match-row{border:1px solid var(--line);border-left:6px solid var(--loss-soft);background:linear-gradient(90deg, var(--loss-bg), var(--panel) 40%);border-radius:8px}.match-row.won{border-left-color:var(--win-soft);background:linear-gradient(90deg, var(--win-bg), var(--panel) 40%)}.match-row>summary{cursor:pointer;grid-template-columns:86px minmax(128px,1fr) 172px minmax(0,1fr) 50px 12px;align-items:center;gap:10px;padding:10px 12px;list-style:none;display:grid}.match-row>summary::-webkit-details-marker{display:none}.match-row>summary:hover{background:#ffffff05}.mr-result{flex-direction:column;line-height:1.3;display:flex}.mr-queue{font-size:.85rem;font-weight:700}.mr-queue.ranked{color:var(--gold-bright)}.mr-queue.casual{color:var(--muted)}.mr-divider{background:var(--line);width:40px;height:1px;margin:4px 0;display:block}.mr-self{align-items:center;gap:10px;min-width:0;display:flex}.mr-spec{flex-direction:column;min-width:0;line-height:1.25;display:flex}.mr-cds{gap:3px;margin-top:4px;display:flex}.mr-gear{white-space:nowrap;grid-template-columns:repeat(7,22px);gap:3px;display:grid}.mr-gear .icon{width:22px;height:22px}.mr-opp{align-items:center;gap:8px;min-width:0;display:flex}.mr-opp-name{flex-direction:column;min-width:0;line-height:1.25;display:flex}.mr-opp-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mr-rating{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.mr-rating .delta{font-size:1.05rem;font-weight:800}.mr-chevron{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);justify-self:center;width:10px;height:10px;transition:transform .15s;transform:rotate(45deg)}.match-row[open] .mr-chevron{transform:rotate(-135deg)}.mr-body{border-top:1px solid var(--line);background:#0b101c80;padding:12px 16px 16px}.mr-sides{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin:10px 0;display:grid}.build-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:12px 14px}.build-panel h4{margin:0 0 8px;font-size:1rem}.build-panel h5{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px;font-size:.8rem}.gear-list{grid-template-columns:1fr;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.gear-list li{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.gear-list .game-link{min-width:0}.gear-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gear-list .muted{flex:none}.icon-row{flex-wrap:wrap;gap:6px;display:flex}.cd-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cd-list li{align-items:center;gap:8px;display:flex}.timeline{padding:4px 16px 0}.timeline .track{border-bottom:2px solid var(--line);height:84px;margin:0;padding:0;list-style:none;position:relative}.timeline .tick.start{background:var(--gold);width:2px;height:10px;position:absolute;bottom:-6px}.timeline .mark{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;transform:translate(-50%)}.timeline .mark .t{color:var(--muted);font-size:.7rem;line-height:1.2}.timeline .mark .stem{background:var(--muted);opacity:.5;width:1px}.timeline .mark.high .stem{height:30px}.timeline .mark.low .stem{height:4px}.timeline .axis{justify-content:space-between;margin-top:4px;display:flex}.warn.small{padding:6px 10px}@media (max-width:900px){.pf-layout{grid-template-columns:1fr}.match-row>summary{grid-template-columns:92px 1fr auto 20px}.mr-gear,.mr-opp{grid-column:2/4}.mr-gear{grid-template-columns:repeat(auto-fill,24px)}.mr-rating{grid-area:1/3}.mr-chevron{grid-area:1/4}.mr-sides{grid-template-columns:1fr}.summary{grid-template-columns:auto 1fr}.summary-vs{grid-column:1/-1}}@media (max-width:560px){.pf-header{flex-wrap:wrap;gap:14px;padding:16px}.pf-header .class-icon{width:64px!important;height:64px!important}.pf-ident h1{font-size:1.6rem}.pf-ladder{text-align:left;align-items:flex-start}.match-row>summary{grid-template-columns:1fr auto 20px;gap:8px}.mr-result{flex-flow:wrap;grid-column:1;align-items:baseline;gap:2px 8px}.mr-divider{display:none}.mr-self,.mr-gear,.mr-opp{grid-column:1/-1}.mr-rating{grid-area:1/2}.mr-chevron{grid-area:1/3}.summary{grid-template-columns:1fr;justify-items:start}}.card figure.panel{background:0 0;border:0;margin:0;padding:0}.versus{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid;position:relative}.versus-side{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, var(--loss-bg), var(--panel) 70%);border-left:6px solid var(--loss-soft);align-items:center;gap:14px;min-width:0;padding:16px;display:flex}.versus-side.won{background:linear-gradient(90deg, var(--win-bg), var(--panel) 70%);border-left-color:var(--win-soft)}.versus-side.right{text-align:right;border-left-width:1px;border-right:6px solid var(--loss-soft);background:linear-gradient(270deg, var(--loss-bg), var(--panel) 70%);flex-direction:row-reverse}.versus-side.right.won{border-right-color:var(--win-soft);background:linear-gradient(270deg, var(--win-bg), var(--panel) 70%)}.versus-who{flex-direction:column;flex:1;min-width:0;display:flex}.versus-name{text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;overflow:hidden}.versus-result{flex-direction:column;align-items:flex-end;display:flex}.versus-side.right .versus-result{align-items:flex-start}.versus-result strong{font-size:1.2rem}.versus-vs{background:var(--bg);border:1px solid var(--line);color:var(--gold-bright);border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-facts .card{flex-direction:column;gap:2px;display:flex}@media (max-width:700px){.versus{grid-template-columns:1fr}.versus-side.right{text-align:left;border-right-width:1px;border-left:6px solid var(--loss-soft);flex-direction:row}.versus-side.right.won{border-left-color:var(--win-soft)}.versus-side.right .versus-result{align-items:flex-end}}
