/* R16.5: My Nerddi two-choice menu. Header and bottom nav stay the same. */
html[data-theme] .network-choice-trigger{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  appearance:none!important;-webkit-appearance:none!important;font:inherit!important;color:inherit!important;
  cursor:pointer!important;box-sizing:border-box!important;
  background:transparent!important;border:1px solid transparent!important;border-radius:11px!important;
  gap:2px!important;margin:0!important;min-width:0!important;line-height:1!important;
  transition:background-color .15s ease!important;
}
html[data-theme] .network-choice-trigger:hover,
html[data-theme] .network-choice-trigger[aria-expanded="true"]{
  background:color-mix(in srgb,var(--panel-2, #213a56) 72%,transparent)!important;
}
html[data-theme] .network-choice-trigger:focus-visible{
  outline:2px solid var(--accent,#59afff)!important;outline-offset:2px!important;
}
html[data-theme] header.unified-top>.top-network-orbit>.network-choice-trigger{
  width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;
  padding:2px!important;
}
html[data-theme] header.unified-top>.top-network-orbit>.network-choice-trigger img.network-logo{
  width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important;
}
html[data-theme] header.unified-top>.top-network-orbit>.network-choice-trigger>span{
  display:block!important;max-width:70px!important;font-size:8px!important;font-weight:700!important;
  color:var(--muted, #9fbbd2)!important;white-space:nowrap!important;
}
html[data-theme] .m-app .m-network-topbar>.m-header-network>.network-choice-trigger{
  flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;
  height:36px!important;min-height:36px!important;max-height:36px!important;
  padding:5px!important;gap:0!important;
}
html[data-theme] .m-app .m-network-topbar>.m-header-network>.network-choice-trigger img.m-network-logo{
  width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;max-width:25px!important;max-height:25px!important;object-fit:contain!important;
}
html[data-theme] .m-app .m-network-topbar>.m-header-network>.network-choice-trigger small{display:none!important}
@media(min-width:781px) and (max-width:1180px){
  html[data-theme] header.unified-top>.top-network-orbit>.network-choice-trigger>span{display:none!important}
}
@media(max-width:780px){
  html[data-theme] header.unified-top>.top-network-orbit>.network-choice-trigger{
    flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;padding:5px!important;
  }
  html[data-theme] header.unified-top>.top-network-orbit>.network-choice-trigger>span{display:none!important}
  html[data-theme] header.unified-top>.top-network-orbit>.network-choice-trigger img.network-logo{width:25px!important;height:25px!important}
}
@media(max-width:355px){
  html[data-theme] .m-app .m-network-topbar>.m-header-network>.network-choice-trigger,
  html[data-theme] header.unified-top>.top-network-orbit>.network-choice-trigger{
    flex-basis:34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;padding:4px!important;
  }
  html[data-theme] .m-app .m-network-topbar>.m-header-network>.network-choice-trigger img.m-network-logo,
  html[data-theme] header.unified-top>.top-network-orbit>.network-choice-trigger img.network-logo{
    width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;max-width:23px!important;max-height:23px!important;
  }
}
.network-choice-menu[hidden]{display:none!important}
.network-choice-menu{
  position:fixed;z-index:2147482000;box-sizing:border-box;width:min(288px,calc(100vw - 20px));
  padding:9px;border-radius:16px;border:1px solid var(--line,rgba(98,157,218,.36));
  background:var(--panel,#10233a);color:var(--text,#eef7ff);
  box-shadow:0 15px 44px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.network-choice-title{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:750;color:var(--muted,#a1b6cc);padding:5px 9px 9px}
.network-choice-option{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:inherit!important;border-radius:11px;padding:10px;min-height:54px;box-sizing:border-box}
.network-choice-option:hover,.network-choice-option:focus-visible{background:color-mix(in srgb,var(--accent,#5fbdff) 13%,transparent);outline:none}
.network-choice-option:focus-visible{box-shadow:inset 0 0 0 2px var(--accent,#59afff)}
.network-choice-icon{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border:1px solid var(--line,rgba(88,150,211,.32));border-radius:11px;background:color-mix(in srgb,var(--accent,#58adff) 9%,transparent)}
.network-choice-icon svg,.network-choice-icon img{width:22px;height:22px;object-fit:contain}
.network-choice-copy{display:flex;flex-direction:column;flex:1;min-width:0;gap:3px}
.network-choice-copy strong{font-size:13px;line-height:1.15;font-weight:750}
.network-choice-copy small{font-size:11px;line-height:1.25;color:var(--muted,#a1bdd6)}
.network-choice-arrow{font-size:17px;color:var(--muted,#a1bdd6)}
@media(prefers-reduced-motion:reduce){.network-choice-trigger{transition:none!important}}