:root{--bg:#101310;--surface:#181d18;--surface2:#202620;--line:#303830;--text:#edf1e8;--muted:#939e8f;--accent:#bbef63;--error:#fb9b99;--shadow:0 15px 40px #0002;color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}h1,h2,h3,p{margin:0}h1{font-size:38px;line-height:1.15;font-weight:650;letter-spacing:-1.3px}h2{font-size:21px;letter-spacing:-.5px;line-height:1.4}p{color:var(--muted);margin:10px 0 18px}strong{font-weight:600}small{font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow,.nav-label{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--muted)}.eyebrow{display:block;margin-bottom:12px;color:var(--accent)}.brand{font-size:41px;letter-spacing:-3px;font-weight:800;display:flex;align-items:center;width:fit-content;line-height:1}.brand span{font-size:14px;color:var(--accent);letter-spacing:0;align-self:flex-start;margin:1px 0 0 6px}.brand i{height:7px;width:7px;border-radius:50%;background:var(--accent);margin:20px 0 0 5px}.brand-caption{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin:14px 0 32px}.sidebar{width:230px;background:var(--surface);position:fixed;left:0;top:0;bottom:0;padding:34px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10}.sidebar nav{overflow-y:auto}.sidebar nav a{display:flex;gap:12px;align-items:center;padding:10px 13px;border-radius:7px;font-size:13px;color:var(--muted);margin:3px 0}.sidebar nav a span{font-size:18px;width:18px}.sidebar nav a:hover{background:var(--surface2);color:var(--text)}.sidebar nav .active{background:var(--accent);color:#15200c;font-weight:600}.nav-label{margin:24px 12px 10px}.sidebar>.nav-label{margin-top:0}.sidebar-footer{margin-top:auto;display:flex;gap:10px;align-items:center;padding-top:24px;border-top:1px solid var(--line)}.sidebar-footer strong{font-size:12px}.sidebar-footer small{display:block;color:var(--muted);font-size:10px}.sidebar-footer form{margin-left:auto}.avatar{display:grid;place-items:center;background:#35482b;color:var(--accent);height:34px;width:34px;border-radius:50%;font-weight:700}.avatar.large{width:72px;height:72px;font-size:30px}.icon-button{border:0;background:transparent;color:var(--muted);font-size:21px;padding:4px}.workspace{margin-left:230px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;gap:9px;color:var(--muted);font-size:10px;letter-spacing:1.3px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.read{background:var(--muted)}.topbar-right{display:flex;align-items:center;gap:24px;margin-left:auto}.topbar-right a{font-size:23px}.content{max-width:1500px;margin:auto;padding:35px 42px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 28px}.page-heading .eyebrow{margin-bottom:8px}.heading-dot{color:var(--accent)}.page-description{margin-bottom:25px}.button{border:1px solid var(--accent);border-radius:6px;padding:11px 18px;display:inline-flex;justify-content:center;gap:10px;align-items:center;background:var(--accent);color:#18220e;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.6}.button:hover{background:#ccfa88;color:#17200d}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.button.secondary:hover{border-color:var(--accent);color:var(--accent)}.text-link,.text-button{font-size:12px;color:var(--accent);background:none;border:0;padding:0}.text-button{padding:12px 0}.full{width:100%}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title p{margin:7px 0 0;font-size:12px}.spaced{margin-top:26px}.two-grid,.three-grid,.four-grid{display:grid;gap:20px}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.four-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wide-left{grid-template-columns:1.35fr 1fr}.compact{gap:12px}.stats{margin-bottom:26px;gap:15px}.stat{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--surface)}.stat>span{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.stat>strong{display:block;font-size:35px;letter-spacing:-1px;margin:7px 0 5px;line-height:1.3}.stat em{font-size:18px;color:var(--muted);font-style:normal;letter-spacing:0}.stat small{color:var(--muted);font-size:10px}.tag{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:9px;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}.tag.green{color:var(--accent);border-color:#8caf483f;background:#a5d85b0c}.scope-bar{display:flex;align-items:center;gap:16px;padding:15px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);margin-bottom:24px}.scope-bar label{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1px;margin:0}.scope-bar select{min-width:145px;padding:7px 10px;font-size:12px;letter-spacing:0;margin:0}.scope-bar .tag{margin-left:auto}.scope-bar .button{padding:6px 13px}.welcome-banner{background:#242f20;border:1px solid #415038;border-radius:12px;padding:32px;display:flex;overflow:hidden;position:relative;min-height:248px;margin-bottom:26px}.welcome-banner>div:first-child{position:relative;z-index:1}.welcome-banner h2{font-size:31px;letter-spacing:-1px;max-width:520px}.welcome-banner p{color:#b4bfae;line-height:1.7}.banner-art{margin-left:auto;align-self:stretch;position:relative;width:32%;display:flex;justify-content:center;align-items:center}.banner-art span{font-size:70px;font-weight:800;letter-spacing:-6px;color:#78965940;line-height:.85;transform:rotate(-10deg)}.court-line{width:190px;height:190px;border:1px solid #82936d45;border-radius:50%;position:absolute}.court-line:after{content:"";position:absolute;inset:30px;border:1px solid #82936d45;border-radius:50%}.art-dot{position:absolute;right:5%;bottom:15%;height:13px;width:13px;border-radius:50%;background:var(--accent)}.fixture-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:17px 0;font-size:12px}.fixture-row:last-child{border-bottom:0}.fixture-row>div{flex:1}.fixture-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.fixture-row .tag,.fixture-row>span:last-child{margin-left:auto}.fixture-icon{width:33px;height:33px;background:var(--surface2);display:grid;place-items:center;border-radius:7px;color:var(--accent);font-size:20px}.rank{display:grid;place-items:center;width:27px;height:27px;color:var(--muted);font-weight:650}.points{color:var(--accent);font-weight:650}.league-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:20px 0 28px}.league-strip>a,.league-strip>div{display:flex;align-items:center;gap:12px;padding:17px 15px;background:var(--surface);border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:600}.league-strip span{font-size:22px;color:var(--muted)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:16px}label small{float:right;font-size:10px}input,select,textarea{display:block;width:100%;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:11px 12px;margin-top:7px;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=color]{height:42px;width:80px;padding:4px}.checkbox{display:flex;align-items:center;gap:9px;margin:12px 0}.checkbox input{width:16px;display:inline-block;margin:0;accent-color:var(--accent)}.inline-form{display:flex;align-items:flex-end;gap:14px}.inline-form label{margin:0;flex:1}.inline-form button{margin:0}details{margin-top:18px}summary{cursor:pointer;font-weight:600;color:var(--text)}details p{font-size:12px}details label{margin-top:18px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.game-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}.game-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);padding:13px 18px;border-bottom:1px solid var(--line)}.matchup{padding:8px 12px;position:relative}.team-choice{display:flex;align-items:center;gap:12px;padding:14px 10px;border:1px solid transparent;border-radius:7px;cursor:pointer;margin:4px 0}.team-choice.selected,.team-choice:has(input:checked){background:#bbef6310;border-color:#bbef6350}.team-choice input{position:absolute;width:1px;height:1px;opacity:0}.team-choice:focus-within{outline:2px solid var(--accent)}.team-choice.locked{cursor:default}.team-emblem{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--surface2);color:var(--text);font-weight:650;font-size:12px}.team-info{display:flex;flex-direction:column;flex:1}.team-info strong{font-size:14px;color:var(--text)}.team-info small{font-size:8px;letter-spacing:.6px}.team-info small:last-child{font-size:10px;letter-spacing:0}.choice-check{font-size:19px;color:var(--muted)}.team-choice:has(input:checked) .choice-check,.team-choice.selected .choice-check{color:var(--accent)}.versus{font-size:8px;letter-spacing:1px;color:var(--muted);display:block;margin-left:24px;line-height:1}.score{font-size:26px;font-weight:650;color:var(--text)}.draw-choice{padding:0 22px;display:flex;align-items:center;gap:12px;margin:0 0 14px}.draw-choice input{width:16px;margin:0;accent-color:var(--accent)}.game-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#00000015;border-top:1px solid var(--line);gap:12px}.confidence{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.8px;margin:0}.confidence select{width:104px;font-size:10px;padding:6px 8px;margin:0}.confidence strong{font-size:12px}.save-bar{position:sticky;bottom:16px;border:1px solid var(--line);background:var(--surface2);box-shadow:var(--shadow);border-radius:9px;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;margin-top:22px;z-index:2}.save-bar strong{font-size:12px}.save-bar small{display:block;color:var(--muted);font-size:10px}.notice{padding:14px 18px;border:1px solid var(--line);background:var(--surface2);border-radius:7px;margin-bottom:22px;font-size:12px}.notice.success{border-color:#bbef6350;color:var(--accent)}.notice.error{border-color:#fb9b9950;color:var(--error)}.empty{text-align:center;padding:60px 24px}.empty-icon{font-size:36px;color:var(--accent);margin-bottom:15px}.empty p{max-width:420px;margin:12px auto 22px}.table-panel{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:500;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 12px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted);font-size:10px}tr:last-child td{border-bottom:0}.my-row{background:#bbef630a}.my-row .rank{color:var(--accent)}.result{font-size:9px;border-radius:4px;padding:3px 6px;background:var(--surface2);color:var(--muted)}.result.win{color:var(--accent);background:#bbef6310}.result.loss{color:var(--error);background:#fb9b9910}.subnav{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 24px;padding-bottom:12px}.subnav a{padding:7px 10px;font-size:11px;color:var(--muted);border-radius:5px}.subnav a.active{background:var(--surface2);color:var(--accent)}.calibration-row{display:flex;align-items:center;gap:14px;padding:14px 0;font-size:12px}.calibration-row meter{flex:1;width:100%;height:10px}.calibration-row meter::-webkit-meter-bar{background:var(--surface2);border:0}.calibration-row meter::-webkit-meter-optimum-value{background:var(--accent)}.calibration-row small{color:var(--muted)}.signal{background:#bbef6310;border:1px solid #bbef6340;padding:18px;display:flex;justify-content:space-between;gap:12px;border-radius:7px;margin-top:20px}.signal strong{color:var(--accent)}.signal span{font-size:12px;color:var(--muted)}.profile-card{display:flex;align-items:center;gap:22px}.profile-card>div:nth-child(2){flex:1}.badge-card{text-align:center}.badge-symbol{font-size:40px;color:var(--accent);margin-bottom:14px}.quiz-question{border:1px solid var(--line);border-radius:7px;padding:18px;margin:24px 0}.quiz-question legend{padding:0 8px;font-weight:600}.drive-stats{display:flex;justify-content:space-between;gap:20px;margin:30px 0}.drive-stats span{font-size:11px;color:var(--muted)}.drive-stats strong{display:block;font-size:25px;color:var(--text)}.football-field{height:180px;background:repeating-linear-gradient(90deg,#406035 0,#406035 calc(10% - 1px),#c2d6b555 calc(10% - 1px),#c2d6b555 10%);border:2px solid #82936d;position:relative;overflow:hidden;border-radius:8px}.football-field:after{content:"END ZONE";position:absolute;right:0;top:0;bottom:0;width:10%;writing-mode:vertical-rl;display:grid;place-items:center;font-size:13px;font-weight:600;background:#253d22;color:#abc38f;letter-spacing:4px}.football-field #drive-ball{position:absolute;top:65px;left:18%;font-size:35px;color:var(--accent);transition:left .4s}.footer{display:flex;justify-content:space-between;align-items:center;padding-top:35px;margin-top:35px;border-top:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:1px}.footer>div{display:flex;gap:18px}.public-header{padding:30px 6%;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.public-header nav{display:flex;gap:24px;align-items:center}.public-main .content{padding:60px 6% 25px;max-width:1400px}.landing-hero{padding:30px 0 50px}.landing-hero h1{font-size:clamp(42px,5vw,70px);letter-spacing:-3px;line-height:1.12}.landing-hero em{font-style:normal;color:var(--accent)}.landing-hero p{font-size:17px;margin:24px 0}.landing-hero .text-link{margin-left:24px}.auth-card{max-width:460px;margin:0 auto;padding:32px}.auth-card h1{font-size:32px}.auth-card form{margin-top:26px}.auth-links{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-top:24px}.legal{max-width:800px;margin:auto}.legal h2{margin-top:28px}.skip{position:fixed;left:240px;top:-100px;background:var(--accent);padding:10px;color:#111;z-index:20}.skip:focus{top:0}[data-theme=light]{--bg:#f3f5ee;--surface:#fff;--surface2:#e9eee1;--line:#d7decd;--text:#192315;--muted:#66725e;--accent:#416a15;--error:#a02d29;color-scheme:light}[data-theme=light] .welcome-banner{background:#e1ebd8;border-color:#c6d6b9}[data-theme=light] .welcome-banner p{color:#66725e}[data-theme=light] .button{color:#fff}[data-theme=light] .button.secondary{color:var(--text)}
@media(min-width:1600px){.content{padding:40px 55px}.sidebar{width:250px}.workspace{margin-left:250px}}
@media(max-width:1200px){.content{padding:30px 25px}.sidebar{width:205px;padding:30px 17px}.workspace{margin-left:205px}.scope-bar{flex-wrap:wrap}.scope-bar .tag{margin-left:0}.game-list{grid-template-columns:1fr}.four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.league-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.banner-art span{font-size:55px}.topbar{padding:0 25px}}
@media(max-width:800px){.sidebar{position:static;width:auto;display:block;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:32px}.brand-caption,.sidebar>.nav-label,.sidebar-footer,.sidebar nav .nav-label{display:none}.sidebar nav{display:flex;gap:5px;margin-top:16px;overflow-x:auto;white-space:nowrap}.sidebar nav a{padding:7px 11px;font-size:11px;margin:0}.sidebar nav a span{font-size:12px;width:12px}.workspace{margin-left:0}.topbar{height:46px;font-size:8px;padding:0 20px}.content{padding:24px 20px}.two-grid,.three-grid,.wide-left{grid-template-columns:1fr}.two-grid.compact{grid-template-columns:1fr 1fr}.welcome-banner{padding:24px;min-height:220px}.welcome-banner h2{font-size:27px}.banner-art{position:absolute;right:0;bottom:25px;width:25%;opacity:.6}.banner-art span{font-size:48px}.welcome-banner p{max-width:80%}.page-heading h1{font-size:31px}.page-heading>.button{font-size:9px;padding:8px}.scope-bar{padding:12px;gap:10px}.scope-bar label{flex:1;min-width:120px;display:block}.scope-bar select{min-width:0;width:100%;margin-top:5px}.scope-bar>.tag{width:100%}.league-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{flex-wrap:wrap}.signal{flex-direction:column}.footer{font-size:7px;gap:12px}.public-header{padding:24px 20px}.public-main .content{padding:30px 20px}.landing-hero h1{letter-spacing:-1.5px}.landing-hero .text-link{display:block;margin:20px 0}.auth-card{padding:24px}.drive-stats{gap:10px}.drive-stats strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:black}.sidebar,.topbar,.scope-bar,.footer,.button,.save-bar,.page-heading>a{display:none!important}.workspace{margin:0}.content{padding:0}.game-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{break-inside:avoid;background:white;border:1px solid #aaa}.game-bottom{background:white}.team-info strong,.team-emblem,.score{color:black}.game-meta,.muted{color:#555}.tag{color:black;border-color:#aaa}.team-emblem{background:#eee}.team-choice.selected{background:#eee;border-color:#999}.panel{background:white;color:black}.page-heading{margin-bottom:10px}}
.group-logo{width:56px;height:56px;object-fit:contain;border-radius:8px;margin-top:18px;background:var(--surface2)}
.mobile-signout{display:none}@media(max-width:800px){.mobile-signout{display:flex;align-items:center}.mobile-signout .text-button{white-space:nowrap;padding:7px 11px;font-size:11px;color:var(--muted)}}