.roster-page .community-intro{margin-bottom:24px}.roster-page .community-intro h1{font-size:clamp(32px,5vw,54px)}.roster-note{border-left:3px solid var(--gold);max-width:880px;margin:24px 0 36px;padding:2px 20px;font-size:14px;line-height:1.8}.roster-note p{margin:10px 0}.roster-result{opacity:.75;margin:20px 0;font-size:14px}.roster-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.roster-list li{background:#fffdf470;border-bottom:1px dashed #173a5940;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 12px;display:flex}.roster-list h2{margin:0 0 6px;font-size:20px;font-weight:500}.roster-list small{opacity:.7;font-size:13px}.roster-list p{flex-basis:100%;margin:0;font-size:14px;line-height:1.7}.roster-status{background:#173a590a;border:1px solid #173a5920;padding:5px 8px;font-size:13px}.roster-status.collected{color:#286044;background:#edf5eb}@media (max-width:1000px){.roster-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.roster-list{grid-template-columns:1fr}}.roster-editor{border-top:1px dashed #173a5940;width:100%;padding:16px 0}.roster-editor label{align-items:center;gap:10px;margin-bottom:14px;font-size:14px;display:flex}.roster-editor input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue)}.roster-editor input[type=password]{border:1px solid var(--ink);width:100%;min-width:0;padding:8px}.roster-editor button{border:1px solid var(--ink);background:var(--paper);font:inherit;margin-right:10px;padding:7px 14px}.roster-status{font-family:inherit}.roster-status:disabled{opacity:.6}.roster-mode{justify-content:space-between;align-items:center;gap:16px;margin:20px 0;display:flex}.roster-mode button{font:inherit;border:1px solid var(--ink);background:var(--paper);white-space:nowrap;padding:8px 16px;font-size:14px}.roster-mode button[aria-pressed=true]{background:var(--gold)}.roster-gate{border:1px dashed #173a5940;max-width:420px;padding:20px}.roster-gate p{font-size:14px;line-height:1.6}