#playerActivity { --activity-accent:#65d9d0; position:relative; width:min(1180px,calc(100% - 32px)); margin:16px auto 0; color:var(--paper,#f2f0ea); font-family:var(--ui-type,Barlow,sans-serif); background:var(--panel,#181e22); border:1px solid var(--line,#343c40); isolation:isolate; }
#playerActivity[hidden],#playerActivity [hidden]{display:none!important}
#playerActivity *,#playerActivity *::before,#playerActivity *::after{box-sizing:border-box}
#playerActivity .activity-heading{display:flex;align-items:center;height:40px;border-bottom:1px solid var(--line,#343c40);gap:4px;padding-right:8px}
#playerActivity button{border:0;background:transparent;color:var(--muted,#acb3b8);font:600 12px var(--ui-type,Barlow,sans-serif);cursor:pointer;min-height:36px;padding:6px 10px}
#playerActivity button:focus-visible{outline:2px solid var(--cyan,#65d9d0);outline-offset:-3px}
#playerActivity button:hover{color:var(--paper,#fff)}
#playerActivity .activity-toggle{display:flex;align-items:center;gap:12px;flex:1;text-align:left;font:600 13px var(--heading-type,'Barlow Condensed',sans-serif);letter-spacing:.06em}
#playerActivity .activity-count{color:var(--activity-accent);font-variant-numeric:tabular-nums}
#playerActivity .activity-count::after{content:' / 3';color:var(--muted,#acb3b8)}
#playerActivity .activity-list{list-style:none;margin:0;padding:0;position:relative;overflow:hidden;height:150px;contain:layout paint;overflow-anchor:none}
#playerActivity .activity-event{--event-colour:#65d9d0;position:relative;display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:14px;height:50px;padding:6px 14px;border-bottom:1px solid var(--line,#343c40);border-left:3px solid var(--event-colour);overflow:hidden;background:var(--panel,#181e22)}
#playerActivity .activity-event[data-kind="cards"]{--event-colour:#bca1f2}
#playerActivity .activity-event[data-kind="crash"]{--event-colour:#7ce2b1}
#playerActivity .activity-event[data-kind="high-roller"]{--event-colour:#dfb978}
#playerActivity .activity-meta{display:flex;flex-direction:column;gap:3px;font:600 12px var(--heading-type,'Barlow Condensed',sans-serif);color:var(--event-colour)}
#playerActivity time{font:11px var(--ui-type,Barlow,sans-serif);color:var(--muted,#acb3b8)}
#playerActivity .activity-copy{min-width:0;display:grid;grid-template-columns:minmax(0,min(260px,60%)) minmax(0,1fr);gap:2px 8px;font-size:14px;line-height:18px}
#playerActivity .activity-player,#playerActivity .activity-action,#playerActivity .activity-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#playerActivity .activity-player{display:flex;align-items:center;gap:4px;max-width:260px;font-weight:700;text-overflow:clip}
#playerActivity .activity-player .member-name{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}
#playerActivity .activity-player>:not(.member-name){flex-shrink:0}
#playerActivity .activity-detail{grid-column:1/-1;color:var(--muted,#acb3b8);font-size:11px}
#playerActivity .activity-result{font:700 19px/1 var(--heading-type,'Barlow Condensed',sans-serif);color:var(--event-colour);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#playerActivity .activity-result small{display:block;font:600 9px/1.5 var(--ui-type,Barlow,sans-serif);letter-spacing:.09em}
#playerActivity .activity-thumb{display:none}
#playerActivity .activity-event[data-big]{--event-colour:#f3ce78;background:color-mix(in srgb,var(--panel,#181e22) 93%,#c99526)}
#playerActivity .activity-arrival{animation:activity-highlight .75s ease-out}
#playerActivity .activity-arrival[data-big]::after{content:'';position:absolute;pointer-events:none;inset:0;transform:translateX(-120%);background:linear-gradient(110deg,transparent 30%,#ffdb8438 48%,transparent 65%);animation:activity-win-sweep 1.1s ease-out}
#playerActivity .activity-arrival[data-big] .activity-result{animation:activity-win-pop .65s ease-out}
@keyframes activity-highlight{from{box-shadow:inset 0 0 0 1px var(--event-colour)}to{box-shadow:inset 0 0 0 1px transparent}}
@keyframes activity-win-sweep{to{transform:translateX(120%)}}
@keyframes activity-win-pop{0%{transform:scale(.92)}35%{transform:scale(1.08)}100%{transform:scale(1)}}
@media(max-width:700px){
 #playerActivity{width:calc(100% - 20px);margin-top:12px}
 #playerActivity .activity-heading{height:44px;padding-right:3px}
 #playerActivity button{padding:5px 7px;min-height:44px;font-size:11px}
 #playerActivity .activity-toggle{gap:5px;font-size:12px}
 #playerActivity .activity-list{height:228px}
 #playerActivity .activity-event{height:76px;grid-template-columns:68px minmax(0,1fr) auto;gap:8px;padding:7px 8px}
 #playerActivity .activity-copy{display:flex;flex-direction:column;font-size:12px;line-height:17px}
 #playerActivity .activity-player{max-width:none}
 #playerActivity .activity-result{font-size:17px}
 #playerActivity .activity-meta{font-size:11px}
 #playerActivity .activity-detail{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#playerActivity *,#playerActivity *::after{animation:none!important;transition:none!important}}
#playerActivity[data-motion="off"] *,#playerActivity[data-motion="off"] *::after{animation:none!important;transition:none!important}

#playerActivity .activity-list:empty::before{content:"Waiting for recent activity";display:block;padding:18px 14px;color:var(--muted,#acb3b8);font-size:12px}
#playerActivity .activity-arrival[data-big]{animation-duration:1.2s}

/* Card art stays cropped inside the right third, without affecting row geometry. */
#playerActivity .activity-watermark{position:absolute;pointer-events:none;right:0;top:0;bottom:0;width:33.333%;overflow:hidden;z-index:0;mask-image:linear-gradient(to right,transparent,#000 25%)}
#playerActivity .activity-watermark .activity-thumb{display:block;position:absolute;width:90%;max-width:260px;height:auto;right:4%;top:50%;transform:translateY(-45%) rotate(30deg);opacity:.24;filter:saturate(.85)}
#playerActivity .activity-event[data-kind="cards"]{grid-template-columns:105px minmax(0,1fr);padding-right:33.333%}
#playerActivity .activity-meta,#playerActivity .activity-copy,#playerActivity .activity-result{position:relative;z-index:1}
@media(max-width:700px){#playerActivity .activity-event[data-kind="cards"]{grid-template-columns:68px minmax(0,1fr)}}

/* Drop keeps its ember identity for ordinary results and big wins. */
#playerActivity .activity-event[data-kind="drop"]{--event-colour:#e27e4c}
#playerActivity .activity-event[data-kind="drop"][data-big]{background:color-mix(in srgb,var(--panel,#181e22) 93%,#e27e4c)}
#playerActivity .activity-arrival[data-kind="drop"][data-big]::after{background:linear-gradient(110deg,transparent 30%,#e27e4c38 48%,transparent 65%)}

/* Identity cosmetics must fit their allotted line, even after affiliation hydration. */
#playerActivity .activity-copy{min-height:0;max-height:100%}
#playerActivity .activity-player{min-width:0;height:22px;min-height:0;max-height:22px;overflow:hidden}
#playerActivity .activity-player .member-name{flex:1 1 auto;min-width:0;line-height:20px}
#playerActivity .activity-player .company-tag{flex:0 1 auto;min-width:0;max-width:30%;margin-right:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#playerActivity .activity-player :is(.member-badge-image,.member-badge-emoji){flex:0 0 16px;max-width:16px;max-height:18px;object-fit:contain;font-size:14px;overflow:hidden}
#playerActivity .activity-player:is(.nameplate,.nameplate-area){width:100%;min-width:0;max-width:100%;height:22px;min-height:0;max-height:22px;padding:0 4px!important;gap:3px;aspect-ratio:auto}
#playerActivity .activity-player .nameplate-content{display:flex;flex:1 1 auto;width:100%;min-width:0;min-height:0;max-width:100%;height:20px;padding:0;gap:3px;overflow:hidden;justify-content:flex-start}
#playerActivity .activity-player .nameplate-content .member-name{font-size:inherit;line-height:20px;padding:0}
#playerActivity .activity-result{min-width:0;max-width:clamp(80px,24vw,180px);overflow:hidden;text-overflow:ellipsis}
#playerActivity .activity-event[data-kind="triad"]{--event-colour:#8bc8f0;grid-template-columns:105px minmax(0,1fr) 58px}
#playerActivity .activity-event[data-kind="triad"] .activity-copy{display:flex;flex-direction:column;gap:0}
#playerActivity .activity-event[data-kind="triad"] .activity-player{max-width:100%;width:100%}
#playerActivity .activity-event[data-kind="triad"] .activity-detail{display:block;width:100%;line-height:16px}
#playerActivity .activity-details{padding:2px 0;min-width:0;width:100%;color:var(--event-colour);text-align:right;font-size:11px}
.activity-reward-dialog{box-sizing:border-box;width:min(440px,calc(100% - 24px));max-height:70dvh;overflow:auto;background:var(--panel,#181e22);color:var(--paper,#f2f0ea);border:1px solid var(--line,#343c40);padding:20px;font:14px/1.5 var(--ui-type,Barlow,sans-serif);overflow-wrap:anywhere}
.activity-reward-dialog::backdrop{background:#0009}
.activity-reward-dialog h2{margin:0 0 12px;font:700 22px var(--heading-type,'Barlow Condensed',sans-serif)}
.activity-reward-dialog p{margin:0 0 12px}
.activity-reward-dialog ul{padding-left:20px;margin:12px 0 20px}
.activity-reward-dialog li{margin:8px 0}
.activity-reward-dialog button{min-height:44px;border:1px solid var(--line,#343c40);background:transparent;color:#8bc8f0;padding:8px 16px;font:inherit;cursor:pointer}
.activity-reward-dialog button:focus-visible{outline:2px solid #8bc8f0;outline-offset:3px}
@media(max-width:700px){
 #playerActivity .activity-event[data-kind="triad"]{grid-template-columns:68px minmax(0,1fr) 48px}
 #playerActivity .activity-result{max-width:85px}
}