:root{--ink:#162018;--muted:#667168;--cream:#f5f3eb;--paper:#fffef9;--green:#174d39;--green2:#237557;--lime:#d9ed84;--line:#dcded5;--orange:#ef6938}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{max-width:1240px;margin:auto;padding-inline:28px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,254,249,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.navbar{min-height:78px;padding:0}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:#fff;background:var(--green);font-family:Georgia,serif;font-size:19px;font-weight:800;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--lime)}.brand-mark span{color:var(--lime);font-size:14px}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:21px}.brand small{color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.nav-link{color:var(--muted);font-size:14px;font-weight:650;border-radius:8px;padding:.6rem .75rem!important}.nav-link:hover,.nav-link.active{color:var(--green);background:#e8eee8}.profile-chip{border:0;border-left:1px solid var(--line);background:transparent;margin-left:8px;padding:5px 0 5px 18px;color:var(--ink);font-weight:650}.profile-chip span,.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dfe8da;color:var(--green);font-size:11px;font-weight:800;margin-right:7px}.profile-chip b{color:var(--muted);margin-left:4px}main{padding-block:42px 64px}.welcome-row{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:27px}.welcome-row h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,46px);margin:2px 0 8px;letter-spacing:-.025em}.welcome-row>div>p:last-child{color:var(--muted);margin:0}.eyebrow{margin:0;color:var(--green2);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.deadline-card{min-width:230px;display:grid;padding:16px 20px;border-radius:14px;color:#fff;background:var(--green);box-shadow:0 8px 22px rgba(23,77,57,.14)}.deadline-card span,.deadline-card small{color:#c9d9ce;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.deadline-card strong{margin:2px 0;color:var(--lime);font-size:24px;letter-spacing:.04em}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:22px;align-items:start}.primary-column,aside{display:grid;gap:22px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 3px 12px rgba(24,40,27,.035)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 16px}.panel h2{margin:2px 0 0;font-family:Georgia,serif;font-size:25px}.panel-heading a{color:var(--green);font-size:13px;font-weight:700}.progress-pill{padding:6px 10px;border-radius:999px;color:#8b3f24;background:#ffeadf;font-size:11px;font-weight:800}.pick-progress{height:4px;margin:0 24px 8px;background:#e6e8df;border-radius:99px;overflow:hidden}.pick-progress span{display:block;height:100%;background:var(--orange)}.matchup{display:grid;grid-template-columns:105px 1fr 25px 1fr;gap:10px;align-items:center;padding:14px 24px;border-top:1px solid #ecece5}.matchup.needs-pick{background:#fffcf4}.kickoff span,.kickoff strong{display:block}.kickoff span{color:var(--muted);font-size:11px}.kickoff strong{font-size:12px}.team{display:flex;align-items:center;gap:10px;min-height:51px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff;font-weight:700;text-align:left}.team span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf0e9;color:var(--green);font-size:11px}.team:hover{border-color:var(--green2)}.team.selected{border:2px solid var(--green2);background:#edf5ef;box-shadow:inset 0 0 0 1px #fff}.team.selected:after{content:"✓";margin-left:auto;color:var(--green2)}.at{color:#98a098;text-align:center;font-size:12px}.panel-action{display:flex;align-items:center;gap:15px;padding:18px 24px 22px;border-top:1px solid #ecece5}.panel-action small{color:var(--muted)}.button-primary,.button-secondary{border-radius:9px;padding:11px 17px;font-size:13px;font-weight:800}.button-primary{border:0;color:#fff;background:var(--green)}.button-primary:hover{background:var(--green2)}.button-primary span{margin-left:9px}.button-secondary{width:100%;border:1px solid #b8c5ba;color:var(--green);background:#fff}.chat-panel .panel-heading{border-bottom:1px solid #ecece5}.icon-button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green)}.messages{padding:8px 24px}.message{display:flex;padding:11px 0}.message .avatar{flex:0 0 auto}.message strong{display:block;font-size:13px}.message strong small{color:#9aa19b;margin-left:6px;font-weight:500}.message p{margin:3px 0 0;color:#475149;font-size:13px}.chat-input{display:flex;gap:8px;margin:8px 24px 20px;padding:6px 6px 6px 14px;border:1px solid var(--line);border-radius:10px;background:#fafaf6}.chat-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13px}.chat-input button{width:34px;height:34px;border:0;border-radius:8px;color:#fff;background:var(--green)}.group-art{position:relative;height:105px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#123d2d,#21684c)}.group-art>span{z-index:1;font-size:43px;filter:drop-shadow(0 4px 4px #0b2a1f)}.field-line{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.field-line.one{width:280px;height:150px}.field-line.two{width:170px;height:80px}.group-body{padding:19px 22px 22px}.group-body h2{font-size:24px}.group-body>p:not(.eyebrow){color:var(--muted);font-size:12px}.group-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:17px 0;padding:14px 0;border-block:1px solid #ecece5}.group-stats div{text-align:center;border-right:1px solid #ecece5}.group-stats div:last-child{border:0}.group-stats strong,.group-stats span{display:block}.group-stats strong{font-family:Georgia,serif;font-size:18px}.group-stats span{color:var(--muted);font-size:10px}.standings-list{padding:0 18px 16px}.standing{display:grid;grid-template-columns:24px 39px 1fr auto;align-items:center;padding:9px 8px;border-radius:9px;font-size:13px}.standing.is-you{background:#edf5e8}.standing .rank{color:var(--muted);text-align:center}.standing .avatar{margin:0}.standing .record{color:var(--muted);font-variant-numeric:tabular-nums}.boast-card{display:flex;gap:13px;padding:18px;border-radius:14px;color:#4b2c16;background:#ffe8b4;border:1px solid #f2cc77}.boast-card>span{font-size:23px}.boast-card strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.boast-card p{margin:5px 0;font-family:Georgia,serif;font-size:16px;font-style:italic}.boast-card small{color:#8b694a}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:var(--paper)}.footer-inner{display:flex;justify-content:space-between;padding-block:22px;font-size:11px}button,a{transition:.18s ease}button{cursor:pointer}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.welcome-row{align-items:flex-start}.deadline-card{min-width:210px}}@media(max-width:700px){.app-shell{padding-inline:16px}.welcome-row{display:grid}.deadline-card{width:100%}.matchup{grid-template-columns:1fr 25px 1fr}.kickoff{grid-column:1/-1}.panel-action{align-items:flex-start;flex-direction:column}.brand small{display:none}}@media(max-width:440px){.matchup{padding-inline:15px}.team{display:grid;gap:3px;text-align:center;justify-items:center}.team.selected:after{display:none}.panel-heading,.messages{padding-inline:16px}.chat-input{margin-inline:16px}}