:root{--brand:#0e8f8a;--brand-dark:#0a6f6b;--brand-tint:#e6f4f3;--ink:#10211f;--muted:#6b7c7a;--line:#e3e9e8;--bg:#f4f6f6}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--brand-dark)}.wrap{margin:0 auto;padding:16px 16px 140px}.wrap,.wrap.narrow{max-width:480px}@media (min-width:760px){.wrap{max-width:980px;padding:28px 28px 140px}.wrap.narrow{max-width:480px}}.cards{display:grid;grid-gap:12px;gap:12px}@media (min-width:760px){.cards{grid-template-columns:1fr 1fr}}.cards.one-col{grid-template-columns:1fr}.split{display:grid;grid-gap:18px;gap:18px}@media (min-width:760px){.split{grid-template-columns:minmax(320px,520px) 1fr;align-items:start}}.appbar{display:flex;align-items:center;gap:10px;padding:8px 4px 14px}.appbar .org{font-weight:700;font-size:15px}.appbar .right{margin-left:auto;font-size:13px}.gridbadge{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;vertical-align:middle;white-space:nowrap}.wrap{font-family:var(--brand-font,inherit)}.banner{height:84px;border-radius:14px;background:linear-gradient(120deg,var(--brand),var(--brand-dark));display:flex;align-items:flex-end;padding:12px;color:var(--brand-contrast,#fff);font-weight:700}.banner.has-image{height:160px}@media (min-width:760px){.banner.has-image{height:200px}}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0}.muted{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:18px repeat(10,1fr);grid-gap:4px;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;width:100%;max-width:560px;margin:0 auto}@media (min-width:760px){.grid{max-width:880px;gap:6px;padding:14px}.cell{font-size:14px;border-radius:9px}.axis{font-size:12px}}.axis{color:var(--brand-dark);font-weight:800}.axis,.cell{font-size:10px;display:flex;align-items:center;justify-content:center}.cell{aspect-ratio:1/1;border-radius:7px;background:#eef2f1;border:1px solid #e1e8e7;color:#9fadab;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.12s}.cell.taken{background:#d6dcdb;color:#7c8a88;cursor:not-allowed}.cell.mine{background:var(--brand);border-color:var(--brand-dark);color:#fff;font-weight:700}.cell.paid{background:#d6f0df;border-color:#9fd9b4;color:#1f7a47;font-weight:700}.cell.mine.paidmark{box-shadow:inset 0 0 0 2px #d6f0df}.cell.winner{position:relative;background:#fff7e0;box-shadow:inset 0 0 0 3px #e3a008;color:#7a5a16}.cell .trophies{position:absolute;top:5px;right:3px;font-size:9px;line-height:1;letter-spacing:-2px;white-space:nowrap}.cell.acting{box-shadow:0 0 0 3px var(--brand),0 0 0 5px #fff;position:relative;z-index:2;cursor:pointer}.legend{display:flex;gap:14px;margin:10px 2px 0;font-size:12px;color:var(--muted)}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:-1px}.footer{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.footer .inner{max-width:560px;margin:0 auto}.footmeta{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:10px}.btn{display:block;width:100%;text-align:center;border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:700;cursor:pointer}.btn.primary{background:var(--brand);color:var(--brand-contrast,#fff)}.btn.primary:disabled{opacity:.45;cursor:not-allowed}.btn.ghost,.input,.select{background:#fff;color:var(--ink);border:1px solid var(--line)}.input,.select{width:100%;border-radius:12px;padding:12px 14px;font-size:15px}.label{display:block;font-size:12px;font-weight:700;color:#42514f;margin:12px 0 6px}.success{background:var(--brand-tint);border:1px solid #cbe7e5;border-radius:12px;padding:14px;color:#205c59;font-size:13px;line-height:1.5}.error{background:#fdecea;border:1px solid #f0b6b2;border-radius:12px;padding:12px;color:#7a1f19;font-size:13px}.toggle{width:46px;height:28px;border-radius:999px;background:#cdd6d5;position:relative;cursor:pointer;transition:.18s;flex:0 0 46px}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle.on{background:var(--brand)}.toggle.on:after{left:21px}.pick{cursor:pointer}.pick.sel{border-color:var(--brand);background:var(--brand-tint)}.pill{display:inline-block;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}.pill.gray{background:#eef2f1;color:#5c6b69}.pill.green{background:var(--brand);color:#fff}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 16px}.tab{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;background:#eef2f1;color:#33433f;text-decoration:none}.tab.active{background:var(--brand);color:#fff}.tab.disabled{opacity:.4;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-bottom:14px}@media (min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}.stat .n{font-size:26px;font-weight:800;line-height:1.1}.stat .l{font-size:12px;color:var(--muted);margin-top:2px}.tablewrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl td,.tbl th{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl th{background:#f7faf9;font-weight:700;color:#42514f;position:-webkit-sticky;position:sticky;top:0}.tbl tr:last-child td{border-bottom:none}.toggle.sm{width:40px;height:24px;flex:0 0 40px}.toggle.sm:after{width:18px;height:18px}.toggle.sm.on:after{left:19px}.link-danger{color:#c4453d;cursor:pointer;font-weight:600}.kbd{font-family:ui-monospace,monospace;background:#eef2f1;padding:1px 6px;border-radius:6px;font-size:12px}textarea.input{resize:vertical;min-height:70px;font-family:inherit}