.history{margin:0;padding:0;list-style:none;display:grid;container-type:inline-size}.history-row{border-bottom:2px dashed var(--line);grid-template-columns:36px minmax(160px,1.2fr) auto minmax(0,2fr) auto 92px;align-items:center;gap:12px;min-width:0;padding:11px 0;display:grid}.history-row:last-child{border-bottom:0}.history-result{border:var(--edge-thin);width:32px;height:32px;font-family:var(--display);background:var(--panel-2);border-radius:10px;place-items:center;font-size:15px;display:grid}.history-row.win .history-result{background:var(--lettuce);color:#fff}.history-row.lose .history-result{background:var(--ketchup);color:#fff}.history-row.draw .history-result{background:var(--mustard-2)}.history-game{align-items:center;gap:10px;min-width:0;display:flex}.history-icon{background:color-mix(in srgb, var(--gc,#999) 22%, white);border:2px solid color-mix(in srgb, var(--gc,#999) 60%, black);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.history-main{min-width:0;display:grid}.history-main b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.history-main small{color:var(--dim);font-size:12px}.history-badge{font-weight:800}.history-badge.win{color:var(--lettuce-ink)}.history-badge.lose{color:var(--ketchup-ink)}.history-user{color:inherit;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:700;display:flex}.history-user span{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.history-detail{min-width:0;color:var(--muted);gap:4px;font-size:12.5px;display:grid}.history-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.history-players{flex-wrap:wrap;gap:4px;display:flex}.history-players span{background:var(--panel-2);border-radius:8px;padding:1px 7px;font-size:11.5px}.history-players span.won{background:color-mix(in srgb, var(--lettuce) 18%, transparent)}.history-players span.me{outline:2px solid var(--ink)}.history-gains{white-space:nowrap;justify-items:end;gap:2px;font-size:13px;font-weight:700;display:grid}.history-when{white-space:nowrap;justify-items:end;font-size:12px;display:grid}.history-empty{padding:26px 10px}@container (width<=820px){.history-row{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"r g gain""r u u""r d when";gap:4px 10px}.history-result{grid-area:r;align-self:start;margin-top:2px}.history-game{grid-area:g}.history-user{grid-area:u}.history-detail{grid-area:d}.history-gains{grid-area:gain;align-items:center;gap:8px;display:flex}.history-when{grid-area:when;align-self:end;gap:8px;display:flex}}.history-panel .panel-title{flex-wrap:wrap;gap:10px}.history-panel .small-select{width:auto;max-width:210px}.history-more{width:100%;margin-top:12px}