:root{--navy:#11263b;--muted:#73808c;--paper:#f5f4f0;--red:#d8393d;--line:#e1e4e5;--green:#22745a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:Inter,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button,select{cursor:pointer}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd6f26}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1240px)/2));background:#fafaf7;gap:20px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2.1px;margin-top:6px;color:var(--muted)}.mark{display:grid;place-items:center;background:var(--navy);color:white;width:43px;height:48px;font-size:30px;letter-spacing:-4px;border-bottom:4px solid var(--red)}.season{font-size:10px;color:var(--muted);letter-spacing:1.5px}.season strong{color:var(--navy);margin-left:10px}.members{display:flex;align-items:center}.members>span{border:3px solid #fafaf7;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:#e2e9e9;font-size:12px;font-weight:700}.members>span+span{background:#eee3db;margin-left:-8px}.members p{margin-left:10px;font-size:12px;font-weight:600}.members small{display:block;margin-top:5px;font-size:10px;color:var(--muted);font-weight:400}main{max-width:1240px;margin:auto;padding:54px 0 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700;margin:0 0 16px;color:var(--muted)}h1{font-size:clamp(36px,4.1vw,57px);letter-spacing:-2.8px;line-height:1.06;margin:0;font-weight:750}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--red)}.subtitle{color:var(--muted);font-size:14px;margin-top:20px}.intro-note{font-size:12px;border-left:1px solid #d6dada;padding:12px 0 12px 25px}.intro-note small{display:block;font-size:11px;color:var(--muted);margin-top:9px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}#hero{background:var(--navy);color:#fff;border-radius:16px;position:relative;overflow:hidden;min-height:270px;padding:30px 38px;display:flex;justify-content:space-between;align-items:center;gap:25px}#hero:before{content:'';position:absolute;width:410px;height:540px;border:1px solid #ffffff12;border-radius:150px;transform:rotate(30deg);left:35%;top:-170px;pointer-events:none}#hero:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #ffffff12;border-radius:50%;left:45%;top:60px;pointer-events:none}.hero-main,.hero-side{position:relative;z-index:1}.live-label{color:#f4afaa;font-size:10px;font-weight:700;letter-spacing:2px}.live-label span{background:var(--red);display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px}.matchup{display:flex;align-items:center;gap:20px;margin:22px 0}.crest{width:70px;height:80px;background:#fff1;border:1px solid #ffffff30;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);display:grid;place-items:center;font-size:22px;font-weight:900;letter-spacing:-1px}.crest.home{background:#cf333c;color:white}.versus{font-size:10px;color:#8296aa}.matchup h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:0}.matchup h2 small{display:block;color:#acbac8;font-weight:400;font-size:18px;margin-top:7px}.meta{color:#bcc8d3;font-size:12px}.hero-side{width:290px;flex-shrink:0;border-left:1px solid #ffffff20;padding-left:30px}.hero-side .date{font-size:20px;font-weight:650;text-transform:capitalize}.hero-side .time{color:#afbfcd;margin:8px 0 23px}.primary{background:#fff;color:var(--navy);border:0;border-radius:7px;padding:13px 18px;font-weight:650;width:100%;display:flex;justify-content:space-between}.primary:hover{background:#f4dedc}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 52px;border-bottom:1px solid var(--line);padding:12px 0 27px}.stat{padding:0 25px;border-right:1px solid var(--line);display:flex;gap:16px;align-items:center}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font-size:31px;letter-spacing:-1px}.stat span{font-size:12px;line-height:1.5;color:var(--muted)}.stat span b{color:var(--navy);display:block;font-weight:500}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-title .eyebrow{margin-bottom:8px}h2{font-size:29px;letter-spacing:-1px;margin:0}.section-title>p{font-size:12px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.tabs{display:flex;background:#eaece8;padding:4px;border-radius:8px;gap:3px}.tabs button{background:transparent;border:0;border-radius:5px;padding:10px 17px;color:#67737c;font-size:12px}.tabs button.active{background:white;color:var(--navy);box-shadow:0 2px 4px #11263b0a}.tabs span{font-size:10px;margin-left:5px}.search{display:flex;gap:10px;align-items:center;border:1px solid #d8dedf;border-radius:7px;padding:0 12px;background:#fafbf8}.search span{font-size:24px}.search input{border:0;background:transparent;padding:10px 0;width:215px;font-size:12px;color:var(--navy)}.month{display:flex;align-items:center;gap:15px;font-size:11px;text-transform:uppercase;letter-spacing:1.8px;margin:28px 0 14px}.month:after{content:'';height:1px;flex:1;background:var(--line)}.game{display:grid;grid-template-columns:65px minmax(190px,1.25fr) minmax(290px,1.1fr) 190px;gap:20px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;padding:22px;margin-bottom:12px;scroll-margin-top:24px;transition:box-shadow .2s}.game.next{border-left:3px solid var(--red);padding-left:20px}.game:target{box-shadow:0 0 0 3px #d8393d40}.day{border-right:1px solid var(--line);padding-right:15px;text-align:center}.day small{text-transform:uppercase;color:var(--muted);font-size:10px}.day strong{display:block;font-size:30px;font-weight:650;line-height:1.2}.opponent h3{margin:0 0 7px;font-size:15px;font-weight:650}.opponent p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.tag{font-size:8px;letter-spacing:1px;color:var(--red);display:block;margin-bottom:7px}.responses{display:grid;gap:8px}.response{display:flex;align-items:center;justify-content:space-between;gap:10px}.person{font-size:12px;display:flex;align-items:center;gap:8px}.avatar{background:#edf1f1;border-radius:50%;display:grid;place-items:center;width:25px;height:25px;font-size:10px;color:#526775}.avatar.g{background:#f5eee7;color:#8f7057}.choices{display:flex;gap:4px}.choice{background:#fff;border:1px solid #e3e7e8;border-radius:5px;font-size:10px;padding:6px 8px;color:#7c8791;min-width:61px}.choice:hover{border-color:#81948d}.choice.yes.selected{background:#e8f3ed;color:var(--green);border-color:#c4dfd0}.choice.no.selected{background:#fbeeed;color:#b84343;border-color:#efd0cd}.parking{border-left:1px solid var(--line);padding-left:20px}.parking label{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:9px}.parking select,.parking input{width:100%;border:1px solid #e2e6e7;border-radius:5px;background:#fafbf9;padding:8px;color:var(--navy);font-size:11px}.parking input{margin-top:7px}.game.busy{opacity:.65}.game button:disabled{cursor:wait}.empty{padding:45px;text-align:center;border:1px dashed #cbd3d5;border-radius:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:45px;padding:26px 0 35px;font-size:10px;color:var(--muted)}.brand-footer{font-weight:900;font-size:26px;color:var(--navy)}.brand-footer strong{font-size:9px;letter-spacing:1px;margin-left:9px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 24px;border-radius:8px;box-shadow:0 6px 30px #0002;z-index:9;display:none;max-width:90vw}#toast.show{display:block}#toast.error{background:#b52d35}@media(min-width:900px) and (max-width:1350px){main{margin:0 5%}.game{gap:15px;grid-template-columns:55px minmax(170px,1fr) 270px 165px}.parking{padding-left:15px}.hero-side{width:265px}}@media(max-width:899px){header{padding:0 5%;height:80px}.season{display:none}main{padding-top:35px;margin:0 5%}.intro-note{display:none}.game{grid-template-columns:55px 1fr 175px}.responses{grid-column:2;grid-row:2}.parking{grid-column:3;grid-row:1/3}.stats{gap:12px}.stat{padding:0 10px;gap:10px}.stat strong{font-size:26px}.hero-side{width:230px}#hero{padding:28px}.matchup h2{font-size:25px}.crest{width:50px;height:60px}.matchup{gap:12px}footer p{max-width:230px}.toolbar{gap:10px}.tabs button{padding:10px}.search input{width:170px}}@media(max-width:600px){header{height:76px}.brand{font-size:12px;letter-spacing:1.4px}.brand small{font-size:8px}.members p{display:none}.intro{margin-bottom:26px}h1{font-size:43px;letter-spacing:-2px}.subtitle{font-size:12px;line-height:1.7;max-width:270px}#hero{display:block;padding:26px;border-radius:12px}.hero-side{width:auto;border-left:0;border-top:1px solid #ffffff20;padding:19px 0 0;margin-top:22px}.hero-side .date{font-size:16px}.hero-side .time{margin:6px 0 16px}.matchup{gap:16px}.matchup h2{font-size:27px}.matchup h2 small{font-size:16px}.stats{grid-template-columns:1fr 1fr;gap:22px 0;margin-bottom:34px;padding:3px 0 23px}.stat{padding:0 14px}.stat:nth-child(3){padding-left:0}.stat:nth-child(2){border:0}.stat span{font-size:11px}.toolbar{flex-direction:column}.tabs{align-self:stretch}.tabs button{flex:1;font-size:11px;padding:10px 5px}.search input{width:100%}.search{margin-top:3px}.game{grid-template-columns:49px 1fr;gap:16px;padding:20px}.game.next{padding-left:18px}.responses{grid-column:1/3;grid-row:2;border-top:1px solid #edf0ef;padding-top:15px;gap:12px}.parking{grid-column:1/3;grid-row:3;border-left:0;padding:12px 0 0;border-top:1px solid #edf0ef}.parking label{display:inline-block;width:35%;margin:0}.parking select{width:64%;padding:9px}.parking input{width:100%}.choice{padding:9px 12px;font-size:11px}.person{font-size:13px}.section-title>p{font-size:10px}.section-title h2{font-size:25px}.section-title .eyebrow{font-size:8px}footer{flex-wrap:wrap;gap:12px}footer p{order:3;max-width:none;width:100%;margin:0;font-size:9px}}
.opponent{display:flex;align-items:center;gap:12px}.opponent-copy{min-width:0}.opponent-logo{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:8px;background:#fafaf8}.opponent-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.hero-logo{width:70px;height:80px;background:#fff;border-radius:8px}.logo-fallback{font-weight:800;color:#647383;font-size:16px}.matchup .versus{flex-shrink:0}@media(max-width:1100px) and (min-width:900px){.opponent{gap:8px}.opponent-logo{width:38px;height:38px}.hero-logo{width:55px;height:65px}.matchup{gap:12px}.matchup h2{font-size:23px}}@media(max-width:600px){.matchup{flex-wrap:wrap;gap:12px}.matchup>div:last-child{flex-basis:100%}.hero-logo{width:55px;height:60px}.opponent-logo{width:44px;height:44px}.opponent h3{font-size:14px}}
.login-page{background:#eeeee8}.login-shell{max-width:1100px;margin:7vh auto;padding:0;display:grid;grid-template-columns:1fr 1fr;min-height:680px;box-shadow:0 25px 80px #11263b12;border-radius:18px;overflow:hidden}.login-story{background:var(--navy);color:white;padding:44px;display:flex;flex-direction:column;justify-content:space-between}.login-story .brand{color:white}.login-story .mark{background:#ffffff12}.login-story h1{font-size:58px}.login-story h1 em{color:#f08883}.login-story p:not(.eyebrow){color:#bdcad6;line-height:1.9;margin-top:26px}.login-story>small{font-size:10px;letter-spacing:2px;color:#bdcad6}.login-panel{background:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center}.login-logo{object-fit:contain;margin-bottom:22px}.login-panel h2{font-size:29px;margin-bottom:10px}.login-panel>p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted)}.login-panel form{margin-top:20px}.login-panel label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}.login-panel input{width:100%;padding:13px;border:1px solid #d9e0e3;border-radius:7px;color:var(--navy);background:#fcfcfa}.login-panel form small{display:block;margin-top:9px;color:var(--muted)}.login-submit{width:100%;padding:15px 18px;border:0;border-radius:7px;background:var(--navy);color:white;margin-top:25px;display:flex;justify-content:space-between;font-weight:600}.login-submit:disabled{opacity:.6}.login-panel #login-error{color:#b52d35;min-height:20px}.login-footnote{border-top:1px solid var(--line);padding-top:20px}.account-actions{display:flex;gap:10px;align-items:center;font-size:11px}.account-actions button,.account-actions a{border:1px solid var(--line);background:white;border-radius:5px;padding:8px;color:var(--navy);text-decoration:none}@media(max-width:700px){.login-shell{display:block;margin:0;border-radius:0;min-height:100vh}.login-story{padding:28px;gap:30px}.login-story h1{font-size:37px}.login-story h1 br{display:none}.login-story h1 br:after{content:' '}.login-story>small,.login-story p:not(.eyebrow){display:none}.login-panel{padding:30px}.login-logo{width:60px;height:60px}.account-actions{flex-wrap:wrap;font-size:9px;gap:4px}.account-actions span{display:none}}