/* The editor has one scroll surface and a reachable action bar. */
#teamSetup{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:2px solid #103f4d;border-radius:18px;background:#fff7df;color:#103f4d;box-shadow:0 20px 90px #061a2b80;overflow:auto;overscroll-behavior:contain;scroll-padding-block:100px 84px;font:14px/1.45 system-ui,sans-serif}
#teamSetup::backdrop{background:#092a40b8;backdrop-filter:blur(4px)}
#teamSetup .teamSetupCard{padding:20px 22px 0;margin:0}
#teamSetup header{display:flex;justify-content:space-between;align-items:center;gap:12px}
#teamSetup h2{margin:3px 0 0;font:32px/1.1 var(--font-meme,Anton,Impact,sans-serif)}
#teamSetup .teamSetupEyebrow{margin:0;font-size:10px;letter-spacing:.13em;font-weight:800;color:#526c63}
#teamSetup button{min-height:44px;padding:10px 13px;border:1px solid #8da4a0;border-radius:10px;background:#fffdf5;color:#103f4d;font:700 14px/1.3 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
#teamSetup button:disabled{opacity:.45;cursor:default}
#teamSetup .teamSetupClose{flex:none;width:44px;padding:0;font-size:25px;border-radius:50%}
#teamSetup .teamSetupIntro{margin:13px 0;color:#456161}
#teamSetup .teamSetupHint{font-size:12px;line-height:1.5;color:#526b6b}
#teamSetup .teamSetupSides{display:flex;gap:8px;margin:16px 0}
#teamSetup .teamSetupSides button{flex:1}
#teamSetup .teamSetupSides button[aria-pressed="true"]{background:#103f4d;border-color:#103f4d;color:#fff7df}
#teamSetup .teamSetupLabel{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;min-width:0}
#teamSetup input,#teamSetup select{width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:10px 12px;color:#103f4d;background:#fffdf5;border:1px solid #8da4a0;border-radius:9px;font:400 16px/1.2 system-ui,sans-serif}
#teamSetup input:focus,#teamSetup select:focus,#teamSetup button:focus-visible{outline:3px solid #103f4d;outline-offset:3px}
#teamSetup .teamSetupMembers{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#teamSetup .teamSetupMember{padding:12px;border:1px solid #b6bfa8;border-radius:12px;background:#edead9;margin:0}
#teamSetup .teamSetupMember[data-active="true"]{background:#fffdf5;border-color:#597f73;box-shadow:inset 4px 0 #597f73}
#teamSetup .teamSetupMember>span{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#teamSetup .teamSetupMember small{font:700 10px/1.3 system-ui;text-transform:uppercase;letter-spacing:.03em;color:#536c69}
#teamSetup .teamSetupMember[data-active="true"] small{background:#e1ead3;color:#284f37;border-radius:4px;padding:3px 5px}
#teamSetup .teamSetupManage{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
#teamSetup .teamSetupManage button{background:transparent;font-size:12px}
#teamSetup .teamSetupFields{margin-top:16px}
#teamSetup .teamSetupRoster{font-weight:700;font-size:13px;margin:16px 0 9px}
#teamSetup .teamSetupStatus{min-height:20px;font-size:13px;line-height:1.45;color:#28563e}
#teamSetup footer{position:sticky;bottom:0;display:flex;gap:8px;flex-wrap:wrap;margin:0 -22px;padding:12px 22px max(12px,env(safe-area-inset-bottom));background:#fff7df;border-top:1px solid #c7c6a7;z-index:1}
#teamSetup footer button{flex:1}
#teamSetup .teamSetupSave,#teamSetup [data-team-guard-save]{background:#ffd853;border-color:#103f4d;color:#103f4d;font-weight:800}
#teamSetup .teamSetupDone{background:transparent}
#teamSetup .teamSetupGuard{border:2px solid #103f4d;background:#ffedb4;border-radius:12px;padding:12px;margin:12px 0}
#teamSetup .teamSetupGuard p{font-weight:700;margin:0 0 10px}
#teamSetup .teamSetupGuard>div{display:flex;flex-wrap:wrap;gap:8px}
#teamSetup [hidden]{display:none!important}
#teamSetup[data-dirty="true"] .teamSetupStatus:empty::before{content:"Unsaved changes"}
@media(max-width:460px){#teamSetup .teamSetupCard{padding:16px 14px 0}#teamSetup h2{font-size:27px}#teamSetup .teamSetupSides button{font-size:12px;padding:8px}#teamSetup .teamSetupMembers{grid-template-columns:1fr}#teamSetup .teamSetupMember{padding:10px 12px}#teamSetup footer{margin-inline:-14px;padding-inline:14px}#teamSetup .teamSetupGuard>div button{flex:1 1 100%}}
@media(max-height:500px){#teamSetup{max-height:calc(100dvh - 12px)}#teamSetup .teamSetupCard{padding-top:12px}#teamSetup h2{font-size:27px}#teamSetup .teamSetupIntro{margin:9px 0}#teamSetup .teamSetupSides{margin:12px 0}}