.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px}.brand{font-family:var(--display);font-size:32px;line-height:1.15;margin-bottom:8px}.title{font-family:var(--display);font-size:28px;margin:0 0 6px;font-weight:400}.subtitle{margin:0;max-width:36em;font-size:15px}.home-marker{font-size:12px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);padding:4px 8px;border-radius:4px}.section-title{font-size:13px;font-weight:500;margin:0 0 10px;color:var(--text)}.block{margin-bottom:24px}.leaderboard{margin-bottom:100px}.lb-list,.player-list,.results-list,.table-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lb-row{display:grid;grid-template-columns:48px 1fr auto auto;gap:12px;align-items:center}.lb-rank{font-size:14px}.lb-pts{font-variant-numeric:tabular-nums;font-weight:500;color:var(--accent)}.lb-result{font-size:13px;color:var(--muted)}.sticky-cta{position:fixed;left:0;right:0;bottom:0;padding:16px 20px 24px;background:linear-gradient(transparent,var(--bg) 30%)}.sticky-cta .btn{max-width:920px;margin:0 auto;display:flex}.empty-board{text-align:center;color:var(--muted)}.comp-grid{display:grid;gap:10px}@media (min-width: 640px){.comp-grid{grid-template-columns:repeat(3,1fr)}}.comp-card{text-align:left;cursor:pointer;width:100%}.comp-label{font-weight:500;margin-bottom:4px}.comp-desc{font-size:13px}.slot-preview{display:flex;flex-wrap:wrap;gap:8px}.draft-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.draft-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.skips-counter{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.skip-top-btn{padding:8px 12px;font-size:13px;white-space:nowrap}.xi-oval{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:12px 18px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}@media (max-width: 640px){.xi-oval{border-radius:16px}.draft-header-actions{align-items:stretch}}.xi-oval-label{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.02em}.xi-oval-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.xi-chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:13px;border:1px dashed var(--border);color:var(--muted);background:transparent;transition:background .15s,border-color .15s,color .15s}.xi-chip.filled{border-style:solid;border-color:#b7d4c0;background:var(--success);color:var(--success-text)}.xi-chip.open.preview{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:500}.xi-oval-hint{font-size:12px;color:var(--accent);font-weight:500}.landed{display:flex;align-items:center;gap:14px;margin-bottom:16px}.dice-icon{font-size:28px}.landed-label{font-size:18px;font-weight:500}.player-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;font:inherit;color:inherit}button.player-row{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.player-clickable{transition:background .15s,border-color .15s}.player-clickable:hover,.player-clickable:focus-visible{background:var(--accent-soft);border-color:var(--accent);outline:none}.player-locked{opacity:.55;background:#fafaf8;grid-template-columns:40px 1fr auto auto}.avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--muted);background:#f3f2ee;flex-shrink:0;overflow:hidden}.avatar-img{object-fit:cover;padding:0;display:block}.role-tags{display:flex;flex-wrap:wrap;gap:4px}.role-wk{border-color:var(--warm-border);background:var(--warm);color:#6b5420}.squad-card-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.squad-card-row .squad-rating{position:static}.player-name{font-weight:500;margin-bottom:4px}.player-rating{text-align:right;display:flex;flex-direction:column;min-width:52px}.overall-rating{text-align:right}.rating-big{display:block;font-size:36px;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}.squad-grid{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.squad-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.squad-card{position:relative}.squad-rating{position:absolute;top:12px;right:12px;color:var(--accent);font-weight:500;font-size:14px}.name-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.name-field input{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:15px;background:var(--surface)}.progress-bar{height:4px;background:var(--border);border-radius:2px;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .25s ease}.tour-columns{display:grid;gap:24px;margin-bottom:24px}@media (min-width: 720px){.tour-columns{grid-template-columns:1fr 1fr}}.result-row{display:grid;grid-template-columns:56px 1fr auto;gap:8px;align-items:center;font-size:14px}.result-row.won{background:var(--success);border-color:#b7d4c0;color:var(--success-text)}.result-row.lost{background:var(--danger);border-color:#e5c4bf;color:var(--danger-text)}.result-row.up-next{border-style:dashed}.table-row{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;font-size:14px}.table-row.user-row{border:2px solid var(--accent);background:var(--accent-soft)}.table-row.qualify:not(.user-row){border-color:#c5d4e8}.tour-actions{display:flex;flex-direction:column;gap:10px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.metric{display:flex;flex-direction:column;gap:6px}.metric-value{font-size:24px;font-variant-numeric:tabular-nums;font-weight:500}.metric-value.accent{color:var(--accent)}.pot-card{margin-bottom:20px}.pot-name{font-size:18px;font-weight:500;margin:4px 0}.result-header{margin-bottom:24px}.trophy{font-size:26px}@media (max-width: 560px){.lb-row{grid-template-columns:40px 1fr;grid-template-rows:auto auto}.lb-result,.lb-pts{grid-column:2}.player-row{grid-template-columns:36px 1fr auto}.player-locked{grid-template-columns:36px 1fr auto;grid-template-rows:auto auto}.player-locked .locked-label{grid-column:2 / -1;justify-self:start}.metric-row{grid-template-columns:1fr}}:root{--bg: #f7f6f3;--surface: #ffffff;--border: #e4e2dc;--text: #1c1b19;--muted: #6b6860;--accent: #2b5ea7;--accent-soft: #e8f0fb;--warm: #f5e6c8;--warm-border: #e0c48a;--success: #e7f3ea;--success-text: #1f6b3a;--danger: #f8e8e6;--danger-text: #a33b2f;--dim: #9a968c;--radius: 6px;--font: "DM Sans", system-ui, sans-serif;--display: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);font-weight:400;color:var(--text);background:var(--bg);line-height:1.45;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}h1,h2,h3{font-weight:500;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.app-shell{max-width:920px;margin:0 auto;padding:28px 20px 80px;min-height:100vh}.screen-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.hairline{border:none;border-top:1px solid var(--border);margin:20px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:12px 18px;border-radius:var(--radius);font-size:15px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:#fafaf8}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:#244f8f}.btn-secondary{width:100%;background:var(--surface)}.btn-block{width:100%}.segmented{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.segmented button{flex:1;border:none;background:transparent;padding:10px 8px;font-size:14px;cursor:pointer;color:var(--muted);border-right:1px solid var(--border)}.segmented button:last-child{border-right:none}.segmented button.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:13px;border:1px dashed var(--border);color:var(--muted);background:transparent}.pill.filled{border-style:solid;border-color:#b7d4c0;background:var(--success);color:var(--success-text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.card.selected{border:2px solid var(--accent);background:var(--accent-soft);padding:13px 15px}.card.warm{background:var(--warm);border-color:var(--warm-border)}.muted{color:var(--muted)}.dim{color:var(--dim);opacity:.75}.role-tag{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:2px 6px;border-radius:4px}.locked-label{font-size:12px;color:var(--danger-text);background:var(--danger);padding:2px 8px;border-radius:4px}