:root{--ink:#263f34;--muted:#647469;--paper:#f8f9f4;--line:#dce3d8;--lime:#e4edab;--green:#315942}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{max-width:1000px;margin:auto;padding:28px 28px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:760;font-size:21px}.brand span{font-weight:400}.season,.small,footer{font-size:13px;color:var(--muted)}main{max-width:780px;margin:auto;padding:0 24px}.intro{padding:56px 0 40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;margin:0 0 14px}h1{font-size:clamp(42px,7vw,66px);letter-spacing:-2.5px;line-height:1.04;font-weight:650;margin:0 0 20px}h2{font-size:21px;letter-spacing:-.5px;margin:0}.subtitle{font-size:17px;font-weight:600;margin:0 0 16px}.lead{color:var(--muted);margin:0;font-size:17px}.list-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 20px}#connection{font-size:11px;color:var(--muted);white-space:nowrap}.trip{background:#fff;border:1px solid var(--line);border-radius:16px;margin:0 0 16px;padding:24px;box-shadow:0 3px 14px #253a2c03}.trip:first-child{border-color:#aabfa0}.trip h3{font-size:21px;letter-spacing:-.4px;margin:0 0 5px}.when{color:var(--muted);font-size:15px;margin:0 0 14px}.players{font-size:14px;color:#59695f;margin:0 0 6px;line-height:1.65}.coach{font-size:12px;color:var(--muted);margin:0}.ride{margin-top:18px;padding-top:18px;border-top:1px solid #edf0e8;display:flex;align-items:center;justify-content:space-between;gap:20px}.status{font-size:14px;font-weight:600;margin:0}.status.missing{color:#7e6335}.driver{font-weight:650;font-size:18px;margin:3px 0}.note{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:4px 0 0;font-size:14px}.ride-info{min-width:0}.trip button{flex-shrink:0}button{font:inherit;font-size:15px;font-weight:650;border:1px solid transparent;border-radius:9px;background:var(--green);color:white;padding:12px 20px;min-height:48px;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.danger{color:#884c38}.more{display:block;width:100%;margin:24px 0 32px}.quiet{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:14px}.quiet summary{cursor:pointer;font-weight:600;color:var(--ink);min-height:30px}.quiet p{max-width:640px}.quiet .trip{margin-top:15px;box-shadow:none}.quiet .trip h3{font-size:17px}footer{text-align:center;padding:32px 0 40px;line-height:1.9}footer span{font-size:12px}#notice:not(:empty){background:var(--lime);padding:14px 18px;border-radius:10px;margin:0 0 20px}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;max-width:450px;width:calc(100% - 28px);color:var(--ink);box-shadow:0 20px 80px #122a2433}dialog::backdrop{background:#17282070}dialog h2{font-size:27px;margin-bottom:24px}dialog .close{float:right;padding:5px;width:42px;min-height:42px;margin:-12px -12px 8px 8px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 6px}label span{font-weight:400;color:var(--muted)}input,textarea{display:block;width:100%;font:inherit;font-size:16px;border:1px solid #bdcabc;border-radius:8px;padding:12px;color:var(--ink);background:white}textarea{resize:vertical}dialog #save,dialog #release{width:100%;margin-top:10px}#form-error{color:#9e3929;font-size:14px}.loading{padding:30px 0;color:var(--muted)}:focus-visible{outline:3px solid #b7c970;outline-offset:4px}[hidden]{display:none!important}@media(max-width:540px){header{padding:20px}main{padding:0 18px}.intro{padding:38px 0 34px}h1{font-size:46px}.list-heading{display:block}.list-heading h2{margin-bottom:4px}.trip{padding:20px}.ride{display:block}.ride button{width:100%;margin-top:15px}.trip h3{font-size:20px}.when{font-size:14px}}@media(prefers-reduced-motion:no-preference){dialog[open]{animation:appear .15s ease-out}@keyframes appear{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}} 
.rides{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.status{line-height:1.65}.car{background:#f4f7ef;border-radius:10px;padding:14px 16px;margin-top:12px}.children{font-size:15px;margin:4px 0 5px;overflow-wrap:anywhere}.car button{margin-top:12px}.offer{margin-top:16px;width:100%}fieldset{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:12px}legend{font-weight:650;font-size:15px}.child-choice{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;font-weight:400}.child-choice input{width:21px;height:21px;flex-shrink:0;accent-color:var(--green)}.child-choice:has(input:disabled){color:var(--muted)}dialog{max-height:90dvh;overflow-y:auto}.driver{overflow-wrap:anywhere}
/* Version 2: same calm court-side design, with compact mobile navigation. */
[hidden]{display:none!important}nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 2rem}nav button{min-height:44px;padding:.6rem .9rem;font-size:.92rem}nav button[aria-current=page]{background:#234c3c;color:#fff;border-color:#234c3c}.attendance-summary{font-size:.94rem;font-weight:650;color:#365f4d}.pending{background:#f5efd9;border-radius:12px;padding:1rem;color:#605525;line-height:1.6}.attendance-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.attendance-buttons button{min-height:48px;padding:.7rem 1rem}.attendance-buttons button[aria-pressed=true]{background:#234c3c;color:#fff;border-color:#234c3c}select{display:block;width:100%;padding:.9rem;border:1px solid #becbbd;border-radius:10px;background:#fff;font:inherit;color:inherit;margin:.4rem 0 1rem}#login-panel{max-width:600px;margin:2rem auto}#login-panel h1{font-size:clamp(2rem,7vw,3.5rem)}#login-submit{margin-top:1rem}#login-error{color:#9b3527}#content form{padding:1rem 0}#content .quiet{margin:1rem 0}#content .trip>p>button{margin-left:.8rem}#page-title{max-width:720px}h4{margin-bottom:.3rem}.attendance-buttons+*{margin-top:1rem}input[readonly]{font-size:.85rem}#content>label{display:block;margin-bottom:1.5rem}@media(max-width:480px){nav{gap:.35rem}nav button{font-size:.85rem;padding:.6rem .65rem}.attendance-buttons button{flex:1;font-size:.87rem;padding:.7rem .55rem}}
/* V3: compact lists, generous touch targets, quiet overflow menu. */
header{padding-top:18px;padding-bottom:16px}.intro{padding:25px 0 22px}h1{font-size:clamp(32px,6vw,44px);letter-spacing:-1.3px;margin-bottom:12px}.eyebrow{margin-bottom:8px}.subtitle{margin-bottom:8px}nav{margin:16px 0 20px;gap:6px;align-items:start}nav button{min-height:44px}.nav-more{position:relative}.nav-more summary{padding:10px 14px;min-height:44px;cursor:pointer;border:1px solid var(--line);border-radius:9px;font-size:14px}.nav-more[open]{background:white;border-radius:10px;padding-bottom:8px}.nav-more[open] button{display:block;width:100%;text-align:left;border:0}.compact{padding:14px 16px;margin-bottom:10px;border-radius:12px}.compact h3{font-size:17px;margin:0}.compact .when{margin:3px 0 6px;font-size:13px}.attendance-summary{margin:6px 0;font-size:13px}.attendance-row{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.attendance-row h3{font-size:15px;margin:0;letter-spacing:0}.attendance-buttons{gap:5px;flex-wrap:nowrap}.attendance-buttons button{min-height:44px;font-size:13px;padding:8px 10px;white-space:nowrap}.direction{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.direction h4{margin:0 0 4px;font-size:14px}.direction .status{font-size:13px}.direction .small{margin:3px 0}.direction .offer{margin-top:8px;min-height:44px;padding:8px 12px}.car{padding:8px 12px;margin-top:6px}.car .driver{font-size:15px}.car .children{font-size:13px;margin:2px 0}.car button{min-height:44px;padding:7px 12px;margin-top:6px}.pending{padding:8px 10px;font-size:13px;margin:10px 0}.fold{font-size:13px;border-top:1px solid var(--line);margin-top:8px}.fold summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--muted)}.fold p{margin:5px 0}.fold form{padding-top:0!important}.message{padding:8px 0;border-bottom:1px solid var(--line)}.own-transport{font-size:14px;padding:7px 0}.own-transport .fold{margin:0;border:0}.own-transport summary{min-height:36px;padding:6px 0}.pickup-row{border-bottom:1px solid var(--line);padding:5px 0}.pickup-row input[type=time]{width:145px;padding:7px;margin:0 0 5px 32px}.reminder{background:#f1eedb;padding:10px 14px;border-radius:10px;font-size:14px}.compact>button{min-height:44px;padding:8px 12px}.list-heading{margin-bottom:12px}#content>label{margin:0 0 10px}#content>label select{margin-bottom:6px}.compact .eyebrow{margin-bottom:5px}.note{word-break:break-word}
@media(min-width:650px){.compact:has(.direction){display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.compact:has(.direction)>:not(.direction){grid-column:1/-1}}
@media(max-width:540px){main{padding:0 16px}header{padding:16px}.intro{padding:20px 0}nav{gap:4px}nav button{font-size:12px;padding:8px}.nav-more summary{padding:9px;font-size:12px}.attendance-row{display:block;padding:10px 0}.attendance-row h3{margin-bottom:6px}.attendance-buttons button{flex:1;min-height:44px;font-size:12px;padding:7px 5px}.compact{padding:12px}.compact h3{font-size:16px}.lead{font-size:15px}}

.period-filters{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.period-filters label{flex:1;min-width:160px}.period-table{border:1px solid var(--line,#dce1d5);border-radius:12px;overflow:hidden}.period-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;background:white;border-bottom:1px solid #dce1d5}.period-row:last-child{border-bottom:0}.period-head{background:#edf1e7;font-weight:700}.period-cell,.period-head>div{padding:14px;min-width:0;overflow-wrap:anywhere}.period-cell+div{border-left:1px solid #e8ebe3}.period-cell h3{font-size:16px;margin:0 0 6px}.period-cell p{margin:7px 0}.period-mobile-label{display:none}@media(max-width:650px){.period-row{grid-template-columns:1fr}.period-head{display:none}.period-mobile-label{display:block;margin:0 0 8px}.period-cell+div{border-left:0;border-top:1px dashed #dce1d5}.period-row{border-bottom:3px solid #dce1d5}}

.demo-banner{background:#f8e7a0;color:#393718;text-align:center;padding:12px 18px;font-size:14px;line-height:1.5;border-bottom:2px solid #d5bd56}.demo-banner strong{letter-spacing:.12em;margin-right:8px}