.team-board{min-width:0;max-width:54rem}.team-card-tag{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem .65rem;display:flex}.team-mode-tag{color:#153b60;white-space:nowrap;background:#eaf3ff;border:1px solid #93b5d7;border-radius:.5rem;align-items:center;gap:.35rem;padding:.2rem .6rem;font-weight:700;display:inline-flex}.team-mode-icon{object-fit:contain;flex:none;width:44px;height:34px;display:inline-block}.team-player-tag{min-width:0}.team-board [hidden]{display:none!important}.team-top,.team-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.team-board label{flex-direction:column;gap:.4rem;min-width:0;display:flex}.team-board form{gap:1rem;display:grid}.team-board select,.team-board input:not([type=radio]):not([type=checkbox]){border:1px solid var(--sl-color-gray-3);width:100%;min-height:2.8rem;color:var(--sl-color-white);background:var(--sl-color-bg);font:inherit;border-radius:.4rem;padding:.55rem}.team-board button,.team-button{border:1px solid var(--sl-color-gray-3);min-height:2.8rem;color:var(--sl-color-white);background:var(--sl-color-bg-inline-code);cursor:pointer;font:inherit;border-radius:.5rem;justify-content:center;align-items:center;padding:.55rem .9rem;text-decoration:none;display:inline-flex}.team-board button:disabled{opacity:.65;cursor:wait}.team-board :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--sl-color-accent-high);outline-offset:3px}.team-note{color:var(--sl-color-gray-2);font-size:.85rem;line-height:1.6}.team-guide{border:1px solid var(--sl-color-gray-4);background:var(--sl-color-bg);border-radius:.65rem;margin-block:1rem}.team-guide>summary{cursor:pointer;min-height:2.8rem;color:var(--sl-color-white);padding:.85rem 1rem}.team-guide>summary strong{margin-inline-start:.25rem}.team-guide-content{overflow-wrap:anywhere;padding:0 1rem 1rem;font-size:.9rem;line-height:1.75}.team-guide-steps{gap:.75rem;display:grid}.team-guide-steps section{border-top:1px solid var(--sl-color-gray-5);min-width:0;padding-block:.75rem}.team-guide-steps h2{margin:0 0 .4rem;font-size:1rem}.team-guide-content p{margin-block:.4rem}.team-guide-content ul{margin:.5rem 0 0;padding-inline-start:1.25rem}.team-guide-content li+li{margin-top:.5rem}@media (width>=70rem){.team-guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.team-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.team-board fieldset{border:1px solid var(--sl-color-gray-5);border-radius:.5rem;min-width:0;margin:0;padding:.8rem}.team-board legend{padding:0 .3rem;font-weight:600}.team-choice{padding:.5rem!important}.team-choice summary{cursor:pointer;min-height:3rem;padding:.3rem}.team-choice summary img{vertical-align:middle;object-fit:contain;margin-right:.4rem}.team-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding-top:.5rem;display:grid}.team-options label{text-align:center;border:1px solid var(--sl-color-gray-5);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;min-height:4.5rem;padding:.45rem .15rem;font-size:.75rem;position:relative}.team-options input{opacity:0;width:1px;height:1px;position:absolute}.team-options label:has(input:checked){background:var(--sl-color-accent-low);border-color:var(--sl-color-accent-high)}.team-options label:has(input:focus-visible){outline:3px solid var(--sl-color-accent-high)}.team-option-icon{justify-content:center;align-items:center;min-height:44px;display:flex}.team-option-icon img,.team-rank-icon{object-fit:contain}.team-board .team-checkbox{flex-direction:row;align-items:center;gap:.7rem;min-height:2.8rem}.team-checkbox input{width:1.25rem;height:1.25rem}.team-cards{gap:.9rem;margin-top:1rem;display:grid}:is(.team-card,.team-example-card){border:1px solid var(--sl-color-gray-5);border-radius:.7rem;overflow:hidden}.team-example{margin-top:1rem}.team-example-card{border-style:dashed}.team-example-condition{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.team-example-badge{background:var(--sl-color-accent-low);border-radius:.3rem;padding:.15rem .45rem;font-size:.75rem;font-weight:700;display:inline-block}.team-example-card button:disabled{cursor:default;opacity:.7}.team-card-main{padding:1rem}:is(.team-card,.team-example-card) h3{margin:.6rem 0;font-size:1rem;line-height:1.6}.team-card-tag{overflow-wrap:anywhere;font-size:.85rem}.team-card-details{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem;margin-block:.9rem;display:grid}.team-card-condition{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-inline-code);border-radius:.55rem;min-width:0;padding:.8rem}.team-card-condition h4{margin:0 0 .55rem;font-size:.9rem;font-weight:700;line-height:1.5}.team-card-condition dl{grid-template-columns:5.2rem minmax(0,1fr);align-items:center;gap:.45rem .55rem;margin:0;display:grid}.team-card-condition dt{color:var(--sl-color-gray-2);font-size:.8rem}.team-card-condition dd{align-items:center;min-width:0;margin:0;display:flex}.team-card-condition dd>span{align-items:center;gap:.3rem;display:inline-flex}.team-card-wanted{color:#493809;background:#fff7d8;border-color:#d3b456}.team-card-wanted h4{color:#654a07}.team-card-wanted dt{color:#70551b}:root[data-theme=dark] .team-mode-tag{color:#e4f0ff;background:#142f49;border-color:#54799d}:root[data-theme=dark] .team-card-wanted{color:#fff2c4;background:#39301a;border-color:#9e823c}:root[data-theme=dark] .team-card-wanted h4{color:#ffdf76}:root[data-theme=dark] .team-card-wanted dt{color:#e8d7a1}.team-card-footer{border-top:1px solid var(--sl-color-gray-5);justify-content:stretch;align-items:center;gap:.5rem;padding:1.8rem .7rem 1rem;display:flex}.team-card-footer .team-button{background:var(--sl-color-accent-low);flex:1}.team-card-footer .team-join-button{color:#fff;-webkit-text-stroke:.35px #07172f;paint-order:stroke fill;text-shadow:0 1px #07172f,0 2px #07172f;background:#1a6cdb linear-gradient(#1a6cdb,#1452c8);border:3px solid #081d43;border-radius:.35rem;gap:.6rem;min-height:3.6rem;padding:1.1rem 1rem .45rem;font-size:1.05rem;font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s;position:relative;box-shadow:0 5px #082b74,inset 0 2px #fff6,0 8px 12px #0002}.team-join-icon{object-fit:contain;pointer-events:none;width:52px;height:39px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.team-create-action{border:1px solid #0000;padding:1.8rem .7rem 1rem}.team-board .team-create-button{background:radial-gradient(circle at 18% 10%, #ff4ab826, transparent 42%), var(--sl-color-gray-6);color:#382340;text-shadow:0 1px #fff9;border:3px solid #a478aa;border-radius:.35rem;gap:.6rem;width:100%;min-height:3.6rem;padding:1.1rem 1rem .45rem;font-size:1.05rem;font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s;position:relative;box-shadow:0 5px #88538f,inset 0 2px #ffffffa6,0 8px 12px #0002}.team-create-icon{object-fit:contain;pointer-events:none;width:52px;height:39px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.team-create-button:after{content:"";border-top:2px solid;border-right:2px solid;width:.5rem;height:.5rem;transform:rotate(45deg)}:root[data-theme=dark] .team-create-button{color:#fbeeff;text-shadow:0 1px #25132f;border-color:#b88fc2;box-shadow:0 5px #583562,inset 0 2px #ffffff30,0 8px 12px #0003}@media (hover:hover){.team-board a.team-create-button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 6px #88538f,inset 0 2px #ffffffa6,0 10px 14px #0002}}.team-board a.team-create-button:active{filter:none;transform:translateY(4px);box-shadow:0 1px #88538f,inset 0 1px 2px #38234044}.team-board .team-create-button:focus-visible{outline:3px solid var(--sl-color-accent-high);outline-offset:4px}.team-card-footer a.team-join-button:after{content:"";border-top:2px solid;border-right:2px solid;width:.5rem;height:.5rem;transform:rotate(45deg)}@media (hover:hover){.team-card-footer a.team-join-button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 6px #082b74,inset 0 2px #fff6,0 10px 14px #0002}}.team-card-footer a.team-join-button:active{filter:none;transform:translateY(4px);box-shadow:0 1px #082b74,inset 0 1px 2px #081d4355}.team-board .team-join-button:focus-visible{outline:3px solid var(--sl-color-accent-high);outline-offset:4px}.team-card-footer .team-join-button:disabled{color:#263f60;-webkit-text-stroke:0;text-shadow:none;opacity:1;cursor:default;background:#abc2df linear-gradient(#c7d9ef,#abc2df);border-color:#8ca5c3;font-weight:800;box-shadow:0 3px #819abb,inset 0 1px #fff8}:root[data-theme=dark] .team-card-footer .team-join-button:disabled{color:#c7d8ec;background:#26374a;border-color:#49617b;box-shadow:0 3px #122238,inset 0 1px #fff1}@media (prefers-reduced-motion:reduce){.team-board .team-create-button{transition:none}.team-board a.team-create-button:is(:hover,:active){transform:none}.team-card-footer .team-join-button{transition:none}.team-card-footer a.team-join-button:is(:hover,:active){transform:none}}[data-team-message]{overflow-wrap:anywhere;min-height:1.5rem}[data-team-message][data-error]{border-left:3px solid var(--sl-color-accent-high);padding-left:.65rem}@media (width<=520px){.team-form-grid{grid-template-columns:minmax(0,1fr)}.team-card-main{padding:.8rem}.team-options{grid-template-columns:repeat(4,minmax(0,1fr))}.team-board fieldset{padding:.5rem}}.team-required{color:#b91c1c;margin-inline-end:.25em;font-weight:900}:root[data-theme=dark] .team-required{color:#ff9b9b}.team-required-note{color:var(--sl-color-gray-2);font-size:.85rem}.team-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.team-card-headline{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:1rem 1rem .3rem;list-style:none;display:grid}.team-card-headline::-webkit-details-marker{display:none}.team-card-headline .team-card-tag{grid-area:1/1;justify-content:flex-start}.team-disclosure-action{border:1px solid var(--sl-color-gray-4);background:var(--sl-color-accent-low);min-width:44px;min-height:44px;color:var(--sl-color-accent-high);white-space:nowrap;border-radius:10px;grid-area:1/2;justify-content:center;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:700;display:inline-flex}.team-disclosure-action:after{content:"";border-bottom:3px solid;border-right:3px solid;flex:none;width:14px;height:14px;margin-top:-7px;transform:rotate(45deg)}.team-disclosure-action .when-open,.team-card-disclosure[open]>.team-card-headline .when-closed{display:none}.team-card-disclosure[open]>.team-card-headline .when-open{display:inline}.team-card-disclosure[open]>.team-card-headline .team-disclosure-action:after{margin-top:7px;transform:rotate(225deg)}.team-board .team-card-headline h3{grid-area:2/1/auto/-1;margin:0}.team-card-headline .team-card-location{color:var(--sl-color-accent-high);overflow-wrap:anywhere;grid-area:2/1/auto/-1;font-size:.75rem;font-weight:650}.team-board .has-location .team-card-headline h3{grid-row:3}.team-card-disclosure:not([open])+.team-card-footer{padding-top:1.6rem;padding-bottom:.9rem}.team-preferences{border:1px solid var(--sl-color-gray-4);border-radius:.6rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 1rem .1rem;display:grid;overflow:hidden}.team-preferences dl{text-align:center;background:#eaf3ff;min-width:0;margin:0;padding:.65rem .2rem}.team-preferences dl+dl{border-left:1px solid var(--sl-color-gray-4)}.team-preferences dl:nth-child(n+3){background:#fff7d8}.team-preferences dt{color:#38597a;justify-content:center;align-items:center;min-height:2.8em;margin-bottom:.4rem;font-size:.6875rem;font-weight:600;line-height:1.4;display:flex}.team-preferences dd{color:#183d66;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;min-height:46px;margin:0;font-size:.85rem;font-weight:750;line-height:1.45;display:flex}.team-preferences dl:nth-child(n+3) dt,.team-preferences dl:nth-child(n+3) dd{color:#654a07}.team-preferences img{object-fit:contain;border-radius:.4rem;width:34px;height:34px}.team-play-location{border:1px solid var(--sl-color-gray-4);background:#eaf3ff;border-radius:.6rem;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.75rem;display:flex}.team-play-location dl{flex:1;min-width:0;margin:0}.team-play-location dt{color:var(--sl-color-gray-2);font-size:.7rem}.team-play-location dd{overflow-wrap:anywhere;margin:0;font-size:.85rem;font-weight:700}.team-map-link{align-items:center;min-height:44px;font-size:.75rem;font-weight:700;display:inline-flex}:root[data-theme=dark] .team-preferences dt{color:#bdd7f0}:root[data-theme=dark] .team-preferences dd{color:#e3f1ff}:root[data-theme=dark] .team-preferences dl:nth-child(n+3){background:#39301a}:root[data-theme=dark] .team-preferences dl:nth-child(n+3) :is(dt,dd){color:#ffe4a3}@media (width<=520px){.team-card-headline{padding:.75rem .8rem .3rem}.team-card-headline .team-mode-icon{width:26px;height:22px}.team-card-headline .team-mode-tag{padding:.1rem .4rem;font-size:.75rem}.team-preferences{margin-inline:.8rem}}:root[data-theme=dark] .team-preferences dl:nth-child(-n+2),:root[data-theme=dark] .team-play-location{background:#142f49}.team-choice summary{align-items:center;gap:8px;min-height:58px;list-style:none;display:flex}.team-choice summary::-webkit-details-marker{display:none}.team-choice [data-choice-value]{min-width:0}.team-choice [data-choice-value]>span{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.team-choice-action{border:1px solid var(--sl-color-gray-4);background:var(--sl-color-accent-low);min-height:44px;color:var(--sl-color-accent-high);white-space:nowrap;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:9px;margin-left:auto;padding:8px;font-size:12px;display:inline-flex}.team-choice-action:after{content:"";border-bottom:3px solid;border-right:3px solid;flex:none;width:14px;height:14px;margin-top:-7px;transform:rotate(45deg)}.team-choice-action .when-open{display:none}[data-choice][open] .team-choice-action .when-open{display:inline}[data-choice][open] .team-choice-action .when-closed{display:none}[data-choice][open] .team-choice-action:after{margin-top:7px;transform:rotate(225deg)}.team-rank-divisions{background:var(--sl-color-bg-inline-code);border-radius:10px;margin-top:12px;padding:12px}.team-rank-divisions p{margin:0 0 8px;font-size:.8rem}.team-division-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.team-board .team-division-options label{border:1px solid var(--sl-color-gray-3);background:var(--sl-color-bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:8px;font-weight:800;display:flex;position:relative}.team-division-options input{opacity:0;width:1px;height:1px;position:absolute}.team-board .team-division-options label:has(input:checked){color:#fff;background:#1865d4;border-color:#0e3f89;box-shadow:0 3px #0e3f89}.team-division-options label:has(input:focus-visible){outline:3px solid var(--sl-color-accent-high);outline-offset:3px}.team-tier-emblem{vertical-align:middle;align-items:center;padding-right:9px;display:inline-flex;position:relative}.team-tier-emblem img{margin-right:0!important}.team-division-badge{color:#152d47;background:#fff;border:1px solid #19334d;border-radius:5px;place-items:center;min-width:18px;height:19px;padding:0 3px;font-size:11px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-2px;right:0;box-shadow:0 1px #19334d}
