dialog.team-login-dialog{--green:#8cdb68;--muted:#a4b2a9;font-family:Anuphan,sans-serif;}
.team-login-providers{display:flex;width:100%;}
.team-login-providers button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#fff;color:#202124;padding:12px;cursor:pointer;}
.team-login-providers img,.team-login-providers svg{width:22px;height:22px;}
dialog.team-login-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:400px;max-height:calc(100dvh - 40px);overflow-y:auto;margin:auto;padding:28px 24px 22px;border:1px solid rgba(236,245,0,.32);border-radius:24px;background:radial-gradient(ellipse at 50% 0,rgba(140,219,104,.10),transparent 65%),#07110c;color:#f5f6ed;text-align:center;box-shadow:0 24px 80px #0009;}
dialog.team-login-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px);}
.team-login-dialog .team-login-dismiss{position:absolute;right:10px;top:10px;margin:0;padding:0;}
.team-login-dialog .team-login-close{float:none;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:10px;border:1px solid #ffffff18;border-radius:50%;background:#ffffff08;color:#a9b8ae;cursor:pointer;}
.team-login-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
.team-login-dialog .team-login-close:hover{background:#ffffff16;color:#fff;}
.team-login-dialog .team-login-close:focus-visible{outline:2px solid #ecf500;outline-offset:2px;}
.team-login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 30px 24px;border-bottom:1px solid #ffffff12;}
.team-login-brand img{width:128px;height:64px;object-fit:contain;}
.team-login-brand>span{font:600 8px/1.5 'Chakra Petch',sans-serif;letter-spacing:1.6px;color:#8d9d92;}
.team-login-copy{padding:24px 0;}
.team-login-dialog .team-login-eyebrow{margin:0 0 8px;color:#ecf500;font:700 10px/1.4 'Chakra Petch',sans-serif;letter-spacing:2px;}
.team-login-dialog h2{display:block;margin:0 0 10px;padding:0;font:700 25px/1.4 'Anuphan',sans-serif;letter-spacing:0;color:#f5f6ed;}
.team-login-dialog h2::after,.team-login-dialog h2::before{display:none;}
.team-login-dialog #teamLoginDescription{margin:0;color:#a4b2a9;font:400 14px/1.75 'Anuphan',sans-serif;}
.team-login-dialog .team-login-providers button{min-height:50px;border:1px solid #dadce0;border-radius:12px;font-size:14px;}
.team-login-dialog .team-login-footnote{margin:18px 0 0;font:400 11px/1.6 'Anuphan',sans-serif;color:#7e9084;}
.team-login-dialog .team-auth-message:empty{display:none;}
@media(max-width:360px){dialog.team-login-dialog{padding:24px 18px 20px;}.team-login-dialog h2{font-size:23px;}}

/* Account access directly below the language switch. */
.head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px;}
.header-account{display:flex;justify-content:flex-end;max-width:100%;}
.header-account .team-logout,.header-account .header-login{position:static;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 12px;border:1px solid rgba(140,219,104,.45);border-radius:999px;background:#07110ccc;color:#ecf500;font:600 11px/1.4 'Chakra Petch',sans-serif;cursor:pointer;white-space:nowrap;}
.header-account [hidden]{display:none!important;}
.header-account button:hover{background:#18301e;border-color:#8cdb68;}

/* Transparent account buttons beneath the language switch. */
.header-account .header-login,.header-account .team-logout,.header-account button:hover{background:transparent;}

.header-account .header-login,.header-account .team-logout,.header-account button:hover{color:#fff;border-color:#fff;}

/* Tighten latest-player action spacing and lift the search panel on phones. */
@media(max-width:700px){
 body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice{padding-bottom:3px;align-content:start;}
 body:not(.team-suggestion-mode) .new-card-strip-panel #latestCardStrip{padding-bottom:3px;}
 body:not(.team-suggestion-mode) .new-card-strip-panel{padding-bottom:0;}
 body:not(.team-suggestion-mode) .search-panel{margin-top:3px;}
}