.friends-launch{flex:none;margin-left:auto;padding:9px 12px;font:700 14px system-ui;border:1px solid #d1af57;background:#302342;color:#ffe6a0;cursor:pointer;white-space:nowrap}.friends-dialog{box-sizing:border-box;width:min(620px,94vw);max-height:88dvh;padding:22px;border:2px solid #bd9850;border-radius:12px;background:#171323;color:#f4efff;font:16px/1.5 system-ui;overflow:auto;z-index:10000}.friends-dialog::backdrop{background:#080511c9}.friends-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.friends-heading h2{margin:0;color:#ffe4a0;font-size:24px}.friends-dialog h3{font-size:18px;color:#ffe4a0;margin:0 0 8px}.friends-dialog section,.friends-dialog form[data-request]{border-top:1px solid #594268;margin-top:20px;padding-top:18px}.friends-dialog p{margin:8px 0}.friends-dialog label{display:grid;gap:6px;font-size:14px}.friends-dialog input{box-sizing:border-box;width:100%;background:#090811;border:1px solid #78618e;color:#fff;padding:11px;font:16px system-ui;border-radius:6px;margin:4px 0 10px}.friends-dialog button,.friends-dialog .friends-primary{font:700 14px system-ui;padding:9px 12px;min-height:40px;border:1px solid #78618e;border-radius:6px;background:#2a203b;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}.friends-dialog .friends-primary{background:#624628;border-color:#d1af57;color:#fff2c4}.friends-dialog button:disabled{opacity:.5;cursor:wait}.friends-dialog [data-message]{color:#ffe4a0;min-height:24px}.friends-dialog .friends-help{color:#c6b9d6;font-size:14px}.friend-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #3a2c49}.friend-row>div{flex:1 1 170px;min-width:0;overflow-wrap:anywhere}.friend-row small{display:block;font-size:14px;color:#c6b9d6}.friends-dialog :focus-visible,.friends-launch:focus-visible{outline:3px solid #72e5ff;outline-offset:3px}.friends-dialog summary{cursor:pointer;font-size:14px;color:#c6b9d6}@media(max-width:600px){.friends-launch{padding:8px;font-size:12px}.friends-dialog{padding:16px}.friend-row>div{flex-basis:100%}}
.topbar .header-actions{flex-wrap:wrap;justify-content:flex-end}.topbar:has(.friends-launch){height:auto;min-height:58px}.friends-dialog input{display:block}.friends-dialog .friends-heading [data-refresh]{margin-left:auto}@media(max-width:600px){.topbar .header-actions{max-width:180px;gap:4px}.topbar .header-actions button{font-size:12px;padding:7px}.friends-heading{gap:8px}.friends-heading h2{font-size:20px}}
.friend-invite-popup{box-sizing:border-box;position:fixed;inset:82px 18px auto auto;margin:0;width:min(380px,calc(100vw - 32px));padding:16px;border:2px solid #e3bd61;border-radius:10px;background:#20162d;color:#fff6e7;box-shadow:0 12px 40px #0009;z-index:2147483647;font:16px/1.45 system-ui;overflow:hidden}.friend-invite-popup[hidden]{display:none!important}.friend-invite-popup::backdrop{background:transparent;pointer-events:none}.friend-invite-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#ffe09c}.friend-invite-popup p{margin:10px 0;overflow-wrap:anywhere}.friend-invite-popup button{font:700 14px system-ui;color:#fff2c4;background:#563c26;border:1px solid #d1af57;border-radius:5px;padding:10px 14px;min-height:40px;cursor:pointer}.friend-invite-popup button:focus-visible{outline:3px solid #72e5ff;outline-offset:2px}.friend-invite-popup button:disabled{opacity:.65;cursor:wait}.friend-invite-title button{background:transparent;padding:6px 10px}.friend-invite-actions{display:flex;gap:8px;flex-wrap:wrap}.friend-invite-popup small{display:block;margin-top:10px;font-size:14px;color:#d4c1df}.friend-invite-time{height:3px;background:#473451;margin-top:12px}.friend-invite-time i{display:block;height:100%;background:#f5cf73;transform-origin:left;animation:invite-countdown 10s linear forwards}@keyframes invite-countdown{to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.friend-invite-time{display:none}}@media(max-width:600px){.friend-invite-popup{top:100px;right:16px}}

.friends-dialog .friend-name{padding:0;min-height:36px;border:0;background:transparent;color:#ffe4a0;text-align:left;font-size:17px;text-decoration:underline;text-underline-offset:4px}.friend-card-dialog h2{overflow-wrap:anywhere}.friend-card-total{display:flex;align-items:center;gap:16px;padding:20px;margin:18px 0;background:#30213a;border:1px solid #d1af57;border-radius:8px}.friend-card-total strong{font-size:40px;color:#ffe4a0}.friend-card-total span{max-width:150px}.friend-card-modes{display:grid;gap:10px}.friend-card-modes article{background:#21182d;border:1px solid #594268;border-radius:8px;padding:14px}.friend-card-modes article h3{font-size:16px}.friend-card-modes article p{font-size:14px;color:#c6b9d6}.friend-card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.friends-dialog .friend-remove-confirm{background:#6d283a;border-color:#df8095}

.friends-dialog.friends-invite-picker{overflow:hidden;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:0;border-color:#ffe18b;background:#171e30}
.friends-invite-picker .friend-row{flex-wrap:nowrap;padding:10px 0}.friends-invite-picker .friend-row>div{flex:1;min-width:0}.friends-invite-picker .friend-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-invite-picker .invite-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.friends-invite-picker [data-message]{font-size:14px}.friends-invite-picker .friends-heading{gap:8px}
#teamLobby#teamLobby #waiting [data-invite-friend]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#583773,#29223f);border:2px solid #9670b2;width:100%;height:100%;font:inherit;color:#dce6ff}
#teamLobby#teamLobby [data-invite-friend] .empty-tamer{display:grid;place-items:center}#teamLobby#teamLobby [data-invite-friend] b{color:#ffe18b;font-style:italic}