@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f7fb;--surface:#ffffff;--surface2:#eef0f6;--border:#e2e5ef;--border2:#eef0f6;--text:#0f1117;--text2:#6b7080;--text3:#9ca3af;--accent:#2563eb;--green:#16a34a;--red:#dc2626;--gold:#d97706}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}button,input,select,textarea{font-family:inherit}input::placeholder{color:var(--text3)}button:disabled{opacity:.5;cursor:not-allowed}.page{max-width:620px;margin:0 auto;padding:32px 20px 64px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;font-size:13px;color:var(--text2)}.topbar a{color:var(--accent);text-decoration:none;font-weight:600}.topbar .who{display:flex;align-items:center;gap:8px}.topbar .who img{border-radius:50%}.h1{font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.sub{color:var(--text2);font-size:14px;margin-bottom:24px}.k{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin:20px 0 10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:10px}.event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none}.event-row .name{font-weight:600;font-size:14px}.event-row .meta{font-size:12px;color:var(--text2);margin-top:2px}.pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.pill.open{background:rgba(22,163,74,.12);color:var(--green)}.pill.locked{background:rgba(217,119,6,.12);color:var(--gold)}.pill.adjudicating{background:rgba(37,99,235,.12);color:var(--accent)}.pill.closed{background:var(--surface2);color:var(--text2)}.pill.picked{background:rgba(37,99,235,.12);color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.chip{padding:7px 13px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-weight:600;font-size:13px;cursor:pointer}.chip.selected{border-color:var(--accent);background:rgba(37,99,235,.12);color:var(--text)}.ranked{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:6px;display:flex;align-items:center}.ranked .arrows{display:flex;flex-direction:column;padding:4px 8px;gap:2px}.ranked .arrows button{background:none;border:none;cursor:pointer;color:var(--text2);padding:2px 6px;font-size:11px;line-height:1}.ranked .arrows button:disabled{color:var(--text3);cursor:default}.ranked .body{display:flex;align-items:center;gap:12px;flex:1 1;padding:13px 16px 13px 0}.ranked .pos{width:28px;font-weight:700;font-size:12px;color:var(--accent);flex-shrink:0}.ranked .teambar{width:3px;height:28px;border-radius:2px;flex-shrink:0}.ranked img.headshot{width:36px;height:36px;border-radius:50%;object-fit:cover}.ranked .dname{font-weight:600;font-size:14px}.ranked .dmeta{font-size:12px;color:var(--text2);margin-top:2px}.ranked .remove{background:none;border:none;color:var(--text3);font-size:18px;cursor:pointer;line-height:1;padding:0 16px;align-self:stretch}.btn{margin-top:20px;width:100%;padding:13px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;background:var(--accent);color:#fff}.btn:disabled{background:var(--surface);color:var(--text3);border:1px solid var(--border);cursor:not-allowed}.err{color:var(--red)}.err,.okmsg{font-size:13px;margin-top:12px}.okmsg{color:var(--green)}.person{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border2)}.person:last-child{border-bottom:none}.person img{border-radius:50%}.person .pname{font-weight:600;font-size:13px}.board-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border2)}.board-row:last-child{border-bottom:none}.board-row .place{width:26px;font-weight:800;font-size:13px;color:var(--text2)}.board-row.first .place{color:var(--gold)}.board-row .points{margin-left:auto;font-weight:700;font-size:14px}.board-picks{font-size:12px;color:var(--text2);margin-top:2px}.chat-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;margin-top:16px}.chat-panel-header{padding:10px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600}.chat-panel-messages{height:220px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-empty{font-size:13px;color:var(--text3);text-align:center;margin:auto}.chat-message{display:flex;flex-direction:column;gap:2px}.chat-message-meta{display:flex;align-items:baseline;gap:6px}.chat-username{font-size:12px;font-weight:600;color:var(--accent)}.chat-time{font-size:11px;color:var(--text3)}.chat-text{font-size:13px;line-height:1.4;word-break:break-word}.chat-panel-input{padding:10px 12px;border-top:1px solid var(--border);display:flex;gap:8px}.chat-panel-input input{flex:1 1;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--bg);color:var(--text);outline:none}.chat-panel-input input:focus{border-color:var(--accent)}.chat-panel-input button{padding:6px 12px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.banner{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:16px;background:rgba(37,99,235,.08);color:var(--accent)}.countdown{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}