:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#e2e9e4;background:#111a17;--primary:#a1d6bd;--surface:#202c26;--outline:#7f8d83}
*{box-sizing:border-box}body{margin:0}a{color:var(--primary);text-underline-offset:4px}button{font:inherit;font-weight:600;min-height:44px;border:1px solid var(--outline);border-radius:24px;background:var(--surface);color:var(--primary);padding:10px 20px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:hover:enabled{background:#314539}button:focus-visible,a:focus-visible{outline:3px solid #d0e6a1;outline-offset:3px}[hidden]{display:none!important}
.bar{min-height:72px;display:flex;align-items:center;gap:16px;padding:12px 24px;flex-wrap:wrap;background:#1b2721;border-bottom:1px solid #34483b}.bar strong{font-size:20px}.bar a{text-decoration:none}.bar #sync{margin-left:auto;font-size:14px;color:#c0ccc3}.bar button{padding:8px 18px}.sheet{max-width:760px;padding:40px;margin:8vh auto;background:var(--surface);border-radius:28px;line-height:1.6}.sheet h1{font-size:clamp(28px,4vw,40px);line-height:1.15;font-weight:500}.sheet p{color:#becdc2}.sheet button{margin:12px 12px 0 0}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:#b8cea2}iframe{display:block;border:0;width:100%;height:calc(100dvh - 126px);min-height:480px}footer{min-height:54px;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px;color:#c0ccc3}
@media(max-width:700px){.bar{padding:10px 14px;gap:10px}.bar strong{font-size:17px}.bar #sync{width:100%;margin:0;order:5}.bar button{padding:8px 12px}.sheet{margin:5vh 12px;padding:24px}.sheet button{width:100%;margin-right:0}iframe{height:calc(100dvh - 180px);min-height:420px}footer{padding:12px 14px}}
dialog{width:min(900px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--outline);border-radius:28px;background:var(--surface);color:inherit;padding:28px;line-height:1.5}dialog::backdrop{background:#07120bd9}.board-heading,.board-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.board-heading h2{margin:0 auto 0 0;font-weight:500}.board-rules{color:#c0ccc3;font-size:14px}.board-tabs{margin:20px 0}.board-tabs [aria-pressed=true]{background:var(--primary);color:#10251b}.ranked-choice label{display:flex;gap:10px;align-items:center;min-height:48px}input{font:inherit;padding:10px;border:1px solid var(--outline);border-radius:12px;background:#111a17;color:inherit}input[type=checkbox]{width:24px;height:24px;accent-color:var(--primary)}table{width:100%;border-collapse:collapse;margin-top:20px}caption{text-align:left;margin-bottom:10px;color:#c0ccc3}th,td{text-align:left;padding:12px;border-bottom:1px solid #52635a}th:last-child,td:last-child{text-align:right}.own-score{background:#314539}@media(max-width:700px){dialog{padding:20px}.board-heading{align-items:start}.board-heading h2{font-size:23px}.board-tabs button{padding:10px 12px}th,td{padding:10px 6px}}