/* Team hub and responsive wizard improvements */
.club{margin:0;background:#f3f6f5;color:#142c27;font:16px/1.6 Inter,sans-serif}.club *{box-sizing:border-box}.club main{max-width:1120px;margin:auto;padding:28px 16px 80px}.club-content h1{font-size:clamp(28px,5vw,46px);line-height:1.15;margin:8px 0 26px;letter-spacing:-1px}.club-content h2{margin:0 0 16px;font-size:23px}.club p{overflow-wrap:anywhere}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#168065}.club .panel{background:white;border:1px solid #dce8e2;border-radius:20px;padding:24px;margin:20px 0;box-shadow:0 6px 30px #123c3205}.club-content label{display:flex;flex-direction:column;font-size:13px;font-weight:650;gap:6px;min-width:0}.club-content input,.club-content select{font:inherit;color:inherit;background:#f8faf9;border:1px solid #ccdcd4;border-radius:9px;padding:12px;width:100%;min-height:46px}.club-content button,.club-content .button{font:600 15px Inter;display:inline-block;padding:14px 20px;min-height:46px;border:0;border-radius:10px;background:#146c52;color:white;text-decoration:none;cursor:pointer}.club-content button:disabled{opacity:.4;cursor:default}.club .secondary{background:#e5f1eb;color:#174e3b}.club .inline{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.club .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.club .roster-row{display:grid;grid-template-columns:minmax(150px,2fr) minmax(110px,1.5fr) repeat(5,minmax(65px,1fr));gap:10px;padding:14px 0;border-bottom:1px solid #e7eeea}.club .chips{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.club .chip{flex-direction:row;align-items:center;padding:10px 14px;background:#eef6f1;border-radius:10px}.club-content input[type=checkbox]{width:20px;min-height:20px;accent-color:#146c52}.club .metric{font-size:32px;font-weight:750;color:#176c52}.club .metric small{display:block;font-size:13px;color:#536c60;font-weight:500}.club .match-link{display:block;padding:16px 0;border-bottom:1px solid #e3eae6;color:#176c52;text-decoration:none}.club .player{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e9efeb;padding:8px 0}.club .player span{font-size:12px;color:#64776c}.club .notice{padding:16px;background:#fff0d8;border-radius:12px}.club :focus-visible{outline:3px solid #e49f3d;outline-offset:3px}
@media(max-width:800px){.club .roster-row{grid-template-columns:repeat(5,minmax(0,1fr))}.club .roster-row>label:first-child{grid-column:span 3}.club .roster-row>label:nth-child(2){grid-column:span 2}.club .roster-row input{padding:10px 6px}.club .panel{padding:18px}}
@media(max-width:900px){.app-layout{flex-direction:column!important;padding:12px!important;gap:16px!important}.main-content-area{min-width:0;width:100%!important}.controls-panel,.input-panel,.sidebar{width:100%!important;max-width:none!important;min-width:0!important}.player-inputs-container,#player-inputs-container{max-height:none!important;overflow:visible!important}.football-field,#footballField{max-width:100%!important;min-width:0!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.player-card-header{min-width:0}.player-name-input{min-width:0}.notification{max-width:calc(100vw - 24px)!important}.app-layout button,.app-layout select{min-height:46px}.player-marker{touch-action:none}.app-layout input[type=range]{min-height:32px}.app-layout .analysis-container{width:100%!important;min-width:0!important}}

.wizard-save-bar{color:#c9ded4;font-size:13px}.wizard-save-bar button{color:#d8eee3;background:#14563c;border:1px solid #39775a;border-radius:8px;padding:8px}.wizard-save-bar a{font-weight:700}
@media(max-width:600px){.app-layout .control-panel{width:100%!important;padding:16px!important}.player-card:not(.expanded) .player-card-body{display:none}.player-card .expand-stats{color:#c7e7d6;font-size:12px;border:0;background:transparent;min-height:36px}.player-marker .marker-player-name{font-size:10px;max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-layout .player-marker{width:36px}.club .inline>button,.club .inline>.button{flex:1}.club .squads{grid-template-columns:1fr}}

.app-layout{color:#e5f2eb}.app-layout h3,.app-layout .field-team-name{color:#e5f2eb}.player-card .expand-stats{color:#c7e7d6;background:transparent;border:0;font-size:12px;padding:8px}.wizard-save-bar{color:#c9ded4}

/* The wizard palette, shared site shell and readable content controls. */
.club{background:#1d2b1f;color:#ecf0f1;font-family:'Inter',Inter,sans-serif}
.club-content{min-height:58vh}.club-content h1{color:#1abc9c}.club .eyebrow{color:#7cceae}
.club .panel{background:#08370d;border:1px solid #ffffff26;box-shadow:0 10px 40px #0003;border-radius:16px}
.club-content input,.club-content select{background:#0004;border:1px solid #ffffff26;color:#ecf0f1;color-scheme:dark}
.club-content option{background:#123c24;color:white}.club-content button,.club-content .button{background:#1abc9c;color:#06271c;font-weight:700;transition:background .2s}
.club-content button:hover,.club-content .button:hover{background:#42d4b5}.club-content .secondary{background:#ffffff12;color:#d9f4e5;border:1px solid #ffffff26}
.club .chip{background:#ffffff0c}.club .roster-row,.club .player,.club .match-link{border-color:#ffffff1c}
.club .metric,.club .match-link{color:#58d9b3}.club .metric small,.club .player span{color:#b8d0bf}.club .notice{background:#59431c;color:#fff0c2}
.club .panel>p{color:#c1d6c7}.club .match-link strong{float:right}.club-content form+form{margin-top:24px}.club footer{margin-top:40px}
.club #mobile-menu{transition:transform .25s ease}.club #user-menu.hidden{display:none}
@media(max-width:600px){.club main{padding:22px 12px 36px}.club .panel{padding:16px}.club-content h1{font-size:30px}.club .match-link strong{float:none;display:block}}

.wizard-transfer[hidden]{display:none}.wizard-transfer{background:#08370d;border:1px solid #1abc9c66;border-radius:16px;padding:24px;scroll-margin-top:85px;color:#ecf0f1}.wizard-transfer h2{color:#1abc9c;font-size:23px;margin-bottom:8px}.wizard-transfer p{font-size:14px;color:#c2d9c9;margin:12px 0}.wizard-transfer label{display:block;font-size:14px;margin:14px 0}.wizard-transfer input,.wizard-transfer select{display:block;width:100%;padding:12px;margin-top:6px;background:#0004;color:white;border:1px solid #ffffff30;border-radius:8px;min-height:46px}.wizard-transfer option{background:#123c24}.transfer-grid,.transfer-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.transfer-actions button{min-height:48px}.wizard-transfer input:focus-visible{outline:2px solid #1abc9c}@media(max-width:600px){.transfer-grid,.transfer-actions{grid-template-columns:1fr}.wizard-transfer{padding:16px}}

/* Clear player ratings and pitch markings, also used by the PNG exporter. */
#footballField .jersey-icon{position:relative;width:52px;height:48px;margin:0}#footballField .jersey-icon svg{width:100%;height:100%}.jersey-score{position:absolute;left:0;right:0;top:14px;color:#10231a;text-shadow:none;font:800 17px Inter;text-align:center}
#footballField .player-marker{width:100px}#footballField .marker-player-name{font-size:12px;max-width:110px;white-space:normal;text-align:center;line-height:1.25;padding:3px 6px;color:white}
#footballField .field-team-name{position:absolute;z-index:2;background:#061f17dd;border-radius:8px;padding:4px 10px;font-size:13px}.field-team-name.team1{top:12px;left:12px}.field-team-name.team2{bottom:12px;right:12px}
#analysis-container .stats-grid{gap:10px}#analysis-container .stat-item{padding:12px 8px;border:1px solid #ffffff1c;border-radius:12px;background:#ffffff08;position:relative;overflow:hidden}#analysis-container .stat-item::after{content:'';position:absolute;bottom:0;left:0;height:4px;width:var(--score);background:#1abc9c}#analysis-container .stat-item .value{font-size:32px;font-weight:800;color:#73edc9}#analysis-container .stat-item .value small{font-size:12px;opacity:.65;margin-left:3px}#analysis-container .stat-item .label{font-size:12px;color:#d8ede1}
.wizard-penalty,.wizard-goal{position:absolute;border:2px solid #ffffffa6;pointer-events:none}.wizard-penalty{width:16%;height:60%;top:20%}.wizard-goal{width:6%;height:30%;top:35%}.wizard-penalty.near,.wizard-goal.near{left:0;border-left:0}.wizard-penalty.far,.wizard-goal.far{right:0;border-right:0}.wizard-center-dot{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:white;transform:translate(-50%,-50%)}
@media(max-width:900px){.wizard-penalty{width:60%;height:16%;left:20%;top:auto}.wizard-goal{width:30%;height:6%;left:35%;top:auto}.wizard-penalty.near,.wizard-goal.near{top:0;left:auto;border-left:2px solid #ffffffa6;border-top:0}.wizard-penalty.near{left:20%}.wizard-goal.near{left:35%}.wizard-penalty.far,.wizard-goal.far{bottom:0;right:auto;border-right:2px solid #ffffffa6;border-bottom:0}.wizard-penalty.far{left:20%}.wizard-goal.far{left:35%}}

.app-layout{align-items:flex-start}.app-layout .main-content-area{min-width:0}
#team-players{scroll-margin-top:90px}
.club .chips .button[aria-current="true"]{background:#1abc9c;color:#06271c;box-shadow:0 0 0 2px #73edc9}
.match-card-actions{display:flex;flex-wrap:wrap;gap:10px}
.match-management details{padding:16px 0;border-bottom:1px solid #ffffff24;scroll-margin-top:90px}
.match-management summary{font-size:17px;font-weight:650;cursor:pointer;min-height:44px;padding:8px 0;color:#7debc7}
.match-management form>.grid{margin:16px 0}
.match-cancel-actions{margin-top:20px}
.match-cancelled{padding:14px;border-radius:10px;border:1px solid #ef8181;background:#602525;color:#fff}
.match-attendance{scroll-margin-top:90px}
.attendance-counts{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.attendance-counts>div{flex:1 1 130px;padding:12px;border-radius:10px;background:#ffffff0a}
.attendance-counts p{margin:6px 0 0;font-size:13px}
.attendance-actions button[aria-pressed="true"]{box-shadow:0 0 0 3px #9af4d8;color:#06271c}
.attendance-login{margin-top:12px}
@media(max-width:600px){.attendance-actions button{flex:1 1 auto}.attendance-login{display:block!important;text-align:center}}
@media(max-width:600px){.match-card-actions .button{flex:1 1 auto;text-align:center}.match-management button{width:100%}}