:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#203c36;background:#f5f7f4;font-synthesis:none;font-weight:400;line-height:1.5;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid #cbd8d1;border-radius:9px;padding:10px 16px;background:#fff;color:#234d40;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:43px;text-decoration:none}button:hover,.button:hover{background:#edf4ee;border-color:#8ba99b}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #ba781d;outline-offset:3px}.primary{background:#1a5947;border-color:#1a5947;color:#fff;box-shadow:0 3px 7px #164e4012}.primary:hover{background:#124a3a;color:#fff;border-color:#124a3a}.primary.small{min-height:40px;padding:8px 13px}.wide{width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.035em}h1{font-size:34px;font-weight:650}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px;margin-bottom:13px}p{color:#657a70}.muted{color:#657a70;font-size:13px}.eyebrow{display:block;font-size:10px;letter-spacing:.17em;font-weight:750;color:#64806a;margin-bottom:14px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:17px;text-decoration:none;letter-spacing:-.03em}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:.24em;margin-top:1px;color:#708679}.brand-icon{background:#1b5946;color:#e5edba;width:43px;height:43px;border-radius:12px;display:grid;place-items:center}.brand-icon svg{width:35px;height:35px}.topbar{min-height:86px;padding:18px 38px;background:#fff;border-bottom:1px solid #e0e7e0;display:flex;justify-content:space-between;gap:12px;align-items:center}.user-menu{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#edf0dc;color:#536c42;font-size:15px;font-weight:650;flex-shrink:0}.user-name{font-size:13px;font-weight:600;margin-right:12px}.user-name small{display:block;color:#6c7f73;font-size:10px;font-weight:400}.text-button{background:transparent;border:0;box-shadow:none;font-size:12px;padding:7px 8px}.app-shell{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:calc(100vh - 86px)}.navigation{background:#fff;border-right:1px solid #e0e7e0;padding:32px 17px;display:flex;flex-direction:column;gap:8px}.navigation button{justify-content:flex-start;background:none;border-color:transparent;color:#64776c;font-size:13px;padding:12px 17px;gap:13px}.navigation button span{font-size:19px}.navigation button.active{background:#eaf2e9;color:#20583e}.nav-note{margin-top:auto;padding:35px 8px 4px;font-size:10px;color:#6c7e71;white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#6a9970;margin-right:5px}.content{max-width:1350px;width:100%;padding:43px 42px 18px;margin:auto;align-self:start;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px}.page-heading h1{font-size:30px;max-width:620px;margin-bottom:12px}.page-heading p{font-size:13px;margin:0}.page-heading>.primary{white-space:nowrap;font-size:12px;flex-shrink:0}.page-heading .eyebrow{margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;border:1px solid #dce4d9;border-radius:12px;background:#fff;padding:23px 0;margin-bottom:30px;overflow:hidden}.stats>div{padding:0 23px;border-right:1px solid #e7ece3}.stats strong{display:flex;align-items:baseline;font-size:31px;font-weight:650;line-height:1.5;gap:9px}.stats strong small{font-size:11px;font-weight:400;color:#708070}.stat-label{font-size:9px;letter-spacing:.11em;color:#778675;font-weight:650;white-space:nowrap}.stats .stat-message{display:flex;align-items:center;justify-content:space-between;border:0;background:#f5f7e9;margin:-23px 0;padding:23px;font-size:18px;letter-spacing:-.03em;line-height:1.5}.stat-message svg{width:75px;height:75px;color:#8c9f53;transform:rotate(10deg)}.stat-message b{font-weight:650}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 17px}.section-heading h2{font-size:18px;margin:0;display:flex;gap:10px;align-items:center}.section-heading>span{font-size:11px;color:#7a877b}.count{display:inline-block;border-radius:20px;background:#e5eccc;font-size:11px;padding:4px 9px;color:#4a633c;font-weight:600;letter-spacing:0}.match-list{display:grid;gap:20px}.match-card{background:#fff;border:1px solid #dce5da;border-radius:13px;overflow:hidden;box-shadow:0 3px 9px #25492903}.match-card.next-match{border-top:3px solid #377657}.match-main{display:flex;align-items:center;gap:22px;padding:24px 25px}.date-block{background:#f2f5ec;border:1px solid #e6ebdf;border-radius:9px;width:70px;min-width:70px;text-align:center;padding:8px 5px 10px;color:#4f6945}.date-block>span{font-size:10px;letter-spacing:.14em;font-weight:700}.date-block strong{display:block;font-size:28px;font-weight:600;line-height:1.18}.date-block small{font-size:11px}.match-info{flex:1;min-width:0}.match-info h3{font-size:20px;font-weight:650;margin:10px 0}.match-info h3>span{font-size:11px;color:#93a08d;display:inline-block;margin:0 7px;font-weight:400}.match-tags{display:flex;align-items:center;gap:11px}.tag{padding:3px 8px;border-radius:5px;font-size:10px;font-weight:550;background:#f0f1ed;color:#647055}.tag.home{background:#e9f3eb;color:#3b724e}.tag.away{background:#f5eee0;color:#8a6b34}.next-tag{font-size:8px;letter-spacing:.13em;font-weight:700;color:#6d8958}.match-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:11px;color:#7a887a;margin-bottom:0}.attendance{padding-left:24px;border-left:1px solid #e6ece1;display:flex;flex-direction:column;text-align:right;min-width:125px}.attendance strong{font-size:26px;line-height:1.2;font-weight:650}.attendance strong span{font-size:16px;color:#94a18d;font-weight:400}.attendance>span{font-size:10px;color:#7c8a76;margin:3px 0 8px}.attendance small{font-size:10px}.warning{color:#91681e!important}.good{color:#3e774a}.reply-strip{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 25px;background:#fbfcf9;border-top:1px solid #edf0e7}.player-chips{display:flex;gap:8px;flex-wrap:wrap}.player-chip{font-size:11px;display:flex;align-items:center;gap:6px;padding:3px 9px 3px 4px;border-radius:20px;border:1px solid #e0e7dc;color:#65775f;background:#fff}.player-chip>span{display:grid;place-items:center;border-radius:50%;background:#e9ede4;width:19px;height:19px}.player-chip.yes>span{background:#dfefde;color:#377944}.player-chip.no>span{background:#f4e4df;color:#a25247}.player-chip.maybe>span{background:#f7edcd;color:#8e722c}.details-button{white-space:nowrap;color:#4b6c49;font-size:11px}.match-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 25px;border-top:1px solid #edf0e7;font-size:10px;color:#7a8673}.quick-reply{border-top:1px solid #edf0e7;display:flex;gap:8px;align-items:center;padding:14px 25px;flex-wrap:wrap}.quick-reply>span{font-size:12px;margin-right:auto}.choice{font-size:11px;min-height:38px;padding:7px 11px}.choice.selected.yes{background:#e0f0e2;border-color:#7fa286}.choice.selected.no{background:#f6e4e0;border-color:#ba8174}.choice.selected.maybe{background:#f7edcf;border-color:#b3a25e}.match-details{padding:23px 25px;border-top:1px solid #edf0e7}.match-details>p{font-size:13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}.detail-grid section{min-width:0}.detail-grid section+section{border-left:1px solid #e3e8dd;padding-left:30px}.detail-grid form{margin-top:20px}.response-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;margin-bottom:9px;font-size:12px}.response-row small{display:block;width:100%;font-size:11px;overflow-wrap:anywhere}.status-chip{display:inline-block;border-radius:5px;padding:4px 7px;font-size:10px;color:#717e68;background:#f0f2eb;white-space:nowrap}.status-chip.yes{background:#e7f2e6;color:#426c42}.status-chip.no{background:#f7e9e4;color:#96584e}.status-chip.maybe{background:#f8f0d9;color:#8b7131}.lineup-list{padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap;color:#3f6b43}.lineup-list li{background:#edf4e8;padding:4px 9px;border-radius:7px;font-size:12px}fieldset{border:1px solid #dfe5da;border-radius:8px;padding:10px 14px;margin:12px 0}legend{font-size:12px}.checkbox{display:flex;gap:9px;align-items:center;font-size:13px;padding:6px 0}.checkbox input{accent-color:#1b5946;width:17px;height:17px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #e8ecdf;margin-top:25px;padding-top:20px}.card-actions button,.card-actions a{font-size:11px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0}.field>span{font-size:12px;color:#3e5847;font-weight:600}.field small{font-size:10px;color:#788773;line-height:1.6}input,textarea,select{padding:10px 12px;background:#fff;border:1px solid #ccd8cd;border-radius:7px;color:#294a3b;width:100%;min-height:43px;min-width:0}textarea{resize:vertical}input[type=checkbox]{width:auto;min-height:0}select{padding-right:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.panel{background:#fff;border:1px solid #dce5da;border-radius:12px;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th,td{padding:18px 20px;border-bottom:1px solid #e5ebdf;white-space:nowrap}thead th{background:#f0f5eb;color:#627653;font-weight:600}tbody th{font-weight:600}tbody th small{display:block;font-weight:400;font-size:10px;margin-top:4px;color:#7d8b73}.table-note{font-size:11px;padding:18px 20px;margin:0}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.person-card{border:1px solid #dce5da;border-radius:12px;padding:25px;background:#fff}.avatar.large{width:48px;height:48px;font-size:21px;margin-bottom:15px}.person-card h3{margin-bottom:10px}.person-card p{margin:17px 0}.person-card button{font-size:12px}.empty{background:#fff;border:1px dashed #cbd8c4;border-radius:12px;text-align:center;padding:50px 25px}.empty-icon{display:block;width:60px;height:60px;margin:0 auto 18px;background:#f0f4e7;color:#6b8b4d;border-radius:50%;padding:7px}.empty h2{font-size:22px}.empty p{font-size:13px}.info{border:1px solid #dce6ce;background:#eef4e6;padding:14px 18px;border-radius:9px;font-size:12px;margin:18px 0;color:#556b44}.inline-button{background:none;border:0;padding:0;min-height:25px;font-size:12px;text-decoration:underline}.banner{padding:13px 17px;border-radius:8px;margin-bottom:18px;font-size:12px}.error{color:#953b32;background:#fbede9;border:1px solid #efd2cc;padding:10px;border-radius:7px;overflow-wrap:anywhere}.success{color:#3d7141;background:#e8f4e6;border:1px solid #c6dfbd}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}footer{margin-top:45px;padding-top:18px;border-top:1px solid #dfe6d9;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8a9581}footer span{font-size:9px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15392bd0;z-index:50;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.modal{background:#fff;border-radius:16px;padding:27px;width:620px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 20px 80px #071d2c33;outline:none}.modal-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:15px}.modal-title h2{margin:0;font-size:23px}.modal>p{font-size:13px}.icon-button{border:0;background:#f0f4e9;border-radius:50%;padding:0;width:33px;min-height:33px;font-size:23px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.loading{min-height:100vh;display:grid;place-items:center}.login-page{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login-story{position:relative;background:#164e40;color:#eef0dc;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:45px 55px;min-height:100vh}.login-story .brand{position:relative;z-index:1}.login-story .brand-icon{background:#2c6350;color:#dfeba8}.login-story .brand small{color:#a7baa2}.login-story>div:nth-child(2){position:relative;z-index:1;margin:100px 0}.login-story h1{font-size:clamp(42px,5.5vw,78px);font-weight:550;line-height:1.05;margin-bottom:27px;letter-spacing:-.055em}.login-story p{color:#b2c4af;font-size:16px;line-height:1.8}.login-story .light{color:#c8d7a2;font-size:11px;letter-spacing:.2em;margin-bottom:22px}.login-story .story-foot{font-size:11px;margin-bottom:0;z-index:1}.court-art{position:absolute;width:360px;height:580px;border:1px solid #65886550;bottom:-210px;right:-40px;transform:rotate(-29deg);background:linear-gradient(90deg,transparent 15%,#65886540 15%,#65886540 15.4%,transparent 15.4%,transparent 85%,#65886540 85%,#65886540 85.4%,transparent 85.4%),linear-gradient(0deg,transparent 40%,#65886540 40%,#65886540 40.3%,transparent 40.3%,transparent 60%,#65886540 60%,#65886540 60.3%,transparent 60.3%)}.court-art:after{content:"";position:absolute;top:50%;width:100%;border-top:2px solid #9ab38b60}.login-wrap{align-self:center;width:100%;max-width:460px;margin:auto;padding:50px}.login-wrap h2{font-size:32px;margin-bottom:17px;font-weight:650}.login-wrap>p{font-size:13px;line-height:1.8;margin-bottom:30px}.login-wrap form{margin-top:32px}.login-wrap .field{margin-bottom:21px}.login-wrap .wide{margin-top:7px}.login-wrap .privacy-note{font-size:11px;line-height:1.8;text-align:center;margin-top:27px;color:#7c8b75}@media(min-width:1550px){.content{padding-top:60px}.page-heading h1{font-size:36px}}@media(max-width:1150px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.content{padding:32px 25px}.topbar{padding:18px 25px}.navigation{padding:28px 10px}.stats{grid-template-columns:repeat(3,1fr)}.stats .stat-message{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.match-main{gap:16px;padding:21px}.match-info h3{font-size:18px}.attendance{min-width:108px;padding-left:16px}.match-meta{gap:3px 10px}.user-menu{gap:8px}.user-name{margin-right:0}}@media(max-width:800px){.topbar{min-height:76px;padding:14px 20px}.brand{font-size:15px}.brand-icon{width:36px;height:36px;border-radius:10px}.brand-icon svg{width:30px;height:30px}.user-menu>.avatar,.user-name{display:none}.user-menu .text-button{font-size:10px;padding:6px}.app-shell{display:block;min-height:calc(100vh - 76px)}.navigation{flex-direction:row;position:sticky;top:0;z-index:10;border-right:0;border-bottom:1px solid #e0e7e0;padding:7px 16px;gap:5px;overflow-x:auto}.navigation button{padding:7px 12px;font-size:11px;gap:6px;min-height:40px;white-space:nowrap}.navigation button span{font-size:15px}.nav-note{display:none}.content{padding:28px 20px 15px}.page-heading h1{font-size:28px;max-width:500px}.page-heading{display:block;margin-bottom:23px}.page-heading>.primary{margin-top:20px}.page-heading p{line-height:1.7}.stats{margin-bottom:22px;padding:17px 0}.stats>div{padding:0 16px}.stats strong{font-size:28px;gap:7px}.stats strong small{font-size:10px}.stat-label{font-size:8px;letter-spacing:.06em}.match-main{padding:20px;gap:14px}.attendance{min-width:100px}.match-info h3{font-size:19px}.reply-strip{padding:12px 20px;gap:8px;align-items:flex-start}.player-chip{font-size:10px;padding:3px 7px 3px 3px;gap:4px}.player-chips{gap:6px}.match-summary{padding:10px 20px}.quick-reply{padding:15px 20px}.section-heading{margin-top:23px}.section-heading>span{font-size:9px}.section-heading h2{font-size:17px}.login-story{padding:32px;min-height:auto}.login-story>div:nth-child(2){margin:70px 0}.login-story h1{font-size:51px}.login-wrap{padding:35px}.login-wrap h2{font-size:29px}.detail-grid{gap:20px}.detail-grid section+section{padding-left:20px}}@media(max-width:540px){.content{padding:25px 16px 14px}.page-heading h1{font-size:27px;line-height:1.2;max-width:330px}.page-heading .eyebrow{font-size:8px}.stats>div{padding:0 12px}.stats strong{font-size:26px;display:block;line-height:1.3;margin-top:8px}.stats strong small{display:block;font-size:10px;margin-top:5px}.stat-label{font-size:7px}.match-main{align-items:flex-start;gap:12px;padding:18px 15px;flex-wrap:wrap}.date-block{width:55px;min-width:55px;padding:7px 4px}.date-block strong{font-size:25px}.date-block>span{font-size:9px}.date-block small{font-size:10px}.match-info{width:calc(100% - 70px)}.match-info h3{font-size:17px;margin:9px 0 8px}.match-info h3 span{font-size:10px;margin:0 3px}.match-meta{font-size:10px;gap:4px 12px}.match-tags{gap:8px}.next-tag{font-size:7px;letter-spacing:.08em}.tag{font-size:9px}.attendance{margin:0 0 -1px 67px;padding:0;border:0;flex-direction:row;align-items:center;gap:7px;text-align:left;min-width:0;width:100%}.attendance strong{font-size:18px}.attendance strong span{font-size:13px}.attendance>span{margin:0;font-size:10px}.attendance small{margin-left:auto;font-size:9px}.reply-strip{flex-wrap:wrap;padding:12px 15px}.player-chips{flex:1 1 100%}.details-button{margin-left:auto;padding:3px 0;min-height:32px}.match-summary{padding:8px 15px;font-size:9px}.quick-reply{padding:12px 15px;gap:6px}.quick-reply>span{flex:1 1 100%;margin-bottom:4px}.choice{flex:1;font-size:10px;padding:7px 8px;min-height:40px}.match-details{padding:20px 15px}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-grid section+section{border-left:0;border-top:1px solid #e3e8dd;padding:25px 0 0}.card-actions .button,.card-actions button{font-size:10px}.team-grid{grid-template-columns:1fr 1fr;gap:12px}.person-card{padding:17px 14px}.person-card h3{font-size:18px}.person-card p{font-size:10px;overflow-wrap:anywhere}.person-card button{font-size:10px;padding:8px}.section-heading>.primary{font-size:10px;padding:8px 10px}.modal-backdrop{padding:10px;align-items:flex-start}.modal{padding:20px 16px;max-height:calc(100dvh - 20px);margin:auto;border-radius:12px}.modal-title h2{font-size:21px}.form-grid{grid-template-columns:1fr;gap:0}.form-actions>button{flex:1}.login-page{grid-template-columns:1fr}.login-story{padding:23px 26px;min-height:250px}.login-story>div:nth-child(2){margin:30px 0 0}.login-story h1{font-size:38px;margin-bottom:15px}.login-story .light{font-size:8px;margin-bottom:12px}.login-story>div:nth-child(2)>p,.login-story .story-foot{display:none}.court-art{width:200px;height:340px;bottom:-100px;right:-30px}.login-wrap{padding:35px 28px;max-width:440px}.login-wrap h2{font-size:29px}.login-wrap form{margin-top:25px}.login-wrap .privacy-note{margin-bottom:0}footer{font-size:8px;margin-top:32px}footer span{font-size:8px}.info{font-size:11px}}@media(prefers-reduced-motion:no-preference){button,a,input{transition:background .15s,border-color .15s}}
