@layer theme,base,components,utilities;@layer components{.logbox{container-type:inline-size;min-width:0}.log{position:relative}.log:before{background:var(--line-2);bottom:8px;content:"";left:9px;position:absolute;top:14px;width:2px}.log-day{align-items:baseline;display:flex;flex-wrap:wrap;gap:2px 12px;justify-content:space-between;padding:14px 0 6px 30px;position:relative}.log-day:first-child{padding-top:2px}.log-day:before{background:var(--ink);border-radius:2px;content:"";height:10px;left:5px;position:absolute;top:18px;width:10px}.log-day:first-child:before{top:6px}.log-day>b{font-weight:600}.log-edge{align-items:center;color:var(--ink-3);display:flex;font-size:var(--fs-2);gap:12px;padding:18px 0 2px 30px}.log-edge:after,.log-edge:before{border-top:1px dashed var(--line-2);content:"";flex:1 1 0}.log-edge:before{flex:0 0 12px}.log-day>span{color:var(--ink-2);font-size:var(--fs-2)}.log-day>span b{font-weight:800}.log-also{align-items:center;border-top:1px solid var(--line);color:var(--ink-2);display:grid;font-size:var(--fs-2);gap:10px;grid-template-columns:20px minmax(0,1fr) auto;min-height:34px;padding:4px 0;position:relative}.log-also__node{background:var(--bg-1);border:2px solid var(--loss);height:10px;justify-self:center;position:relative;transform:rotate(45deg);width:10px;z-index:1}.log-also--gain .log-also__node{border-color:var(--gain)}.log-also .lp{font-size:var(--fs-3)}.g{align-items:center;border-top:1px solid var(--line);color:inherit;display:grid;gap:0 12px;grid-template-columns:20px 32px minmax(0,1fr) 40px 84px 60px 48px 44px 150px;min-height:46px;padding-block:6px;position:relative;text-decoration:none}.g[data-href]:hover,a.g:hover{background:color-mix(in oklab,var(--bg-2) 45%,var(--bg-1))}.g[data-href]{cursor:pointer}.g__node{height:12px;justify-self:center;position:relative;width:12px;z-index:1}.g--win .g__node{background:var(--gain);clip-path:polygon(50% 0,100% 100%,0 100%)}.g--loss .g__node{background:var(--loss);clip-path:polygon(0 0,100% 0,50% 100%)}.g--zero .g__node{background:var(--bg-1);border:2px solid var(--ink-2);border-radius:50%}.g--remake .g__node{background:var(--line-3);border-radius:50%;box-shadow:0 0 0 2px var(--bg-1);height:8px;width:8px}.g--sync .g__node{background:var(--bg-1);border:2px dotted var(--ink-2);border-radius:50%}.g__who{min-width:0}.g__who b{font-weight:600;line-height:1.25}.g__who b,.g__who small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g__who small{color:var(--ink-3);font-size:var(--fs-2);line-height:1.3}.g__who .m{display:none}.g__res{font-size:var(--fs-2);font-weight:600}.g--win .g__res{color:var(--gain-ink)}.g--loss .g__res,.g--zero .g__res{color:var(--loss-ink)}.g--remake .g__res,.g--sync .g__res{color:var(--ink-3)}.g__kda{font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.g__kda i{color:var(--ink-3);font-style:normal;padding:0 1px}.g__cs,.g__dur,.g__time{color:var(--ink-2);font-size:var(--fs-2);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.g__lp{justify-self:end;text-align:right}.g--dim{opacity:.62}.g--grp{grid-template-columns:20px 32px minmax(0,1fr) 84px 44px 150px}@container (max-width: 760px){.g{grid-template-columns:20px 32px minmax(0,1fr) 40px 84px 44px 132px}.g__cs,.g__dur{display:none}.g--grp{grid-template-columns:20px 32px minmax(0,1fr) 84px 44px 132px}}@container (max-width: 560px){.g,.g--grp{gap:0 10px;grid-template-columns:20px 32px minmax(0,1fr) auto}.g__cs,.g__dur,.g__kda,.g__res,.g__time,.g__who .d{display:none}.g__who .m{display:block}.log-day{padding-left:30px}.g .lp-sub>.d{display:none}.g .lp-sub>.m{display:inline-flex}.g .lp-sub{line-height:1.25;margin-left:auto;max-width:14ch;text-align:right;white-space:normal}}.log-foot{align-items:center;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 0 0 30px}.log-skel{min-height:276px}.log-err{align-items:center;color:var(--danger);display:inline-flex;font-size:var(--fs-2);font-weight:600;gap:6px}.log-err .ico{flex:none;height:16px;width:16px}}