:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#223c30;background:#f3f6f2;font-size:15px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:#21654a;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #76a987;outline-offset:3px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid #d3dfd3;border-radius:9px;background:#fff;color:#234734;min-height:42px;font-size:14px;white-space:nowrap}button.primary,.button.primary{color:#fff;background:#236348;border-color:#236348}.danger{color:#ab3c2c}.quiet{background:transparent;border-color:transparent}.header{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff;border-bottom:1px solid #dae4d9;padding:19px max(20px,calc((100vw - 1180px)/2));flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;color:#213c2f}.brand b{display:grid;place-items:center;background:#246348;color:#fff;border-radius:12px;width:43px;height:43px;font-weight:500;font-size:24px}.brand strong{display:block;font-size:21px;font-weight:500}.brand small{color:#697b6c;font-size:12px}.nav{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.container{max-width:1180px;margin:auto;padding:28px 20px 50px}.narrow{max-width:660px}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;flex-wrap:wrap}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:500}h2{font-size:20px;font-weight:500}h3{font-size:16px;font-weight:500}p{line-height:1.7}.muted{color:#65786a}.small{font-size:13px}.intro p{margin-top:7px}.stats{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.stat{background:#fff;border:1px solid #dae4d9;padding:17px 22px;border-radius:12px;min-width:150px;flex:1}.stat strong{display:block;font-size:30px;font-weight:500;margin-top:5px;font-variant-numeric:tabular-nums}.card{background:#fff;border:1px solid #dae4d9;border-radius:14px;padding:21px;min-width:0}.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px}.stack{display:grid;gap:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.activity{padding:18px 0;border-bottom:1px solid #e2e9df;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.activity:last-child{border-bottom:0}.activity h3{margin-bottom:7px}.badge{font-size:12px;background:#e8efe7;color:#47644f;border-radius:20px;padding:5px 10px;white-space:nowrap}.badge.open,.badge.running{background:#dfefe2;color:#1c6241}.badge.ended{background:#eef0ed;color:#70806e}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.forms .wide{grid-column:1/-1}label.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#536d5a;min-width:0}input,select,textarea{border:1px solid #d1ddcf;background:#fff;color:#203c2b;border-radius:8px;padding:10px 11px;width:100%;min-width:0;min-height:43px}input:focus,select:focus,textarea:focus{outline:2px solid #77a789;outline-offset:1px}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:19px;min-height:19px;height:19px;accent-color:#236348}.inline-check{display:flex;gap:8px;align-items:center;color:#294d34}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.login{max-width:460px;margin:40px auto}.login h1{font-size:24px;margin-bottom:9px}.login form{display:grid;gap:16px;margin-top:24px}.tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.tabs button.active{background:#236348;color:#fff;border-color:#236348}.admin-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px}.event-list{display:flex;flex-direction:column;gap:7px}.event-select{white-space:normal;display:block;text-align:left;padding:13px;width:100%;border:1px solid #dce5d9;border-radius:9px;background:#fff}.event-select.selected{border-color:#397756;background:#eaf1e7}.event-select strong,.event-select small{display:block;font-weight:400;overflow-wrap:anywhere}.event-select small{color:#6a7b69;margin-top:5px}.lifecycle{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.lifecycle span{padding:7px 9px;background:#f1f4ef;border-radius:6px;font-size:12px;color:#6e806e}.lifecycle span.current{background:#236348;color:#fff}.link-box{margin:15px 0;background:#f1f5ed;border-radius:10px;padding:13px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.link-box input{flex:1;min-width:140px;background:#fff;font-size:13px}.warning{background:#fff2d8;color:#795615;padding:12px 15px;border-radius:9px;margin:14px 0;font-size:13px}.success{background:#e7f4e8;color:#236348;padding:17px;border-radius:10px}.roster{display:grid;gap:9px;margin-top:16px}.roster-person{background:#f6f8f3;border:1px solid #e0e7dc;border-radius:9px;padding:12px;display:grid;grid-template-columns:minmax(90px,1fr) 68px 82px auto auto auto;gap:8px;align-items:end}.roster-person label{font-size:11px}.roster-person input,.roster-person select{padding:8px;min-height:38px}.roster-person button{font-size:12px;padding:8px;min-height:38px}.roster-person .inline-check{align-self:center;margin-top:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 7px;border-bottom:1px solid #e2e9df;overflow-wrap:anywhere}th{font-weight:400;color:#6a7b69;font-size:12px}td.numeric,th.numeric{text-align:right;font-variant-numeric:tabular-nums}td.score{color:#236348;font-size:20px;font-weight:500}.rank-number{background:#edf3e8;color:#547149;border-radius:6px;display:inline-grid;place-items:center;min-width:28px;min-height:28px}.boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.court{border:1px solid #d6e2d3;border-radius:11px;overflow:hidden;background:#fff;min-width:0}.court h3{padding:14px}.court-field{margin:0 12px;background:#e2efe3;border:1px solid #a2bea9;border-radius:3px;padding:15px 10px}.team{display:grid;grid-template-columns:1fr 1fr;gap:7px}.court-player{background:#fff;border-radius:5px;padding:11px 5px;text-align:center;overflow-wrap:anywhere;font-size:14px}.court-player small{display:block;color:#6e806d;margin-top:4px;font-size:11px}.vs{text-align:center;color:#548065;font-size:11px;margin:10px 0}.rest{padding:13px;font-size:12px;color:#60785f;overflow-wrap:anywhere}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.chip{padding:6px 9px;border-radius:7px;background:#eef3e9;overflow-wrap:anywhere;font-size:13px}.empty{padding:32px 10px;text-align:center;color:#748570;font-size:14px}.error{color:#a63a29;font-size:13px;min-height:18px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 19px;border-radius:11px;background:#203f2c;color:#fff;max-width:calc(100vw - 32px);z-index:10;box-shadow:0 5px 22px #163c281c;font-size:14px}#notice.error-toast{background:#963e2d}.loading{text-align:center;padding:60px;color:#60745f}details summary{cursor:pointer;color:#3f6847;font-size:14px}details>.forms,details>form,details>textarea{margin-top:15px}.divider{border:0;border-top:1px solid #e1e8dc;margin:22px 0}.footer{text-align:center;color:#73816e;font-size:12px;padding:22px}.gender-group{display:flex;gap:22px;padding:10px 0}.signup-meta{margin:17px 0 22px;padding:16px;background:#f2f6ed;border-radius:10px;color:#5f765f}.signup-meta p+p{margin-top:4px}.signup-form{display:grid;gap:18px}.archive-note{font-size:12px;color:#75806d;margin-top:14px;line-height:1.6}[hidden]{display:none!important}@media(max-width:900px){.admin-layout{grid-template-columns:minmax(0,1fr)}.event-list{flex-direction:row;flex-wrap:wrap}.event-select{width:auto;min-width:155px;flex:1}.grid{grid-template-columns:minmax(0,1fr)}.roster-person{grid-template-columns:minmax(80px,1fr) 65px 80px}.roster-person .inline-check{margin-top:0}.roster-person button{width:100%}}@media(max-width:540px){.container{padding:21px 14px 35px}.header{padding:15px;gap:12px}.brand strong{font-size:19px}.nav{font-size:13px;gap:10px}.forms,.boards{grid-template-columns:minmax(0,1fr)}h1{font-size:24px}.card{padding:17px}.stat{padding:14px;min-width:110px}.stat strong{font-size:27px}.roster-person{grid-template-columns:minmax(75px,1fr) 62px 72px;gap:7px}.nav button{font-size:12px;padding:7px 9px}.link-box{padding:10px}.login{margin:18px auto}.court-player{font-size:14px}}@media(pointer:coarse){input,select,textarea{font-size:16px;min-height:44px}button,.button{min-height:44px}.roster-person input,.roster-person select,.roster-person button{min-height:44px}}
.stack{align-content:start}h1,h2,h3,p{overflow-wrap:anywhere}.activity>div{min-width:0;max-width:100%}
.grid+.card{margin-top:22px}

