:root{--navy:#101b28;--ink:#172536;--muted:#6d7782;--gold:#f5bf38;--paper:#f4f5f3;--line:#e4e8e6;--green:#24815c;--radius:18px;font-family:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #bc820d;outline-offset:3px}button svg,svg{width:21px;height:21px;flex-shrink:0}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:43px;letter-spacing:-1.8px;line-height:1.15;margin-bottom:9px}h2{letter-spacing:-.5px}small{font-size:12px}input,select{max-width:100%;min-width:0}input[type=checkbox]{accent-color:#227451;width:17px;height:17px;flex-shrink:0}button{border:0}strong{font-weight:650}.muted{color:var(--muted);line-height:1.55}.eyebrow{display:block;letter-spacing:1.8px;font-size:10px;font-weight:750;color:#717d86;margin-bottom:10px}.gold-dot{color:#d49d24}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:12px 19px;border-radius:10px;font-size:13px;font-weight:700;line-height:1.3;text-decoration:none;border:1px solid transparent;transition:background .2s,transform .2s;white-space:normal}.btn:hover{transform:translateY(-1px)}.primary{background:var(--gold);color:#192633;box-shadow:0 3px 0 #d6a52933}.primary:hover{background:#ffca44}.secondary{background:#fff;border-color:#dce2df;color:var(--ink)}.secondary:hover{background:#f4f6f4}.btn.small{min-height:36px;padding:8px 12px;font-size:12px}.btn.small svg{width:16px;height:16px}.full{width:100%}.icon-btn{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:inherit;border-radius:8px;flex-shrink:0}.icon-btn:hover{background:#88888817}.text-btn{background:none;color:#795609;font-size:12px;font-weight:650;padding:8px 0;text-align:left}.text-btn:hover{text-decoration:underline}.danger{color:#ab4747}.danger-btn{background:#a63b3b;color:white}.form-error{color:#ab3636;font-size:13px;line-height:1.5;margin:12px 0}.form-error:empty{display:none}.form-field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650;margin:18px 0}.form-field input,.form-field select,.search input,.team-filter select,.bulk-form select{border:1px solid #dbe1df;background:#fff;padding:12px 13px;border-radius:9px;font-size:14px;min-height:44px;color:var(--ink);width:100%}.form-field input:focus,.form-field select:focus{border-color:#9caeaa}.form-field input::placeholder,.search input::placeholder{color:#939eaa}.check-label{display:flex;gap:9px;align-items:center;font-size:13px;margin:14px 0;font-weight:500}fieldset{border:1px solid var(--line);border-radius:10px;padding:5px 16px;margin:20px 0}legend{font-size:12px;font-weight:650;padding:0 5px}.initial-loading{display:grid;place-items:center;min-height:100vh;color:var(--muted)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:87px;padding:0 4.2%;background:var(--navy);color:white}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;flex-shrink:0;font-size:19px;letter-spacing:1.7px;font-weight:750}.brand b{color:var(--gold)}.brand small{display:block;font-size:8px;letter-spacing:2.3px;color:#95a0ad;margin-top:5px;font-weight:500}.brand-mark{display:flex;align-items:center;justify-content:center;width:45px;height:48px;background:#fff;border-radius:10px;overflow:hidden}.brand-mark img{width:44px;height:40px;object-fit:contain}.topbar nav{display:flex;align-self:stretch;align-items:stretch;gap:20px;margin:0 auto}.nav-item{display:flex;align-items:center;gap:8px;background:none;color:#aab6c2;font-size:12px;padding:0 3px;position:relative}.nav-item svg{width:17px;height:17px}.nav-item.active{color:white}.nav-item.active:after{content:"";position:absolute;bottom:0;height:3px;left:0;right:0;border-radius:3px 3px 0 0;background:var(--gold)}.account{display:flex;align-items:center;gap:9px;flex-shrink:0}.account-avatar{width:34px;height:34px;border-radius:50%;background:#324237;color:#e0dab3;font-size:11px;display:grid;place-items:center;font-weight:650}.account-name{font-size:11px}.account-name small{display:block;font-size:8px;color:#90a0af;letter-spacing:1.1px;margin-top:5px}.account>.icon-btn{margin-left:8px;color:#a1aebb}.workspace{max-width:1390px;margin:auto;padding:38px 4.3% 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.page-heading>div>p{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:0;max-width:650px}.team-filter{min-width:215px}.team-filter label{font-size:9px;font-weight:750;letter-spacing:1.6px;display:block;margin-bottom:8px}.team-filter select{font-size:12px;font-weight:600;border-color:#d9dfdc;box-shadow:0 3px 8px #18232204;min-width:210px}.match-layout{display:grid;grid-template-columns:273px minmax(0,1fr);gap:25px;align-items:start}.schedule{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-heading h2,.section-heading h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px}.section-heading h2 svg{width:17px;height:17px;color:#7e898f}.section-heading>span{font-size:10px;color:var(--muted)}.schedule>.section-heading{padding:21px 19px;margin:0}.count-pill{display:grid;place-items:center;min-width:25px;height:23px;background:#f3f4f1;border-radius:6px;font-size:11px!important;font-weight:650}.game-list{padding:0 9px;max-height:720px;overflow:auto}.game-card{width:100%;display:flex;align-items:flex-start;gap:11px;padding:17px 10px;margin:0 0 7px;background:white;border:1px solid transparent;border-radius:11px;text-align:left;position:relative}.game-card:hover{background:#f7f8f6}.game-card.selected{background:#fbf7e9;border-color:#eddfb1}.game-card.selected:before{content:"";position:absolute;left:-10px;top:25px;bottom:25px;width:3px;border-radius:4px;background:#d9a82c}.date-block{display:flex;flex-direction:column;align-items:center;min-width:40px;padding-top:2px}.date-block small{text-transform:uppercase;font-size:9px;letter-spacing:1px;color:#758077;font-weight:650}.date-block strong{font-size:26px;letter-spacing:-1px;font-weight:650;line-height:1.35}.game-card-info{min-width:0}.game-card-info>small{font-size:9px;display:block;color:#84897e;margin:0 0 5px}.game-card-info>strong{font-size:11px;line-height:1.5;display:block;margin-bottom:5px;font-weight:650}.game-card-info>span{font-size:10px;color:#6e797e;display:block}.small-badges{display:flex!important;flex-wrap:wrap;gap:5px;margin-top:8px}.small-badges i{font-style:normal;text-transform:capitalize;font-size:8px;border:1px solid #dbe0d8;padding:3px 5px;border-radius:4px;color:#777e75;letter-spacing:.2px}.small-badges .going{color:#267356;border-color:#c3d8cc;background:#edf5ee}.small-badges .needs{color:#a07b2e;border-color:#e7d7aa}.schedule-foot{padding:19px;color:#8a9393;font-size:9px;line-height:1.8;border-top:1px solid #f0f2ed;margin-top:15px}.schedule-foot svg{width:12px;height:12px;vertical-align:-2px;margin-right:4px}.game-content{min-width:0}.game-detail{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px 27px}.game-topline{display:flex;justify-content:space-between;align-items:center;gap:15px}.game-topline .eyebrow{font-size:8px;letter-spacing:1px;margin:0}.game-topline .eyebrow span{color:#c4ccc6;margin:0 7px}.match-status{font-size:8px;font-weight:700;letter-spacing:1px;color:#6e8075;border:1px solid #dce6db;background:#f6f9f4;border-radius:5px;padding:5px 7px}.match-title{display:flex;align-items:center;gap:19px;padding:22px 0}.club-emblem{width:74px;height:80px;flex-shrink:0;display:grid;place-items:center;background:#faf9f4;border:1px solid #eeeade;border-radius:16px}.club-emblem img{width:70px;height:65px;object-fit:contain;mix-blend-mode:multiply}.match-title small{color:#92866b;font-size:8px;letter-spacing:1.5px;font-weight:700}.match-title h2{font-size:23px;line-height:1.35;margin:6px 0 0;letter-spacing:-.7px}.match-title h2 span{font-size:13px;font-weight:400;color:#9ba49e;margin-left:6px}.game-meta{display:grid;grid-template-columns:1fr 1fr;gap:19px;border-top:1px solid #edf0eb;padding-top:19px}.game-meta>div{display:flex;align-items:flex-start;gap:9px;min-width:0}.game-meta svg{width:17px;height:17px;color:#909c95;margin-top:1px}.game-meta strong{font-size:10px;line-height:1.55;display:block}.game-meta small,.game-meta a{font-size:9px;line-height:1.5;display:block;color:var(--muted);margin-top:4px}.game-meta a{color:#8b681b;text-decoration:none}.game-meta a:hover{text-decoration:underline}.game-notes{font-size:12px;color:var(--muted);padding-top:18px;margin-bottom:0}.your-rsvp{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;margin:17px 0 25px}.your-rsvp .section-heading{margin-bottom:10px}.your-rsvp h3{font-size:13px}.rsvp-row{display:flex;align-items:center;gap:10px;padding:13px 0}.rsvp-row+.rsvp-row{border-top:1px solid var(--line)}.avatar{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5efdd,#ddd8c6);border-radius:50%;font-size:11px;font-weight:700;color:#746546;flex-shrink:0;overflow:hidden;border:2px solid #fff}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.tiny{width:28px;height:28px;font-size:8px}.avatar.large{width:94px;height:94px;font-size:25px;border:4px solid white;box-shadow:0 2px 15px #2735240c}.rsvp-child{flex:1;min-width:70px}.rsvp-child strong{display:block;font-size:12px;line-height:1.4}.rsvp-child small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.response-buttons{display:flex;gap:5px;flex-shrink:0}.response{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e0e5de;background:white;color:#737e77;padding:9px 10px;border-radius:8px;font-size:10px;font-weight:600;min-height:36px;transition:all .2s}.response svg{width:13px;height:13px}.response>span{font-size:14px;font-weight:500;line-height:12px;margin-right:3px}.response:hover{background:#f4f6f1;border-color:#bfcbbf}.response.yes.chosen{background:#e9f4eb;color:#237447;border-color:#a9cfb3}.response.no.chosen{background:#faeded;color:#aa4a4a;border-color:#e1bcbc}.response.maybe.chosen{background:#fbf4df;color:#947328;border-color:#e4d18f}.attendance{margin-top:25px}.attendance-heading{margin-bottom:17px}.attendance-heading h2{font-size:22px;letter-spacing:-.6px}.attendance-heading .eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1.5px}.private-tag{display:flex;gap:5px;align-items:center;font-size:10px}.private-tag svg{width:13px;height:13px}.attendance-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.stat{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px 11px;min-width:0}.stat strong{font-size:20px;letter-spacing:-.5px}.stat>span:last-child{font-size:9px;color:#758178;line-height:1.35}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#acb3b8;flex-shrink:0}.yes .status-dot,.status-dot.yes{background:#468661}.no .status-dot,.status-dot.no{background:#c87870}.maybe .status-dot,.status-dot.maybe{background:#d7ad4b}.field-stage{background:#172432;border:1px solid #263645;border-radius:15px;overflow:hidden;box-shadow:0 9px 19px #172b3914}.field-caption{display:flex;justify-content:space-between;padding:16px 21px;color:#91a6b5;font-size:8px;font-weight:650;letter-spacing:1.6px}.field-caption>span:first-child{color:#e4eee3;display:flex;align-items:center;gap:7px}.field-caption i{width:5px;height:5px;border-radius:50%;background:#90ba78;box-shadow:0 0 7px #a6d18399}.pitch{position:relative;isolation:isolate;aspect-ratio:3/2;background:#226848 url('pitch.webp') center/100% 100% no-repeat;margin:0 13px;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 20px #00000040}.pitch-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--mx,50%) var(--my,40%),#fff1,transparent 50%);z-index:2}.field-players{position:absolute;inset:14% 11% 14%;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));align-content:space-around;justify-items:center;gap:8px 7px;z-index:3}.field-player{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;width:100%;max-width:135px;transition:transform .25s;animation:player-arrive .5s both;animation-delay:calc(var(--i)*35ms);outline-offset:4px!important;border-radius:8px}.field-player:hover,.field-player:focus-visible{transform:translateY(-5px) scale(1.05);z-index:5}.field-avatar{width:43px;height:43px;border:2px solid #efc046;box-shadow:0 2px 5px #0006;background:linear-gradient(135deg,#f9dc7e,#b88f33);color:#433313;font-size:13px;position:relative;z-index:2}.field-name{color:white;background:#0c252ae8;border:1px solid #466848;border-radius:5px;padding:4px 7px;margin-top:3px;font-size:9px;font-weight:550;line-height:1.3;max-width:100%;position:relative;z-index:2;box-shadow:0 2px 4px #0003;overflow-wrap:anywhere}.field-guest{font-size:6px;color:#12291f;letter-spacing:.6px;background:#e5c15b;padding:3px 5px;border-radius:0 0 4px 4px;margin-top:-2px;font-weight:750;position:relative;z-index:2}.player-shadow{position:absolute;left:24%;width:52%;height:13px;top:40px;background:#0005;border-radius:50%;filter:blur(4px)}.pitch.crowded .field-avatar{width:32px;height:32px;font-size:10px}.pitch.crowded .field-name{font-size:8px;padding:3px 4px}.pitch.crowded .field-players{inset:11% 10%;gap:5px}.pitch-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;text-align:center;padding:25px;z-index:4;background:#0d302140}.pitch-empty>span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#f4da6cbf;color:#2c4630;margin-bottom:11px}.pitch-empty strong{font-size:19px;text-shadow:0 2px 3px #0005}.pitch-empty p{font-size:11px;max-width:240px;line-height:1.6;margin:9px 0;color:#e6eedd}.bench{margin:16px 20px 0}.bench-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#b1bac4}.bench-heading>span{font-size:8px;letter-spacing:1.5px;font-weight:600;display:flex;align-items:center;gap:7px}.bench-heading svg{width:13px;height:13px}.bench-heading small{color:#81909e;font-size:8px}.bench-players{display:flex;flex-wrap:wrap;gap:14px 25px;min-height:68px;margin-top:12px;padding:12px 10px;border-top:1px solid #48525a;border-bottom:1px solid #303c47;background:repeating-linear-gradient(0deg,#26343f 0,#26343f 10px,#23313c 10px,#23313c 12px);border-radius:4px}.bench-player{display:flex;align-items:center;gap:7px;max-width:165px;color:#d7dee2;font-size:9px;line-height:1.4}.bench-player .avatar{width:30px;height:30px;font-size:9px;background:#555f65;color:#dee3dc;border-color:#8b9590}.bench-player small{display:block;color:#acb49c;font-size:8px;margin-top:2px}.bench-empty{font-size:10px;color:#93a4b1;align-self:center;padding:0 4px}.field-footer{color:#7f929f;text-align:center;padding:14px 15px 15px;font-size:8px;letter-spacing:.1px}.unconfirmed{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:21px}.unconfirmed>section{border:1px solid var(--line);border-radius:12px;background:#fff;padding:17px}.unconfirmed h3{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:16px;font-weight:650}.unconfirmed h3>span:last-child{margin-left:auto;color:#9ba59d;font-size:10px}.pending-players{display:flex;flex-direction:column;gap:10px}.mini-player{display:flex;align-items:center;gap:7px;font-size:10px;color:#6c7972;line-height:1.4}.mini-player small{display:block;font-size:8px;color:#9b8956}.small-text{font-size:10px}.guest-label{font-size:9px;color:#99792f;font-weight:600}.site-footer{max-width:1280px;margin:0 auto 25px;padding:0 4.3%;display:flex;justify-content:space-between;gap:20px;color:#97a19b;font-size:8px;letter-spacing:1.1px}.site-footer b{color:#d1b36b;margin:0 6px}.site-footer>span:last-child{letter-spacing:0}.empty{text-align:center;padding:45px 25px;font-size:13px;color:var(--muted);line-height:1.7}.empty.compact{font-size:11px;padding:25px 18px}.welcome-empty{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:70px 40px;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-empty>svg{width:45px;height:45px;color:#bda762;margin-bottom:20px}.welcome-empty h2{color:var(--ink);font-size:23px}.welcome-empty p{max-width:400px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.family-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 24px;text-align:center}.family-card h2{font-size:19px;margin:20px 0 13px;line-height:1.4}.family-card p{font-size:11px;color:var(--muted);margin:15px 0 24px}.team-chip{display:inline-block;background:#f0f4ef;border-radius:5px;padding:5px 8px;color:#587464;font-size:10px;line-height:1.4}.team-chip.unassigned{color:#a58a46;background:#fcf6e5}.photo-input{border:1px dashed #c5cdc5;border-radius:10px;background:#f7f9f5;padding:14px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#6b7b70;cursor:pointer}.photo-input svg{width:17px;height:17px}.photo-input input{font-size:10px;max-width:100%;margin-top:6px}.family-card form>small{display:block;color:#919c93;font-size:10px;margin:9px 0 20px}.setup-card{display:flex;justify-content:space-between;gap:25px;align-items:center;border-radius:15px;background:#fbf4df;border:1px solid #e9dcb2;padding:25px;margin-bottom:25px}.setup-card h2{font-size:20px;margin-bottom:9px}.setup-card p{font-size:12px;color:#8a7955;line-height:1.6;margin:0}.setup-card>.btn{flex-shrink:0}.table-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:22px;border-bottom:1px solid var(--line)}.search{font-size:10px;font-weight:600;min-width:220px;max-width:100%}.search input{margin-top:8px;font-size:12px;display:block;min-width:230px}.bulk-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}.bulk-form>label{font-size:10px;font-weight:600;min-width:190px}.bulk-form select{display:block;margin-top:8px;font-size:12px;min-width:190px}.bulk-form .form-error{width:100%;text-align:right;font-size:11px;margin-bottom:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:normal}th{font-size:9px;letter-spacing:.7px;text-transform:uppercase;font-weight:650;color:#849087;padding:15px 20px;background:#f9faf7;border-bottom:1px solid var(--line)}td{font-size:11px;line-height:1.6;padding:16px 20px;border-bottom:1px solid #f0f2ed;color:#6b7771}td strong{color:#324539}td small{display:block;color:#939d95;font-size:10px;margin-top:4px}tr:last-child td{border-bottom:0}tr[hidden]{display:none}.roster-table th:first-child,.roster-table td:first-child{padding-right:0;width:30px}.table-foot{padding:18px 23px;border-top:1px solid var(--line);color:#8b958e;font-size:10px}.linked{color:#458363;font-size:10px;white-space:nowrap}.linked:before{content:"";display:inline-block;width:5px;height:5px;background:#659678;border-radius:50%;vertical-align:2px;margin-right:6px}.coach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.coach-card{padding:27px}.coach-avatar{display:grid;place-items:center;background:#f7f1e0;color:#ab914d;border-radius:12px;width:47px;height:47px;margin-bottom:23px}.coach-card .eyebrow{font-size:9px}.coach-card h2{font-size:21px;line-height:1.4;margin-bottom:10px}.coach-card p{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.coach-teams{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0}.coach-card>.text-btn{display:block}.notice{padding:19px 22px;background:#f9f7ee;color:#948056;font-size:11px;line-height:1.6}.mail-state{display:inline-block;border:1px solid #e2e5de;border-radius:5px;padding:4px 7px;font-size:10px;text-transform:capitalize}.mail-state.accepted{color:#468160;background:#eef7ed}.mail-state.failed{color:#aa5858;background:#fdf1ef}
.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.auth-story{background:var(--navy);position:relative;overflow:hidden;padding:45px 11%;display:flex;flex-direction:column;justify-content:space-between;min-height:800px}.story-copy{position:relative;z-index:2;margin-top:70px;margin-bottom:auto}.story-copy .eyebrow{color:#7f998f;font-size:9px;margin-bottom:22px;letter-spacing:2px}.story-copy h1{font-size:55px;letter-spacing:-2.5px;line-height:1.16;color:#fff;font-weight:650;margin-bottom:20px}.story-copy h1>span{color:var(--gold)}.story-copy p{font-size:13px;color:#9aadae;line-height:1.7;max-width:255px}.auth-pitch{position:absolute;inset:auto -80px -80px -80px;height:56%;background:linear-gradient(180deg,#101b28,transparent 30%),url('pitch.webp') center/cover;transform:perspective(1100px) rotateX(30deg) rotateZ(-16deg);opacity:.6;mask-image:linear-gradient(transparent,#000 35%);pointer-events:none}.story-footer{position:relative;z-index:2;color:#c7cdb9;font-size:8px;letter-spacing:1.4px;margin-top:100px}.auth-content{display:flex;justify-content:center;align-items:center;padding:50px 45px}.auth-form-wrap{width:100%;max-width:365px}.auth-form-wrap>.eyebrow{font-size:9px;color:#a9914d;margin-bottom:17px}.auth-form-wrap h2{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin-bottom:16px}.auth-form-wrap>.muted{font-size:13px;margin-bottom:32px}.auth-form-wrap .form-field{margin:22px 0}.auth-form-wrap form>.primary{margin-top:23px}.forgot{display:block;margin-left:auto;margin-top:-12px}.first-access{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#879089}.auth-note{display:flex;align-items:center;justify-content:center;gap:5px;color:#a5ada6;font-size:9px;margin:35px 0 0}.auth-note svg{width:13px;height:13px}
dialog{border:1px solid #e1e6df;border-radius:18px;padding:27px 29px;box-shadow:0 20px 80px #09241640;width:460px;max-width:calc(100% - 32px);max-height:88vh;overflow:auto;color:var(--ink);background:white}dialog.wide{width:600px}dialog::backdrop{background:#0e1d29aa;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:21px}.modal-head h2{font-size:22px;line-height:1.3;margin:0}.modal-head .icon-btn{color:#95a196}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.modal-actions .btn{flex:1}.decline-icon{width:51px;height:51px;background:#f5f0e1;border-radius:50%;display:grid;place-items:center;color:#a88d4e;margin-bottom:21px}.decline-message{font-size:17px;line-height:1.6;letter-spacing:-.3px}.decline-message+.muted{font-size:12px}dialog>p.muted{font-size:12px}dialog .access-code{font-family:monospace;font-size:11px}.guest-list{max-height:340px;overflow:auto;margin-top:15px}.guest-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid var(--line);font-size:12px}.guest-choice[hidden]{display:none}.guest-choice small{font-size:10px;display:block;color:#8b968d;margin-top:5px}#toast{position:fixed;z-index:1000;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);width:max-content;padding:14px 20px;background:#24382e;color:#f1f7ec;border:1px solid #657965;border-radius:10px;font-size:12px;line-height:1.5;opacity:0;pointer-events:none;box-shadow:0 7px 25px #10211730;transition:all .25s}#toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes player-arrive{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1550px){.workspace{padding-left:35px;padding-right:35px}.field-avatar{width:49px;height:49px}.field-name{font-size:10px}.field-players{gap:13px 12px}}
@media(max-width:1150px){.topbar{padding:0 3%;gap:18px}.topbar nav{gap:14px}.nav-item{font-size:10px}.nav-item svg{width:15px;height:15px}.account-name{display:none}.brand{font-size:17px}.workspace{padding-left:3%;padding-right:3%}.match-layout{grid-template-columns:245px minmax(0,1fr);gap:18px}.game-detail{padding:22px}.match-title h2{font-size:20px}.your-rsvp{padding:18px}.response{padding:8px;font-size:9px}.your-rsvp .section-heading>span{display:none}.stat{gap:5px;padding:12px 8px}.stat strong{font-size:18px}.stat>span:last-child{font-size:8px}.field-name{font-size:8px}.field-avatar{width:36px;height:36px;font-size:11px}.field-players{inset:12% 10%;gap:6px}.story-copy h1{font-size:46px}.coach-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.topbar{flex-wrap:wrap;padding:16px 4% 0;gap:17px}.topbar>.brand{margin-right:auto}.topbar .account{order:1}.topbar nav{order:2;flex-basis:100%;overflow:auto;gap:23px;min-height:43px;white-space:nowrap}.nav-item{font-size:11px;flex-shrink:0;padding:0 0 13px}.workspace{padding:27px 4% 50px}.page-heading{margin-bottom:24px}h1{font-size:36px}.match-layout{grid-template-columns:220px minmax(0,1fr);gap:15px}.game-title{gap:12px}.club-emblem{width:56px;height:62px}.club-emblem img{width:53px;height:50px}.game-detail{padding:18px}.game-topline{flex-wrap:wrap;gap:8px}.game-meta{grid-template-columns:1fr;gap:14px}.match-title{gap:12px}.match-title h2{font-size:18px}.rsvp-row{flex-wrap:wrap}.response-buttons{width:100%;justify-content:stretch;margin-top:5px}.response{flex:1;font-size:10px;min-height:39px}.attendance-stats{gap:6px}.stat{flex-wrap:wrap;gap:4px;padding:9px}.stat>span:last-child{flex-basis:100%;font-size:8px;margin-top:2px}.stat strong{font-size:20px}.field-players{inset:12% 8%;gap:4px}.pitch{aspect-ratio:1.12;background-size:cover}.field-avatar{width:32px;height:32px;font-size:10px}.field-name{font-size:7px;padding:3px 4px}.pitch.crowded .field-players{inset:10% 5%;gap:3px}.pitch.crowded .field-avatar{width:27px;height:27px;font-size:8px}.pitch.crowded .field-name{font-size:7px}.field-caption{font-size:7px;padding:14px}.bench{margin:14px 13px 0}.bench-players{gap:14px}.bench-player{max-width:135px}.unconfirmed{gap:10px}.unconfirmed>section{padding:13px}.mini-player{font-size:9px}.unconfirmed h3{font-size:10px}.attendance-heading h2{font-size:20px}.family-grid{grid-template-columns:repeat(2,1fr)}.table-toolbar{flex-direction:column;gap:20px}.bulk-form{justify-content:flex-start;width:100%}.bulk-form>label{flex:1}.setup-card{align-items:flex-start;flex-direction:column}.auth-story{padding:35px 10%;min-height:760px}.story-copy h1{font-size:40px}.auth-content{padding:40px 30px}.auth-form-wrap h2{font-size:27px}}
@media(max-width:650px){.page-heading{align-items:flex-start;gap:20px;flex-wrap:wrap}.page-heading>div>p{font-size:12px}.page-heading>.team-filter{width:100%;display:flex;align-items:center;gap:13px;min-width:0}.team-filter label{font-size:8px;margin:0;white-space:nowrap}.team-filter select{font-size:12px;min-height:40px;min-width:0}.match-layout{display:flex;flex-direction:column;gap:20px}.schedule{width:100%;border-radius:13px}.schedule>.section-heading{padding:15px 17px}.schedule .section-heading h2{font-size:13px}.game-list{display:flex;overflow-x:auto;max-height:none;padding:0 12px 8px;gap:8px;scroll-snap-type:x mandatory}.game-card{min-width:220px;width:220px;max-width:220px;flex-shrink:0;border-color:#e6ebe3;scroll-snap-align:start;padding:13px 9px;margin:0;gap:9px}.game-card.selected:before{display:none}.game-card-info>strong{font-size:10px;line-height:1.4}.game-card-info>small{font-size:8px}.game-card-info>span{font-size:9px}.date-block strong{font-size:25px}.small-badges{margin-top:6px}.schedule-foot{padding:10px 17px;margin:0;border-top:0;font-size:8px}.schedule-foot br{display:none}.game-content{width:100%}.game-detail{padding:20px;border-radius:14px}.game-topline .eyebrow{font-size:7px;letter-spacing:.8px}.match-status{font-size:7px}.club-emblem{width:60px;height:68px}.club-emblem img{width:57px;height:54px}.match-title{gap:15px}.match-title h2{font-size:21px}.game-meta{grid-template-columns:1fr;gap:16px}.game-meta strong{font-size:11px}.game-meta small,.game-meta a{font-size:10px}.your-rsvp{padding:17px 20px;border-radius:14px;margin-top:13px}.rsvp-row{gap:9px;padding-bottom:15px}.rsvp-child strong{font-size:13px}.response-buttons{gap:7px;margin-top:9px}.response{min-height:42px;font-size:11px}.your-rsvp h3{font-size:13px}.attendance{margin-top:24px}.attendance-heading h2{font-size:24px}.attendance-stats{gap:7px}.stat{padding:12px 10px;gap:6px}.stat strong{font-size:23px}.stat>span:last-child{font-size:9px}.field-caption{padding:16px;font-size:8px}.pitch{aspect-ratio:1.18;background-size:100% 100%;margin:0 9px}.field-players{inset:12% 8%;gap:7px 4px}.field-avatar{width:36px;height:36px;font-size:11px}.field-name{font-size:8px;max-width:105px;padding:4px}.field-guest{font-size:5px;padding:3px}.pitch.crowded .field-players{inset:10% 6%}.pitch.crowded .field-name{font-size:7px;max-width:80px}.bench{margin:15px 13px 0}.bench-heading small{font-size:7px}.bench-players{gap:15px 13px}.bench-player{font-size:9px;max-width:144px}.field-footer{font-size:7px;padding-left:11px;padding-right:11px}.unconfirmed>section{padding:15px 12px}.unconfirmed h3{font-size:10px}.mini-player{font-size:10px}.family-grid,.coach-grid{grid-template-columns:1fr}.family-card{padding:28px}.family-card h2{font-size:21px}.page-heading>.btn{min-height:40px;padding:10px 14px}.site-footer{font-size:7px;line-height:1.8;flex-direction:column;gap:4px}.table-toolbar{padding:18px}.search,.search input{width:100%;min-width:0}.bulk-form{gap:9px}.bulk-form>label{min-width:160px}.bulk-form select{min-width:160px}.bulk-form .btn{font-size:11px;padding:11px}.roster-table{min-width:620px}table{min-width:540px}th,td{padding-left:15px;padding-right:15px}.auth-shell{display:block}.auth-story{min-height:0;padding:23px 7% 32px;display:block}.auth-story .brand{font-size:17px}.auth-story .brand-mark{width:38px;height:42px}.story-copy{margin:35px 0 0}.story-copy .eyebrow{font-size:8px;margin-bottom:14px}.story-copy h1{font-size:34px;letter-spacing:-1px;margin-bottom:12px}.story-copy h1 br:first-child{display:none}.story-copy h1 br:first-child:after{content:' '}.story-copy p{font-size:11px;max-width:220px;margin-bottom:0}.auth-pitch{height:80%;inset:auto -90px -50px 22%;opacity:.35}.story-footer{display:none}.auth-content{padding:35px 7% 40px}.auth-form-wrap{max-width:430px}.auth-form-wrap h2{font-size:29px}.auth-form-wrap>.muted{font-size:12px;margin-bottom:24px}.auth-form-wrap .form-field{margin:19px 0}.auth-note{font-size:8px}dialog{padding:23px;max-width:calc(100% - 24px)}.modal-head h2{font-size:21px}.modal-actions .btn{font-size:11px;padding:12px 10px}.decline-message{font-size:16px}.empty.welcome-empty{padding:45px 23px;min-height:300px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.field-player:hover{transform:none!important}}
/* Family-first readability, including long player names and phone screens. */
:root{font-size:16px}.btn,.text-btn,.form-field,.check-label{font-size:.875rem}.btn.small{font-size:.8125rem}.nav-item{font-size:.8125rem}.account-name{font-size:.8125rem}.account-name small{font-size:.65rem}.eyebrow{font-size:.6875rem}.page-heading>div>p{font-size:.9375rem}.team-filter label{font-size:.7rem}.team-filter select{font-size:.875rem}.game-card-info>small{font-size:.6875rem}.game-card-info>strong{font-size:.875rem;line-height:1.5}.game-card-info>span{font-size:.75rem}.small-badges i{font-size:.6875rem}.date-block small{font-size:.75rem}.game-card{padding-top:18px;padding-bottom:18px}.schedule-foot{font-size:.75rem;line-height:1.7}.game-topline .eyebrow,.match-status{font-size:.6875rem}.match-title small{font-size:.7rem}.match-title h2{font-size:1.625rem}.game-meta strong{font-size:.875rem}.game-meta small,.game-meta a{font-size:.8125rem}.game-notes{font-size:.875rem}.your-rsvp h3{font-size:.9375rem}.section-heading>span{font-size:.75rem}.rsvp-child strong{font-size:.9375rem}.rsvp-child small{font-size:.75rem}.response{font-size:.8125rem;min-height:42px}.stat>span:last-child{font-size:.75rem}.stat{flex-wrap:wrap}.stat strong{font-size:1.5rem}.attendance-heading .eyebrow{font-size:.6875rem}.private-tag{font-size:.75rem}.field-caption{font-size:.6875rem}.pitch{min-height:calc(var(--rows,3)*100px + 70px)}.field-avatar{width:45px;height:45px;font-size:.875rem}.field-name,.pitch.crowded .field-name{font-size:.75rem;line-height:1.25;padding:4px 6px;max-width:100%}.field-guest{font-size:.625rem;letter-spacing:.25px}.pitch.crowded .field-avatar{width:37px;height:37px;font-size:.75rem}.field-players{inset:11% 8%;gap:13px 7px}.bench-heading>span,.bench-heading small{font-size:.6875rem}.bench-player{font-size:.75rem;max-width:200px}.bench-player small{font-size:.6875rem}.bench-empty{font-size:.75rem}.field-footer{font-size:.6875rem;line-height:1.6}.unconfirmed h3{font-size:.8125rem}.mini-player{font-size:.8125rem}.mini-player small,.small-text{font-size:.75rem}.team-chip,.guest-label{font-size:.75rem}.family-card p,.family-card form>small{font-size:.8125rem}.photo-input{font-size:.875rem}.coach-card p,.coach-card .eyebrow{font-size:.8125rem}.search,.bulk-form>label,.search input,.bulk-form select{font-size:.8125rem}td{font-size:.875rem}th{font-size:.75rem}td small,.table-foot,.linked{font-size:.75rem}.notice,.mail-state,.setup-card p{font-size:.8125rem}.guest-choice{font-size:.875rem}.guest-choice small{font-size:.75rem}.form-error,dialog>p.muted,.decline-message+.muted{font-size:.875rem}.auth-form-wrap>.muted,.story-copy p{font-size:.9375rem}.auth-note,.first-access{font-size:.75rem}#toast{font-size:.875rem}.site-footer{font-size:.6875rem}
@media(min-width:851px){.match-layout{grid-template-columns:285px minmax(0,1fr)}.game-meta{grid-template-columns:1fr}.rsvp-row{flex-wrap:wrap}.response-buttons{margin-left:auto}.your-rsvp .section-heading>span{max-width:170px;text-align:right;line-height:1.4}}
@media(max-width:850px){.response-buttons{width:100%}.stat>span:last-child{flex-basis:100%}.field-players{inset:8% 6%}.pitch{min-height:calc(var(--rows,3)*120px + 60px)}.topbar nav{gap:18px}.match-title h2{font-size:1.3rem}.game-topline .eyebrow{line-height:1.6}.your-rsvp .section-heading>span{display:none}}
@media(max-width:650px){.game-card{min-width:275px;width:275px;max-width:275px}.game-card-info>small{font-size:.75rem}.game-card-info>strong{font-size:.8125rem}.game-card-info>span,.small-badges i{font-size:.75rem}.game-meta strong{font-size:.875rem}.game-meta small,.game-meta a{font-size:.8125rem}.response{font-size:.875rem;min-height:44px}.stat{padding:12px 8px}.stat>span:last-child{font-size:.6875rem}.pitch{min-height:calc(var(--mobile-rows,3)*120px + 60px);aspect-ratio:auto}.field-players,.pitch.crowded .field-players{grid-template-columns:repeat(3,minmax(0,1fr));inset:8% 6%;gap:14px 7px}.field-avatar,.pitch.crowded .field-avatar{width:37px;height:37px;font-size:.75rem}.field-name,.pitch.crowded .field-name{font-size:.75rem;padding:4px 3px}.field-guest{font-size:.5625rem}.field-caption{font-size:.65rem;padding:15px 13px;letter-spacing:1px}.bench-heading{flex-wrap:wrap;gap:5px}.bench-heading>span,.bench-heading small{font-size:.6875rem}.bench-player{max-width:145px;font-size:.75rem}.field-footer{font-size:.6875rem}.unconfirmed{grid-template-columns:1fr}.unconfirmed h3,.mini-player{font-size:.875rem}.auth-form-wrap>.muted{font-size:.875rem}.page-heading>div>p{font-size:.875rem}}

/* Guest invitations and the private family / coach inbox. */
.topbar nav{min-width:0;overflow-x:auto;flex-shrink:1}.nav-item{flex-shrink:0;gap:7px}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#edbd45;color:#122138;font-size:.6875rem;font-weight:800}
.guest-invitations{margin-bottom:32px}.guest-invitations .section-heading{margin-bottom:16px;gap:12px}.guest-invitations h2{margin:5px 0 0;font-size:1.25rem}.count-pill{padding:6px 10px;border-radius:20px;background:#fff2cd;color:#73520c;font-size:.75rem;white-space:nowrap}
.invitation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px}.invitation-card{padding:24px;border:1px solid #dfe5e9;background:#fff;border-radius:14px;box-shadow:0 6px 20px #13213905;min-width:0;display:flex;flex-direction:column}.invitation-card.awaiting{border-top:3px solid #d5aa38;padding-top:22px}.invitation-top{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.invitation-top>div{flex:1;min-width:100px}.invitation-top strong{display:block;font-size:.9375rem;overflow-wrap:anywhere}.invitation-top .guest-label{display:block;margin-top:4px}.invitation-status{padding:5px 9px;border-radius:20px;font-size:.75rem;white-space:nowrap;background:#edf0f4;color:#4b5b71}.invitation-status.pending{background:#fff1c9;color:#775617}.invitation-status.yes{background:#e7f4ed;color:#216440}.invitation-status.no{background:#f7ebeb;color:#924641}.invitation-status.maybe{background:#edf0fb;color:#4c5c8d}
.invitation-card h3{margin:22px 0 18px;font-size:1.0625rem;line-height:1.5}.invitation-card h3 small{display:block;font-size:.875rem;color:#68758a;font-weight:400}.invitation-detail{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.65;margin-bottom:12px;color:#405169}.invitation-detail svg{width:17px;height:17px;flex-shrink:0;margin-top:3px}.invitation-by{font-size:.75rem;margin:0 0 16px}.invitation-card>.btn{margin-top:auto;white-space:normal}.email-needed{font-size:.8125rem;line-height:1.6;color:#785713;background:#fff6db;border-radius:7px;padding:8px 10px;margin:0 0 15px}.guest-choice small.email-needed{margin:6px 0 0;padding:4px 7px}
.notification-inbox .section-heading{margin-bottom:16px}.notification-inbox h2{display:flex;align-items:center;gap:10px;font-size:1.25rem}.notification-card{display:flex;align-items:flex-start;gap:18px;background:#fff;border:1px solid #e0e5ec;border-radius:12px;margin-bottom:12px;padding:23px;min-width:0}.notification-card.unread{border-left:3px solid #d5aa38;padding-left:21px}.notification-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f6f1e3;color:#8d6c24;flex-shrink:0}.notification-copy{flex:1;min-width:0}.notification-title{display:flex;align-items:center;gap:10px}.notification-title h3{font-size:.9375rem;margin:0;line-height:1.5;overflow-wrap:anywhere}.unread-dot{display:block;width:8px;height:8px;border-radius:100%;background:#b78c27;flex-shrink:0}.notification-copy p{white-space:pre-line;font-size:.875rem;line-height:1.7;color:#536178;margin:10px 0 13px;overflow-wrap:anywhere}.notification-copy time{font-size:.75rem;color:#778398}.notification-card>.btn{flex-shrink:0}
@media(max-width:850px){.notification-card{gap:12px;padding:18px;flex-wrap:wrap}.notification-card.unread{padding-left:16px}.notification-card>.btn{margin-left:50px}.invitation-card{padding:20px}.invitation-card.awaiting{padding-top:18px}}
@media(max-width:450px){.notification-icon{width:30px;height:30px}.notification-card>.btn{margin-left:42px}.invitation-top .invitation-status{margin-left:auto}.guest-invitations .section-heading{flex-wrap:wrap}.invitation-top strong{font-size:.875rem}.invitation-card h3{font-size:1rem}}

/* Parent account setup and password settings. */
.account-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.account-card{padding:28px;min-width:0}.account-card h2{display:flex;gap:10px;align-items:center;font-size:1.25rem}.account-card p{font-size:.875rem;line-height:1.7}.account-details{margin:24px 0}.account-details dt{color:#6d7782;font-size:.75rem;margin:18px 0 6px}.account-details dd{margin:0;overflow-wrap:anywhere;font-size:.9375rem}.account-details .linked{margin-left:10px}.account-help{margin-top:22px;color:#73808d}.update-phone{display:block;font-size:.75rem}.form-field input[readonly]{background:#f2f4f3;color:#586574}
@media(max-width:700px){.account-grid{grid-template-columns:1fr}.account-card{padding:22px}}