.game-activity-list{margin:0 0 24px;padding:0;list-style:none;container-type:inline-size}.game-activity-row{border-bottom:1px solid var(--border);grid-template-columns:48px 90px 56px minmax(130px,.8fr) minmax(160px,1.3fr) 64px;grid-template-areas:"avatar date capsule copy review score";align-items:center;gap:18px;padding:22px 0;display:grid}.activity-person{grid-area:avatar}.activity-person .profile-photo{width:48px;height:48px}.game-activity-date{color:var(--muted);grid-area:date;font-size:.72rem}.game-activity-date .activity-date small{margin-top:5px;font-size:.7rem;display:block}.activity-capsule{grid-area:capsule}.activity-capsule .game-mark{border-radius:7px;width:56px;height:78px}.game-activity-copy{grid-area:copy;min-width:0}.activity-title{overflow-wrap:anywhere;font-size:1rem;font-weight:600;display:block}.activity-actor{color:var(--accent);margin-bottom:5px;font-size:.8rem;display:block}.game-activity-copy p{color:var(--muted);margin-top:6px;font-size:.8rem}.activity-review{border-left:2px solid var(--border);color:var(--foreground);white-space:pre-wrap;overflow-wrap:anywhere;grid-area:review;min-width:0;margin:0;padding:4px 0 4px 18px;font-size:.85rem;line-height:1.65}.activity-score{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;grid-area:score;font-size:1.2rem}.activity-score small{color:var(--muted);font-size:.7rem}.activity-period{color:var(--muted);margin:8px 0 4px;font-size:.85rem}.activity-history-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.activity-history-controls p{color:var(--muted);font-size:.85rem}.activity-group{border-bottom:1px solid var(--border)}.activity-group-summary{border-bottom:0;border-radius:12px;grid-template-columns:48px 144px 80px minmax(0,1fr) 40px;grid-template-areas:"avatar date capsule copy toggle";position:relative}.activity-group-summary:hover{background:var(--surface)}.activity-date-range time{white-space:nowrap}.activity-date-range-days{flex-direction:column;gap:4px;display:flex}.activity-date-range-separator{line-height:1}.activity-group-summary:has(.activity-group-toggle:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.activity-group-toggle{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;grid-area:toggle;place-items:center;display:grid}.activity-group-toggle:after{content:"";border-radius:12px;position:absolute;inset:0}.activity-group-toggle:focus-visible{outline:none}.activity-group-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.activity-capsule-stack{pointer-events:none;grid-area:capsule;width:80px;height:78px;position:relative}.activity-stack-cover{position:absolute;top:0;right:0}.activity-stack-cover .game-mark{width:56px;height:78px;box-shadow:-2px 0 5px var(--background);border-radius:7px}.activity-stack-cover-0{z-index:3}.activity-stack-cover-1{z-index:2;opacity:.55;right:12px;transform:scale(.94)}.activity-stack-cover-2{z-index:1;opacity:.25;right:24px;transform:scale(.88)}.activity-group-entries{border-left:2px solid var(--border);margin:0 0 22px 24px;padding:0 0 0 40px;list-style:none;container-type:inline-size}.activity-group-child{grid-template-columns:90px 56px minmax(130px,.8fr) minmax(160px,1.3fr) 64px;grid-template-areas:"date capsule copy review score"}.activity-group-child:last-child{border-bottom:0}@container (max-width:800px){.game-activity-row{grid-template-columns:40px 42px minmax(0,1fr) max-content;grid-template-areas:"avatar capsule copy score"".capsule date date"".review review review";gap:8px 12px;padding:18px 0}.game-activity-row:not(:has(.activity-review)){grid-template-areas:"avatar capsule copy score"".capsule date date"}.activity-person{align-self:start}.activity-person .profile-photo{width:40px;height:40px}.activity-capsule{align-self:start}.activity-capsule .game-mark{width:42px;height:60px}.activity-title{font-size:.9rem}.game-activity-date .activity-date small{margin:0 0 0 8px;display:inline}.activity-review{margin-top:6px;padding-left:12px}.activity-score{font-size:1rem}:is(.activity-group-summary,.activity-group-summary:not(:has(.activity-review))){grid-template-columns:40px 62px minmax(0,1fr) 24px;grid-template-areas:"avatar capsule copy toggle"".capsule date date"}.activity-capsule-stack{align-self:start;width:62px;height:60px}.activity-stack-cover .game-mark{width:42px;height:60px}.activity-stack-cover-1{right:10px}.activity-stack-cover-2{right:20px}.activity-group-entries{margin-left:20px;padding-left:20px}.activity-group-child{grid-template-columns:42px minmax(0,1fr) max-content;grid-template-areas:"capsule copy score""capsule date date""review review review"}.activity-group-child:not(:has(.activity-review)){grid-template-areas:"capsule copy score""capsule date date"}}
