.login-user-menu{box-sizing:border-box}.login-user-menu *,.login-user-menu :before,.login-user-menu :after{box-sizing:inherit}.login-user-menu__icon{flex-shrink:0;width:1rem;height:1rem;font-size:1.2rem}.login-user-menu__chevron{flex-shrink:0;width:1rem;height:1rem;font-size:1.2rem;transition:transform .2s}.login-user-menu__chevron--open{transform:rotate(180deg)}.login-user-menu__toggle--mobile{text-align:left;cursor:pointer;color:#ccccccb3;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:1rem;line-height:1.25rem;transition:background-color .2s,color .2s,border-color .2s;display:flex}.login-user-menu__toggle--mobile:hover{background-color:rgba(var(--effect-primary-rgb),.1);color:#fff}.login-user-menu__toggle--mobile.login-user-menu__toggle--open{background-color:rgba(var(--effect-primary-rgb),.2);border-left:2px solid var(--effect-primary);color:#fff}.login-user-menu__toggle-row{align-items:center;gap:.5rem;display:flex}.login-user-menu__sublist{flex-direction:column;gap:.5rem;margin-top:.5rem;margin-left:1rem;display:flex}.login-user-menu__item--mobile{text-align:left;cursor:pointer;color:#ccccccb3;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:1rem;line-height:1.25rem;transition:background-color .2s,color .2s;display:flex}.login-user-menu__item--mobile:hover{background-color:rgba(var(--effect-primary-rgb),.1);color:#fff}.login-user-menu__surface{position:relative}.login-user-menu__toggle--desktop{cursor:pointer;color:#ccc;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:.5rem;margin-left:.5rem;padding:.375rem .75rem;font-size:1.2rem;transition:background-color .2s,color .2s,border-color .2s;display:flex}.login-user-menu__toggle--desktop:hover,.login-user-menu__toggle--desktop.login-user-menu__toggle--open{color:#fff;background-color:#ffffff0f}.login-user-menu__toggle--desktop.login-user-menu__toggle--open{border-bottom-color:var(--effect-primary)}.login-user-menu__toggle--desktop.login-user-menu__toggle--route-active{color:var(--effect-primary);border-bottom-color:var(--effect-primary)}.login-user-menu__toggle--desktop.login-user-menu__toggle--route-active:hover,.login-user-menu__toggle--desktop.login-user-menu__toggle--route-active.login-user-menu__toggle--open{color:var(--effect-primary);background-color:#ffffff0f}.login-user-menu__avatar{object-fit:cover;border-radius:9999px;width:1.75rem;height:1.75rem}.login-user-menu__username{color:inherit;font-size:1.2rem;font-weight:500;line-height:1rem}.login-user-menu__toggle--desktop .login-user-menu__chevron{color:inherit}.login-user-menu__panel{background-color:#2b2b2e;border:none;border-radius:6px;width:14rem;min-width:10rem;margin-top:0;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 5px -2px #00000029,0 10px 24px #00000047}.login-user-menu--desktop .login-user-menu__panel:before{content:"";height:.75rem;position:absolute;bottom:100%;left:0;right:0}.login-user-menu__item--desktop{text-align:left;cursor:pointer;color:#ccc;background:0 0;border:none;justify-content:flex-start;align-items:center;width:100%;padding:.75rem 1rem;font-size:1.2rem;font-weight:400;line-height:1.25rem;transition:background-color .2s,color .2s;display:flex;position:relative}.login-user-menu__item--desktop:hover{color:#fff;background-color:#ffffff14}.login-user-menu__item-inner{align-items:center;display:flex}.login-user-menu__item-inner .login-user-menu__icon{margin-right:.5rem}.login-user-menu__item--disabled,.login-user-menu__item--disabled:hover{cursor:default;color:#ccc;background-color:#0000}
.navbar-notification{flex-shrink:0;align-items:center;display:inline-flex}.navbar-notification__trigger{cursor:pointer;color:#fff;box-sizing:border-box;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;justify-content:center;align-items:center;min-height:40px;margin:0;padding:.25rem .35rem;transition:background-color .2s,border-color .2s;display:inline-flex;position:relative}.navbar-notification__trigger:hover{background-color:#ffffff0f}.navbar-notification__trigger--open{border-bottom-color:#8b5cf6}.navbar-notification__trigger-inner{justify-content:center;align-items:center;display:inline-flex;position:relative}.navbar-notification__bell{color:#fff;width:1.5rem;height:1.5rem;font-size:1.5rem}.navbar-notification__badge{color:#fff;background:var(--effect-primary);box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;min-width:.8rem;height:.8rem;padding:0 .2rem;font-size:.65rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:-2px;right:-4px}.navbar-notification__paper.MuiPaper-root{color:#f5f5f5;border-radius:var(--border-radius);opacity:1;-webkit-backdrop-filter:none;border:1px solid #3f3f3f;outline:none;width:min(400px,100vw - 24px);max-width:400px;margin-top:.5rem;overflow:hidden;box-shadow:0 8px 32px #00000073;background:#2c2c2c!important}.navbar-notification__header{background-color:#454343;border-bottom:1px solid #3a3a3a;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem;display:flex}.navbar-notification__title{letter-spacing:.04em;text-transform:uppercase;color:#fff;align-items:center;gap:.4rem;margin:0;font-size:1rem;font-weight:700;display:flex}.navbar-notification__header-bell{color:#8b5cf6;font-size:1.1rem}.navbar-notification__header-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.45rem;display:inline-flex}.navbar-notification__new-pill{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--effect-primary);border-radius:var(--border-radius);flex-shrink:0;align-items:center;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.navbar-notification__mark-all{letter-spacing:.05em;text-transform:uppercase;color:#ececec;border-radius:var(--border-radius);cursor:pointer;background:#3a3a3a;border:1px solid #555;flex-shrink:0;margin:0;padding:.2rem .45rem;font-size:.6rem;font-weight:700;transition:background-color .15s,border-color .15s,color .15s}.navbar-notification__mark-all:hover{color:#fff;background:#4a3f63;border-color:#8b5cf6}.navbar-notification__mark-all:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.navbar-notification__list{max-height:min(400px,70vh);padding:0;overflow-y:auto}.navbar-notification__list::-webkit-scrollbar{width:6px}.navbar-notification__list::-webkit-scrollbar-track{background:#242424}.navbar-notification__list::-webkit-scrollbar-thumb{background:#5a5a5a;border-radius:6px}.navbar-notification__item{border-bottom:1px solid #383838}.navbar-notification__item--read{filter:brightness(.55)}.navbar-notification__item:last-child{border-bottom:none}.navbar-notification__item-link{color:inherit;cursor:pointer;outline:none;text-decoration:none;display:block}.navbar-notification__item-link:hover .navbar-notification__item-row{background-color:#353535}.navbar-notification__item-link:focus-visible .navbar-notification__item-row{outline-offset:-2px;outline:2px solid #8b5cf6}.navbar-notification__item-row{gap:.5rem;padding:.5rem;display:flex}.navbar-notification__item-icon-wrap{flex-shrink:0;justify-content:center;align-items:start;width:2.25rem;height:2.25rem;display:flex}.navbar-notification__item-type-icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.navbar-notification__item-type-icon--invite{color:#8b5cf6}.navbar-notification__item-type-icon--trophy{color:#eab308}.navbar-notification__item-type-icon--system{color:#9ca3af}.navbar-notification__item-type-icon--removal{color:#f87171}.navbar-notification__item-type-icon--report{color:var(--effect-primary)}.navbar-notification__item-meta-row{justify-content:flex-end;align-items:center;margin-top:.25rem;display:flex}.navbar-notification__item-time{letter-spacing:.02em;color:#a8a8b0;font-size:.65rem;font-weight:600}.navbar-notification__load-more-wrap{border-top:1px solid #383838;justify-content:center;padding:.5rem .65rem;display:flex}.navbar-notification__load-more{letter-spacing:.04em;text-transform:uppercase;color:#ececec;border-radius:var(--border-radius);cursor:pointer;background:#3a3a3a;border:1px solid #555;margin:0;padding:.35rem .75rem;font-size:.72rem;font-weight:600;transition:border-color .15s,background .15s}.navbar-notification__load-more:hover:not(:disabled){background:#4a3f63;border-color:#8b5cf6}.navbar-notification__load-more:disabled{cursor:not-allowed}.navbar-notification__empty,.navbar-notification__error,.navbar-notification__loading{text-align:center;color:#b4b4bc;margin:0;padding:1rem .85rem;font-size:.875rem}.navbar-notification__error{color:#fca5a5}.navbar-notification__mark-all:disabled{cursor:wait}.navbar-notification__item-body{flex-direction:column;flex:1;min-width:0;display:flex}.navbar-notification__item-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.navbar-notification__item-title{color:#fff;font-size:1rem;font-weight:700}.navbar-notification__item-time{letter-spacing:.02em;text-transform:uppercase;color:#9ca3af;flex-shrink:0;font-size:.9rem;font-weight:600}.navbar-notification__item-desc{color:#9ca3af;margin:0;font-size:.9rem;line-height:1.4}.navbar-notification__item-actions{border-radius:var(--border-radius);background:#0a0a0a;border:1px solid #333;min-height:2.5rem;margin-top:.25rem}
.navbar{height:var(--navbar-height);background-color:var(--background-secondary)!important;position:relative!important}.navbar__inner{width:100%;height:var(--navbar-height);z-index:var(--z-navbar,500);margin:0 auto;position:fixed;inset-inline:0;background-color:#2c2c2c!important;top:0!important}.navbar__brand-logo{object-fit:contain;width:auto;height:60px;display:block}.navbar__toolbar{height:var(--navbar-height);width:var(--main-width);max-width:var(--max-main-width);color:var(--text-primary);box-sizing:content-box;justify-content:space-between;margin:0 auto}.navbar-mobile-menu [role=presentation],.navbar-mobile-menu .MuiPopper-root{width:auto!important;min-width:0!important;max-width:none!important;left:0!important;right:0!important}.navbar-mobile-menu [role=presentation]>div,.navbar-mobile-menu .MuiPopper-root>div{width:100%!important;max-width:100%!important}.navbar-mobile-menu [data-slot=paper],.navbar-mobile-menu .MuiPaper-root{width:100%!important;max-width:100%!important;margin:0!important;left:0!important;right:0!important}.navbar-mobile-menu .MuiList-root{width:100%}.navbar-mobile-menu .MuiMenu-list{padding-top:0!important}.navbar-submenu-paper:before{content:"";height:.75rem;position:absolute;bottom:100%;left:0;right:0}.MuiToolbar-root .MuiButton-root{font-size:1.25rem!important}
.footer{z-index:var(--z-footer,100);background-color:var(--background-secondary);color:var(--text-secondary);margin-top:auto;padding:2.0625rem 1.5rem 1.5rem;position:relative}.footer__inner{max-width:1200px;margin:0 auto}.footer__top{grid-template-columns:1fr;gap:2rem;padding-bottom:1.5rem;display:grid}@media (min-width:768px){.footer__top{grid-template-columns:1fr auto auto;align-items:start;gap:3rem}}.footer__brand{max-width:360px}.footer__title{margin:0 0 .5rem;font-size:1.7rem;font-weight:700;line-height:1.25}.footer__title-accent{color:var(--effect-primary)}.footer__title-main{color:#fff}.footer__description{color:#e5e5e5b3;margin:0;font-size:1.075rem;line-height:1.5}.footer__heading{text-transform:uppercase;letter-spacing:.05em;color:#fff;margin:0 0 .75rem;font-size:1.075rem;font-weight:600}.footer__links{margin:0;padding:0;list-style:none}.footer__links li{margin-bottom:.35rem}.footer__link{color:#e5e5e5bf;font-size:1.075rem;text-decoration:none;transition:color .2s}.footer__link:hover{color:var(--effect-primary)}.footer__social{align-items:center;gap:1rem;display:flex}.footer__social-link{color:#e5e5e5bf;transition:color .2s}.footer__social-link:hover{color:var(--effect-primary)}.footer__social-link svg{display:block}.footer__divider{background-color:#e5e5e51f;height:1px;margin:0 0 1rem}.footer__bottom{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}@media (min-width:640px){.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer__legal-left{align-items:flex-start;gap:1.25rem;display:flex}.footer__garena-logo{opacity:.85;flex-shrink:0}.footer__garena-logo svg{width:40px;height:40px;display:block}.footer__copyright{color:#e5e5e58c;margin:0;font-size:.95rem;line-height:1.5}.footer__legal-links{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.footer__legal-link{text-transform:uppercase;letter-spacing:.03em;color:#e5e5e599;font-size:.95rem;text-decoration:none;transition:color .2s}.footer__legal-link:hover{color:var(--effect-primary)}.footer__legal-sep{color:#e5e5e559;-webkit-user-select:none;user-select:none}