*{box-sizing:border-box} :root{color-scheme:light;--bg:#f3f5f8;--card:#fff;--text:#172033;--muted:#657084;--line:#e1e6ee;--blue:#2458c6;--blue-light:#edf3ff;--green:#19744a;--red:#b42318}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.container{width:min(900px,100% - 28px);margin:24px auto 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.topbar h1,.login h1{font-size:clamp(1.4rem,4vw,2rem);margin:0}.topbar p,.login p{margin:4px 0 0;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0;box-shadow:0 2px 8px #15233a08}.card h2{font-size:1.15rem;margin:0 0 8px}.card p{margin:6px 0 12px}.summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.summary h2{font-size:1.25rem;margin:4px 0}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--muted)}.count{text-align:center;background:var(--blue-light);border-radius:12px;padding:12px 18px;min-width:110px}.count strong{display:block;font-size:1.6rem;color:var(--blue)}.count span{font-size:.8rem;color:var(--muted)}
.player-row{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 0;border-top:1px solid var(--line)}.player-info{display:flex;align-items:baseline;gap:8px;flex:1;min-width:120px}.muted{color:var(--muted);font-size:.88rem}.attendance{display:flex;gap:6px;flex-wrap:wrap}button{font:inherit;font-weight:650;border:0;border-radius:9px;background:var(--blue);color:white;padding:10px 14px;cursor:pointer}button:hover{filter:brightness(.96)}button:focus-visible,input:focus-visible{outline:3px solid #91b5ff;outline-offset:2px}.attendance button{font-size:.83rem;padding:8px 10px;background:#eef1f6;color:#334055}.attendance button.selected{background:#d9f5e7;color:#12663e}.attendance button.selected.danger{background:#fde8e7;color:#9d1c14}.secondary{background:#e8edf5;color:#26354d}.small{font-size:.78rem;padding:7px 9px}.danger-button{background:#fff0ef;color:var(--red)}.status{font-size:.83rem;font-weight:700;padding:6px 9px;border-radius:999px;background:#eef1f6;white-space:nowrap}.status.playing{background:#d9f5e7;color:#12663e}.status.reserve{background:#fff1cc;color:#795400}.status.cancelled,.status.absent{background:#fde8e7;color:#9d1c14}.pill{font-size:.78rem;background:#edf0f5;color:#455168;border-radius:999px;padding:3px 8px;margin-left:4px}
.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.success{background:#e0f7e9;color:#125b37}.error{background:#fde8e7;color:#922018}.draw-card{border-color:#c8d7fb;background:#f9fbff}.guest-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.guest-form label,.login label{display:block;font-weight:650;font-size:.9rem;margin-bottom:5px}.guest-form input{flex:1;min-width:180px}input{font:inherit;border:1px solid #cbd3df;border-radius:9px;padding:11px 12px;background:#fff;color:var(--text)}.reserve-row{display:flex;align-items:center;gap:8px}.rank{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff1cc;font-weight:800;font-size:.82rem;flex-shrink:0}.reserve-row .player-row{flex:1;min-width:0}.log summary{cursor:pointer;font-weight:700}.log ol{padding-left:22px}.log li{margin:8px 0}.log time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}footer{text-align:center;color:var(--muted);font-size:.8rem;margin-top:24px}.login{width:min(430px,calc(100% - 28px));margin:10vh auto}.login form{margin-top:20px}.login input{width:100%;margin:6px 0 12px}.login button{width:100%}
@media(max-width:600px){.container{width:calc(100% - 18px);margin:10px auto 28px}.card{padding:15px;border-radius:12px}.topbar{align-items:flex-start}.summary{align-items:flex-start}.count{min-width:88px;padding:9px}.player-row{align-items:flex-start;flex-wrap:wrap;gap:8px}.player-info{flex-basis:100%}.attendance{flex:1}.attendance button{flex:1}.status{margin-right:auto}.guest-form button{width:100%}}