.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.num.gain,.rift-legend .gain{color:var(--gain)}.num.loss,.rift-legend .loss{color:var(--loss)}.num.even{color:var(--dim)}.pill.even{background:var(--tone);color:var(--dim)}.vh{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wp{background:var(--tone);gap:6px;min-width:0;margin:0;padding:14px 16px 10px;display:grid;container-type:inline-size}.wp-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.wp-title{font-size:var(--fs-ui)}.wp-read{min-width:0;font:var(--fs-fig) var(--mono);font-variant-numeric:tabular-nums;color:var(--dim);flex:1 1 0;grid-template-columns:minmax(0,1fr) 5ch 5ch;align-items:baseline;gap:12px;display:grid}.wp-read>*{text-align:right;white-space:nowrap}.wp-ev{text-overflow:ellipsis;white-space:pre;overflow:hidden}.wp-read b{color:var(--ink);font-weight:500}.wp-read [data-sign=gain]{color:var(--gain)}.wp-read [data-sign=loss]{color:var(--loss)}.wp-w{border-radius:var(--r-small);display:none}.wp-w:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.wp-w svg{touch-action:pan-y;width:100%;height:auto;display:block}.wp-strip{height:22px;display:none;position:relative}.wp-ph{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;height:22px;font:var(--fs-tag) var(--mono);font-variant-numeric:tabular-nums;color:var(--dim);cursor:help;background:color-mix(in srgb, var(--c) 12%, var(--tone));padding:0 8px;line-height:22px;position:absolute;top:0;overflow:hidden}.wp-ph span{color:var(--c)}.wp.live .wp-mark{cursor:pointer}.wp.live .wp-head{align-items:center}.wp-modes{background:var(--bg);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.wp-modes button{all:unset;cursor:pointer;font-size:var(--fs-label);color:var(--dim);transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease);border-radius:6px;padding:4px 10px}.wp-modes button:hover{color:var(--ink)}.wp-modes button[aria-pressed=true]{background:var(--tone);color:var(--ink)}.wp-modes button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.wp-card{z-index:40;background:var(--overlay);border:1px solid var(--line-strong);border-radius:var(--r-control);max-width:300px;font-size:var(--fs-label);color:var(--dim);gap:6px;padding:10px 12px;display:grid;position:fixed;top:0;left:0;box-shadow:0 8px 24px #00000040}.wp-card .ev{color:var(--ink);grid-template-columns:14px 40px auto;align-items:center;gap:10px;display:grid}.wp-card .ev .num{font-size:var(--fs-fig);color:var(--dim)}.wp-card .more{padding-left:64px}.wp-card .ph{align-items:center;gap:8px;display:flex}.wp-card .ph b{color:var(--ink);font-weight:500}.wp-card .tag{font:500 var(--fs-tag)/1 var(--mono);color:var(--c);background:color-mix(in srgb, var(--c) 14%, var(--overlay));border-radius:4px;padding:3px 6px}.wp .hit{fill:#0000}@container (width<=559px){.w358{display:block}}@container (width>=560px) and (width<=919px){.w720{display:block}}@container (width>=920px){.w1120{display:block}}.wp svg text{font:var(--fs-tag) var(--mono);fill:var(--dim);font-variant-numeric:tabular-nums}.wp-fill-gain{fill:var(--gain);fill-opacity:var(--curve-fill)}.wp-fill-loss{fill:var(--loss);fill-opacity:var(--curve-fill)}.wp-phase{fill:var(--wash);fill-opacity:.5}.wp-death{fill:var(--loss);stroke:var(--tone);stroke-width:1.5px}.wp-mark line{stroke:var(--faint);stroke-dasharray:2 3}.wp-mark .wp-chip{fill:var(--line-strong);transition:fill var(--fast) var(--ease)}.wp-mark .band{fill:var(--loss);fill-opacity:.04;transition:fill-opacity var(--fast) var(--ease)}.wp-mark .bar{fill:var(--faint)}.wp-mark.win.picked .band{fill-opacity:.1}.wp-mark.win.picked .bar{fill:var(--loss)}.wp-mark.cost text{fill:var(--dim)}.wp-mark.paid path{fill:var(--gain);fill-opacity:.45;transition:fill-opacity var(--fast) var(--ease)}.wp-mark.cost.picked line{stroke:var(--loss);stroke-dasharray:none}.wp-mark.paid.picked line{stroke:var(--gain);stroke-dasharray:none}.wp-mark.cost.picked .wp-chip{fill:var(--loss)}.wp-mark.cost.picked text{fill:var(--bg)}.wp-mark.paid.picked path{fill-opacity:1}.wp .mk line{stroke:var(--ink);stroke-opacity:.5}.wp .mk circle{fill:var(--bg);stroke:var(--ink);stroke-width:1.5px}.wp-foot{font-size:var(--fs-small);color:var(--dim)}.plays-w{gap:10px;min-width:0;display:grid;container-type:inline-size}table.plays{border-collapse:collapse;width:100%;font-size:var(--fs-ui)}.plays th{font:500 var(--fs-small)/1.3 var(--sans);color:var(--dim);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:0 10px 8px 0}.plays th button{all:unset;cursor:pointer;border-radius:var(--r-small);transition:color var(--fast) var(--ease)}.plays th button:hover,.plays th[aria-sort] button{color:var(--ink)}.plays th button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.plays .r{text-align:right;padding-right:0}.plays td{border-bottom:1px solid var(--line);vertical-align:middle;height:40px;transition:background-color var(--fast) var(--ease);padding:0 10px 0 0}.plays tbody tr:hover td{background:var(--wash)}.plays tbody tr.picked td{background:var(--wash2)}.plays .time{font:var(--fs-fig) var(--mono);color:var(--dim);width:3.5rem}.plays .mk-cell{width:2rem}.plays .sub{color:var(--dim);font-size:var(--fs-label)}.plays .lab{color:var(--dim);white-space:nowrap;width:7rem}.plays .price{width:4rem;font-weight:500}.plays .l2{display:none}button.mark{all:unset;cursor:pointer;border-radius:var(--r-small);width:18px;height:18px;font:500 var(--fs-tag)/1 var(--mono);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);place-items:center;display:inline-grid}button.mark.cost{background:var(--line-strong);color:var(--dim)}button.mark.cost[aria-pressed=true]{background:var(--loss);color:var(--bg)}button.mark.paid path{fill:var(--gain);fill-opacity:.45;transition:fill-opacity var(--fast) var(--ease)}button.mark.paid[aria-pressed=true] path{fill-opacity:1}button.mark:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@container (width<=559px){.plays .p2,.plays .sub{display:none}.plays .l2{color:var(--dim);font-size:var(--fs-small);line-height:1.3;display:block}.plays td{height:48px}}.plays-note{font-size:var(--fs-small);color:var(--dim)}.mrow{font-size:var(--fs-ui);grid-template-columns:4.25rem minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.mrow.win{background:var(--gain-tint);box-shadow:inset 3px 0 0 var(--gain)}.mrow.lost{background:var(--loss-tint);box-shadow:inset 3px 0 0 var(--loss)}.mrow.remake{background:var(--tone);box-shadow:inset 3px 0 0 var(--faint)}.mrow .res{font-weight:500;font-size:var(--fs-label)}.mrow.win .res{color:var(--on-gain)}.mrow.lost .res{color:var(--on-loss)}.mrow.remake .res{color:var(--dim)}.mrow .sub{font-size:var(--fs-small);color:var(--dim);display:block}.mrow .pill{background:var(--bg)}.match-rows{gap:var(--gap);min-width:0;display:grid;container-type:inline-size}.day{font-size:var(--fs-label);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 0 4px;display:flex}.day b{font-weight:500}.day .num{color:var(--dim)}.mrow.hrow{grid-template-columns:6.5rem auto 5.5rem 9rem minmax(0,1fr) 15rem 2rem;grid-template-areas:"meta champ kda stats wp teams more""meta items items items wp teams more";align-items:center;gap:8px 14px;padding:12px 8px 12px 16px}.h-meta{font-size:var(--fs-small);grid-area:meta;gap:2px;display:grid}.h-queue{font-weight:500;font-size:var(--fs-label)}.h-when,.h-dur{color:var(--dim);font-family:var(--mono);font-variant-numeric:tabular-nums}.h-res{white-space:nowrap}.h-res .res{font-size:var(--fs-small)}.h-lp{font:500 var(--fs-fig-small) var(--mono);font-variant-numeric:tabular-nums}.h-lp.gain{color:var(--on-gain)}.h-lp.loss{color:var(--on-loss)}.h-lp.even{color:var(--dim)}.h-champ{grid-area:champ;align-items:center;gap:4px;display:flex}.h-art{display:block;position:relative}.h-lvl{font:500 var(--fs-tag)/1 var(--mono);background:var(--bg);color:var(--ink);border-radius:var(--r-small);padding:2px 3px;position:absolute;bottom:-4px;right:-4px}.h-pair{gap:4px;display:grid}.h-kda{grid-area:kda;justify-items:center;gap:2px;display:grid}.h-k{font:500 var(--fs-ui) var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.h-k .loss{color:var(--loss)}.h-sub{color:var(--dim);font-size:var(--fs-small)}.h-stats{font-size:var(--fs-small);grid-area:stats;gap:2px;display:grid}.h-items{flex-wrap:wrap;grid-area:items;align-items:center;gap:6px 10px;display:flex}.h-row{gap:2px;display:flex}.h-tags{font-size:var(--fs-small);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.h-vs{color:var(--dim)}.h-wp{grid-area:wp;justify-items:start;gap:6px;min-width:0;display:grid}.h-wp .spark-w{width:100%}.h-wp .spark{height:36px}.h-rate{align-items:center;gap:6px;display:flex}.h-teams{grid-area:teams;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;min-width:0;display:grid}.h-teams ul{gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.h-teams li{font-size:var(--fs-small);color:var(--dim);align-items:center;gap:8px;min-width:0;display:flex}.h-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.h-you .h-name{color:var(--ink);font-weight:500}.spark{width:130px;height:28px;display:block}.h-moments .h-top-t{color:var(--dim)}.spark-mid{stroke:var(--line-strong)}.spark-defs{position:absolute}@container (width<=1079px){.mrow.hrow{grid-template-columns:6.5rem auto 5.5rem minmax(0,1fr) 14rem 2rem;grid-template-areas:"meta champ kda stats teams more""wp items items rate teams more";row-gap:6px}.h-meta{align-self:start}.h-wp{display:contents}.h-wp .spark-w{grid-area:wp;align-self:center;width:6.5rem}.h-wp .spark{height:28px}.h-rate{flex-wrap:nowrap;grid-area:rate}}@container (width<=639px){.mrow.hrow{grid-template-columns:minmax(0,1fr) auto 2rem;grid-template-areas:"meta meta more""champ kda more""stats stats more""items items more""wp wp more""teams teams more";row-gap:10px;padding:12px 0 12px 12px}.h-meta{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.h-acts{gap:1px;margin-block:-12px}.h-more,.h-go{background:var(--wash);color:var(--ink);border-radius:0}.h-more:hover,.h-go:hover{background:var(--wash2)}.h-more:focus-visible,.h-go:focus-visible{outline-offset:-2px}.h-panel{margin-right:12px}.h-kda{justify-items:end}.h-teams{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.h-wp{display:grid}.h-wp .spark-w{grid-area:auto;width:100%}.h-rate{flex-wrap:wrap;grid-area:auto}}.spark-w{width:130px;display:block;position:relative}.spark-w .spark{width:100%}.spark-dot{width:7px;height:7px;box-shadow:0 0 0 1.5px var(--bg);border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute}.spark-dot.gain{background:var(--gain)}.spark-dot.loss{background:var(--loss)}.spark-dot.even{background:var(--dim)}.spark-dot[data-tip]{cursor:default;z-index:1}.spark-dot[data-tip]:before{content:"";border-radius:50%;position:absolute;inset:-6px}.spark-dot[data-tip]:hover:after{content:attr(data-tip);border-radius:var(--r-overlay);background:var(--raised);border:1px solid var(--line-strong);color:var(--ink);font:var(--fs-small)/1.3 var(--sans);white-space:nowrap;pointer-events:none;padding:5px 8px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.spark-dot[data-tip]:hover{z-index:3;box-shadow:0 0 0 1.5px var(--bg), 0 0 0 3px currentColor}.h-main .art:after{box-shadow:none}.h-main .art img{transform:scale(1.1)}.h-wpa b{color:color-mix(in srgb, var(--accent) 75%, var(--ink));font-weight:700}.h-rate{flex-wrap:wrap}.mrow .pill.even,.h-score .pill.even{background:var(--bg);color:var(--dim)}.mrow .pill.mvp,.h-score .pill.mvp{background:var(--tier-1);color:var(--tier-letter)}.mrow .pill.ace,.h-score .pill.ace{color:#111112;background:#cbcbcb}.h-acts{grid-area:more;grid-auto-rows:minmax(0,1fr);align-self:stretch;gap:4px;min-height:0;display:grid}.h-more,.h-go{color:var(--dim);border-radius:var(--r-control);cursor:pointer;transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;place-items:center;text-decoration:none;display:grid}.h-more:hover,.h-go:hover{background:var(--wash);color:var(--ink)}.h-more:focus-visible,.h-go:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.h-more .h-close,.h-more[aria-expanded=true] .h-open{display:none}.h-more[aria-expanded=true] .h-close{display:inline}.h-panel[hidden]{display:none}.h-panel{border-top:1px solid var(--line);grid-column:1/-1;gap:10px;min-width:0;padding-top:6px;display:grid}.h-board-head{font-size:var(--fs-small);flex-wrap:wrap;align-items:baseline;gap:2px 12px;display:flex}.h-board.won .h-board-head b{color:var(--on-gain)}.h-board.lost .h-board-head b{color:var(--on-loss)}.h-board-head b{font-weight:500}table.h-score{border-collapse:collapse;width:100%;font-size:var(--fs-label)}.h-score th{font:500 var(--fs-tag)/1.3 var(--mono);color:var(--faint);text-align:left;white-space:nowrap;padding:0 8px 4px 0}.h-score td{border-bottom:1px solid var(--line);vertical-align:middle;font-size:var(--fs-small);padding:1px 8px 1px 0;line-height:1.15}.h-score .h-k{font-size:var(--fs-label);line-height:1.15;display:block}.h-score .h-rank .art{width:13px;height:13px}.h-score th:last-child,.h-score td:last-child{padding-right:4px}.h-score tr.h-team td{border-bottom:1px solid var(--line-strong);padding:6px 0 2px}.h-score tbody+tbody tr.h-team td{padding-top:10px}.h-score .h-sub{font-size:var(--fs-tag)}.h-score .h-row .art{width:20px;height:20px}.h-score .h-pair2 .art{width:13px;height:13px}.h-score .h-who>.art{width:26px;height:26px}.h-score .pill{font-size:var(--fs-tag);padding-block:1px}.h-score .r{text-align:right}.h-score td.num{white-space:nowrap}.h-score td.r .h-sub{display:block}.h-score tr.you td{background:var(--wash)}.h-who{align-items:center;gap:6px;min-width:0;display:flex}.h-pair2{gap:0;display:grid}.h-who-n{min-width:0;line-height:1.15;display:grid}.h-who-n .h-name{max-width:8rem}.h-score tr.you .h-who-n .h-name{color:var(--ink);font-weight:500}.h-dmg{gap:2px;min-width:3.5rem;display:grid}.h-bar{background:var(--wash2);border-radius:2px;height:4px;display:block;overflow:hidden}.h-bar i{background:var(--dim);height:100%;display:block}.h-wpp{align-items:center;gap:6px;display:inline-flex}.h-lvlrank{flex-wrap:wrap;align-items:center;gap:0 .3em;display:flex}.h-rank{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.h-moments{font-size:var(--fs-small);gap:2px;display:grid}.h-moments b{font-weight:500}.h-moments ol{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;margin:0;padding:0;list-style:none;display:grid}.h-moments li{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:26px;display:grid}.h-moments li>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@container (width<=699px){.h-moments ol{grid-template-columns:minmax(0,1fr)}.h-moments li{grid-template-columns:3rem minmax(0,1fr) auto 4rem;gap:10px}}.h-moments li .num{text-align:right}.h-moments .h-top-t{font-family:var(--mono)}@container (width<=699px){.h-score .h-row{grid-template-columns:repeat(4,auto);justify-content:start;gap:1px;display:grid}.h-score .h-row .art{width:16px;height:16px}.h-wpp{flex-direction:column;align-items:end;gap:2px}.h-who-n .h-name{max-width:6rem}}@container (width<=479px){.h-score th,.h-score td{padding-right:5px}.h-score th:nth-child(4),.h-score td:nth-child(4),.h-score th:nth-child(6),.h-score td:nth-child(6),.h-score .h-pair2{display:none}.h-score .h-who>.art{width:22px;height:22px}.h-score .h-k{font-size:var(--fs-small);word-spacing:-.2em}.h-score .h-row .art{width:14px;height:14px}.h-who-n .h-name{max-width:5.5rem}.h-score .h-lvlrank{white-space:nowrap;text-overflow:ellipsis;max-width:5.5rem;display:block;overflow:hidden}.h-score .h-lvlrank>*{display:inline}.h-dmg{min-width:2rem}.h-moments li{grid-template-columns:3rem minmax(0,1fr) auto}.h-moments li .h-sub{display:none}}.usual{min-width:0;display:grid;container-type:inline-size}.usual-row{border-bottom:1px solid var(--line);min-height:36px;font-size:var(--fs-label);grid-template-columns:minmax(0,11rem) minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.usual-head{font-size:var(--fs-small);color:var(--dim);min-height:28px}.usual-scale{justify-content:space-between;gap:8px;display:flex}.usual-row .v{font:var(--fs-fig) var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.usual-row .v span{color:var(--dim)}.usual-row svg{width:100%;height:22px;display:block}.usual-bar.gain{fill:var(--gain)}.usual-bar.loss{fill:var(--loss)}.usual-bar.even{fill:var(--dim);fill-opacity:.5}.usual-range{stroke:var(--ink);stroke-width:1.2px;fill:none}.usual-mid{stroke:var(--dim)}.usual-close{color:var(--dim);font-size:var(--fs-small)}.usual-note{font-size:var(--fs-small);color:var(--dim);padding-top:8px}@container (width<=479px){.usual-row{grid-template-columns:minmax(0,1fr) auto;padding-block:6px}.usual-row>:nth-child(2){grid-area:2/1/auto/-1}}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chips-grp{font-size:var(--fs-small);color:var(--dim);margin-inline:6px 2px}.chip{font:var(--fs-label)/1 var(--sans);background:var(--wash);color:var(--dim);cursor:pointer;transition:background-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease), color var(--fast) var(--ease);border:0;border-radius:999px;padding:8px 12px;box-shadow:inset 0 0 0 999px #0000}.chip:hover{background:var(--wash2);color:var(--ink)}.chip[aria-pressed=true]{box-shadow:inset 0 0 0 999px var(--ink);color:var(--bg)}.chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rift{gap:14px;min-width:0;display:grid;container-type:inline-size}.rift-wrap{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}@container (width<=639px){.rift-wrap{grid-template-columns:minmax(0,1fr)}}.rift-map{width:100%;height:auto;display:block}.rift-map circle.p{--c:var(--dim);fill:var(--c);fill-opacity:.38;stroke:var(--c);stroke-width:1px}.rift-map circle.o-gain{--c:var(--gain)}.rift-map circle.o-loss{--c:var(--loss)}.rift-map[data-show=all] circle.t-gain{--c:var(--gain)}.rift-map[data-show=all] circle.t-loss{--c:var(--loss)}.rift-map[data-show=all] circle.t-even{--c:var(--dim)}.rift-map text.n{font:var(--fs-tag) var(--mono);fill:var(--ink);pointer-events:none}.rift-map[data-show=all] text.n{display:none}.rift-legend{font-size:var(--fs-label);color:var(--dim);gap:10px;display:grid}.rift-note{color:var(--ink);font-family:var(--mono);font-size:var(--fs-fig);white-space:pre-wrap;min-height:1.5em}.rift-sizes{align-items:center;gap:8px;display:flex}.rift-sizes svg{flex:none}.rift-sizes circle{fill:var(--dim);fill-opacity:.38;stroke:var(--dim)}.gl-tip,.gl-card{box-shadow:0 8px 24px #00000040}
