.club-panel,.strats-library{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:24px;min-width:0}
.club-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.club-title h2,.club-title h3,.club-title h4{margin:0}.club-title>span,.club-help{color:var(--text-dim);font-size:12px;line-height:1.7}.club-help{margin:12px 0}.club-badge{font-size:11px;color:#9bcaef;border:1px solid #4a9eff50;border-radius:20px;padding:5px 10px;white-space:nowrap;display:inline-block}
.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.club-field{position:relative;min-width:0;display:grid;gap:7px;align-content:start}.club-field label{font-size:12px;color:var(--text-dim)}
.club-field input,.club-filters input,.club-filters select,.club-dialog input,.club-dialog textarea,.club-dialog select,.strat-view-row select{box-sizing:border-box;min-width:0;width:100%;background:#12151c;border:1px solid #3a414f;color:var(--text);padding:11px 12px;border-radius:7px;font:inherit;color-scheme:dark}.club-field input:disabled{color:var(--text);opacity:1;background:#ffffff04;border-color:var(--border-soft)}
.club-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.club-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(125px,1fr));gap:10px}.strats-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;align-items:start}.strats-library{padding:16px}.strats-library .club-title{font-size:12px}.strats-library #strats-list{max-height:70vh;overflow-y:auto}.strat-list-item{display:grid;gap:7px;width:100%;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-dim);text-align:left;padding:14px 12px;margin-bottom:8px;font:inherit;cursor:pointer;overflow-wrap:anywhere}.strat-list-item:hover{background:#ffffff05}.strat-list-item.active{background:#4a9eff15;border-color:#4a9eff65;color:var(--text)}.strat-list-item strong{font-size:14px;line-height:1.5}.strat-list-item span,.strat-list-item small{font-size:11px}.strat-list-map{color:#8bbff5}
.strat-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.strat-detail-head h3{font-size:25px;margin:8px 0 12px;overflow-wrap:anywhere}.strat-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;color:#bec7d6;margin:18px 0}.strat-view-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border-soft);padding-top:20px;margin:22px 0 12px}.strat-view-row label{font-size:12px}.strat-view-row select{width:auto;max-width:100%;flex:1}.strat-image-heading{display:flex;align-items:center;gap:12px}.strat-image-heading h4{margin:12px 0;font-size:14px}.strat-image-frame{min-height:180px;border:1px solid var(--border);background:#0c1018;border-radius:9px;overflow:hidden;display:grid;place-items:center}.strat-image-frame>.club-help,.strat-image-frame>.goals-message{padding:24px;text-align:center}.strat-image-button{width:100%;padding:0;display:block;border:0;background:transparent;cursor:zoom-in}.strat-image-button img{width:100%;height:auto;display:block}.strat-assignments{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.strat-assignment{display:grid;gap:5px;border:1px solid var(--border);border-radius:7px;padding:10px 14px;text-align:left;color:var(--text);background:#ffffff04;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.strat-assignment.active{border-color:#78b7f8;background:#4a9eff15}.strat-assignment span{color:var(--text-dim);font-size:12px}.strat-empty{padding:55px 10px;text-align:center}.strat-empty h3{font-size:24px;margin:12px 0}.strat-empty p{font-size:14px;line-height:1.8;color:var(--text-dim);margin:14px auto 25px;max-width:450px}.strat-updated{text-align:right}
.club-dialog{width:min(830px,94vw);max-height:92vh;overflow-y:auto;padding:28px;border:1px solid #4c566a;border-radius:14px;color:var(--text);background:#171b24}.club-dialog::backdrop,.strat-image-dialog::backdrop{background:#000c}.club-dialog form{display:grid;gap:20px}.club-dialog label{display:grid;gap:8px;font-size:13px}.club-dialog textarea{resize:vertical}.club-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.club-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border:1px dashed #47566e;border-radius:8px}.club-upload label{flex:1;min-width:180px}.club-upload span{font-size:11px;color:var(--text-dim);overflow-wrap:anywhere;max-width:250px}.club-upload input{font-size:12px;padding:8px}.strat-setup-editor{border:1px solid var(--border);border-radius:10px;padding:18px;display:grid;gap:16px;margin-bottom:16px}.strat-setup-editor .club-title{margin:0}.strat-setup-editor h4{font-size:13px}.club-player-results{position:absolute;top:100%;left:0;right:0;z-index:8;max-height:220px;overflow:auto;border:1px solid #465876;border-radius:8px;background:#111824;padding:4px;box-shadow:0 12px 20px #0005}.club-player-choice{display:flex;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:5px;padding:11px 8px;color:var(--text);background:none;text-align:left;cursor:pointer;font:inherit}.club-player-choice:hover,.club-player-choice:focus{background:#4a9eff20}.club-player-choice small{color:#8bbff5;white-space:nowrap;font-size:10px}.club-player-choice span{overflow-wrap:anywhere}
.strat-image-dialog{width:96vw;height:94vh;max-width:none;max-height:none;background:#0e121b;color:var(--text);border:1px solid #4c566a;border-radius:12px;padding:18px;overflow:auto}.strat-image-dialog button{position:sticky;top:0;margin-bottom:12px;display:block;z-index:1}.strat-image-dialog img{display:block;max-width:none;height:auto;min-width:0}
body[data-access="viewer"] [data-editor-only]{display:none!important}
@media(max-width:1250px){.strats-layout{grid-template-columns:190px minmax(0,1fr)}.strat-detail-head{flex-direction:column}.club-filters{grid-template-columns:1fr 1fr}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.strats-layout{grid-template-columns:1fr}.strats-library #strats-list{display:flex;gap:8px;max-height:200px}.strat-list-item{min-width:190px;max-width:230px}.club-panel{padding:18px}.strat-detail-head h3{font-size:22px}}
@media(max-width:600px){.roster-grid,.club-columns,.club-filters{grid-template-columns:1fr}.club-dialog{padding:18px}.club-title{align-items:start;flex-wrap:wrap}.goals-heading{flex-direction:column;align-items:start}.club-upload label{min-width:0;width:100%}.strat-view-row{align-items:start;flex-direction:column}.strat-view-row select{width:100%}}
/* On small screens the menu overlays the page instead of squeezing the strat image. */
@media(max-width:800px){
  #workspace .cloud-bar{position:sticky;top:0;z-index:48}
  #workspace .sidebar{position:fixed;top:var(--cloud-height,90px);left:0;height:calc(100dvh - var(--cloud-height,90px));z-index:45;background:#10141cf8;backdrop-filter:blur(14px)}
  #workspace .layout.sidebar-open .sidebar{width:250px;box-shadow:12px 0 45px #0009}
  #workspace .sidebar-inner{width:250px}
  #workspace .sidebar-toggle{position:fixed;top:calc(var(--cloud-height,90px) + 12px);z-index:46}
  #workspace .main{width:100%;padding:64px 16px 36px}
}