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