.public-attendance{color:#fff;background:#080808;border-top:6px solid #f4cf21;border-bottom:6px solid #ff3b30;padding:42px clamp(16px,5vw,72px)}.public-attendance-head{justify-content:space-between;align-items:end;gap:18px;max-width:1180px;margin:0 auto 22px;display:flex}.public-attendance-head small{color:#f4cf21;letter-spacing:.15em;font-size:12px;font-weight:900;display:block}.public-attendance-head h2{margin:7px 0 0;font-family:Cooper Black,Georgia,serif;font-size:clamp(34px,6vw,58px);line-height:1}.public-attendance-head p{color:#ccc;text-align:right;margin:0;font-size:15px;line-height:1.4}.public-attendance-counts{border:2px solid #fff;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto 20px;display:grid}.public-attendance-counts span{letter-spacing:.08em;border-right:1px solid #777;place-items:center;min-height:76px;font-size:13px;font-weight:900;display:grid}.public-attendance-counts span:last-child{border-right:0}.public-attendance-counts b{color:#f4cf21;font-size:28px;line-height:1;display:block}.public-attendance-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1180px;margin:auto;display:grid}.attendance-group{color:#080808;background:#fff;border:2px solid #fff;padding:16px}.attendance-group h3{letter-spacing:.08em;margin:0 0 12px;font-size:16px}.attendance-group ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.attendance-group li{border-bottom:1px solid #ddd;justify-content:space-between;gap:10px;padding-bottom:8px;font-size:16px;font-weight:800;display:flex}.attendance-group li:last-child{border-bottom:0;padding-bottom:0}.attendance-group li span{color:#666;font-size:13px}.attendance-group .empty{color:#777;font-weight:400}.attendance-group.in{border-color:#f4cf21}.attendance-group.maybe{border-color:#ffd66b}.attendance-group.out{border-color:#ff3b30}.public-attendance-error{max-width:1180px;margin:auto;font-size:16px}.public-attendance a{color:#f4cf21;text-decoration:underline}@media (width<=780px){.public-attendance{padding:30px 12px}.public-attendance-head{display:block}.public-attendance-head p{text-align:left;margin-top:10px}.public-attendance-counts{grid-template-columns:repeat(2,1fr)}.public-attendance-counts span:nth-child(2){border-right:0}.public-attendance-counts span:nth-child(-n+2){border-bottom:1px solid #777}.public-attendance-groups{grid-template-columns:1fr 1fr;gap:8px}.attendance-group{padding:13px 10px}.attendance-group li{font-size:14px}.attendance-group li span{font-size:12px}}