.app .customized-portrait.portrait-art{box-shadow:none;background:0 0;border:0;border-radius:50%;overflow:visible}.app .portrait-art .portrait-content{isolation:isolate;border-radius:50%;margin:0;display:block;position:absolute;inset:12%;overflow:hidden}.app .portrait-art img.portrait-backdrop{object-fit:cover;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.app .portrait-art img.portrait-frame{object-fit:contain;pointer-events:none;z-index:2;width:100%;max-width:none;height:100%;position:absolute;inset:0}.app .portrait-art img.portrait-character{z-index:1}.customization-choices{flex-direction:column;min-width:0;display:flex}.customization-tabs{background:#c3e8d9;border-radius:18px;gap:6px;margin-bottom:12px;padding:5px;display:flex}.customization-tabs button{background:0 0;border:0;border-radius:14px;flex:1;padding:10px 4px;font-size:16px;font-weight:700}.customization-tabs button[aria-selected=true]{background:#fff9e8;box-shadow:0 2px 3px #37695b33}.customization-panel{align-items:center;min-height:300px;display:flex}.customization-panel .avatar-picker{width:100%}.cosmetic-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.cosmetic-picker button{background:#e2f5e9;border:2px solid #c4dfce;border-radius:20px;flex-direction:column;align-items:center;gap:16px;min-width:0;padding:14px 5px;display:flex;position:relative}.cosmetic-picker button.selected{background:#c3f0de;border-color:#159c85;box-shadow:0 0 0 2px #85ddbd}.cosmetic-picker .portrait-art{flex:none;width:122px;height:122px}.cosmetic-picker strong{justify-content:center;align-items:center;min-height:38px;font-size:16px;display:flex}.cosmetic-picker .cosmetic-check{object-fit:contain;width:29px;height:29px;position:absolute;top:106px;right:4px}.app .profile-choices .avatar-picker .selected .portrait-art{box-shadow:0 0 0 3px #07bc9d}.customization-choices .avatar-done{margin:14px auto 0}.customization-error{color:#a03225;margin:8px 0 0;font-size:14px}
.app .live-social{align-items:start}.app .live-social .social-tabs{gap:5px;margin-bottom:12px}.app .live-social .social-tabs .raster-button{width:33%;min-height:0!important}.app .social-tabs [aria-pressed=true]{filter:drop-shadow(0 3px #218b81)}.app .live-social .social-list{align-content:start;height:282px;padding:3px;overflow-y:auto}.app .social-list article,.app .social-list article>span:not(.portrait-art){min-width:0}.app .social-list strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app .social-row-actions{flex:none;align-items:center;gap:4px;display:flex}.app .social-row-actions .raster-button{width:90px;min-height:0!important}.app .social-small{color:#38645f;background:#e2eee5;border:0;border-radius:50%;flex:none;width:26px;height:26px;padding:0;font-size:20px;min-height:0!important}.app .social-copy{color:#2d6963;background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.app .social-search{align-items:end;gap:6px;display:flex}.app .social-search .hub-field{flex:1;gap:4px;font-size:13px}.app .social-search input{border-radius:12px;padding:8px;min-height:40px!important}.app .social-search button{min-width:60px;padding:6px;font-size:13px;min-height:40px!important}.app .social-search+.social-list{height:210px}.app .social-party{padding:14px}.app .social-party .party-members{margin:12px 0}.app .social-party .party-members>div{gap:8px;min-width:0;position:relative}.app .social-party .party-members strong{text-overflow:ellipsis;max-width:100%;font-size:15px;overflow:hidden}.app .social-party .party-members .social-small{position:absolute;top:3px;right:3px}.app .social-invitations{max-height:140px;overflow-y:auto}.app .social-invitations article{background:#fff9e9;border-radius:14px;margin-top:8px;padding:8px}.app .social-invitations p{margin:3px 0;font-size:13px}.app .social-invitations article>div{gap:5px;display:flex}.app .social-invitations .raster-button{width:48%;min-height:0!important}.app .social-party .hub-note{margin:10px 0 0;padding:8px;font-size:12px!important}.app .social-status{min-height:18px;margin:5px 0 0;font-size:12px}.app .live-social .social-action,.app .hub-empty .social-action{color:#203f4d;background:linear-gradient(#fffdf4,#f5ecdc);border:2px solid #c4e6d8;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:14px;font-weight:900;line-height:1.15;display:inline-flex;box-shadow:0 3px #c6b89b66,0 0 5px #79cdb84d,inset 0 1px 1px #fff}.app .live-social .social-action span{min-width:0}.app .live-social .social-action-icon{stroke-width:2px;flex:none;width:18px;height:18px}.app .live-social .social-action-arrow{stroke-width:2.8px;flex:none;width:12px;height:12px;margin-left:auto}.app .live-social .social-tabs{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:7px;display:grid}.app .live-social .social-tabs .social-action{gap:6px;width:100%;min-width:0;min-height:44px;padding:7px 9px}.app .live-social .social-action[aria-pressed=true]{filter:none;border-color:#59b9a5;box-shadow:0 3px #549c8d66,0 0 5px #79cdb84d,inset 0 0 0 1px #8ad4bf}.app .live-social .social-action:hover:not(:disabled){background:linear-gradient(#fffef9,#fff5e2);border-color:#78c9b4}.app .live-social .social-action:active:not(:disabled){transform:translateY(2px)}.app .live-social .social-action:disabled{opacity:.5;cursor:default}.app .live-social .social-row-actions .social-action{min-width:82px;max-width:120px}.app .live-social .social-invitations .social-action{flex:1;min-width:0}
.app .live-casual .lineup article{min-width:0}.app .live-casual .lineup article strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app .live-casual .lineup .status-chip{margin-top:6px;padding:4px 9px;font-size:11px}.app .live-casual .queue-matchup{align-items:center}.app .live-casual .lineup{min-height:206px}.app .live-casual .casual-deadline{color:#16645f;background:#d3f7e7;border-radius:18px;padding:3px 20px;font-size:23px;font-weight:900;display:inline-block}.app .live-casual .casual-notice{color:#537c70;min-height:22px;margin:10px 0 0;font-size:13px}.app .live-casual .casual-wait{width:300px;font-weight:800}.app .live-casual .queue-action-button{color:#123b4b;text-transform:uppercase;text-shadow:0 1px #fff9bd;cursor:pointer;background:linear-gradient(#fff488,#f8d84e 60%,#f2bd3e);border:1.5px solid #cc9b42;border-radius:30px;flex:0 300px;width:300px;min-width:0;height:54px;padding:8px 49px 8px 16px;font-family:Lilita One,Trebuchet MS,sans-serif;font-size:22px;font-weight:400;line-height:1.05;position:relative;box-shadow:inset 0 0 0 2px #fff6bc,inset 0 -4px #ec9d35,0 3px #b98d5266}.app .live-casual .queue-action-button i{color:#fffaf0;background:linear-gradient(#286775,#103a4a);border:1.5px solid #f9f5c9;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:inset 0 1px 2px #bce7dc55,0 2px 2px #94692f66}.app .live-casual .queue-action-long{font-size:18px}.app .live-casual .queue-action-button>span{white-space:nowrap}.app .live-casual .queue-action-button svg{stroke-width:3.5px;width:22px;height:22px}.app .live-casual .queue-action-button:hover:not(:disabled){filter:brightness(1.04)}.app .live-casual .queue-action-button:active:not(:disabled){transform:translateY(2px)}.app .live-casual .queue-action-button:disabled{opacity:.5;cursor:default}
.app .ranked-queue-rating{color:#486d5b;margin:0 0 3px;font-size:20px;font-weight:900}.app .ranked-queue-rating small{font-size:13px;font-weight:600}.app .ranked-profile-rating{color:#177e70;align-items:center;gap:12px;font-size:44px;font-weight:900;display:flex}.app .ranked-profile-badge{object-fit:contain;flex:none;width:64px;height:64px}.app .ranked-change{color:#16765a;background:#e2f6df;border-radius:15px;padding:9px 14px;font-size:18px!important}.app .ranked-change.rating-loss{color:#9a5838;background:#ffebdb}.app .ranked-change small{font-size:12px}.app .ranked-history{gap:7px;max-height:230px;display:grid;overflow-y:auto}.app .ranked-history article{background:#fff9ed;border-radius:13px;grid-template-columns:1fr auto;gap:3px 10px;padding:9px;font-size:13px;display:grid}.app .ranked-history small{color:#6e8477;grid-column:1;font-size:10px}.app .ranked-history b{grid-area:1/2/3;align-self:center}.app .hub-ranked .live-casual .queue-matchup{margin-top:8px}.app .hub-ranked .live-casual>p:first-of-type{margin-top:2px}