@layer theme,base,components,utilities;@layer components{.logbox{container-type:inline-size;min-width:0}.gcards{--card-h:61px}@container (max-width: 719px){.gcards>*{--card-h:80px}}.gcards .log{display:grid;gap:2px;list-style:none;margin:0;padding:0}.gcards .log:before{content:none}.gcards .log-day{align-items:center;margin-top:8px;min-height:0;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{background:var(--bg-2);border-radius:var(--r-1);border-top:0;margin:0;min-height:28px;padding:3px 12px}.gcards .log-foot{border-top:0;padding-left:0;padding-top:8px}.gcards .log-skel{min-height:calc((var(--card-h) + 2px)*6)}.gcards .skel-row{border-top:0;margin-bottom:2px;min-height:var(--card-h)}.gc{--gc-tint:var(--ink-3);--gc-ink:var(--ink-2);--gc-wash:5%;--gc-edge:20%;background:color-mix(in oklab,var(--gc-tint) var(--gc-wash),var(--bg-1));border:1px solid color-mix(in oklab,var(--gc-tint) var(--gc-edge),var(--line));border-radius:var(--r-1);list-style:none;position:relative}.gc--win{--gc-tint:var(--gain);--gc-ink:var(--gain-ink);--gc-wash:9%;--gc-edge:28%}.gc--loss{--gc-tint:var(--loss);--gc-ink:var(--loss-ink);--gc-wash:9%;--gc-edge:28%}.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(var(--r-1) - 1px) calc(var(--r-1) - 1px) 0 0}.gc__card{border-radius:inherit;position:relative}.gc__hit{background:none;border:0;border-radius:inherit;color:inherit;cursor:pointer;display:block;font:inherit;top:0;right:0;bottom:0;left:0;margin:0;padding:0;position:absolute;text-decoration:none;width:100%;z-index:1}.gc__hit:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.gc__body{align-items:center;display:grid;gap:0 10px;grid-template-areas:"res ch who build lp chev";grid-template-columns:56px 88px minmax(0,1fr) 170px 150px 14px;padding:8px 12px;pointer-events:none;position:relative;z-index:2}.gc--flat .gc__body{grid-template-areas:"res ch who lp chev";grid-template-columns:56px 88px minmax(0,1fr) 150px 14px}.gc__body .rune,.gc__body .slot,.gc__body [data-rich],.gc__body [data-tip],.gc__body a{pointer-events:auto}.gc__res{color:var(--ink-2);display:grid;font-size:var(--fs-1);font-variant-numeric:lining-nums tabular-nums;grid-area:res;line-height:1.15}.gc__res b{color:var(--gc-ink);font-size:var(--fs-2);font-weight:800}.gc__time{align-items:center;display:inline-flex;gap:3px}.gc__time .ico{color:var(--ink-3);flex:none;height:12px;position:relative;top:-1px;width:12px}.gc__ch{align-items:center;display:flex;gap:3px;grid-area:ch}.gc__ch .slot[data-kind=champ]{border-radius:var(--r-2)}.gc__ch .slot__lvl{border-radius:3px 0 0;left:auto;padding:0 3px;right:0;transform:none}.gc__ru,.gc__sp{display:grid;justify-items:center}.gc__who{display:grid;gap:1px;grid-area:who;min-width:0}.gc__who p{margin:0;min-width:0;overflow:hidden;white-space:nowrap}.gc__name{align-items:baseline;display:flex;font-size:var(--fs-3);font-weight:600;gap:6px;line-height:1.25}.gc__nm{min-width:0;overflow:hidden;text-overflow:ellipsis}.gc__nm>span,.gc__role{color:var(--ink-3);font-weight:400}.gc__role{align-items:center;display:inline-flex;flex:none;font-size:var(--fs-2);gap:3px}.gc__role .role{vertical-align:-2px}.gc__stat{color:var(--ink-2);display:flex;font-size:var(--fs-2);font-variant-numeric:lining-nums tabular-nums;gap:0 8px;line-height:1.3}.gc__kda,.gc__stat{align-items:baseline}.gc__kda{display:inline-flex;flex:none;gap:6px}.gc__kda>span{color:var(--ink);font-size:var(--fs-3);font-weight:800}.gc__kda i{color:var(--ink-3);font-style:normal;font-weight:600;padding:0 1px}.gc__kda small{color:var(--ink-2);font-size:var(--fs-2);font-weight:400}.gc__fig,.gc__with{min-width:0;overflow:hidden;text-overflow:ellipsis}.gc__fig{flex:0 10 auto}.gc__with{flex:0 1 auto}.gc__build{align-items:center;display:flex;grid-area:build}.gc__items{display:flex;flex-wrap:nowrap;gap:2px}.gc__items .slot:last-child:not([data-empty]){margin-left:3px;opacity:.7}.gc__items .slot:last-child[data-empty]{margin-left:3px}.gc__score,.gc__stats{display:none}.gc__stats{align-content:center;font-size:var(--fs-2);font-variant-numeric:lining-nums tabular-nums;gap:2px 8px;grid-area:stats;grid-template-columns:auto auto;grid-template-rows:16px 16px;justify-content:start;line-height:16px}.gc__st{align-items:center;display:inline-flex;gap:4px;min-width:0;white-space:nowrap}.gc__st .ico{color:var(--ink-3);flex:none}.gc__st b{color:var(--ink);font-weight:700}.gc__st small{color:var(--ink-3);font-size:var(--fs-1)}.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{align-items:center;gap:5px;grid-area:ring;justify-self:start;margin-left:10px;min-width:0}.gc__pl{display:grid;gap:3px;justify-items:start}.gc__ring{display:grid;flex:none;height:34px;place-items:center;position:relative;width:34px}.gc__ring svg{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.gc__ring-arc,.gc__ring-track{fill:none}.gc__ring-track{stroke:var(--line)}.gc__ring-arc{stroke:var(--gc-tint);stroke-linecap:round}.gc__ring b{color:var(--gc-ink);font-weight:800;position:relative}.gc__place,.gc__ring b{font-size:var(--fs-1);font-variant-numeric:lining-nums tabular-nums;line-height:1}.gc__place{color:var(--ink-3);white-space:nowrap}.gc__lp{grid-area:lp;justify-self:end;min-width:0;padding-right:8px;text-align:right}.gc .lp-sub{line-height:1.2;margin-left:auto;margin-top:5px;max-width:100%;text-align:right;white-space:normal}.gc .lp--est{text-underline-offset:4px}.gc__chev{color:var(--ink-3);grid-area:chev;justify-self:end;transition:transform .15s ease}.gc.is-open .gc__chev{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.gc__chev{transition:none}}.gc__panel{background:var(--bg-1);border-radius:0 0 calc(var(--r-1) - 1px) calc(var(--r-1) - 1px);border-top:1px solid color-mix(in oklab,var(--gc-tint) var(--gc-edge),var(--line));min-width:0;padding:10px 12px 12px}.gc__panel[hidden]{display:none}@container (min-width: 820px){.gc__body{gap:0 6px}.gc:not(.gc--flat) .gc__body{grid-template-areas:"res ch who stats build ring lp chev";grid-template-columns:56px 88px minmax(0,1fr) 100px 170px 78px 148px 14px}.gc--flat .gc__body{grid-template-areas:"res ch who stats lp chev";grid-template-columns:56px 88px minmax(0,1fr) 100px 148px 14px}.gc__stats{display:grid}.gc__score{display:flex}.gc__fig{display:none}}@container (min-width: 820px) and (max-width: 1039px){.gc__stat:has(.gc__with) .gc__kda small{display:none}}@container (max-width: 719px){.gc--flat .gc__body,.gc__body{gap:4px 10px;grid-template-areas:"ch who lp chev" "l2 l2 l2 l2";grid-template-columns:88px minmax(0,1fr) auto 14px;padding:6px 12px}.gc__res{align-items:baseline;display:flex;gap:0 6px;grid-area:l2;justify-self:start;max-width:calc(100% - 178px);min-width:0;overflow:hidden;white-space:nowrap}.gc--flat .gc__res{max-width:100%}.gc__res .gc__dur:before,.gc__res .gc__time:before{color:var(--ink-3);content:"·"/"";margin-right:6px}.gc__build{grid-area:l2;justify-self:end}}@container (max-width: 559px){.gc--flat .gc__body,.gc__body{gap:4px 6px;grid-template-columns:84px minmax(0,1fr) auto 14px;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 (min-width: 440px) and (max-width: 559px){.gc:not(.gc--flat) .gc__body{grid-template-areas:"ch who ring lp chev" "l2 l2 l2 l2 l2";grid-template-columns:84px minmax(0,1fr) auto auto 14px}.gc__score{display:flex}.gc__place{display:none}}@container (min-width: 560px) and (max-width: 719px){.gc:not(.gc--flat) .gc__body{grid-template-areas:"ch who ring lp chev" "l2 l2 l2 l2 l2";grid-template-columns:88px minmax(0,1fr) auto auto 14px}.gc__score{display:flex}}@container (max-width: 399px){.gc:not(.gc--flat) .gc__dur{display:none}}@container (max-width: 299px){.gc__ru{display:none}.gc--flat .gc__body,.gc__body{grid-template-columns:64px minmax(0,1fr) auto 14px}}.gx{display:grid;gap:var(--sp-3);min-width:0}.gx__skel{min-height:230px}.gx__h{align-items:baseline;color:var(--ink-2);display:flex;flex-wrap:wrap;font-size:var(--fs-2);gap:2px 12px;margin:0}.gx__h b{color:var(--ink);font-size:var(--fs-3);font-weight:600}.gx__teams{display:grid;gap:var(--sp-3);min-width:0}.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{list-style:none;margin:2px 0 8px}.gx__foot{align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px}}