.lfb-account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid rgba(72,239,199,.38);border-radius:7px;background:#10232d;color:#f4fffc;font:700 13px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.lfb-account-button:hover,.lfb-account-button:focus-visible{border-color:#48efc7;background:#16343f;outline:none}.lfb-account-button svg{width:18px;height:18px}.lfb-account-floating{position:fixed;z-index:800;top:16px;right:16px}.lfb-account-header-actions{display:inline-flex;align-items:center;gap:7px}.lfb-account-button-avatar{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#48efc7;color:#06201b;font-size:11px}.lfb-account-quick-logout{border:0;background:transparent;color:#a9c4ca;font:800 12px system-ui;cursor:pointer}.lfb-account-quick-logout:hover,.lfb-account-quick-logout:focus-visible{color:#fff;text-decoration:underline}
.lfb-guest-notice{position:fixed;z-index:900;right:18px;bottom:18px;width:min(460px,calc(100vw - 36px));padding:20px;border:1px solid rgba(55,214,255,.35);border-radius:8px;background:#07171ef7;color:#e8fbff;box-shadow:0 20px 55px rgba(0,0,0,.48);font:600 13px/1.5 system-ui,sans-serif;backdrop-filter:blur(12px)}
.lfb-guest-title{display:block;padding-right:32px;font-size:18px}.lfb-guest-notice p{margin:8px 0 16px;color:#b9d0d6}.lfb-guest-actions{display:flex;gap:8px}.lfb-guest-actions button{flex:1}.lfb-guest-notice .lfb-guest-close{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;border:0;background:transparent;color:#9fc0c9;font-size:21px;cursor:pointer}
.lfb-account-dialog{width:min(660px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));padding:0;border:1px solid rgba(72,239,199,.28);border-radius:8px;background:#081820;color:#effffd;box-shadow:0 28px 90px rgba(0,0,0,.68);font-family:system-ui,sans-serif;overflow:hidden}
.lfb-account-dialog::backdrop{background:rgba(0,7,12,.8);backdrop-filter:blur(7px)}.lfb-account-shell{display:grid;grid-template-rows:auto 1fr;max-height:inherit}.lfb-account-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.09);background:#0c2029}.lfb-account-head p{margin:0 0 4px;color:#48efc7;font-size:11px;font-weight:900;text-transform:uppercase}.lfb-account-head h2{margin:0;font-size:23px;letter-spacing:0}.lfb-account-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:6px;background:#102c36;color:#fff;font-size:22px;cursor:pointer}.lfb-account-body{padding:22px;overflow:auto}.lfb-account-dialog h3{margin:0 0 8px;font-size:18px}.lfb-account-dialog p{color:#a9c2c9}.lfb-account-dialog form{display:grid;gap:12px}.lfb-account-dialog label{display:grid;gap:6px;color:#cce1e6;font-size:12px;font-weight:800}.lfb-account-dialog input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #294752;border-radius:6px;background:#061219;color:#fff;font:600 15px system-ui}.lfb-account-dialog input:focus{border-color:#48efc7;outline:2px solid rgba(72,239,199,.14)}
.lfb-account-primary,.lfb-account-secondary,.lfb-account-danger{min-height:43px;padding:0 15px;border-radius:6px;font-weight:900;cursor:pointer}.lfb-account-primary{border:1px solid #48efc7;background:#48efc7;color:#031411}.lfb-account-secondary{border:1px solid #365661;background:#102932;color:#edffff}.lfb-account-danger{border:1px solid #9b3d4f;background:#32151d;color:#ffcad3}.lfb-account-primary:disabled,.lfb-account-secondary:disabled{opacity:.5;cursor:not-allowed}.lfb-account-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#78969e;font-size:11px}.lfb-account-divider::before,.lfb-account-divider::after{content:"";height:1px;flex:1;background:#29404a}.lfb-account-status{min-height:20px;margin:9px 0 0;color:#7eead1;font-size:13px}.lfb-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lfb-account-profile{display:grid;gap:18px}.lfb-account-card{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#0c2029}.lfb-account-identity{display:flex;align-items:center;justify-content:space-between;gap:18px}.lfb-account-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#48efc7;color:#06201b;font-size:21px;font-weight:1000}.lfb-account-identity strong,.lfb-account-identity small{display:block}.lfb-account-identity small{margin-top:3px;color:#82a6af}.lfb-account-actions{display:flex;flex-wrap:wrap;gap:9px}.lfb-save-list{display:grid;gap:9px;margin-top:12px}.lfb-save-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#07171e}.lfb-save-item strong,.lfb-save-item small{display:block}.lfb-save-item small{margin-top:4px;color:#87a8b0}.lfb-save-actions{display:flex;gap:7px}.lfb-save-actions button{min-height:34px}.lfb-conflict{border-color:#df9a3a;background:#271d10}.lfb-account-hidden{display:none!important}
.lfb-account-dialog a.lfb-account-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
#lfbGoogle,#lfbGuest,#lfbLinkGoogle,#lfbLinkLegacy{width:100%;margin-top:8px}
.lfb-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0;padding:4px;border:1px solid #24434d;border-radius:7px;background:#06151b}.lfb-account-tabs button{min-height:39px;border:0;border-radius:5px;background:transparent;color:#89a9b1;font-weight:900;cursor:pointer}.lfb-account-tabs button[aria-selected="true"]{background:#183a43;color:#fff;box-shadow:inset 0 0 0 1px rgba(72,239,199,.35)}
@media(max-width:620px){.lfb-account-grid{grid-template-columns:1fr}.lfb-account-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.lfb-account-body{padding:16px}.lfb-account-head{padding:16px}.lfb-save-item{grid-template-columns:1fr}.lfb-account-floating{top:10px;right:10px}.lfb-account-button{min-height:38px;padding:0 11px}.lfb-guest-notice{right:8px;bottom:8px;width:calc(100vw - 16px)}.lfb-guest-actions{flex-direction:column}.lfb-account-header-actions{gap:3px}.lfb-account-quick-logout{display:none}}
.lfb-menu-profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:210px;max-width:280px;min-height:52px;border:1px solid rgba(72,239,199,.24);border-radius:7px;padding:5px 8px;background:#0d1e27;color:#effffc;text-decoration:none}.lfb-menu-profile:hover,.lfb-menu-profile:focus-visible{border-color:#48efc7;background:#13313a;outline:none}.lfb-menu-profile:focus-visible,.lfb-account-settings:focus-visible{box-shadow:0 0 0 3px rgba(55,214,255,.32)}.lfb-menu-profile.is-loading{pointer-events:none;opacity:.72}.lfb-menu-profile.is-error{border-color:#805261}.lfb-menu-profile.is-guest{border-color:#34515b}.lfb-menu-avatar{position:relative;display:grid;place-items:center;width:38px;height:38px;border:2px solid #bdfcf0;border-radius:50%;background:linear-gradient(145deg,#44e9df,#1381a5);color:#042326;font-size:14px;font-weight:1000}.lfb-menu-avatar[data-palette=green]{background:linear-gradient(145deg,#91f05e,#18a27d)}.lfb-menu-avatar[data-palette=guest]{border-color:#64818a;background:#1c3139;color:#b9cdd2}.lfb-menu-avatar>i{position:absolute;inset:-5px;border:2px solid transparent;border-radius:50%}.lfb-menu-avatar>i[data-frame=signal]{border-color:#48efc7;box-shadow:0 0 10px rgba(72,239,199,.48)}.lfb-menu-avatar>i[data-rarity=legendary],.lfb-menu-avatar>i[data-rarity=mythic]{border-color:#f5ca62}.lfb-menu-identity{display:grid;min-width:0;gap:2px}.lfb-menu-identity>strong,.lfb-menu-identity>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfb-menu-identity>strong{font-size:12px}.lfb-menu-identity>small{color:#8faab1;font-size:9px}.lfb-menu-level{display:grid;grid-template-columns:auto minmax(45px,1fr);align-items:center;gap:6px;color:#b6cbd0;font-size:8px;font-weight:900}.lfb-menu-level[hidden]{display:none!important}.lfb-menu-level>i{height:4px;overflow:hidden;border-radius:3px;background:#203b42}.lfb-menu-level>i>b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48efc7,#37d6ff)}.lfb-menu-profile-arrow{color:#6c8c94;font-size:20px}.lfb-account-settings{width:40px;min-width:40px;padding:0}.lfb-account-settings svg{width:17px;height:17px}
@media(max-width:620px){.lfb-account-close,.lfb-guest-notice .lfb-guest-close{width:44px;height:44px}.lfb-account-button{min-height:44px}.lfb-account-header-actions{flex:0 0 auto}.lfb-menu-profile{width:44px!important;min-width:44px!important;min-height:44px;padding:2px;grid-template-columns:1fr}.lfb-menu-avatar{width:36px;height:36px;margin:auto}.lfb-menu-identity,.lfb-menu-profile-arrow{display:none!important}.lfb-account-settings{width:44px;min-width:44px;height:44px}}

/* Keep every account flow reachable on narrow screens, short landscape viewports, and virtual keyboards. */
.lfb-account-dialog{
  box-sizing:border-box;
  max-width:calc(100vw - 28px);
  max-height:calc(100vh - 28px);
  max-height:calc(100dvh - 28px);
  margin:auto;
}
.lfb-account-shell,.lfb-account-head,.lfb-account-body,.lfb-account-dialog section,.lfb-account-dialog form,.lfb-account-grid,.lfb-account-tabs{
  min-width:0;
}
.lfb-account-shell{
  min-height:0;
}
.lfb-account-body{
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}
.lfb-account-tabs button,.lfb-account-dialog button,.lfb-account-dialog a{
  min-width:0;
  overflow-wrap:anywhere;
}
@media(max-width:620px){
  .lfb-account-dialog{
    width:calc(100vw - 16px);
    max-width:calc(100vw - 16px);
    max-height:calc(100vh - 16px);
    max-height:calc(100dvh - 16px);
  }
  .lfb-account-head{
    padding-top:max(16px,env(safe-area-inset-top));
  }
  .lfb-account-body{
    padding-right:max(16px,env(safe-area-inset-right));
    padding-bottom:max(16px,env(safe-area-inset-bottom));
    padding-left:max(16px,env(safe-area-inset-left));
  }
}
@media(max-height:520px){
  .lfb-account-dialog{
    max-height:calc(100vh - 8px);
    max-height:calc(100dvh - 8px);
  }
  .lfb-account-head{padding-top:10px;padding-bottom:10px}
  .lfb-account-body{padding-top:12px;padding-bottom:12px}
}