body{background:#fff}main{max-width:808px;padding-top:24px}body>.public-header .home-link{margin-left:auto;border:1px solid var(--line);padding:10px 12px;border-radius:12px;font-size:13px;white-space:nowrap}#logout{font-size:13px;padding:10px 12px}#notice{max-width:760px;margin:16px auto;padding:12px 18px;border-radius:10px;background:#fff4e8;color:#8b4819}#workspace .session-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}#session-title,#lobby h1{font-size:28px;letter-spacing:-1px;margin:0;overflow-wrap:anywhere}.table-actions{display:flex;gap:8px;flex-shrink:0}.icon-button{border:0;background:none;padding:8px;width:40px;min-height:40px;font-size:25px;font-weight:400;display:grid;place-items:center}.icon-button svg{width:23px;height:23px}.table-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.table-summary span{border:1px solid var(--line);border-radius:14px;padding:7px 11px;font-size:12px;color:var(--muted)}.table-summary .male{color:#3870e1}.table-summary .female{color:#cd4c85}.table-roster>.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.table-roster h2{font-size:19px;margin:0}.hint{font-size:12px;color:var(--muted);line-height:1.7}.section-title .hint{margin:3px 0 0}.assignment-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;background:#f5f8ff;border:1px solid #e4ebf8;border-radius:14px;margin-bottom:24px}.assignment-bar label{display:flex;align-items:center;gap:12px;margin:0;white-space:nowrap}.assignment-bar input{width:70px;margin:0;min-height:42px;padding:8px}.assignment-bar button{min-height:42px;padding:9px 17px}.assignment-bar .hint{margin:0 0 0 auto}.table-group{padding:14px 0;border-top:1px solid var(--line)}.table-group h3{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:500;color:var(--muted);margin:0 0 10px}.table-group h3 span{font-size:11px;background:#f0f4fb;padding:2px 7px;border-radius:8px}.table-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.table-player{border:1px solid #cbdafb;border-radius:12px;text-align:center;min-height:55px;padding:8px 6px;font-size:13px;font-weight:500;overflow-wrap:anywhere;background:#fff}.table-player small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:400}.table-player .player-gender{color:#626b78;font-size:11px;font-weight:500}.table-player.inactive{border-color:var(--line);color:#798291;background:#fbfcfe}.table-player:hover{background:#f3f7ff;border-color:#7b9ee8}.table-empty{padding:10px 0;color:var(--muted);font-size:13px}.add-person{margin-top:12px}.other-session{margin:28px 0 0;color:var(--muted);font-size:12px}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;width:min(480px,calc(100% - 32px));padding:26px;border:1px solid var(--line);border-radius:20px}dialog::backdrop{background:#14243d66}dialog h2{padding-right:30px}dialog .dialog-close{position:absolute;top:12px;right:12px;border:0;background:transparent;font-size:24px;padding:4px;min-height:36px;width:36px}.participant-tools{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.participant-tools button{font-size:12px;padding:9px 12px}.participant-tools button.selected{background:var(--blue);color:white;border-color:var(--blue)}#attendance-players{grid-template-columns:repeat(2,minmax(0,1fr))}#share-url{font-size:12px}#viewer-help{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}#login button[type=submit]{width:100%}#lobby>.section-title{margin-bottom:24px}.lobby-grid{grid-template-columns:1fr 1fr}.session-list button{display:block;width:100%;text-align:left;margin-bottom:8px}.demo-banner{margin:0 0 22px;font-size:12px}.table-player[aria-pressed=true]{background:#eaf1ff;border-color:var(--blue)}
#attendance-dialog .participant-tools{grid-template-columns:1fr}#attendance-mode{margin-bottom:16px}
#login input[aria-invalid=true]{border-color:#b43b24}#demo-reset{background:transparent;border:0;color:var(--blue);font-size:12px;padding:0;min-height:24px;text-decoration:underline;flex-shrink:0}
#demo-banner{display:flex;flex-direction:column;align-items:stretch;gap:2px;line-height:1.7}.demo-banner-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}#demo-banner>span{font-size:clamp(10px,2.7vw,12px);white-space:nowrap}
.table-group h3 .table-name{border:0;background:transparent;padding:4px 0;min-height:36px;font-size:13px;font-weight:500;color:var(--muted);text-align:left;overflow-wrap:anywhere}.table-group h3 .table-name span{background:none;padding:0;font-size:12px}.table-group h3 .table-name:hover{color:var(--blue)}
.assignment-bar button{margin-left:auto}.assignment-bar .hint{flex-basis:100%;margin:0}.table-add{border-style:dashed;font-size:24px;font-weight:400;color:var(--blue);background:#fafcff}#table-picker-players{grid-template-columns:repeat(2,minmax(0,1fr))}
#table-groups .table-players{grid-template-columns:repeat(4,minmax(0,1fr))}.player-memo{overflow-wrap:anywhere} @media(max-width:700px){#table-groups .table-players{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){main{padding:20px 18px 36px}body>.public-header{gap:10px}body>.public-header .home-link{font-size:11px;padding:8px}#logout{font-size:11px;padding:8px}#session-title,#lobby h1{font-size:25px}.table-actions{gap:2px}.table-summary{gap:6px;margin-bottom:24px}.table-summary span{font-size:11px;padding:7px 9px}.table-roster h2{font-size:18px}.table-players{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-bar{padding:12px;gap:10px}.assignment-bar .hint{width:100%;margin:0}.lobby-grid{grid-template-columns:1fr}.table-player{font-size:14px;min-height:58px}.table-player .player-gender{font-size:12px}dialog{padding:22px}#notice{margin:12px 18px}}