/* Read-only Open Play Session Complete participation. */
#sessionComplete .participation-card{padding:22px;color:#172525}
#sessionComplete .participation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
#sessionComplete .participation-heading h2{display:flex;align-items:center;gap:10px;margin:0 0 5px;font-size:21px;line-height:1.35}
#sessionComplete .participation-heading svg{width:26px;height:26px;flex-shrink:0;color:#075056}
#sessionComplete .participation-heading p{margin:0;color:#62747b;font-size:13px;line-height:1.5}
#sessionComplete .participation-count{flex-shrink:0;padding:5px 10px;border:1px solid #e4eceb;background:#f5f8f7;border-radius:20px;color:#536970;font-size:12px;white-space:nowrap}
#sessionComplete .participation-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 0;background:#eaf5f4;border-radius:10px;margin-bottom:16px}
#sessionComplete .participation-totals>div{text-align:center;padding:0 8px;display:grid;gap:4px}
#sessionComplete .participation-totals>div+div{border-left:1px solid #cee1df}
#sessionComplete .participation-totals strong{color:#075056;font-size:24px;line-height:1.2;font-weight:650}
#sessionComplete .participation-totals span{font-size:12px;color:#536970}
#sessionComplete .participation-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,160px) minmax(130px,160px);gap:10px;align-items:center;margin-bottom:16px}
#sessionComplete .participation-toolbar label{position:relative;min-width:0;margin:0}
#sessionComplete .participation-toolbar input,#sessionComplete .participation-toolbar select{box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cddcde;border-radius:8px;background:#fff;color:#172525;font:inherit;font-size:13px;line-height:1.4}
#sessionComplete .participation-toolbar input{padding-left:36px}
#sessionComplete .participation-search svg{position:absolute;left:11px;top:13px;width:18px;height:18px;color:#62747b;pointer-events:none}
#sessionComplete .participation-table{table-layout:fixed;width:100%;min-width:0;border-collapse:collapse;margin:0}
#sessionComplete .participation-table th{font-size:12px;font-weight:500;color:#536970;text-transform:none;letter-spacing:normal;background:white;text-align:left;line-height:1.4;padding:9px 6px}
#sessionComplete .participation-table th:first-child{width:52%}#sessionComplete .participation-table th:nth-child(2){width:20%}#sessionComplete .participation-table th:nth-child(3){width:28%}
#sessionComplete .participation-table td{padding:9px 6px;border-top:1px solid #e4eceb;border-bottom:0;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.5;background:white}
#sessionComplete .participation-player{display:flex;align-items:center;gap:12px;min-height:38px;min-width:0;width:100%;padding:0;border:0;border-radius:5px;text-align:left;background:transparent;box-shadow:none;color:#172525;white-space:normal;font-size:14px}
#sessionComplete .participation-player strong{min-width:0;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.5}
#sessionComplete .participation-avatar{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;background:#e2f2ee;border-radius:50%;font-size:11px;font-weight:600;color:#075056}
#sessionComplete .participation-games{display:inline-block;border:1px solid #c7e4e0;border-radius:20px;padding:3px 10px;background:#f0f8f6;color:#075056;font-size:12px;line-height:1.5;white-space:normal}
#sessionComplete .participation-table .participation-row{cursor:pointer}
#sessionComplete .participation-row:hover td{background:#f6faf9}
#sessionComplete .participation-row td:last-child{position:relative;padding-right:22px;color:#62747b}
#sessionComplete .participation-chevron{position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#172525;font-size:21px;line-height:1}
#sessionComplete .participation-detail[hidden]{display:none}
#sessionComplete .participation-detail td{padding:14px;background:#f2f8f6;font-size:13px;color:#334b47}
#sessionComplete .participation-detail h3{font-size:14px;margin:0 0 10px;line-height:1.5;color:#075056}
#sessionComplete .participation-detail p{margin:6px 0}#sessionComplete .participation-detail ul{margin:10px 0 0;padding-left:20px}#sessionComplete .participation-detail li{margin:0 0 10px}
#sessionComplete .participation-empty{text-align:center;padding:24px 8px;color:#62747b}
#sessionComplete .participation-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:14px;border-top:1px solid #e4eceb}
#participationRange{margin:0;color:#62747b;font-size:12px;line-height:1.5}
#participationPagination{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:100%}#participationPagination[hidden]{display:none}
#sessionComplete #participationPagination button{min-width:40px;min-height:44px;padding:8px 10px;background:white;border:1px solid #ccdbde;color:#172525;font-size:12px;line-height:1.4;border-radius:7px}
#sessionComplete #participationPagination button[aria-current=page]{background:#075056;border-color:#075056;color:white}
#sessionComplete #participationPagination button:disabled{background:#f4f7f7;color:#87989f;border-color:#e7eeee;cursor:default;opacity:1}
#sessionComplete .participation-footnote{margin:12px 0 0;color:#62747b;font-size:11px;line-height:1.6}
#sessionComplete .participation-card :focus-visible{outline:2px solid #075056;outline-offset:2px}
#sessionComplete .participation-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){#sessionComplete .participation-card{padding:16px 12px}#sessionComplete .participation-heading h2{font-size:18px;gap:8px}#sessionComplete .participation-heading p{font-size:12px}#sessionComplete .participation-heading svg{width:23px;height:23px}#sessionComplete .participation-count{display:none}#sessionComplete .participation-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#sessionComplete .participation-search{grid-column:1/-1}#sessionComplete .participation-table th{font-size:11px;padding:9px 4px}#sessionComplete .participation-table th:first-child{width:44%}#sessionComplete .participation-table th:nth-child(2){width:23%}#sessionComplete .participation-table th:nth-child(3){width:33%}#sessionComplete .participation-table td{padding:10px 4px;font-size:12px}#sessionComplete .participation-player{gap:7px}#sessionComplete .participation-player strong{font-size:12px}#sessionComplete .participation-avatar{width:28px;height:28px;font-size:10px}#sessionComplete .participation-games{padding:3px 6px;font-size:11px}#sessionComplete .participation-row td:last-child{padding-right:17px}#sessionComplete .participation-footer{align-items:flex-start;flex-direction:column}#participationPagination{gap:4px}#sessionComplete #participationPagination button{padding:8px;min-width:36px}}