@layer theme,base;@layer components{.logbox{min-width:0;container:gl/inline-size}.gcards{--card-h:61px}@container (width<=719px){.gcards>*{--card-h:80px}}.gcards .log{gap:2px;margin:0;padding:0;list-style:none;display:grid}.gcards .log:before{content:none}.gcards .log-day{align-items:center;min-height:0;margin-top:8px;padding:0 2px}.gcards .log-day:first-child{margin-top:0}.gcards .log-day:before{content:none}.gcards .log-day>b{font-size:var(--fs-2);line-height:1.3}.gcards .log-also{border-radius:var(--r-1);background:var(--bg-2);border-top:0;min-height:28px;margin:0;padding:3px 12px}.gcards .log-foot{border-top:0;padding-top:8px;padding-left:0}.gcards .log-skel{min-height:calc(6 * (2px + var(--card-h)))}.gcards .skel-row{min-height:var(--card-h);border-top:0;margin-bottom:2px}.gc{--gc-tint:var(--ink-3);--gc-ink:var(--ink-2);--gc-wash:5%;--gc-edge:20%;border-radius:var(--r-1);border:1px solid color-mix(in oklab,var(--gc-tint) var(--gc-edge),var(--line));background:color-mix(in oklab,var(--gc-tint) var(--gc-wash),var(--bg-1));list-style:none;position:relative}.gc--win{--gc-tint:var(--gain);--gc-ink:var(--gain-ink)}.gc--loss,.gc--win{--gc-wash:9%;--gc-edge:28%}.gc--loss{--gc-tint:var(--loss);--gc-ink:var(--loss-ink)}.gc:not([data-mode=none]):hover{--gc-wash:13%}.gc.is-open{box-shadow:0 0 0 1px color-mix(in oklab,var(--gc-tint) var(--gc-edge),var(--line))}.gc.is-open .gc__card{border-radius:calc(-1px + var(--r-1)) calc(-1px + var(--r-1)) 0 0}.gc__card{position:relative}.gc__card,.gc__hit{border-radius:inherit}.gc__hit{z-index:1;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none;display:block;position:absolute;inset:0}.gc__hit:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.gc__body{z-index:2;pointer-events:none;grid-template-columns:56px 88px minmax(0,1fr) 170px 150px 14px;grid-template-areas:"res ch who build lp chev";align-items:center;gap:0 10px;padding:8px 12px;display:grid;position:relative}.gc--flat .gc__body{grid-template-columns:56px 88px minmax(0,1fr) 150px 14px;grid-template-areas:"res ch who lp chev"}.gc__body .rune,.gc__body .slot,.gc__body [data-rich],.gc__body [data-tip],.gc__body a{pointer-events:auto}.gc__res{font-size:var(--fs-1);color:var(--ink-2);font-variant-numeric:lining-nums tabular-nums;grid-area:res;line-height:1.15;display:grid}.gc__res b{font-size:var(--fs-2);color:var(--gc-ink);font-weight:800}.gc__time{align-items:center;gap:3px;display:inline-flex}.gc__time .ico{width:12px;height:12px;color:var(--ink-3);flex:none;position:relative;top:-1px}.gc__ch{grid-area:ch;align-items:center;gap:3px;display:flex}.gc__ch .slot[data-kind=champ]{border-radius:var(--r-2)}.gc__ch .slot__lvl{border-radius:3px 0 0;padding:0 3px;left:auto;right:0;transform:none}.gc__ru,.gc__sp{justify-items:center;display:grid}.gc__who{grid-area:who;gap:1px;min-width:0;display:grid}.gc__who p{white-space:nowrap;min-width:0;margin:0;overflow:hidden}.gc__name{font-weight:600;font-size:var(--fs-3);align-items:baseline;gap:6px;line-height:1.25;display:flex}.gc__fig,.gc__nm,.gc__with{text-overflow:ellipsis;min-width:0;overflow:hidden}.gc__nm>span{color:var(--ink-3);font-weight:400}.gc__role{font-size:var(--fs-2);color:var(--ink-3);flex:none;align-items:center;gap:3px;font-weight:400;display:inline-flex}.gc__role .role{vertical-align:-2px}.gc__stat{font-size:var(--fs-2);color:var(--ink-2);font-variant-numeric:lining-nums tabular-nums;gap:0 8px;line-height:1.3;display:flex}.gc__kda,.gc__stat{align-items:baseline}.gc__kda{flex:none;gap:6px;display:inline-flex}.gc__kda>span{font-size:var(--fs-3);color:var(--ink);font-weight:800}.gc__kda i{color:var(--ink-3);padding:0 1px;font-style:normal;font-weight:600}.gc__kda small{font-size:var(--fs-2);color:var(--ink-2);font-weight:400}.gc__fig{flex:0 10 auto}.gc__with{flex:0 auto}.gc__build{grid-area:build;align-items:center;display:flex}.gc__items{flex-wrap:nowrap;gap:2px;display:flex}.gc__items .slot:last-child:not([data-empty]){opacity:.7;margin-left:3px}.gc__items .slot:last-child[data-empty]{margin-left:3px}.gc__score,.gc__stats{display:none}.gc__stats{font-size:var(--fs-2);font-variant-numeric:lining-nums tabular-nums;grid-area:stats;grid-template-rows:16px 16px;grid-template-columns:auto auto;place-content:center start;gap:2px 8px;line-height:16px}.gc__st{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:inline-flex}.gc__st .ico{color:var(--ink-3);flex:none}.gc__st b{color:var(--ink);font-weight:700}.gc__place,.gc__st small{font-size:var(--fs-1);color:var(--ink-3)}.gc__st--cs{grid-area:1/1/2/-1}.gc__st--kp{grid-area:2/1;min-width:48px}.gc__st--vision{grid-area:2/2}.gc__score{grid-area:ring;justify-self:start;align-items:center;gap:5px;min-width:0;margin-left:10px}.gc__pl{justify-items:start;gap:3px;display:grid}.gc__ring{flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative}.gc__ring svg{width:100%;height:100%;position:absolute;inset:0}.gc__ring-arc,.gc__ring-track{fill:none}.gc__ring-track{stroke:var(--line)}.gc__ring-arc{stroke:var(--ink-3);stroke-linecap:round}.gc__ring-n{fill:var(--ink)}.gc__score:has(.tag) .gc__ring-arc{stroke:var(--ink)}.gc__score:has(.tag) .gc__ring-n{fill:var(--ink)}.gc__place{font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;line-height:1}.gc__lp{text-align:right;grid-area:lp;justify-self:end;min-width:0;padding-right:8px}.gc .lp-sub{white-space:normal;text-align:right;max-width:100%;margin-top:5px;margin-left:auto;line-height:1.2}.gc .lp--est{text-underline-offset:4px}.gc__chev{color:var(--ink-3);grid-area:chev;justify-self:end;transition:transform .15s}.gc.is-open .gc__chev{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.gc__chev{transition:none}}.gc__name:has(.gc__q) .gc__nm{flex:none;max-width:100%}.gc__q{text-overflow:ellipsis;min-width:0;font-size:var(--fs-2);color:var(--ink-3);white-space:nowrap;flex:0 auto;font-weight:400;overflow:hidden}.gc__q:before{content:"·"/"";margin-right:6px}.gc__qtag{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--fs-2);color:var(--ink-2);font-weight:600;display:inline-block;overflow:hidden}@container (width>=820px){.gc.gc--arena:not(.gc--flat) .gc__body{grid-template-columns:56px 88px minmax(0,1fr) 170px 148px 14px;grid-template-areas:"res ch who build lp chev"}.gc--arena .gc__score,.gc--arena .gc__stats{display:none}}.gc__place-n{font-variant-numeric:lining-nums tabular-nums}.gc__duo{align-items:center;gap:4px;min-width:0;display:inline-flex}.gc__duo>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.gc__duo .slot{border-radius:50%;flex:none}.gc__team{font-size:var(--fs-2);color:var(--ink-2);margin:0;line-height:1.3;display:none}.gc__augs{flex-wrap:nowrap;justify-content:flex-end;gap:3px;display:flex}.gc__aug{border-radius:var(--r-1);background:var(--art-bg);flex:none;place-items:center;width:22px;height:22px;display:grid;overflow:hidden}.gc__aug img{width:20px;height:20px;display:block}.gc--pending{min-height:var(--card-h);gap:12px;padding:0 12px}.gc--pending,.gc__wait{align-items:center;display:flex}.gc__wait{gap:8px}.gc__wait i{background:var(--line);border-radius:5px;width:80px;height:10px;animation:1.4s ease-in-out infinite gc-wait;display:block}.gc__wait i:first-child{border-radius:var(--r-2);width:40px;height:40px}.gc__wait i:nth-child(2){width:120px}.gc__wait-t{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-2);color:var(--ink-3);overflow:hidden}.gc--stalled .gc__wait i{opacity:.6;animation:none}@keyframes gc-wait{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.gc__wait i{animation:none}}@container (width<=559px){.gc__wait i:nth-child(2){width:72px}.gc__wait i:nth-child(3){display:none}}.gcards .log-also--na{font-size:var(--fs-2);color:var(--ink-3);justify-content:flex-start;gap:8px}.arena__teams{grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.arena__team{--gc-tint:var(--ink-3);--gc-ink:var(--ink-2);border-radius:var(--r-1);border:1px solid color-mix(in oklab,var(--gc-tint) 28%,var(--line));background:color-mix(in oklab,var(--gc-tint) 9%,var(--bg-1));grid-template-columns:44px minmax(0,1fr);align-items:center;gap:0 8px;padding:8px 10px;display:grid}.arena__team--win{--gc-tint:var(--gain);--gc-ink:var(--gain-ink)}.arena__team--loss{--gc-tint:var(--loss);--gc-ink:var(--loss-ink)}.arena__team[data-focus]{box-shadow:0 0 0 1px color-mix(in oklab,var(--gc-tint) 60%,var(--line))}.arena__place{font-size:var(--fs-4);color:var(--gc-ink);font-variant-numeric:lining-nums tabular-nums;font-weight:800}.arena__players{gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.arena__p{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"ch who augs""ch who items";align-items:center;gap:2px 8px;min-width:0;display:grid}.arena__p>.slot,.arena__p>.slot-link{grid-area:ch}.arena__p .slot__lvl{border-radius:3px 0 0;padding:0 3px;line-height:1.25;left:auto;right:0;transform:none}.arena__who{grid-area:who;min-width:0;display:grid}.arena__who b,.arena__who small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arena__who b{font-weight:600;font-size:var(--fs-3)}.arena__p[data-focus] .arena__who b{color:var(--gc-ink)}.arena__who small{font-size:var(--fs-2);color:var(--ink-2);font-variant-numeric:lining-nums tabular-nums}.arena__augs{grid-area:augs;gap:3px}.arena__augs,.arena__items{justify-content:flex-end;display:flex}.arena__items{grid-area:items;gap:2px}@media (width<=479px){.arena__p{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"ch who""augs augs""items items"}.arena__augs,.arena__items{justify-content:flex-start}}.gc__panel{border-top:1px solid color-mix(in oklab,var(--gc-tint) var(--gc-edge),var(--line));border-radius:0 0 calc(-1px + var(--r-1)) calc(-1px + var(--r-1));background:var(--bg-1);min-width:0;padding:10px 12px 12px}.gc__panel[hidden]{display:none}@container (width>=820px){.gc__body{gap:0 6px}.gc:not(.gc--flat) .gc__body{grid-template-columns:56px 88px minmax(0,1fr) 100px 170px 78px 148px 14px;grid-template-areas:"res ch who stats build ring lp chev"}.gc--flat .gc__body{grid-template-columns:56px 88px minmax(0,1fr) 100px 148px 14px;grid-template-areas:"res ch who stats lp chev"}.gc__stats{display:grid}.gc__score{display:flex}.gc__fig{display:none}}@container (width>=820px) and (width<=1039px){.gc__stat:has(.gc__with) .gc__kda small{display:none}}@container (width<=719px){.gc--flat .gc__body,.gc__body{grid-template-columns:88px minmax(0,1fr) auto 14px;grid-template-areas:"ch who lp chev""l2 l2 l2 l2";gap:4px 10px;padding:6px 12px}.gc__res{white-space:nowrap;grid-area:l2;justify-self:start;align-items:baseline;gap:0 6px;min-width:0;max-width:calc(100% - 178px);display:flex;overflow:hidden}.gc--flat .gc__res{max-width:100%}.gc__res .gc__dur:before,.gc__res .gc__time:before{content:"·"/"";color:var(--ink-3);margin-right:6px}.gc__build{grid-area:l2;justify-self:end}}@container (width<=559px){.gc--flat .gc__body,.gc__body{grid-template-columns:84px minmax(0,1fr) auto 14px;gap:4px 6px;padding:6px 10px}.gc__ch{gap:2px}.gc__fig{display:none}.gc__stat:has(.gc__with) .gc__kda small{display:none}.gc .lp-sub>.d{display:none}.gc .lp-sub>.m{display:inline-flex}.gc .lp-sub{max-width:14ch}}@container (width>=440px) and (width<=559px){.gc:not(.gc--flat) .gc__body{grid-template-columns:84px minmax(0,1fr) auto auto 14px;grid-template-areas:"ch who ring lp chev""l2 l2 l2 l2 l2"}.gc__score{display:flex}.gc__place{display:none}}@container (width>=560px) and (width<=719px){.gc:not(.gc--flat) .gc__body{grid-template-columns:88px minmax(0,1fr) auto auto 14px;grid-template-areas:"ch who ring lp chev""l2 l2 l2 l2 l2"}.gc__score{display:flex}}@container (width<=559px){.gc--arena .gc__body,.gc--arena.gc--flat .gc__body{grid-template-areas:"ch who lp chev""l2 l2 l2 l2""tm tm tm tm"}.gc--arena .gc__duo--inline{display:none}.gc__team{grid-area:tm;display:flex}}@container (width>=440px) and (width<=559px){.gc--arena:not(.gc--flat) .gc__body{grid-template-areas:"ch who ring lp chev""l2 l2 l2 l2 l2""tm tm tm tm tm"}}@container (width<=399px){.gc:not(.gc--flat) .gc__dur{display:none}}@container (width<=299px){.gc__ru{display:none}.gc--flat .gc__body,.gc__body{grid-template-columns:64px minmax(0,1fr) auto 14px}}.gc--rich .gc__card{border-radius:inherit}.gcr{z-index:2;pointer-events:none;grid-template-columns:74px 94px 150px 116px 106px 44px minmax(176px,1fr) 14px;grid-template-areas:"res ch who figs it sc lob chev";align-items:center;gap:0 8px;min-height:0;padding:8px 12px;display:grid;position:relative}.gcr .lp,.gcr .rune,.gcr .slot,.gcr [data-tip]{pointer-events:auto}.gcr__res{grid-area:res;justify-items:start;gap:2px;min-width:0;display:grid}.gcr__res>b{font-size:var(--fs-4);color:var(--gc-ink);font-weight:800;line-height:1.1}.gcr__lp{white-space:nowrap;flex-wrap:wrap;align-items:baseline;gap:0 4px;max-width:100%;display:flex}.gcr__lp .lp{font-size:var(--fs-3)}.gcr__lp small{color:var(--ink-3)}.gcr__lp small,.gcr__q{font-size:var(--fs-1);white-space:nowrap}.gcr__q{color:var(--ink-2);line-height:1.2}.gcr__q--big{font-size:var(--fs-2);font-weight:600}.gcr__when{font-size:var(--fs-1);color:var(--ink-3);white-space:nowrap;line-height:1.2}.gcr__nolp{font-size:var(--fs-2);color:var(--ink-3);font-weight:600}.gcr__ch{grid-area:ch;align-items:center;gap:4px;display:flex}.gcr__ch>.slot{border-radius:var(--r-2);flex:none}.gcr__ch .slot__lvl{text-box:trim-both cap alphabetic;font-variant-numeric:lining-nums proportional-nums;border-radius:3px 0 0;padding:4px;line-height:1;left:auto;right:0;transform:none}.gcr__sr{grid-template-rows:22px 22px;grid-template-columns:22px 22px;place-items:center;gap:2px;display:grid}.gcr__sr .slot:first-child{grid-area:1/1}.gcr__sr .slot:nth-child(2){grid-area:2/1}.gcr__sr .rune:nth-child(3){grid-area:1/2}.gcr__sr .rune:nth-child(4){grid-area:2/2}.gcr__aug span{background:var(--bg-3);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;overflow:hidden}.gcr__aug img{width:20px;height:20px}.gcr__who{grid-area:who;gap:1px;min-width:0;display:grid}.gcr__who p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.gcr__nm{font-size:var(--fs-2);color:var(--ink-2);align-items:center;gap:5px;font-weight:600;display:flex}.gcr__nm>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.gcr__nm small{font-size:var(--fs-1);color:var(--ink-3);font-weight:400}.gcr__nm .role{flex:none}.gcr__kda{font-size:var(--fs-5);letter-spacing:-.01em;align-items:baseline;gap:6px;font-weight:800;line-height:1.15;display:flex}.gcr__kda i{color:var(--ink-3);padding:0 3px;font-style:normal;font-weight:400}.gcr__kda small{font-size:var(--fs-2);letter-spacing:0;color:var(--ink-2);font-weight:600}.gcr__fl{font-size:var(--fs-1);color:var(--ink-2);align-items:center;gap:4px;display:flex}.gcr__fl .slot{border-radius:3px}.gcr__bd{gap:4px;display:flex;margin-top:3px!important}.gcr__bd .tag{min-height:18px;color:var(--ink-2);background:color-mix(in oklab,var(--ink) 8%,transparent);gap:3px;padding:0 5px;font-size:11px}.gcr__bd .ico{width:12px;height:12px;color:var(--ink-3)}.gcr__figs{grid-area:figs;gap:8px;min-width:0;display:grid}.gcr__figs>div{grid-template-columns:auto 1fr;align-items:baseline;gap:2px 5px;display:grid}.gcr__figs b{font-size:var(--fs-3);font-weight:800}.gcr__figs small{font-size:var(--fs-1);color:var(--ink-3)}.gcr__figs i{background:color-mix(in oklab,var(--ink) 10%,transparent);border-radius:2px;grid-column:1/-1;height:3px;display:block;position:relative;overflow:hidden}.gcr__figs i:before{content:"";width:calc(100% * min(1,var(--v)));background:var(--ink-2);border-radius:2px;position:absolute;inset:0 auto 0 0}.gcr__it{grid-area:it;grid-template-rows:24px 24px;grid-template-columns:repeat(3,24px) 24px;gap:2px;display:grid}.gcr__it .skel,.gcr__it .slot{border-radius:var(--r-1)}.gcr__trk{opacity:.85;grid-area:1/4/3/5;align-self:center;margin-left:6px}.gcr__sc{grid-area:sc;justify-self:center}.gcr__sk{width:56px;height:9px}.gcr__lob{grid-area:lob;grid-template-columns:1fr 1fr;gap:0 8px}.gcr__lob,.gcr__lob ul{min-width:0;display:grid}.gcr__lob ul{gap:1px;margin:0;padding:0;list-style:none}.gcr__lob li{min-width:0;height:15px;font-size:var(--fs-1);color:var(--ink-2);align-items:center;gap:5px;line-height:15px;display:flex}.gcr__lob li .slot{border-radius:3px;flex:none}.gcr__lob li>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;min-width:0;display:inline-flex;overflow:hidden}.gcr__lob li>span:not(.skel){display:block}.gcr__lob li.is-you{color:var(--ink);font-weight:800}.gcr__lob li.is-hidden>span{color:var(--ink-3);font-style:italic}.gcr__lob li.is-hidden .ico{vertical-align:-1px;width:11px;height:11px;margin-left:3px;display:inline-block}.gcr .gc__chev{color:var(--ink-3);grid-area:chev;justify-self:end}.gcr--remake .gcr__lob{opacity:.75}@container gl (width<=859px){.gcr{grid-template-columns:78px 94px 150px 106px 44px minmax(160px,1fr) 14px;grid-template-areas:"res ch who it sc lob chev"}.gcr__figs{display:none}}@container gl (width<=719px){.gcr{grid-template-columns:78px 94px minmax(0,1fr) 106px 44px 14px;grid-template-areas:"res ch who it sc chev"}.gcr__lob{display:none}}.gx{gap:var(--sp-3);min-width:0;display:grid}.gx__skel{min-height:230px}.gx__h{font-size:var(--fs-2);color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0;display:flex}.gx__h b{font-size:var(--fs-3);color:var(--ink);font-weight:600}.gx__teams{gap:var(--sp-3);min-width:0;display:grid}.gx .mteam__h{padding-bottom:2px}.gx .mteam__h h3{font-size:var(--fs-3)}.gx .mrow{min-height:44px;padding-block:4px}.gx .mrow[data-focus]{background:color-mix(in oklab,var(--ink) 5%,transparent)}.gx .mrow[data-focus]:not(.is-you) .mrow__ch .slot{box-shadow:0 0 0 2px var(--bg-1),0 0 0 4px var(--ink-3)}.gx__fg{margin:2px 0 8px;list-style:none}.gx__foot{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}}@layer utilities;