/* Keep the brand and roster controls readable on both phones and desktops. */
.brand:hover{text-decoration:none}
.brand-logo{display:block;width:48px;height:48px;flex:none;object-fit:cover;border-radius:12px}
.brand strong{font-weight:650}
.nav a{display:inline-flex;align-items:center;min-height:38px}
h1,h2,h3{font-weight:600}
.section-head>div{min-width:0}
.activity>div{flex:1 1 240px}
.activity h3{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.roster-person{grid-template-columns:minmax(0,1fr) minmax(105px,.35fr) 82px auto auto auto;align-items:start;gap:10px}
.roster-person label.field{font-size:12px;line-height:1.4}
.roster-person label.field small{line-height:1.4;overflow-wrap:anywhere}
.roster-person .inline-check{align-self:start;margin-top:30px;white-space:nowrap}
.roster-person button{margin-top:22px}
.roster-person[data-external-member]{grid-template-columns:minmax(0,1fr) minmax(105px,.35fr) repeat(3,auto)}
.roster-person[data-external-member]>label:first-child{grid-column:1;grid-row:1}
.roster-person[data-external-member]>label:nth-child(2){grid-column:2;grid-row:1}
.roster-person .member-status{grid-column:1/3;grid-row:2;line-height:1.5;overflow-wrap:anywhere}
.roster-person[data-external-member]>button{grid-row:1;align-self:end;margin-top:0}
.stat-detail{display:block;margin-top:3px}
@media(max-width:600px){
 .header{gap:13px}
 .nav{width:100%;gap:8px 14px;border-top:1px solid #e2e9df;padding-top:8px}
 .roster-person{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .roster-person:not([data-external-member])>label:first-child{grid-column:1/-1}
 .roster-person .inline-check{grid-column:1/-1;margin-top:0}
 .roster-person button{width:100%;margin-top:0}
 .roster-person[data-external-member]{grid-template-columns:repeat(3,minmax(0,1fr))}
 .roster-person[data-external-member]>label:first-child{grid-column:1/-1;grid-row:auto}
 .roster-person[data-external-member]>label:nth-child(2){grid-column:1/3;grid-row:auto}
 .roster-person .member-status{grid-column:1/-1;grid-row:auto}
 .roster-person[data-external-member]>button{grid-row:auto}
}