:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;color:#163947;background:#eef5f5;font-size:17px}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;background:#163947;color:white}h1{font-size:1.6rem;margin:4px 0}a{color:inherit}main{max-width:1300px;margin:auto;padding:16px 4vw}h2{margin:0 0 10px;font-size:1.4rem}h3{margin:0 0 12px}button,.action{border:0;border-radius:8px;padding:13px 20px;font:inherit;font-weight:700;background:#086c72;color:white;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{background:#cddadc;color:#546970;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #db9600;outline-offset:4px}.panel,.rules{background:white;border:1px solid #d0e0e2;border-radius:12px;padding:20px;margin:16px 0}.phase{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;font-size:.85rem;background:#e1eff1;border-radius:20px;padding:5px 10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.slot{border:1px solid #c2d8da;border-radius:10px;background:white;padding:14px;text-align:center}.slot strong{font-size:1.8rem;display:block;color:#086c72}.slot.fixed{background:#dcefe8;border-color:#5a9f80}.slot span{display:block;margin-top:8px;font-size:.9rem}.participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.person{border-bottom:1px solid #e0e8e9;padding:9px 0}.person b{display:block;margin-bottom:6px}.submitted{color:#26704d}.pending{color:#67512c}.hands{display:flex;flex-wrap:wrap;gap:14px}.hands button{font-size:1.4rem;min-width:120px}.groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.group{background:#f4f8f8;padding:16px;border-radius:10px}.history{padding:12px 0;border-bottom:1px solid #d9e4e5;line-height:1.8}.muted{color:#547078}#connection{font-size:.9rem;margin:4px 0}#error:not(:empty){padding:14px;background:#fff0d2;color:#634000;border-radius:8px}.rules summary{font-weight:bold;cursor:pointer}.rules li{margin:10px 0;line-height:1.7}footer{font-size:.8rem;color:#547078;margin:24px 0}body.projection .private{display:none}@media(max-width:600px){:root{font-size:15px}header{padding:16px}main{padding:14px}.panel{padding:16px}.grid{grid-template-columns:repeat(3,1fr)}.participants{grid-template-columns:repeat(2,1fr)}header a{font-size:.85rem}h1{font-size:1.3rem}}

.admin-control{margin-left:auto;max-width:420px}.admin-control p{margin:0 0 10px}.projection #board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.projection .panel{margin:0;padding:16px}.projection .phase{grid-column:1/-1}.projection .slots-panel{grid-column:1;grid-row:2}.projection .roster-panel{grid-column:2;grid-row:2}.projection .groups-panel{grid-column:1;grid-row:3}.projection .history-panel{grid-column:2;grid-row:3;max-height:310px;overflow:auto}.projection .grid{grid-template-columns:repeat(6,1fr);gap:7px}.projection .slot{padding:10px 4px}.projection .slot strong{font-size:1.5rem}.projection .slot span{font-size:.75rem}.projection .participants{grid-template-columns:repeat(3,1fr);font-size:.8rem;gap:5px}.projection .person{padding:7px 0}.projection .groups{gap:8px;grid-template-columns:repeat(2,1fr)}.projection .group{padding:10px;font-size:.85rem}.projection .group p{margin:8px 0}.projection h3{font-size:1rem}.projection .history{font-size:.8rem;padding:8px 0}.projection .rules{padding:12px;margin:12px 0}.projection header{padding:12px 4vw}.projection main{padding-top:8px}.projection #connection{margin:0 0 8px}.projection footer{margin:10px 0}@media(max-width:800px){.projection #board{display:block}.projection .panel{margin-bottom:12px}.projection .history-panel{max-height:none}.admin-control{margin-left:0}}
.projection #board:not(:has(.groups-panel)) .history-panel{grid-column:1/-1;}