:root{--bg: #faf8f5;--card: #ffffff;--ink: #2b2722;--muted: #8a8378;--line: #e7e2da;--accent: #e8871e;--accent-ink: #ffffff;--ok: #3e9c56;--warn: #c65b4e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:720px;margin:0 auto;padding:24px 16px 64px}h1{font-size:1.35rem;margin:8px 0 4px}h2{font-size:1.05rem;margin:0 0 8px}.sub{color:var(--muted);margin:0 0 20px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 1px 2px #0000000a}label{display:block;font-size:.9rem;color:var(--muted);margin:12px 0 4px}input,select{width:100%;padding:12px 14px;font-size:1.05rem;border:1.5px solid var(--line);border-radius:10px;background:#fff}input:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}button{padding:12px 20px;font-size:1rem;font-weight:600;border:0;border-radius:10px;background:var(--accent);color:var(--accent-ink);cursor:pointer;margin-top:16px}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);font-weight:500;padding:8px 14px;font-size:.9rem;margin-top:0}button.danger{background:transparent;color:var(--warn);border:1.5px solid var(--line)}.code-badge{font-size:2.4rem;font-weight:800;letter-spacing:.35em;border:2px dashed var(--line);border-radius:12px;padding:10px 18px;display:inline-block;margin:10px 0;background:#fff}.status-line{color:var(--muted);font-size:.95rem}.big-num{font-size:3rem;font-weight:800}.group{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:10px 0}.group header{display:flex;justify-content:space-between;align-items:center}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 12px;margin:3px 4px 3px 0;font-size:.9rem;background:#fff}.dot{width:8px;height:8px;border-radius:50%;background:#cfc9c0}.dot.on{background:var(--ok)}.pill .ready{color:var(--ok);font-weight:700}.pill button{margin:0;padding:0 4px;background:none;color:var(--muted);font-size:.95rem}.phase-tag{background:#fdf1e3;color:#9a5a10;border-radius:8px;padding:2px 10px;font-size:.85rem;font-weight:600}.error{color:var(--warn);font-weight:600;margin-top:12px}.okmsg{color:var(--ok);font-weight:600;margin-top:12px}.center{text-align:center}.footer-note{color:var(--muted);font-size:.8rem;margin-top:32px;text-align:center}.rowbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.rowbtns button{margin-top:0}main.breed{max-width:1200px}h3{font-size:.95rem;margin:14px 0 6px}.diag-kop{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}.diag-kop .rowbtns{margin-top:8px}.diag-wrap{overflow-x:auto}.diag-controles{width:100%;border-collapse:collapse;font-size:.92rem}.diag-controles th{text-align:left;white-space:nowrap;padding:6px 10px 6px 4px;font-weight:600;vertical-align:top}.diag-controles td{padding:6px 4px;vertical-align:top}.diag-controles tr+tr{border-top:1px solid var(--line)}.diag-bol{display:inline-block;width:12px;height:12px;border-radius:50%;background:#cfc9c0;margin-top:5px}.diag-bol.groen{background:var(--ok)}.diag-bol.oranje{background:var(--accent)}.diag-bol.rood{background:#b3261e}.diag-spelers{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:14px}.diag-speler{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-size:.88rem}.diag-speler.open{border-color:var(--accent)}.diag-rood{color:#b3261e;font-weight:600}.diag-kolommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.diag-scroll{max-height:360px;overflow:auto}.diag-tabel{width:100%;border-collapse:collapse;font:.82rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.diag-tabel td{padding:2px 6px;border-top:1px solid var(--line);vertical-align:top;word-break:break-all}.diag-tabel tr.diag-nieuw td{background:#fff4e0}.diag-lijst{list-style:none;margin:0;padding:0;font-size:.85rem}.diag-lijst li{padding:2px 0;border-top:1px solid var(--line)}.diag-console{font:.8rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:420px;overflow:auto}.diag-regel{padding:3px 0;border-top:1px solid var(--line);white-space:pre-wrap;word-break:break-word}.diag-regel time,.diag-lijst time{color:var(--muted);margin-right:6px}.diag-niveau{text-transform:uppercase;font-size:.72rem;color:var(--muted)}.niveau-error .diag-niveau,.niveau-error .diag-tekst{color:#b3261e}.niveau-warn .diag-niveau{color:var(--accent)}.diag-x{color:var(--muted)}.diag-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}.diag-filters label{display:inline-flex;gap:4px;align-items:center;margin:0}.diag-filters input[type=checkbox]{width:auto}.diag-filters input[type=search],#d-zoek{flex:1;min-width:160px;padding:6px 10px;font-size:.9rem}.diag-detailkop{display:flex;justify-content:space-between;align-items:center;gap:8px}