.team-window { position:absolute; top:0; left:50%; transform:translateX(-50%); width:290px; height:114px; z-index:11; padding:0; border:0; background:url('/ui/team/frame.png?v=46bdd7755c084a30') no-repeat; color:#fff; font:12px/16px Arial,sans-serif; text-shadow:1px 1px #000; }
.team-window[hidden],.team-window [hidden],.team-prompt[hidden],.team-blocker[hidden] { display:none; }
.team-art { position:absolute; width:50px; height:22px; padding:0; border:0; border-radius:0; background:var(--team-art) no-repeat; }
.team-art:active,.team-art[aria-pressed='true'] { background-image:var(--team-pressed); }
.team-art:disabled { cursor:default; opacity:.5; }
.team-art:focus-visible,.team-portrait:focus-visible,.team-auto:focus-visible { outline:1px solid #ffff80; outline-offset:1px; }
#team-first { left:13px;top:60px; }
#team-second { left:68px;top:60px; }
#team-setup { left:119px;top:60px; }
#team-kick { left:170px;top:60px; }
#team-help { left:223px;top:60px;width:48px; }
#team-close { left:263px;top:10px;width:15px;height:15px; }
.team-portrait { position:absolute;top:10px;width:47px;height:47px;padding:0;border:0;border-radius:0;background:transparent; }
.team-portrait:disabled { opacity:1; }
.team-portrait[aria-pressed='true'] { outline:1px solid #ffff80; }
.team-portrait img { width:47px;height:47px;object-fit:contain; }
.team-hp { position:absolute;left:2px;bottom:0;width:43px;height:5px; }
.team-leader { position:absolute;left:2px;top:0;color:#ffe67d;font:bold 11px/13px Arial,sans-serif;text-shadow:1px 1px #000; }
.team-auto { position:absolute;left:20px;top:85px;height:16px;border:0;padding:0 0 0 27px;border-radius:0;width:115px;background:url('/ui/team/checkbox.png?v=049755883317751b') left top no-repeat;color:#f7e1a7;font:14px/16px Georgia,serif;text-shadow:1px 1px #000; }
.team-auto[aria-checked='true'] { background-image:url('/ui/team/checkbox-checked.png?v=275ab24cdf907c77'); }
.team-settings { position:absolute;top:114px;left:0;width:290px;height:44px;background:url('/ui/team/frame.png?v=46bdd7755c084a30') left bottom no-repeat; }
.team-settings .team-art { top:12px;width:57px;height:20px; }
#team-forbid { left:22px; } #team-money { left:113px; } #team-items { left:204px; }
.team-details { position:absolute;top:114px;left:0;width:290px;min-height:62px;box-sizing:border-box;padding:9px 13px;background:url('/ui/team/frame.png?v=46bdd7755c084a30') left bottom no-repeat;pointer-events:none; }
.team-settings:not([hidden]) + .team-details { top:158px; }
.team-details p { margin:0;font:11px/16px Arial,sans-serif;overflow-wrap:anywhere; }
.team-notice { position:absolute;top:185px;right:10px;max-width:min(420px,calc(100% - 20px));z-index:13;color:#ffffb0;font:12px/17px Arial,sans-serif;text-shadow:1px 1px #000;pointer-events:none; }
.team-notice:empty { display:none; }
.team-window:has(.team-settings:not([hidden])) ~ .team-notice { top:230px; }
.team-blocker { position:absolute;inset:0;z-index:21; }
.team-prompt { position:absolute;z-index:22;left:50%;top:30%;transform:translateX(-50%);width:300px;height:110px;background:url('/ui/social/prompt-frame.png?v=b1fb5cbec0d260f7') no-repeat;color:#fff;font:12px/16px Arial,sans-serif;text-shadow:1px 1px #000; }
.team-prompt p { position:absolute;left:10px;top:9px;width:270px;margin:0;max-height:55px;overflow-wrap:anywhere; }
/* Seconds left on the invitation, beside the OK/Cancel buttons (the p sits at top 9). */
.team-prompt-expiry { position:absolute;left:2px;top:63px;width:125px;color:#ffd56a;font:11px/14px Arial,sans-serif; }
.team-prompt-ok { left:145px;top:67px;width:40px; }
.team-prompt-cancel { left:215px;top:67px;width:40px; }
.menu-team[aria-pressed='true'] { background-image:url('/ui/button-team-pressed.png?v=a1a0b1c42aa82bb6'); }

#team-leader-markers { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:2; }
.team-leader-star { position:absolute; width:32px; height:32px; background:url('/ui/team/leader-star.png?v=fc94c7bb493dfe10') no-repeat; transform-origin:center top; }

#team-previous,#team-next { left:263px;width:17px;height:17px; }
#team-previous { top:30px; }
#team-next { top:48px; }

.team-auto::after { content:'';position:absolute;left:27px;top:0;width:88px;height:16px;background:var(--team-auto-label) no-repeat; }