:root{--bg: #17212b;--surface: #232e3c;--surface-deep: #0f1620;--tabbar: #212d3b;--muted: #708499;--accent: #ffe400;--on-accent: #17212b;--danger: #fc4d4d;--leg: #e417fc;--divider: rgba(255, 255, 255, .07);--font: -apple-system, "SF Pro Text", system-ui, sans-serif;--mono: "SF Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer}.mono{font-family:var(--mono)}.screen{min-height:100vh;display:flex;flex-direction:column;padding-bottom:58px}.screen--modal-open{overflow:hidden}.page-header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.page-header__title{font:600 17px/1.2 var(--font)}.page-header__action{border:0;background:none;padding:0;font:400 14px/1 var(--font);color:var(--accent)}.page-header__counter{font:600 13px/1 var(--mono);color:var(--muted)}.back{border:0;background:none;text-align:left;padding:12px 16px;color:var(--accent);font:400 15px/1 var(--font)}.sec{padding:16px 16px 8px;display:flex;align-items:baseline;justify-content:space-between;font:600 12px/1 var(--font);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.sec--accent{color:var(--accent)}.sec--danger{color:var(--danger)}.sec__count{font:600 13px/1 var(--mono)}.sec__count--accent{color:var(--accent)}.sec__count--danger{color:var(--danger)}.panel{background:var(--surface);display:flex;flex-direction:column}.panel--reserve{border-left:3px solid var(--danger)}.game-row{background:var(--surface);padding:14px 16px;display:flex;gap:14px;text-align:left;border:0;color:#fff;font-family:var(--font);width:100%}.game-row+.game-row{border-top:1px solid var(--divider)}.game-row--confirmed{border-left:3px solid var(--accent);padding-left:13px}.game-row--hot{background:#ffe4001f;border-top:1px solid rgba(255,228,0,.26)}.game-row--dead{background:#fc4d4d29;border-top:1px solid rgba(252,77,77,.3);border-bottom:1px solid rgba(252,77,77,.3)}.game-row__date{flex:none;width:46px;display:flex;flex-direction:column;align-items:center;gap:3px}.game-row__day{font:600 20px/1 var(--mono)}.game-row__day--accent{color:var(--accent)}.game-row__dow{font:500 10.5px/1 var(--mono);color:var(--muted);letter-spacing:.06em}.game-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.game-row__title{font:600 15.5px/1.25 var(--font)}.game-row__title--dim{color:#ffffff8c}.game-row__pack{font-family:var(--mono);color:var(--muted);font-weight:500}.game-row__pack--dead{color:var(--danger);font-weight:600;text-decoration:line-through}.game-row__meta{font:400 13.5px/1.35 var(--font);color:var(--muted)}.game-row__status{display:flex;align-items:center;gap:9px}.game-row__seats{font:600 13px/1 var(--mono);color:var(--accent)}.game-row__seats--muted{color:var(--muted)}.game-row__hint{font:400 12.5px/1 var(--font);color:var(--muted)}.game-row__hint--accent{font-weight:600;font-size:12px;color:var(--accent)}.game-row__dead-note{font:600 12.5px/1.35 var(--font);color:var(--danger)}.game-row__chevron{align-self:center;color:var(--muted);font:400 17px/1 var(--font)}.vote-buttons{display:flex;gap:7px;margin-top:2px;flex-wrap:wrap}.btn-yes{border:0;border-radius:9px;padding:11px 18px;background:var(--accent);color:var(--on-accent);font:600 13.5px/1 var(--font)}.btn-yes--off{background:#ffe40040;color:#fff}.btn-maybe{border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:11px 14px;background:transparent;color:#fff;font:500 13.5px/1 var(--font)}.btn-maybe--on{border-color:var(--accent);color:var(--accent)}.captain-strip{border-top:1px solid rgba(255,228,0,.26);padding:12px 16px;display:flex;align-items:center;gap:12px;background:#ffe4001f}.captain-strip__text{flex:1;font:400 12.5px/1.35 var(--font);color:#ffffffb3}.btn-play{border:0;border-radius:9px;padding:12px 18px;background:var(--accent);color:var(--on-accent);font:600 13.5px/1 var(--font)}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;border-top:1px solid rgba(255,255,255,.08);background:var(--tabbar);padding:9px 0 13px}.tabbar__item{flex:1;text-align:center;border:0;background:none;font:400 12px/1 var(--font);color:var(--muted)}.tabbar__item--active{font-weight:600;color:var(--accent)}.person-row{padding:11px 16px;display:flex;align-items:center;gap:12px}.person-row+.person-row{border-top:1px solid var(--divider)}.person-row--reserve{padding-left:13px}.person-row--missed{background:#fc4d4d1a}.person-row--added{background:#ffe40014}.person-row__name{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font:500 15px/1.1 var(--font)}.person-row__name--dim{color:#ffffffd9}.person-row__name--missed{color:var(--muted);text-decoration:line-through}.person-row__sub{font:500 11.5px/1 var(--font)}.person-row__sub--danger{color:var(--danger)}.person-row__sub--accent{color:var(--accent)}.person-row__sub--leg{color:var(--leg)}.person-row__tag{font:400 12.5px/1 var(--font);color:var(--muted)}.person-row__tag--leg{color:var(--leg)}.person-row__tag--reserve{font-family:var(--mono);color:var(--danger)}.person-row__tag--last{font-family:var(--mono);color:var(--muted)}.avatar{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 11px/1 var(--font);color:#fff}.avatar--captain{background:var(--accent);color:var(--on-accent);font-weight:700}.avatar--ghost{background:#ffffff14;color:#ffffffb3}.avatar--reserve{background:#fc4d4d2e;color:var(--danger)}.checkbox{flex:none;width:26px;height:26px;border-radius:7px;border:0;display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--font)}.checkbox--on{background:var(--accent);color:var(--on-accent)}.checkbox--off{background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--muted);font-weight:600}.game-head{padding:0 16px 16px;display:flex;flex-direction:column;gap:7px}.game-head__title{font:600 21px/1.2 var(--font)}.game-head__pack{font-family:var(--mono);font-size:16px;color:var(--muted);font-weight:500}.game-head__num{font-family:var(--mono);color:var(--accent)}.game-head__date{font:400 15px/1.4 var(--font);color:#ffffffe0}.game-head__meta{font:400 14px/1.45 var(--font);color:var(--muted)}.game-head__teams{font:400 13.5px/1.4 var(--font);color:var(--muted)}.game-head__teams b{font-family:var(--mono);color:#fff}.poll{background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:13px}.poll__head{display:flex;align-items:baseline;justify-content:space-between}.poll__title{font:600 15px/1.2 var(--font)}.poll__deadline{font:400 12.5px/1 var(--font);color:var(--muted)}.poll__option{display:flex;align-items:center;gap:11px;border:0;background:none;padding:0;color:#fff;text-align:left;width:100%}.poll__radio{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.28)}.poll__radio--on{border:0;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font:700 11px/1 var(--font)}.poll__label{flex:1;font:500 15px/1 var(--font)}.poll__count{font:600 13.5px/1 var(--mono);color:var(--muted)}.poll__count--accent{color:var(--accent)}.footnote{padding:14px 16px 18px;font:400 13px/1.45 var(--font);color:var(--muted)}.cta{margin-top:auto;border:0;background:var(--accent);color:var(--on-accent);text-align:center;padding:17px;font:600 15.5px/1 var(--font);width:100%}.cta-secondary{border:0;background:none;padding:16px;text-align:center;font:500 14px/1 var(--font);color:var(--muted);width:100%}.btn-dashed{margin:14px 16px 0;border:1px dashed rgba(255,255,255,.28);border-radius:11px;padding:14px;background:transparent;color:#fffc;font:500 13.5px/1 var(--font)}.totals{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;font:500 13.5px/1 var(--font);color:var(--muted)}.totals__value{font:600 16px/1 var(--mono);color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;z-index:10}.modal-sheet{width:100%;background:var(--surface);border-top:1px solid rgba(255,255,255,.1);padding:20px 18px 22px;display:flex;flex-direction:column;gap:14px}.modal-sheet__title{font:600 17px/1.25 var(--font)}.modal-sheet__text{font:400 14px/1.5 var(--font);color:var(--muted)}.modal-sheet__confirm{border:0;border-radius:12px;padding:16px;background:var(--accent);color:var(--on-accent);font:600 15.5px/1 var(--font)}.modal-sheet__cancel{border:0;border-radius:12px;padding:16px;background:#ffffff14;color:#fff;font:500 15px/1 var(--font)}.toggle-row{padding:13px 16px;display:flex;align-items:center;gap:12px;border:0;background:none;color:#fff;text-align:left;width:100%}.toggle-row+.toggle-row,.toggle-row+.check-row,.check-row+.check-row{border-top:1px solid var(--divider)}.toggle-row__label{flex:1;font:400 15px/1.3 var(--font)}.toggle{flex:none;width:46px;height:28px;border-radius:99px;background:#ffffff24;display:flex;align-items:center;padding:2px}.toggle--on{background:var(--accent);justify-content:flex-end}.toggle__knob{width:24px;height:24px;border-radius:50%;background:#8895a5}.toggle--on .toggle__knob{background:#fff}.check-row{padding:13px 16px;display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;width:100%}.check-row__label{flex:1;font:400 15px/1 var(--font);color:#fff}.check-row__label--off{color:var(--muted)}.check-row__mark{color:var(--accent);font:600 14px/1 var(--font)}.hint{padding:8px 16px 18px;font:400 12.5px/1.45 var(--font);color:var(--muted)}.segment{margin:0 16px 16px;display:flex;background:#ffffff14;border-radius:9px;padding:2px}.segment__item{flex:1;text-align:center;padding:8px 4px;border:0;background:none;border-radius:7px;font:500 13px/1 var(--font);color:#fffc}.segment__item--active{background:var(--accent);color:var(--on-accent);font-weight:600}.entry-row{padding:14px 16px;display:flex;gap:13px;border:0;background:var(--surface);color:#fff;text-align:left;width:100%}.entry-row+.entry-row{border-top:1px solid var(--divider)}.entry-row__num{flex:none;width:40px;font:600 16px/1.2 var(--mono);color:var(--accent)}.entry-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.entry-row__title{font:600 15px/1.3 var(--font)}.entry-row__roster{font:400 13.5px/1.45 var(--font);color:var(--muted)}.entry-row__note{font:400 13px/1.45 var(--font);color:#ffffffa6}.entry-row__result{font:600 13px/1 var(--mono);color:var(--muted)}.entry-row__result--win{color:var(--accent)}.entry-row__result--none{font:400 13px/1.4 var(--font)}.metrics{background:var(--surface);display:flex}.metrics__cell{flex:1;padding:14px 16px}.metrics__cell+.metrics__cell{border-left:1px solid var(--divider)}.metrics__label{font:500 11px/1 var(--font);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.metrics__value{margin-top:7px;font:600 20px/1 var(--mono)}.metrics__value--accent{color:var(--accent)}.rounds{padding:0 16px 16px;display:flex;flex-direction:column;gap:9px}.round{display:flex;align-items:center;gap:11px}.round__label{width:46px;font:400 12.5px/1 var(--mono);color:var(--muted)}.round__track{flex:1;height:9px;border-radius:99px;background:#ffffff1a;overflow:hidden}.round__fill{height:100%;background:var(--accent)}.round__value{width:34px;text-align:right;font:600 12.5px/1 var(--mono)}.source-note{font:400 12px/1.4 var(--font);color:var(--muted)}.draft-preview{margin:0 16px 16px;background:var(--surface-deep);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;font:400 13.5px/1.65 var(--mono)}.kv-row{padding:13px 16px;display:flex;align-items:center;gap:12px}.kv-row+.kv-row{border-top:1px solid var(--divider)}.kv-row__key{flex:1;font:400 14.5px/1 var(--font);color:var(--muted)}.kv-row__value{font:500 14.5px/1 var(--mono)}.kv-row__value--accent{font-weight:600;color:var(--accent)}.note-input{margin:0 16px;background:var(--surface);border:1px solid var(--accent);border-radius:11px;padding:13px;font:400 14px/1.5 var(--font);color:#fff;min-height:60px;resize:vertical;width:calc(100% - 32px)}.tiles{background:var(--surface);display:flex;flex-wrap:wrap}.tiles__cell{width:50%;padding:14px 16px}.tiles__cell:nth-child(odd){border-right:1px solid var(--divider)}.tiles__cell:nth-child(-n+2){border-bottom:1px solid var(--divider)}.tiles__label{font:500 11px/1 var(--font);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.tiles__value{margin-top:7px;font:600 21px/1 var(--mono)}.tiles__value--accent{color:var(--accent)}.tiles__value--text{font:600 15px/1.15 var(--font)}.tiles__extra{font-family:var(--mono);color:var(--muted);font-size:12.5px}.bars{padding:0 16px 18px;display:flex;align-items:flex-end;gap:7px;height:104px}.bars__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bars__bar{width:100%;border-radius:5px 5px 0 0}.bars__label{font:400 11px/1 var(--mono);color:var(--muted)}.table-wrap{background:var(--surface);padding:12px 16px;overflow-x:auto}.table-grid{min-width:420px;display:grid;grid-template-columns:1.5fr .6fr .6fr .8fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--divider);font:500 14px/1 var(--font)}.table-grid:last-child{border-bottom:0}.table-grid--head{font:400 11px/1 var(--mono);color:var(--muted);letter-spacing:.06em;padding:0 0 9px;border-bottom:1px solid rgba(255,255,255,.1)}.table-grid .num{font-family:var(--mono)}.table-grid .dim{color:var(--muted)}.leg-mark{color:var(--leg);font:600 10px/1 var(--font)}.swipe-hint{font:400 11.5px/1 var(--font);color:var(--muted);text-transform:none;letter-spacing:0}.onboarding{padding:24px 16px 0;display:flex;flex-direction:column;gap:16px}.invite-badge{align-self:flex-start;background:#ffe40029;color:var(--accent);border-radius:7px;padding:6px 10px;font:600 12px/1 var(--font)}.onboarding__title{font:600 24px/1.2 var(--font)}.onboarding__text{font:400 14px/1.5 var(--font);color:var(--muted)}.name-input{background:var(--surface);border:1px solid var(--accent);border-radius:11px;padding:14px;font:500 16px/1 var(--font);color:#fff;width:100%}.steps{display:flex;flex-direction:column;gap:12px}.steps__item{display:flex;gap:12px;font:400 14px/1.45 var(--font);color:#ffffffd9}.steps__num{font:600 13px/1.4 var(--mono);color:var(--accent)}